body {width:100%;font:16px Verdana;color:#2A4262;font-weight: normal; margin:0px; text-align:justify;line-height:19px}
a {color:#000000;}

#main{margin-left:auto;margin-right:auto;text-align:center;z-index:1 }
#mainpage{margin-left: auto;margin-right: auto;max-width: 1024px;width: 100%;}
.mainpagecadre{-moz-box-shadow: 2px 2px 2px 2px #cccccc;
-webkit-box-shadow: 2px 2px 2px 2px #cccccc;
-o-box-shadow: 2px 2px 2px 2px #cccccc;
box-shadow: 2px 2px 2px 2px #cccccc;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=134, Strength=2);width: 100%;float: left;margin-top:20px;background-color:#FFFFFF;}
#page{height:200px;margin-left:auto;margin-right:auto;text-align:center;min-height:auto;width:100%;}
#headerpage{margin-left:auto;margin-right:auto;text-align:center;width:100%; }
#headercontenu{margin-left:auto;margin-right:auto;text-align:center;max-width:1024px;width:100%;  margin-top:20px;}
#headermenu{margin-left:auto;margin-right:auto;text-align:center;width:100%;background-color:#CCCCCC;min-height:50px;z-index:100;}

h1 {color:#F6AE24;font-size:22px;text-align:center; font-weight:normal}
h2 {color:#FFFFFF;font-size:16px;margin:0;padding:7px 0; }
h3 {color:#5F5F5F;font-size:14px;margin:0;padding:2px; }
.titregroupe{color:#F6AE24;padding:30px 0 10px;font-size:20px;font-weight: bold;float: left;width: 100%}
.titresousgroupe{color:#000000;padding:7px 0;font-weight: bold;float: left;width: 100%}
.titrequestion{color:#666666;padding:10px 0;float: left;width: 100%;font-weight: bold}

.titredesc{color:#258E94;padding:0px;font-size:15px;font-weight: bold;float: left;width: 100%}
 

.lgauche {border-left:1px solid #FFFFFF}
.lgauchedroite {border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.ldroite {border-right:1px solid #FFFFFF}

#headerlogo{width: 100%;float:left;}
#headerlogo img{ width: auto
}
  
.t1 {width:10%}
.t2 {width:200px;}
.t3 {width:100px;text-align:left;padding-right:1%;}
.t5 {width:50%}
.t6 {width:60%}
.t7 {width:70%}
.t8 {width:80%}
.t9 {width:90%}
.t10 {width:100%}

.pad1 {padding:5px 0;}
.pad2 {padding:4px 0 2px 0;}
.pad3 {padding:2px 0;}
.pad4 {padding:8px 0;}

.t10 table {width:100%}
.t10 td {width:25%;}
.justify p{text-align:justify}
input[type="text"]{padding:8px 4px;margin-bottom:3px;font-size:16px;border:1px solid #2B4262}
textarea{width:95%;font-size:14px;border:1px solid #2B4262}
#memb_tel {width:150px;}
#memb_nbpers {width:80px;}
input[type="submit"]{background-color:#2B4C7B;color:#FFFFFF;cursor:pointer;font-size: 22px;margin: 0px 0 6px;-moz-border-radius:5px;padding:5px 10px;
    -webkit-border-radius:5px;border:none;
    border-radius:5px;text-decoration: none}
input[type="submit"]:hover{ background-color:#F6AE24;color:#FFFFFF;}


#container{max-width:1024px;width:100%;margin-left:auto;margin-right:auto;text-align:left;min-height:550px;height:auto;}
#footer{margin-left:auto;margin-right:auto;text-align:center;width:100%;height:130px;font-size:12px;float:left;}
#footer_contenu{max-width:1024px;margin-left:auto;margin-right:auto; text-align:center;width:100%;height:100px;font-size:13px;display:inline-block;}
.footertext {color:#FFFFFF; font-size:13px;background-color:#F6AE24;width:90%;padding:2% 5%;min-height:50px;}
.footertext a{color:#FFFFFF;}
#pagecentre{float:left;height:auto;min-height:350px;width:100%;padding:2% 0%; background-color:#ffffff;text-align:center; }
#pagecentre2{width:80%;text-align:left;height:50px;margin-left:auto;margin-right:auto}

.evaluation{background-color:#F1F1F1;color: #666666;float: left;width: 100%;padding:20px;margin-bottom: 30px;}
 
.textesiteerreur{background-color: #F06163; color:#FFFFFF;padding:5px;margin:5px 0; }

p {max-width:1024px;}
 
.ligne{float:left;}
.label{float:left; font-weight: bold}
.label img {width:27% }

.donnee{float:left;text-align:left;}
.donnee  input[type="text"]{width:100%}
.zone_gauche {float:left;max-width:600px;}
.zone_droite {float:right;max-width:300px;}

.centrer {text-align: center}

 
img {
max-width:100%;
height:auto;
}
  
input[type="radio"]  {
  display: none;
  font-size: 0.8em;  
}

input[type="radio"]  + label::before {
  font-family: "Font Awesome 5 Free"; 
  color:#666666 ;
  content: '\f005';	
  margin: 0 0.5rem ;
}

input[type="radio"]:checked + label::before { 
	color: #F6AE24 ;	
  	font-weight: 900;
} 
input[type="radio"]:checked + label { 
color: #F6AE24 ;	 
} 

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0) {
    /*
      Define here the CSS styles applied only to the Safari 6 and 7 versions when
      running them in any device (computers, iPhone, iPad, ...)
     */
	/*input[type="radio"]  {
	  display: block;
	}*/
}

@media screen and (max-width:1100px){#menu li {padding: 15px 2%;display:inline-block;font-size:1.3em;} #footer_contenu{width:99%}}


@media screen and (max-width:940px){
/*#headersociaux{float:right;position:absolute;width:50px;left:93%;text-align:right}*/

}


@media screen and (max-width:768px){

#headermenu {float:left;height:100%;position:relative;}
#menu {height:auto;position:relative;}
/*#menu li {float:none;display:block;}
#menu a {width:100%;}*/

#menu ul {position: relative;width:99% }
#menu li {display:block}

#menu ul li:hover > ul  {
	display:block;
	background-color:#CCCCCC;
	margin-top:15px;
	max-width:auto;	
    width:100%;
	position:relative;
	text-align:left;
	font-size:0.7em;   
}

#menu ul li ul > li  {
      display:block;
	  padding: 10px 35px;
	  width:100%;
}


img {
max-width:100%;
height:auto;
}

.block_ph {float:none;width:100%;text-align:center}
.block_tx1 {float:none;width:100%;}

.ldroite {border-right:none}

.t10 td img {width:92%;height:auto;padding:1%}
#pagecentre2{width:90%;}
.footertext{width:95%;padding:2% 2.5%;}
h1 {color:#F7AE23;font-size:19px;}

}


@media screen and (max-width:480px){

h1 {color:#F7AE23;font-size:16px;}
#pagecentre2{width:95%;}

.t2, .t3 {width:95%;text-align:left;padding-right:5px;}
.t5 {width:95%}

}
.texte_orange{ color:#F57F2A}
.titre_orange{ color:#F57F2A; font-size:18px}

.information{display:none}

/*@media screen and (max-width:980px){
    #headerpage {
     max-width:980px;
     height: auto;
   }

	#headerlogo {float:left;max-width: 100%;
     max-height: auto;}

    #headerlogo img{
     max-width: 95%;
     max-height: auto;
   }
   
   #headersociaux{max-width: 100%; max-height: auto;}
   
  #headermenu a{list-style:none;text-decoration:none;color:#000000;margin:2px;width:100%;}
  #headermenu a:hover{color:#FFFFFF;}
  #headermenu ul, #headermenu li {list-style:none;margin:0;padding:0;}
  #headermenu ul {max-width:980px;}
  #headermenu li {padding: 2px 10px;float:left;}
}


@media screen and (max-width:800px){
	#headerpage {
     max-width:auto;
     height: auto;
   }
	
   #headerlogo img{
	 float:left;	
     max-width: 100%;
     height: auto;
   }   
   #headerlogo {max-width:60%;}
   
   #headersociaux img{
	 float:left;	
     max-width: 100%;
     height: auto;
   }
   
   #headersociaux{max-width:50%;}
	
}

@media screen and (max-width:600px){
    #headerpage {
     max-width: 100%;
     height: auto;
   }

	#headerlogo {float:left;max-width:100%;}

    #headerlogo img{
     width: 100%;
     
   }
   
   #headersociaux{display:none}
   
   #headermenu {float:none;height:100%}

   #headermenu li {float:none;display:block;width:100%;padding:2px 0px;}
   #headermenu li :hover{background-color:#CCCCCC}
   
   
	#footer{width:100%;float:left;font-size:13px;text-align:right;background:#000000 url(images/askelldrone_14.png) no-repeat bottom;height:210px}
	.footertext {text-align:center;color:#FFFFFF;padding:10px;}
}*/