body {width:100%;font:15px  "Century Gothic", sans-serif;color:#EAEAEA;font-weight: normal;background-color: #252429 ;margin:0px; text-align:justify;line-height:25px; padding-top:5px}
a {color:#ffffff;}
input[type="text"]{width:90%;margin-bottom:10px;padding:5px 0;font-size:16px;}
textarea{width:90%;font-size:16px;}
#main{margin-left:auto;margin-right:auto;text-align:center}
#page{height:100%;margin-left:auto;margin-right:auto;text-align:center;min-height:auto;}
header{margin-left:auto;margin-right:auto;text-align:center;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;min-height:140px;}
nav {margin-left:auto;margin-right:auto;text-align:center;width:100%;background-color:#006600;min-height:45px;margin-bottom:5px}
/*#headermenu{margin-left:auto;margin-right:auto;text-align:center;width:100%;background-color:#F3F3F3;min-height:50px;}*/

h1 {color:#A7CA63;font-size:12px;font-family:"Josefin Sans",Arial, Helvetica, sans-serif;font-weight:400;}
h2 {color:#00A400;font-size:18px;text-transform:uppercase;margin:0;padding:12px 0px;font-family:"Josefin Sans",Arial, Helvetica, sans-serif}
h3 {color:#FFFFFF;font-size:16px;text-transform:uppercase;margin:0;padding:2px 0px;font-family:"Josefin Sans",Arial, Helvetica, sans-serif}


#menu {margin-left:auto;margin-right:auto;text-align:center;max-width:1024px;width:99%; font-family:"Century Gothic",Arial, Helvetica, sans-serif; font-size:18px}
#menu a{list-style:none;text-decoration:none;color:#FFFFFF;margin:0;display:inline-block;}
#menu a:hover{color:#33CC00;}
#menu ul, #menu li {list-style:none;margin:0;padding:0;}
#menu ul {max-width:1024px;position: absolute;z-index:5;width:99% }
#menu li {padding: 10px 3%;display:inline-block;font-size:1 em;}

#headerlogo{max-width:50%;text-align:left;z-index:1; float:left}
#headerlogo img{
/* max-width: 100%;
 max-height: auto;*/
}

#headerslogan{width:50%;text-align:right;padding:0px 0;margin-top:10px;z-index:0;height:40px;float:right}
#headerslogan .tel{font-size:28px;vertical-align:super;}
#headerslogan .h1 {color:#A7CA63;font-size:12px;font-family:"Josefin Sans",Arial, Helvetica, sans-serif;font-weight:400;}
#headerslogan img{
/* max-width: 100%;
 max-height: auto;
 padding:10px 0;*/
}

#zonepublic{font-size:2.5em;color:#6B665F;font-family: Verdana,Helvetica, sans-serif;line-height:40px;font-weight:bold}


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


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


#container{max-width:1024px;width:100%;margin-left:auto;margin-right:auto;text-align:left;height:100%;margin-bottom:20px;padding-bottom:50px;}
#footer{margin-left:auto;margin-right:auto;text-align:center;width:100%;height:300px;font-size:12px;background-color:#006600; background:#006600 url(images/fond_footer.png) no-repeat; float:left;margin-top:30px;}
#footer_contenu{max-width:1024px;margin-left:auto;margin-right:auto;padding:5px 0px;text-align:center;width:98%;height:150px;font-size:13px;display:inline-block;}
.footertext {color:#FFFFFF; font-size:15px;}
.footertext a{color:#FFFFFF;}
#pagecentre{float:left;height:auto;width:96%;padding:0px 2% 10px 2%;min-height:400px;}
 

.bodyTextGras {font:13px verdana;color: #999999;font-weight: normal;}
.bodyTextOrange {font:16px verdana;color: #CC0033;font-weight: normal;}
.bodyTexttitre {font:18px verdana;color: #00CCFF;font-weight: normal;}
.bodyTextrouge {font:18px verdana;color: #CE2E17;font-weight: bold;}
.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;}

.block_atelier {float:left;width:100%}
.block_atelier h2 {background:url(images/puce_bouton.jpg) no-repeat left;padding-left:32px;padding-top:5px;padding-bottom:5px;font:20px verdana;color: #CE2E17;font-weight: bold;}
.txt_atelier {}

.block_gauche {float:left;margin:5px 0;}
.block_droite {float:right;margin:5px 0;}
#zonepuce {margin:10px 0}
#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;  }

.t1 {width:98%}
.t2 {width:18%}
.t3 {width:28%}
.t4 {width:38%}
.t5 {width:46%}
.t6 {width:58%}
.t7 {width:68%}
.t8 {width:78%}
.t9 {width:98%}
.t10 {width:100%}

.zone_gauche {float:left;}
.zone_droite {float:left;}

.lignevertical{border-right:1px solid #666666}


.zone_1{width:25%;float:left}
.zone_2{max-width:73%;padding:0 5px;float:left;width:78%;}

.zone_1 ul {background-color:#006600;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	padding:3px;margin:0;list-style:none;
}

.zone_1 li{padding:0; margin:0;list-style:none;}
.zone_1 ul {width:80%;height:auto;margin:15px 0;}
.zone_1 li {padding:5px 5px;}
.ligne {border-bottom:1px dotted #ffffff;}
.zone_1 li a{text-decoration:none;}

.zone_1 .selec {background-color:#F3F3F3; -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}

.zone_1 .real {background-color:#00290F;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}

.chantier{text-align:center;width:100%;height:auto}
.chantier div {display:inline-block;margin:1%} 
.chantier .t3 {width:28%}

.blocks{width:99%;margin-bottom:5px;text-align:center;}
.limit {border-bottom:1px dashed #BFBFBF}
.block_ph {float:left;width:230px;margin:0.53%;}
.block_ph span{position:absolute;height:60px;background-color:#FFFFFF;opacity:0.6;width:228px;line-height:60px;font-size:24px;text-transform:uppercase;color:#000000}
/*.block_ph img{margin:0%;}*/
.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;
}

.cadretab {border-left:1px solid #000000;border-top:1px solid #000000;#border-top:0.5px solid #000000;#border-left:0.5px solid #000000;}
.cadretab td {padding:2px;border-right:1px solid #000000;border-bottom:1px solid #000000;#border-right:0.5px solid #000000;#border-bottom:0.5px solid #000000;}

.Style1 {font-size: 20px}
.Style2 {font-size: 28px}
.Style6 {font-size: 18px}
.txjustify {text-align:justify;padding-top:10px;}
.temoignage{padding:10px 0 20px 0;}
.temo_titre{font-weight:bold; font-size:20px;}
.temo_desc{font-size:16px;font-style:italic;text-align:justify}


.block_realisation{padding:0;margin:1%;background-color:#006600; text-align:center}
.block_image {width:100%;padding:0;margin:0;}
.block_image img {width:100%;height:auto;padding:0;margin:0;border:none;}
.block_image a {padding:0;margin:0;border:none;text-decoration:none}

.block_maison {width:98%;padding:1%;margin:0;height:90px;}
.block_maison h3 {width:98%;color:#00290F}
.block_maison a {color:#FFFFFF}
.block_maison h3 a {text-decoration:none;color:#FFFFFF}

.agrandir{padding-top:15px;font-style:italic;font-size:12px}

#cookies{width:98%;padding:1%;position:fixed;bottom:0;opacity:0.8; background-color:#000000;color:#FFFFFF;z-index:100}
#cookies a{color:#FFFFFF; }
#cookies .bt_fermer {padding:3px;background-color:#33CC66;color:#FFFFFF; -moz-border-radius: 2px; -webkit-border-radius: 2px;border-radius: 2px;text-decoration:none}
#cookies .bt_fermer a{text-decoration:none}
#cookies .bt_fermer:hover{background-color:#339966;}

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


#menu li {padding: 10px 2%;display:inline-block;font-size:0.9 em;}


}


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

/*#headersociaux{float:right;position:absolute;width:50px;left:93%;text-align:right}*/

}


@media screen and (max-width:768px){
.ldroite {border-right:none}
/*#headerslogan{float:none;text-align:center}
#headerslogan img {width:98%}*/

.chantier .t3 {width:50%}
.lignevertical{border-right:none}

#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;z-index:5;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%;}

.zone_1{width:35%;float:left;}
.zone_1 ul {width:95%}
.zone_2{max-width:62%;width:100%;float:left;}
.chantier .t3 {width:50%}

.zone_gauche .t7{width:50%}
.zone_gauche .t3{width:50%}
.t5{width:96%}
}

@media screen and (max-width:500px){
#headercontenu{min-height:180px;}
#headerlogo{max-width:100%;text-align:center;z-index:1;float:left}

.zone_1{width:100%;float:left;}
.zone_1 ul {width:95%}
.zone_2{max-width:97%;width:100%;float:left;}
.chantier .t3 {width:96%}
.zone_gauche .t7{width:96%}
.zone_gauche .t3{width:96%}
.t5{width:96%}
#headerslogan{width:100%;float:left;margin-top:0px;}
#headerslogan .tel{font-size:25px;vertical-align:super;}
#headerslogan h1 {display:none}
}


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