body {width:100%;font:16px verdana;color: #000000;font-weight: normal;background: url(images/fond.jpg);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:#4F4E4E;font-size:22px;text-align:center; font-weight:normal}
h2 {color:#37A42B;font-size:20px;margin:0;padding:7px 0;font:20px verdana;font-weight: normal;}
h3 {color:#6C9825;font-size:12px;margin:0;padding:2px;font-family:Arial, Helvetica, sans-serif}


#menu {margin-left:auto;margin-right:auto;text-align:center;max-width:1024px;width:100%;font-family:Arial, Helvetica, sans-serif; font-size:13px;}
#menu a{list-style:none;text-decoration:none;color:#FFFFFF;margin:0;display:inline-block;}
#menu a:hover{color:#333333;}

#menu ul, #menu li {list-style:none;margin:0;padding:0;}
#menu ul {max-width:1024px;position: absolute;width:99% }
#menu li {padding: 15px 3%;display:inline-block;font-size:1.4em;}

#menu ul li ul{display:none;margin:0 -3%;padding:0;text-align:left;}


.txt_marque{font-family:'Angelina';font-size:24px;font-weight:bold}


#menu ul li:hover > ul  {
      display:block;
	  text-align:left;
      z-index:102;		  
}

#menu ul li:hover > ul  {
      display:block;
	  background-color:#CCCCCC;
	  margin-top:15px;
	  max-width:300px;
	  text-align:left;
	  font-size:0.7em;
      z-index:103;	
}

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

#zonepuce ul {margin:0;padding:0;}
#zonepuce ul li{background:url(images/puce.jpg) no-repeat;list-style:none;padding-left:20px;margin-left:0;padding-bottom:8px;  }

#zonecoche ul {margin:0;padding:0;}
#zonecoche ul {background:url(images/puce.jpg) no-repeat;list-style:none;padding-left:20px;margin-left:0;padding-bottom:8px;  }
#zonecoche ul li{background:url(images/puce.jpg) no-repeat;list-style:none;padding-left:20px;margin-left:0;padding-bottom:8px;  }


#zonecoche ul li ul li {background:none;padding-left:20px;margin-left:0;padding-bottom:8px;  }

.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: 100%;
 max-width: 300px;
 height: auto;
}

#headertel{max-width: 100%;float:right}
#headertel img{
 max-width: 100%;
 max-height: auto;
}

/*#headersociaux{float:right;position:absolute;width:60px;margin-left:97%;margin-top:10%;background-color:#FF9966;text-align:right}*/
#headerfacebook img {
	position: fixed;
	top: 280px;
	right: -10px;
	width: 50px;
	transition-duration: 1s;
}

#headerfacebook img:hover {
	right: -1px;
	z-index:100;
}

#headercontact img {
	position: fixed;
	top: 360px;
	right: -10px;
	width: 50px;
	transition-duration: 1s;
}

#headercontact img:hover {
	right: -1px;
	z-index:100;
}

.t1 {width:10%}
.t2 {width:20%}
.t3 {width:44%;text-align:right;padding-right:1%;}
.t5 {width:50%}
.t6 {width:60%}
.t7 {width:70%}
.t8 {width:80%}
.t9 {width:90%}
.t10 {width:100%}

.pad1 {padding:4px 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 #43950D}
textarea{width:95%;font-size:14px;border:1px solid #43950D}
#memb_tel {width:150px;}
#memb_nbpers {width:80px;}
input[type="submit"]{padding:5px 5px;margin-bottom:3px;font-size:15px;border:1px solid #43950D;background-color:#37A42B;color:#FFFFFF;cursor:pointer}
input[type="submit"]:hover{padding:5px 5px;margin-bottom:3px;font-size:15px;border:1px solid #43950D;background-color:#308F25;color:#FFFFFF;}


#container{max-width:1024px;width:99%;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:#6A6A6A;width:90%;padding:2% 5%;min-height:50px;}
.footertext a{color:#FFFFFF;}
#pagecentre{float:left;height:auto;min-height:350px;width:90%;padding:2% 5%; background-color:#ffffff;opacity:0.75;text-align:center; }
#pagecentre2{width:80%;text-align:left;height:50px;margin-left:auto;margin-right:auto}

#accueilcentre{float:left;width:100%;margin:0;padding:0;height:auto;}

.bodyTextNoir {font:15px verdana;color: #000000;font-weight: normal;}
.bodyTextGras {font:13px verdana;color: #999999;font-weight: normal;}
.bodyTextOrange {color:#FF6600;}
.bodyTexttitre {font:20px verdana;color: #34BDE8;font-weight: normal;}
.bodyTextsoustitre {font:18px verdana;color: #333333;font-weight: normal;}
.bodyTextgros {font:14px verdana;color: #666666;font-weight: normal;}
.textesiteerreur{color:#D73600}

p {max-width:1024px;}
.titre_page {color:#0099CC;font-size:18px;}
.vert {color:#0099CC;font-size:14px;}
.vert a{color:#0099CC;font-size:14px;}
.retour a{ background:url(images/retour.png) no-repeat left; padding-left:25px;}
.detail a{ background:url(images/detail.png) no-repeat left; padding-left:25px;}

.ligne{float:left;}
.label{float:left;text-align:right;}
.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;}

.block_enre{float:left;width:100%;height:100%;max-height:100%;margin-bottom:20px;padding-bottom:20px;}
.limit {border-bottom:1px dashed #BFBFBF}
.block_ph {float:left;width:25%;padding-right:5%;}
.block_tx1 {float:left;width:70%;}
.block_tx2 {width:100%;}
.titreblock{font-weight:bold;font-size:14px;color:#6B3905}

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

.zone_arti{padding-bottom:15px;}

.telechargement, .galerie {margin:10px 0 20px 0;}
.titre {padding:5px 0;font-weight:bold;color:#009933;font-size:15px;}
.telechargement div  a{background:url(images/pdf.png) no-repeat left;padding:10px 0 10px 25px;text-decoration:none;line-height:25px; }


@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:#4F4E4E;font-size:19px;}

}


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

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

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