/*@import url(style_editeur.css);*/

@font-face {
	font-family: 'Amerika';
	src: url('/fonts/AMERSN__.eot');
	src: local('?'), url('/fonts/AMERSN__.woff') format('woff'), url('/fonts/AMERSN__.ttf') format('truetype'), url('/fonts/AMERSN__.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{
	margin: 0;
	padding: 0;
}
html{
	background: #f7f8f6 url('/images/bg.png') top left repeat-x;
}
body {
	padding: 0;
	margin: 0;
	background: url('/images/decobody.png') bottom center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color:#444444;
	font-size:12px;
	_background:none;
}
.left{float: left;} 
.margin-left{
	margin-left:20px;	
}
p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color:#5e5e62;
	font-size:10px;
	line-height:15px;
	padding: 3px 0 3px 15px;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-weight:normal;
}
h1{
	font-size: 19px;
	color:#666666;
	font-family: Amerika, Arial, Helvetica, sans-serif;
	
	margin:0 40px 0 115px;
	line-height:26px;
	padding:72px 0 0 0;
}

h2{
	font-size: 15px;
	margin:0 0 5px 0;
}

h3, h3 a{
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 8px 0 0 0;
	font-weight:bold;
}
h4{
	font-size: 14px;
	margin:10px 0 10px 0;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333
}

h5{
	font-size: 12px;
	margin:0 0 8px 0;
}

a, a:link, a:visited, a:active, a:hover {
	color: #00529a;
	text-decoration: none;
}
 a:hover  {
	color: #00529a;
}

.texte_en_gras {
	font-weight:bold;
}

.italic {
	font-style:italic;
}
.cursorpointer{
	cursor:pointer;
}
.clearboth{
	clear:both;
}
img{
	border:none;
}
.hide {
	display:none;
}
ul{
	margin: 5px 0 5px 50px;
}
li{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Page
-------------------------------------------------------- */
.imgAccueil{
float: left;
margin: 12px;
border: #F1F1F1 solid 3px;
}
.blocActu{
float: left;
}
.texteAccueil{
margin: 8px 0 0 0;
}
#header{
	position:absolute;
	top:53px;
	margin:0 0 0 129px;
	z-index:3;
}
#menuGeneral{
	padding:22px 10px 5px 0;
	text-align:right;
	color:#666666;
	font-size:12px;
	background: transparent url('/images/hautmenu.png') bottom left no-repeat;
	_background:none;
}
#menuGeneral a{
	color:#cccccc;
}
#menuGeneral a:hover{
	color:#ffffff;
text-decoration: underline;
}
#menuGauche{
	float:left;
	width:177px;
	background:#FFFFFF url('/images/fondmenu.png') top right repeat-y;
}
#menuGauche ul{
	margin:88px 0 0 0 ;
	list-style:none;
}
#menuGauche li{
	
	font-family: /*Amerika,*/ Arial, Helvetica, sans-serif;
	border-bottom:#ebebeb 1px solid;
	
	font-weight:bold;
}
#menuGauche a{
	display:block;
	font-size:12px;
	
	color:#333;
	padding:8px 0 8px 16px;
}

#menuGauche a:hover , #menuGauche a.on{
	color:#0070C0;
}
.blancgris{
	background: url('/images/menugauche.png') top left no-repeat;
}
.grisblanc{
	background: url('/images/menugauche.png') bottom left no-repeat;
	height:30px;
	width:176px;
}
#general{
	margin: 0 auto;
	width:920px;
}
#contenu{
	background: #ffffff url("/images/ombregauche.jpg") top left repeat-y;	
	float:left;
	width:733px;
}
#hautcontenu{
	width:723px;
	height:122px;	
}
#calendriers ul{
margin: 0;
padding: 0;
}
#calendriers li{
font-size: 9px;
}
#calendriers h3{
line-height: 10px;
font-size: 13px;
text-align: center;
padding: 10px 0 10px 0;
border-bottom: 1px solid #CCCCCC;
}
/* Accueil
-------------------------------------------------------- */
#gaucheaccueil{
	display: table-cell;
	width:289px;
	height:600px;
	background: #FFFFFF url('/images/fondaccueilgauche.png') top left repeat-y;
