body{height:100%;margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
*{margin:0;padding:0}
/*juin18*/
.bouton{
margin-left:48px; width:280px;color:#000;background-color:#fff;font-size:14px;margin-top:10px;
}
.taille{font-size:16px; font-weight: bold;}
.valid{
  font-weight: bold; /* gras */
  font-size: 16px;; /* si le texte devient piti, mettre la valeur 1.6rem */
  color: white; /* blanc sur rouge foncé */
  background:#ed9c19;height:30px;width:300px}
  .box-center{margin:0 auto;width:100%;margin-top:20px;font-size:16px;}
  .box-center p{text-align:center; font-size:16px;}
.center-env{margin:0 auto;text-align:center;width:270px;}
.center-env2{margin:0 auto;text-align:center;width:180px;background-color:#666:color:#000000}
.resa{text-align:center;width:300px;margin-left:130px;border:solid 1px #444}
.content{text-align:center;position:relative;z-index:8;clear:both;width:100%;float:left;font-size:14px;line-height:1.2}
.content2{text-align:center;position:relative;z-index:8;clear:both;width:70%;float:left;font-size:14px;line-height:1.2}
.marge-5{width:100%;height:5px;}

.box1-com{width:70%;float:left:}
.box22-com {
	top: 0px;
	width: 38%;
	text-align: left;
	float: left;
	margin-right: 0px;
	border: 0px;
}
.box22-com img{width:90%;}

.box50{top: 0px;
	width: 40%;
	text-align: center;
	float: left;
	margin-right: 0px;
	border: 1px;}
.box2-com {
	top: 0px;
	width: 40%;
	text-align: left;
	float: left;
	margin-right: 20px;
	border: 0px;
}
.etapes{width:52%; text-align:left;font-size:16px;float:left;padding-top:35px;padding-left:2%;padding-right:2%;}
.box3-com {
	margin-top:60px;
	width: 28%;
	text-align: left;
	margin-right:2%;
	float: right;
	border: 0px;
}
.box2-com img{width:100%;}

.box2-com h2{margin-left:80px;}
.box2-com h3{font-size:14px;text-align:center;}
.box2-com h4{font-size:14px;text-align:center;}
.box2-com p{font-size:12px;}


.center14{text-align:center;font-size:14px;}
.center16{text-align:center;font-size:14px;}

.rouge{color:#bf2626}
.cadre3{float:left;height:130px;padding-left:10px;margin-bottom:5px;width:1102px;text-align:center;border:solid 1px #444444;font-size:10px;}
.cadre3 img{width:85%;margin-top:13px;}
.cadre5{float:left;height:190px;padding-left:10px;margin-top:30px;margin-bottom:40px;width:1102px;text-align:left;border:0;}

.cadre6{float:left;height:190px;width:25%;border:0; text-align:center;}
.cadre6 img{width:70%}
.cadre4{float:left;height:190px;padding-left:10px;margin-top:30px;margin-bottom:40px;width:1102px;text-align:left;border:0;}

.cadre4-2{float:left;height:190px;width:25%;border:0; text-align:center;}
.cadre4-2 img{width:70%}

.etapes2{margin:0 auto;width:85%; text-align:left;font-size:13px;float:left;padding-top:15px;padding-left:50px;padding-right:25px;}
.content1{width:50%;float:left;text-align:center;}
.content1 img{width:150px}

.size10 p{font-size:9px;}

.contenu0{width:1098px;height:345px;margin-left:9px;margin-top:0px;margin-bottom:0px;border:solid 1px #444444;}
.contenu{width:1098px;height:320px;margin-left:9px;margin-top:20px;margin-bottom:10px;border:solid 1px #444444;}
.contenu2{width:98%;height:400px;margin-top:20px;margin-bottom:0px;border:solid 1px #444444;}
.themes{margin:0 auto;width:840px;height:230px;float:left;margin-bottom:15px;}
.tithemes{margin-left:40px;width:215px; height:200px; float:left;font-size:22px;}
.theme{margin:0 auto;width:840px;height:198px;float:left;margin-bottom:7px;}
.theme img{margin-top:8px;width:99%;}
.basthemes{width:1100px;margin-left:45px;float:left;margin-bottom:10px;}
.bastheme{width:1100px;margin-left:0px;float:left;margin-bottom:10px;}
.bastheme img{width:98.5%;margin-left:3px;margin-bottom:5px;}
.margin{margin-right:10px; }
.cadre0{float:left;padding-top:0px;margin-left:0px;margin-top:15px;width:1115px;text-align:center;border:solid 0px #444444;font-size:10px;}
.cadre0 img{width:100%;}
.cadre1{float:left;height:822px;padding-top:15px;margin-left:0px;margin-bottom:20px;width:1113px;text-align:center;border:solid 1px #444444;font-size:10px;}
.cadre1 img{width:90%;margin: 0 auto;margin-left:0px;}
.cadre2 img{width:85%;}

.flottante{margin:0 auto;margin-bottom:10px;margin-top:10px;width:210px;text-align:center;border:solid 0px red;float:left;height:auto;}

.flottante img{width:190px;}
.flott{float:left;height:40px;width:191px; padding-top: 12px;margin-left:15px;border:solid 1px #444444;font-size:20px;}

.basthemes a,.box2-com a{color:#000;text-decoration:none}
.basthemes a:visited,.box2-com a:visited {color:#000;text-decoration:none}
.basthemes a:hover,.box2-com a:hover{color:#fff;background-color:#bf2626;}
/*juin18*/
.flottant{margin:0 auto;margin-bottom:10px;width:160px;text-align:center;border:solid 0px red;float:left;height:auto;}

.flottant img{width:140px;}
.container{margin: 0 auto;
width:77,2%}
.auto-style4{width:90%;font-family:Roboto;font-size:17px;line-height:1.4;text-align:center;margin-left:40px;margin-right:10px;margin-top:10px;margin-bottom:0px;color:#2f3036}h1{margin-left:0px;margin-bottom:10px;margin-top:2px;font-size:18px;color:#000000}h2{margin-left:0px;font-size:18px;color:#000}.marge-10{width:100%;height:10px;clear:both}.marge-5{width:100%;height:5px;clear:both}.marge-15{width:100%;height:15px;clear:both}.marge-25{width:100%;height:25px;clear:both}.marge-30{width:100%;height:30px;clear:both}
.marge-index{width:100%;height:15px;clear:both}
.foot2{position:relative;clear:both;top:0px;left:9px;background-color:#525f67;width:1100px;;height:60px;padding-top:0px;padding-bottom:5px;text-align:center;border:solid 0px red}
/*a:visited{color:#fff;margin-left:15px;text-decoration:none}*/
.foot3{position:relative;clear:both;top:0px;left:9px;background-color:#303030;width:1100px;;height:12px;padding-top:10px;padding-bottom:10px;text-align:center;border:solid 0px red}

.col2-footer{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;float:left;line-height:1.5;font-size:15px;color:#fff;margin-left:60px;margin-top:5px;width:290px;height:60px;text-align:center;border:solid 0px #bf2626}
.col3-footer{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;float:left;line-height:1.5;font-size:15px;color:#fff;margin-left:60px;margin-top:5px;width:290px;height:60px;text-align:center;border:solid 1px #bf2626}
.col3-footer a,.col2-footer a,.foot3 a{color:#fff;margin-left:16px;text-decoration:none}.col3-footer a:visited,.col2-footer a:visited, .foot3 a:visited{color:#fff;margin-left:16px;text-decoration:none}
#slideshow{position:relative;left:10px;height:320px;width:680px;visibility:visible;top:6px;border:0px solid red;margin-bottom:70px;margin-top:12px;}#slideshow DIV{position:absolute;top:0;left:0;z-index:8;opacity:0.0;height:100%;background-color:#FFF}#slideshow DIV.active{z-index:100;opacity:1.0}#slideshow DIV IMG{height:auto;width:98%;display:block;border:0px;margin-bottom:0px}

.engagement{width:100%;position:relative;margin-top:10px;margin-bottom:5px;margin-left:0px;float:left; }.mini-box{width:25%;float:left;height:75px;font-size:13px;border:0px solid gray}.mini-box img{width:auto;height:30px;vertical-align:middle}
.engagement p{font-size:11px;padding-left:5px;padding-right:0px;color:#333}
.engagements a{margin-right:5px;margin-left:0px;font-size:14px;text-decoration:none;color:#444 ;}
.engagements a:visited{margin-right:5px;margin-left:0px;color:#444 ;text-decoration:none;}
.engagements a:hover{margin-right:5px;margin-left:0px;color:#fff;background-color:#C00;}
.engage{margin: 0 auto;width:60%;text-align:center;margin-top:10px;}
.nonP{display:inline-block;}
.nonO{display:none;}
.logo{height:55px;width:auto;}
.container-bandeau{margin:0 auto;z-index:100;float:left;width:100%;height:62px;background-color:#fff;border:0px solid red;position:relative;margin-bottom:5px;margin-top:0px}.container-bandeau img{height:50px}.titre-en{position:absolute;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;color:#000000;line-height:1.2;top:10px;height:auto;right:6px;width:60%;text-align:right;border:0px solid red}.titre-en img{height:15px}


*{margin:0;padding:0}html{height:70%}body{font-size:16px;padding-bottom:5px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}input{display:block;width:85%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4;color:#000;border:1px solid #5f5f5f;padding:2px;margin-bottom:10px}

/*Vignettes bas de pages*/
.boite{width:100%;float:left;}
.boit4{width:25%;text-align:center;padding-bottom:30px;float:left;}
.boite img{width:70%;height:auto;}
.boit5 img{width:160px;height:auto;}
.boit5{width:25%;text-align:center;padding-bottom:30px;float:left;}




.foot2{position:relative;clear:both;top:0;left:0px;background-color:#525f67;color:#FFFFFF;width:1096px;height:160px;padding-top:10px;padding-bottom:10px;text-align:center;}
.foot2-1{color:#FFFFFF;width:80%;margin-left:60px;text-align-left}
.foot2-2{color:#0000000;width:93%;margin-left:0px;text-align-left;font-size:12px;padding-left:20px;}
hr{float:left;width:95%;margin-left:20px;align:center;color:#FFFFFF;height:1px;}
@media only screen and (max-width:750px){
/*Vignettes bas de pages*/
	.foot2-2{color:#0000000;width:93%;margin-left:0px;text-align:left;font-size:13px;padding-left:20px;}
	.tema{width:96%;float:left;margin-left:10px;}
.padding{width:40%; padding-left:20px;padding-bottom:20px;padding-right:0px;float:left}
.tema img{width:100%;height:auto;float:left;}

.amenu0{width:100%;float:left;}
.amenu1{width:35px;margin-right:10px; float:left;}
.amenu{
  width: 35px;
  height: 5px;
  background-color: black;
  margin: 6px 0;
}
/*la taille dans center-env permet de ne pas sortir du cadre avec le PHP*/	
.center-env{margin:0 auto;text-align:left;width:230px;font-size:11px}
.etapes{width:100%; text-align:left;font-size:13px;float:left;padding-top:15px;padding-left:
20px;padding-right:0px;}
	.etapes2{width:75%; text-align:left;font-size:13px;float:left;padding-top:15px;padding-left:0px;padding-right:0px;}
	.cadre4{float:left;padding-left:0px;margin-top:35px;margin-bottom:0px;width:100%;height:auto;text-align:left;border:0;}
	.cadre4-2{float:left;width:95%;height:auto;border:0; text-align:center;}
	.cadre4-2 img{width:40%;}
.box3-com {
	margin-top: 0px;
	width: 99%;
	text-align: center;
	float: left;
	margin-left:20px;
	border: 0px;
}
.box-center{margin:0 auto;width:90%;margin-top:20px;font-size:12px;marging-left:20px;marging-right:20px}
  .box-center p{margin:0 auto;width:90%;text-align:center; font-size:13px;padding-left:10px;padding-right:10px}
 .center{text-align:center; font-size:12px;}
	.box2-com h2{margin-left:0px;}
	.box1-com{width:95%;text-align:center;padding-right:0px;}
	.box2-com{width:100%;text-align:center;padding-right:0px;}
	.box2-com img{width:95%;margin-left:30px;}
	.box2-com h4{font-size:12px;text-align:center;}
.box2-com div{font-size:18px;margin-top:1px;margin-right:0px;}
.box2-com h2{margin-left:40px;}
.box2-com p{font-size:12px;}
#slideshow{position:relative;left:15px;height:270px;width:95%;visibility:visible;top:0px;border:0px solid red;margin-bottom:10px;margin-top:0px;}
#slideshow DIV IMG{height:auto;width:95%;display:block;border:0px;margin-bottom:0px}

	.resa{text-align:center;width:100%;margin-left:00px;border:solid 1px #444}

	.cadre1{float:left;padding-top:15px;margin-left:0px;margin-bottom:0px;width:100%;height:auto;text-align:center;border:solid 0px #444444;font-size:10px;}
.cadre1 img{width:90%;margin: 0 auto;margin-left:0px;}


	.content{margin:0 auto;text-align:center;width:93%}h1{text-align:center;font-size:13px;color:#000000;margin-right:10px;margin-top:10px}h2{font-size:16px}.logo{height:42px;width:auto}.container{margin:0 auto;width:100%;font-size:12px;}
	.content2{text-align:center;position:relative;z-index:8;clear:both;width:95%;float:left;font-size:14px;line-height:1.2}
	
	.engagements{left:30px;text-align:center;width:85%;position:relative;top:50px}.mini-box{width:100%;float:left;height:50px;vertical-align:middle;border:1px dashed gray}.mini-box img{max-width:10%}
	.foot2{display:none;}.nonP{display:none}.nonO{display:inline-block}.titre-en{position:absolute;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;color:#000000;right:20px;line-height:1.2;top:20px;height:18px;width:10%;border:0px solid red}.titre-en img{height:15px;width:auto}
.container-bandeau{width:100%}.container-bandeau img{height:52px}
.auto-style4{width:90%;font-family:Roboto;font-size:18px;line-height:1.4;text-align:center;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:10px}
.valid{
  font-weight: bold; /* gras */
  font-size: 12px;; /* si le texte devient piti, mettre la valeur 1.6rem */
  color: white; /* blanc sur rouge foncé */
  background:#ed9c19;height:30px;width:93%}
  
}