/*
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 {display:none;}
textarea {border:1px solid black; background-color:white;color:black;padding:1px;}


h3 {margin-left:10px; background:white; color:black;}

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

h1 {background:white; color:black; padding:4px; /*margin-right:5px;*/font-size:150%;border:1px solid black;}


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: white; margin-top: 8px; margin-top: 10px;margin-bottom: 10px;}

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

/* La colonne pour le menu*/
#colonne {display:none;}

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

#menu {display:none;}



/* 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: black;
		background:white;
}
#pied_de_page img {display:none;}
#pied_de_page .compteurs{display:none;}

/*style pages*/

#acceuil{padding-top:20px;padding-bottom:10px;text-align:justify; text-justify:inter-word;font-size:90%;}
#acceuil a {color:black;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:1px solid black}

#entreprise{padding-top:20px;padding-bottom:10px;text-align:justify; text-justify:inter-word;font-size:90%;}
#entreprise a {color:black;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:1px solid black}
#panneau .panneau_image {text-align:center;margin:10px;}
#panneau .structure_1{text-align:center; margin-left:35px;margin-bottom:10px;float:left;width:370px;}
#panneau .structure_2{text-align:center; margin-right:35px;margin-bottom:10px;float:right;width:370px;position:relative;}

#solidite{height:550px;font-size:90%;text-align:justify; text-justify:inter-word;}
#solidite img{border:1px solid black}
#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:1px solid black}
#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:1px solid black}
#ecologie .img_1_gche{height:177px;margin-left:50px;margin-right:10px;margin-bottom:10px;float:left;}
#ecologie .txt_1_drte{height:140px;margin-right:40px;margin-bottom:0px;padding-bottom:0px;padding-top:30px;float:right;width:402px;position:relative;}
#ecologie .txt_2_gche{height:130px; margin-left:10px;margin-top:60px;padding-top:10px;float:left;width:500px;}
#ecologie .img_2_drte{height:162px;margin-right:60px;margin-bottom:10px;float:right;position:relative;}
#ecologie .txt_3_center{width:630px;margin-left:60px;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:1px solid black}
#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:1px solid black}
#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:1px solid black}
#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:200px;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:280px;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:55s0px;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:1px solid black}
#liberte .img_drte{display:none;}

#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 img{border:0px;padding-right:5px;padding-left:25px;}

/* Les galleries */
#gallerie {z-index:100;width:600px; height:560px;text-align:justify; text-justify:inter-word;font-size:90%;}
#gallerie ul {display:none;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:black;text-decoration:none;}
#salon .image {text-align:center;margin:10px;}
#salon .image img{border:1px solid black}

#PO{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{display:none;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;}