float:left;
}
#flote{
	width:288px;
	height:261px;
	margin:123px 0 15px 1px;  
	overflow:hidden;
	position:absolute;
	z-index:1;
}
#flote2{
	width:288px;
	height:193px;
	margin:123px 0 15px 1px;  
	overflow:hidden;
	position:absolute;
	z-index:1;
}
	#premierligne, #troisiemeligne, #deuxiemeligne{
		text-align:right;
		display:block;
		width:600px;
		font-size:72px;
		font-weight:bold;
		line-height:72px;
		left:-682px;
		position:absolute;	
		z-index:3;
		color:#FFFFFF;
	}
	#premierligne{
		top:2px;
	}
	#deuxiemeligne{
		top:90px;	
	}
	#troisiemeligne{
		top:180px;	
	}
#ombregauche{
	position:absolute;
	width:289px;
	height:261px;
	background: transparent url('/images/fondaccueilgauche2.png') top left repeat-y;
	top:0;	
	left:0;
	z-index:2;
	_background:none;
}
 h1.titreaccueil{
	position:absolute;
	top:440px;	
width:150px;
	z-index:3;
	margin: 25px 40px 50px 60px;
	padding:0 0 0 0;
 }
 h1.titreaccueil3{	
width:280px;
	z-index:3;
	margin: 0 0 10px 0;
	padding:0 10px;
position: relative; 
top: 118px;
 }

#droiteaccueil{
	float:left;
	display: table-cell;
	width:400px;
	padding: 0 0 15px 0;
}

.accueilie{
float:left;
}


.chapoaccueil{
	font-size:17px;
	color:#576872;
	margin:10px 0 5px 0;
	letter-spacing:-1px;
	font-weight:normal;
	font-family: Amerika, Arial, Helvetica, sans-serif;
}

.imgaccueilrubrique{
	z-index:2;
}

.accueilrubriques h3 {
	margin:15px 15px 0 15px;
}
.accueilrubriques p{
	margin: 0 15px 0 15px;
	padding:0 0 0 0;
}
.accueilrubriques .lien{
	margin: 5px 15px 5px 15px;
}
.texteevenement{
font-size:12px;
	font-weight:bold;
color:#555;
}
.chapoevenement, .chapoevenement p{
	color:#555555;
	font-size:11px;
	font-style: italic; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.separation_ombre{
	background: url('/images/separation_ombre.png') top left no-repeat;
	width:392px;
	height:8px;
	margin:5px 15px 5px 15px;
float: left;
}
#descaccueil{
	margin:0 15px 0 152x;
}
#blanc{
	background:#FFFFFF url('images/blanc_ombre.png') top left repeat-y;
	display:table;	
	height:100%;
	width:100%;
}

#blanc_accueil{
	background:#FFFFFF url('images/blanc_accueil.png') top left repeat-y;
	display:table;	
		float:left;
}
#blanc_accueilie{
	background:#FFFFFF url('images/blanc_accueilie.png') top left repeat-y;
	float:left;
}

/* Rubrique
-------------------------------------------------------- */
.contenant{
	padding:12px 22px 5px 36px;
}
#listeproduits{
	padding:8px 32px 22px 36px;
}
.toggler{
	margin:12px 0 12px 0;
	cursor: pointer;
}
.toggler h3{
	float:left;
}
.symbolesuite{
	float:right;
	margin:9px 0 0 0;
}
.liresuite{
	float:left;
	color:#3d9272;
	font-size:11px;
	padding:4px 0 0 0;

}
.chapoproduit{
	clear:both;
	margin:0 0 12px 0;
	padding: 0;
	color:#8b8c91;
	font-size:11px;
	font-style: italic; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.element{
	background:#f4f2f2;
	padding:0 20px 20px 20px;	
}
.descriptionProduit{
	position:relative; 
	top:6px;
	background:#f4f2f2;
	padding:0 20px 20px 20px;
	margin:12px 0 0 0;
}
.espace30{width:100%;height:30px;display:block;}
.elementie{
	padding:0 0 20px 0;
}

.elementie p{
	background:#f4f2f2;
	padding:0 20px 0 20px;
}

/* Produit
-------------------------------------------------------- */
.element{
	background:#f4f2f2;
}
iframe{
	width:610px;
	height:350px;
	border:none;
}

iframe.youtubeSmall{
	width:200px;
	height:134px;
	margin:8px 0 0 15px;
}

iframe.youtubeBig{
	width:610px;
	height:343px;
	margin:8px 0 0 15px;
}

/* Footer
-------------------------------------------------------- */

#footer {
	clear:both;
	width:900px;
	padding:11px 0 0 0;
	text-align:right;
	color:#6b7859;
	font-size:10px;
	background: transparent url('/images/basmenu.png') top left no-repeat;
	_background:none;
	}
	
