
/* Général */

* {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 13px;
	color: #5b6266;
}
img {
	border: 0;
}
.clear_both{
	clear: both;
}
.clear_right {
	clear:right;
}

a {	
	text-decoration:none;
	
}

a:hover {
	text-decoration:underline;
}

ul{
	list-style-type: none;
}

li{
	float: left;
}

body{
	background-image: url("../images/site/bg-general.jpg");
	background-repeat: repeat-y;
	background-position: center;
	background-color: #dfddd9;
}

#container{
	width: 960px;
	background-color: white;
	margin: auto;
}

#header{
	position: absolute;
	top: 0px;
	width: 960px;
	height: 80px;
	background-color: white;
}

#container #header #logo{
	height: 53px;
	width: 244px;
	margin: 25px 10px 0px 25px;
	float: left;
}
#menu_top ul{
	float: right;
	margin-right: 27px;
	background-image: url("../images/site/bg-menu-top.jpg");
	height: 51px;
	width: 263px;
}

#menu_top ul li{
	text-align: center;
	margin-top: 16px;
}

#menu_top ul li#telephone{
	color:black;	
	font-weight:bold;
	margin-left: 45px;
}

#menu_top ul li#contact{
	margin-left: 20px;

}

#menu_top ul li#contact a {
	color:black;
	border-bottom: dotted 1px grey;
}

#menu_principal{
	clear: right;
	float: right;
	margin-right: 25px;
	text-align: center;
}

#menu_principal ul li a{
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 29px;	
	height: 29px;	
	width: 210px;
}
#menu_principal ul li#industrie a{
	background-image: url("../images/site/bg-menu-industrie.jpg");
}

#menu_principal ul li#batiment a{
	background-image: url("../images/site/bg-menu-batiment.jpg");	
}

#menu_principal ul li#habitation a{
	background-image: url("../images/site/bg-menu-habitation.jpg");

}
#content{
	width: 910px;
	margin: auto;
	margin-top: 80px;
	
}

#menu_habitation{
	background-image: url("../images/site/bg-menu-sec-hab.jpg");
	height: 40px;
	width: 910px;
}
#menu_contact{
	background-image: url("../images/site/bg-menu-sec-con.jpg");
	height: 40px;
	width: 910px;
}
#menu_batiment{
	background-image: url("../images/site/bg-menu-sec-bat.jpg");
	height: 40px;
	width: 910px;
}
#menu_industrie{
	background-image: url("../images/site/bg-menu-sec-ind.jpg");
	height: 40px;
	width: 910px;
}
#menu_industrie .separateur,
#menu_batiment .separateur,
#menu_habitation .separateur{
	background-image: url("../images/site/separateur-menu-secondaire.gif");
	width: 1px;
	margin:0 10px 0 10px;
}
#menu_industrie ul, 
#menu_batiment ul,
#menu_habitation ul{
	position: absolute;
	margin: 15px;
}
#menu_industrie a,
#menu_batiment a, 
#menu_habitation a{
	color: #222;
	display: block;
	text-align: center;
	font-size: 16px;
	border-bottom: dotted 1px black;
	
}
#titre_habitation{
	background-image: url("../images/site/bg-menu-titre-hab.jpg");
	height: 40px;
	width: 910px;	
	line-height: 40px;
}
#titre_contact{
	background-image: url("../images/site/bg-menu-titre-con.jpg");
	height: 40px;
	width: 910px;	
	line-height: 40px;
}
#titre_batiment{
	background-image: url("../images/site/bg-menu-titre-bat.jpg");
	height: 40px;
	width: 910px;	
	line-height: 40px;
}
#titre_industrie{
	background-image: url("../images/site/bg-menu-titre-ind.jpg");
	height: 40px;
	width: 910px;	
	line-height: 40px;
}
#titre_industrie h2,
#titre_batiment h2,
#titre_contact h2,
#titre_habitation h2{
	margin-left: 15px;
	font-size: 18px;
	font-weight: bold;
}

#titre_habitation h2{
	color: #00457c;
}
.blue{
	color: #00457c;
}
#titre_batiment h2{
	color: #899800;
}
.green{
	color: #899800;
}
#titre_industrie h2{
	color: #d77f00;
}
.orange{
	color: #d77f00;
}
#page_habitation{
	background-image: url("../images/site/bg-content-habitation.jpg");
	width: 910px;
}
#page_contact{
	background-image: url("../images/site/bg-content-contact.jpg");
	width: 910px;
}
#page_batiment{
	background-image: url("../images/site/bg-content-batiment.jpg");
	width: 910px;
}
#page_industrie{
	background-image: url("../images/site/bg-content-industrie.jpg");
	width: 910px;
}
#page_industrie .padding,
#page_batiment .padding,
#page_habitation .padding{
	padding: 0 15px;
}
#content_img{
	float: left;
	margin-right: 10px;
}
.thumb img{
	margin-bottom: 5px;
	margin-left:5px;
	float: left;
}
#fin-habitation{
	background-image: url("../images/site/bg-fin-habitation.jpg");
	width: 910px;	
	height: 23px;
	clear: both;
}
#fin-batiment{
	background-image: url("../images/site/bg-fin-batiment.jpg");
	width: 910px;	
	height: 23px;
	clear: both;
}

#fin-contact{
	background-image: url("../images/site/bg-fin-contact.jpg");
	width: 910px;	
	height: 23px;
	clear: both;
}
#fin-industrie{
	background-image: url("../images/site/bg-fin-industrie.jpg");
	width: 910px;	
	height: 23px;
	clear: both;
}
#img_accueil{
	background-image: url("../images/site/bg-accueil-centre.jpg");
	background-repeat: no-repeat;
	height: 388px;
}

#slogan{
	height: 100px;
	width: 450px;
	float: right;
	margin-top: 32px;
	margin-right: 20px;

}
#slogan_texte{
	font-size: 30px;
	text-align: left;
	margin-top: 15px;
	margin-left:10px;
}
#block_container{
	width: 912px;
	margin-top: -42px;
}
.block_accueil{
	width: 304px;
	float: left;

}
.title{
	height: 42px;
	width: 304px;
	line-height: 42px;
	width: 304px;
	text-align: center;
	float: left;
}

.title a {
	font-size: 24px;
}

.block_accueil .block_img{
	width: 100px;
	height: 76px;
	margin: 10px;
	float: left;
}

.block_accueil .block_txt{
	width: 150px;
	margin-right: 5px;
	margin-top: 10px;
	float: left;
	font-size: 10px;
}

.block_txt a {
	font-size:10px;
}
.block_accueil .block_lien{
	float: right;
	text-decoration:underline;
	color:red;
	margin-right: 10px;
}

.block_accueil .block_lien a{
	color:red;
}

#container_footer{
	width: 960px;
	margin: auto;
	padding-top:15px;
}

#container_footer p{
	font-size:11px;
}


#form_contact{
	width: 350px;
	float: left;
	margin-left: 20px;
}
.label_contact{
	width: 100px;
	float: left;
	text-align: right;
	margin-top: 10px;
}

#form_contact INPUT, #form_contact TEXTAREA{
	margin-left: 5px;
	margin-top: 10px;
}

#form_contact .submit_btn{
	margin-left: 105px;
}

#contact_coord{
	float: right;
	width: 450px;
}
#mail{
	margin-top: 2px;
}
#contact_answer {
border:solid 1px;
border-color: #DDDDDD;
background-color: #EEEEEE;
margin-top:10px;
color:red;
text-align: center;
padding:10px;

}
.align_right {
	text-align:right;
} 