body {width:100%;font:16px Raleway;color:#2A4262;font-weight: normal; margin:0px; text-align:justify;line-height:19px;background-color:#fff8e8}
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:#fff8e8}
#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%; 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;}
.padnav {padding:15px 20px;}

.txtlibre {width:60%}
.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"]{padding:10px; font-size:18px;background-color:#2B4C7B;color:#FFFFFF;cursor:pointer;border:none}
input[type="submit"]:hover{ background-color:#F6AE24;color:#FFFFFF;}

.questionnaire{    display: flex;
    flex-direction: column;
    padding: 0px 0 20px; }
.introduction{padding:10px 0;text-align: center}
.question{padding:10px 0;font-weight: bold;text-align: center} 
.reponse{padding:10px 0; text-align: center;display: flex;
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
align-items: stretch;	 
-webkit-align-items:stretch;
justify-content:center;
-webkit-justify-content:center;flex-direction: column} 

  .groupelignechoix{

	padding:10px 5px 20px;
	margin-right: auto;
	margin-left:auto;	
}
.parfentete{padding:5px 0}
.parfcode{font-size: 22px;font-weight: bold;margin-right: 10px;}
.parfnom{font-size: 20px;font-weight: bold; }
.parfcara{font-size: 18px;padding:5px 0;font-style: italic;color: #393D8B}
.parffami{font-size: 17px;padding:5px 0;font-weight: bold}
.parftete, .parfcoeur, .parffond{font-size: 14px;padding:2px 0;font-style: italic;}
.txtdesc{font-style: italic;font-size: 14px;}
.parftetelib{/*text-decoration: underline*/}
.parfamilib {font-weight: bold}
.barnav {display: flex;flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: row;
-webkit-flex-direction:row;	 
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
align-items: stretch;	
-webkit-align-items:stretch;
justify-content:space-around;
-webkit-justify-content:space-around;}
.parfumliste{
    padding: 10px 5px 20px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lignechoix{text-align: center;padding:10px 0;width: 100%;}/*display:flex;justify-content: space-between;-webkit-justify-content: space-between;*/
.lignechoix2{text-align: center;padding:10px 0;width: 50%;}
.parfumliste .parfumligne {
	text-align:left;padding:10px 0;width:60%;margin-right:auto;margin-left:auto;
}
.groupelignechoix .lignechoix{
	text-align:left;
}
.boutonnav, .bouton{font-size: 22px;
    -moz-border-radius: 5px;
    padding: 10px 10px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #2B4262;
    background-color: #fff8e8;
    color: #2B4262;
    /* margin: 20px 0; */
    display: inline-block;
    width:250px;}
.boutonnav:hover, .bouton:hover{ background-color:#2B4262;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%;text-align:center; }
#pagecentre2{width:80%;text-align:left; 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 ;	
} 
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;}
	
.parfumliste .parfumligne {width:  80%}	
	
.barnav {display: flex;flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-webkit-justify-items: center; 	
flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;	 
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
align-items: stretch;	
-webkit-align-items:stretch;
justify-content:space-around;
-webkit-justify-content:space-around;}	
	
.padnav {padding:15px 20px;}	

}


@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;}
}*/