/*
gris : #99a8bc
bleu : #6186c5

beige autre : #e3c78a
beige : #f2e3b1
beige clair : #f4e8c1
vert : #1d8a2b

blanc :  #f6fcfe
brun clair : #857057
brun foncé : #533d26
vert foncé : #002800
*/
input ,textarea {border:1px solid #533d26; background-color:#f6fcfe;color:#533d26;padding:1px;}


h3 {margin-left:10px;}

h2 {display:run-in; background:#857057; color:#f6fcfe; padding-top:20px; padding-left:5px;padding-right:5px;padding-bottom:0px;margin-right:5px;}

h1 {background:#857057; color:#f6fcfe; padding:4px; /*margin-right:5px;*/font-size:150%}


p {margin:0px;padding:0px;}

#champs {margin:0px;}
#champs td{padding-left:25px;padding-top:2px;padding-bottom:2px;text-align:left;border:0px;}

body {margin: 0; padding: 0; height: 100%; background-color: #f4e8c1 margin-top: 8px; margin-top: 10px;margin-bottom: 10px;}

/* La partie centrale*/
#centrale{position: relative;
	/*	min-height: 100%;*/
		background: #533d26;
		width:850px;
		margin-left: auto;
		margin-right: auto;
		border:2px solid #e3c78a;
		 }
		 
/* L'en-tête */
#en_tete {background-color:#533d26; /*padding:0px;*/ height:100px; border-bottom:0px solid yellow;}
#logo {background-color:#533d26;position: relative; float: left;  padding-top:10px; padding-left:5px;/*padding-bottom:20px;*/}
#ban {background-color:#533d26;position: relative; float: left;  padding-top:10px; padding-right:5px;/*padding-bottom:20px;*/}

/* La colonne pour le menu*/
#colonne {
		/*margin:0;*/
		float: left;
		width: 140px;
		background: #533d26;
		/*height:350px;*/
		border-top:2px solid #e3c78a;
		border-bottom:2px solid #e3c78a;
}

/* Le corps de la page */
#corps {	padding: 5px 15px;
		/*margin:0px 140px;*/
		margin-right:5px;
		margin-left:140px;
		/*margin-left:136px;  padding: 20px; padding-top: 15px;*/
		color: #533d26; background: #e3c78a; /* border-left: 2px solid #6186c5; */
}
		 
		 
/*menu*/

#menu {z-index:4000;font-size:90%;margin:50px 0 50px 0px;}
#menu ul {padding:0;margin:0;list-style-type:none;width:140px;}
#menu li {z-index:3000;float:left;position:relative;background:#533d26;height:26px;}
#menu table {position:absolute; border-collapse:collapse; top:0; left:0;z-index:10000; font-size:1em;}
#menu a, #menu a:visited {/*background:#6186c5;*/display:block; text-decoration:none;height:25px;line-height:25px; width:140px; color:#f6fcfe;text-indent:5px;border-bottom:1px solid #857057;border-top:1px solid #857057;border-left:1px solid #857057;border-width:0 1px 1px 0;}
#menu a:hover {z-index:3000;color:#f6fcfe; background:#857057;}
#menu :hover > a {z-index:3000;color:#f6fcfe; background:#857057;}
#menu ul ul {visibility:hidden;position:absolute;top:0;left:140px; }
#menu ul li:hover ul, #menu ul a:hover ul {z-index:2000;visibility:visible;}
#menu ul :hover ul ul{visibility:hidden;}
#menu ul :hover ul :hover ul{ visibility:visible;z-index:1000;}



/* Le pied de page */
#pied_de_page {
/*width: 850px;height:30px; padding: 0px; color: #B3B3B3;background-color: #6186c5;*/
		padding-top: 10px;
		height: 30px;
		clear: both;
		color: #B3B3B3;
		background:#533d26;

}
#pied_de_page img {border:0px; margin:auto; padding-left:15px;padding-top:0px;}
#pied_de_page .compteurs{border:0px;padding-left:600px;padding-top:0	px;color:#f4e8c1;}

/*style pages*/