#footer a{
	color:#6b7859;
}

.cadreTexteInscription{
	border:1px solid #ff40d9;
	padding:10px 5px;
	margin:40px 0px 20px 0px;
}

/* Formulaire
-------------------- */
.blocproduit{
	border-bottom:1px solid #ff40d9;
	padding-bottom: 20px;
	margin-bottom:20px;
}


form {
	padding:0;
	margin:0 0 20px 0;
}
.fix{
clear:both;
}
#formBoutique label {
float:left;
width:35px;
margin:0 10px 0 10px;
text-align:right;
}
#formBoutique fieldset{
width: 280px;
float: left;
padding: 10px;
margin: 0 10px;
border: 1px dotted #cccccc;
}
#formBoutique legend{
padding: 0 10px;
font-weight: bold;
}
#formBoutique input, #formBoutique select, #formBoutique textarea {
	float:left;
	margin: 0;
	width: 20px;
	padding: 3px;
	border:solid 1px #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#626164;
	font-weight:bold;
	background-color:#f1f1f1;
}
#bouton_submit input{
	width:150px;
	color:#000000;
	background-color:#f9f9f9;
	border: 1px solid #cccccc;
	margin: 10px 0 0 484px;
}
label {
float:left;
width:190px;
margin:0 20px 20px 0;
text-align:right;
}
fieldset{
padding: 10px;
border: 1px dotted #cccccc;
}
legend{
padding: 0 10px;
font-weight: bold;
}
input, select, textarea {
	float:left;
	margin: 0;
	width: 190px;
	padding: 3px;
	border:solid 1px #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#626164;
	font-weight:bold;
	background-color:#f9f9f9;
}
.labelradio{
width:auto;
  margin:0 10px 0 0px;
  padding:0;
}
.btnradio{
width:10px;
  margin: 0 40px 0 0;
}
select.choixquantite{
width:50px;
margin:0 20px 0 0;
}
.prixquantite{
margin:8px 0 15px 0;
}
#paiement{
	width:100px;
}
.prixquantite label{
margin:5px 15px 0 0;
width:50px;
}
.modepaiement label{
margin:5px 15px 0 0;
width:200px;
}

.champsObligatoire{
	background-color:#C7C8C9;
}
.obligatoire {
	font-size: 12px;
	color: #FF0000;
	clear:both;
	margin:10px 0;
}
.formport{
	clear:both;
}
.formport label{
width:auto;
}
.formport input{
width:50px;
margin:0 50px 20px 0;
}
#fb{
position: relative;
right: 7px;
top: 4px;
}

/* AJOUT PAGE FORMATEURS */
.clear{
clear:both;
}

.type2_2{
float:left;
width:331px;/* 675/2*/
  overflow:hidden;
  height:130px;
}

.type2_2 img{
float:left;
margin-right:10px;
}

.type2_2 h3{
margin:0 0 5px;
}

.type2_2 .texte{
float:left;
width:231px;
}
.type2_2 .texte p.desc{
padding:0;
  height:63px;
  overflow:hidden;
}

.clear{
clear:both;
}

.fiche_prod .portrait{
float:left;
margin-right:20px;
}

.fiche_prod h3{
margin:0 0 10px;
}

.fiche_prod .texte{
float:left;
width:550px;
}

.fiche_prod .texte p{
padding:0;
}

/* Correction des bug Internet Explorer
-------------------------------------------------------- */

* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}