#acceuil{padding-top:20px;padding-bottom:10px;text-align:justify; text-justify:inter-word;font-size:90%;}
#acceuil a {color:#f6fcfe;text-decoration:none;}
#acceuil ul {margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
.acceuil_image{text-align:center;}
.acceuil_image img{margin-top:10px;border:2px solid #533d26}

#entreprise{padding-top:20px;padding-bottom:10px;text-align:justify; text-justify:inter-word;font-size:90%;}
#entreprise a {color:#f6fcfe;text-decoration:none;}
#entreprise ul {margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
.entreprise_emph{font-weight: bold ;font-size:120%;}

#situation{padding-bottom:10px;text-align:justify; text-justify:inter-word;font-size:90%;}
.situation_coord {text-align:center;}
.situation_input {text-align:center;}
.situation_emph{font-weight: bold ;font-size:140%;}

#massif{padding-bottom:10px;text-align:justify; text-justify:inter-word;font-size:90%;}
#massif ul li{padding-right:30px;padding-bottom:5px;}

#panneau{padding-bottom:10px;text-align:justify; text-justify:inter-word;font-size:90%;}
#panneau p {margin-left:10px;margin-right:15px;}
#panneau img{border:2px solid #533d26}
#panneau .panneau_image {text-align:center;margin:10px;}
#panneau .structure_1{text-align:center; margin-left:10px;margin-bottom:10px;float:left;width:324px;}
#panneau .structure_2{text-align:center; margin-right:10px;margin-bottom:10px;float:right;width:324px;position:relative;}

#solidite{height:550px;font-size:90%;text-align:justify; text-justify:inter-word;}
#solidite img{border:2px solid #533d26}
#solidite .img_1_gche{height:158px;margin-left:40px;margin-right:10px;margin-bottom:10px;float:left;}
#solidite .txt_1_drte{height:138px;margin-right:30px;margin-bottom:0px;padding-bottom:0px;padding-top:30px;float:right;width:382px;position:relative;}
#solidite .txt_2_gche{height:110px; margin-left:30px;padding-top:50px;float:left;width:300px;}
#solidite .img_2_drte{height:162px;margin-right:110px;margin-bottom:10px;float:right;position:relative;}
#solidite .img_3_gche{height:196px; margin-left:55px;margin-bottom:10px;float:left;}
#solidite .txt_3_drte{margin-right:40px;margin-bottom:10px;padding-top:50px;float:right;width:370px;position:relative;}

#securite{height:650px;font-size:90%;text-align:justify; text-justify:inter-word;}
#securite img{border:2px solid #533d26}
#securite ul{list-style-type:none;}
#securite p{margin-left:15px;margin-right:15px;}
#securite .securite_emph{font-weight: bold ;font-size:130%;} 
#securite .txt_1_gche{height:150px; margin-left:0px;padding-top:30px;float:left;width:420px;}
#securite .img_1_drte{height:203px;margin-right:50px;float:right;position:relative;}
#securite .txt_2_gche{height:120px; margin-left:0px;margin-top:30px;padding-top:30px;float:left;width:390px;}
#securite .img_2_drte{height:150px;margin-right:20px;margin-top:15px;float:right;position:relative;}
#securite .txt_3_gche{height:150px; margin-left:0px;margin-top:20px;padding-top:30px;float:left;width:390px;}
#securite .img_3_drte{height:150px;margin-right:20px;margin-top:25px;float:right;position:relative;}

#ecologie{height:550px;font-size:90%;text-align:justify; text-justify:inter-word;}
#ecologie img{border:2px solid #533d26}
#ecologie .img_1_gche{height:177px;margin-left:10px;margin-right:10px;margin-bottom:10px;float:left;}
#ecologie .txt_1_drte{height:138px;margin-right:30px;margin-bottom:0px;padding-bottom:0px;padding-top:30px;float:right;width:362px;position:relative;}
#ecologie .txt_2_gche{height:130px; margin-left:10px;margin-top:60px;padding-top:10px;float:left;width:400px;}
#ecologie .img_2_drte{height:162px;margin-right:30px;margin-bottom:10px;float:right;position:relative;}
#ecologie .txt_3_center{width:630px;margin-left:10px;margin-top:80px;float:left;position:relative;}

#economique{padding-bottom:10px;text-align:justify; text-justify:inter-word;font-size:90%;}
#economique ul{list-style-type:none;}
#economique p{margin-left:0px;margin-right:15px;}
#economique .eco_emph{font-weight: bold ;font-size:130%;} 
#economique img{border:2px solid #533d26}
#economique .image {text-align:center;margin:10px;}
#economique ul li{padding-right:30px;padding-bottom:5px;}

#confort{font-size:90%;text-align:justify; text-justify:inter-word;}
#confort img{border:2px solid #533d26}
#confort ul{list-style-type:none;}
#confort ul li{padding-right:30px;padding-bottom:5px;}
#confort p{margin-left:0px;margin-right:15px;}
#confort .confort_emph{font-weight: bold ;font-size:130%;} 
#confort .image {text-align:center;margin:10px;}

#montage{font-size:90%;text-align:justify; text-justify:inter-word;}
#montage img{border:2px solid #533d26}
#montage ul{list-style-type:none;}
#montage ul li{padding-right:30px;padding-bottom:5px;}
#montage p{margin-left:0px;margin-right:15px;}
#montage .montage_emph{font-weight: bold ;font-size:130%;} 
#montage .img_1_gche{height:106px;margin-top:15px;margin-left:30px;margin-right:100px;margin-bottom:30px;float:left;}
#montage .img_2_drte{height:126px;margin-top:15px;margin-right:60px;margin-bottom:10px;float:right;position:relative;}
#montage .img_3_gche{height:106px;margin-top:15px;margin-left:60px;margin-right:130px;margin-bottom:30px;float:left;}
#montage .img_4_drte{height:126px;margin-top:15px;margin-right:60px;margin-bottom:10px;float:right;position:relative;}

#liberte{height:750px;font-size:90%;text-align:justify; text-justify:inter-word;}
#liberte ul{list-style-type:none;}
#liberte ul li{padding-right:30px;padding-bottom:5px;}
#liberte ul li ul{list-style-type:square;margin-top:10px;}
#liberte p{margin-left:0px;margin-right:15px;}
#liberte .liberte_emph{font-weight: bold ;font-size:130%;}
#liberte .image {text-align:center;margin:10px;}
#liberte .image img{border:2px solid #533d26}
#liberte .img_drte{margin-top:15px;margin-right:30px;margin-bottom:10px;float:right;position:relative;margin-top:-115px}

#etude{height:300px;font-size:90%;text-align:justify; text-justify:inter-word;}
#etude ul{list-style-type:square;}
#etude ul li{padding-right:30px;padding-bottom:5px;}
#etude ul li .emph_perf{font-weight: bold ;font-size:130%;}
#etude p{margin-left:0px;margin-right:15px;}
#etude .pdf a, #etude .pdf a:visited {text-decoration:none;font-size:90%; color:#533d26;}
#etude .pdf a:hover {font-size:110%;}
#etude .pdf a img{border:0px;padding-right:5px;padding-left:25px}

/* Les galleries */
#gallerie {z-index:100;width:600px; height:580px;text-align:justify; text-justify:inter-word;font-size:90%;}
#gallerie ul {list-style:none; padding:0; margin:0; position:relative; float:left;}
#gallerie ul li {display:inline; width:26px; height:26px; float:left; margin:0 0 5px 5px;}
#gallerie ul li a {display:block; width:25px; height:25px; text-decoration:none; border:1px solid #533d26;}
#gallerie ul li a img {display:block; width:25px; height:25px; border:0;}
#gallerie ul li a:hover {white-space:normal; border-color:#f6fcfe;}
#gallerie ul li a:hover img {z-index:90;position:absolute; left:35px; top:35px; width:auto; height:auto; border:2px solid #533d26;}
#gallerie ul li a:active img{z-index:80;position:absolute; left:35px; top:35px; width:auto; height:auto; border:2px solid #533d26;}

#projet{padding-top:20px;padding-bottom:10px;text-align:justify; text-justify:inter-word;font-size:90%;}
#projet a {color:#f6fcfe;text-decoration:none;}
#projet ul {margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
#projet ul li{padding-right:30px;padding-bottom:5px;}
#projet ul ul{list-style-type:square;}

#salon{padding-top:20px;padding-bottom:10px;text-align:justify; text-justify:inter-word;font-size:90%;}
#salon a {color:#f6fcfe;text-decoration:none;}
#salon .image {text-align:center;margin:10px;}
#salon .image img{border:2px solid #533d26}

#PO{height:600px;padding-top:20px;padding-bottom:10px;text-align:justify; text-justify:inter-word;font-size:90%;}
#PO a {color:#f6fcfe;text-decoration:none;}
#PO .image {text-align:center;margin:0px;}
#PO .image img{border:0}

#contact{font-size:90%;text-align:left;}
#contact .contact_input {text-align:center;margin:20px;}
#contact p{margin-left:20px;margin-right:15px;}
#contact ul{margin-left: 20px;list-style-type:square;}

#erreur {color:#ae190e; margin:0px;padding:0px;}
#erreur ul {padding:0px; margin: 0px;list-style-type:square;}
#erreur ul li{margin-left: 40px;}