/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}


body{
	background-image:url(img/fond.jpg);
	background-repeat: repeat;
	margin:0 0;
	font-family:Verdana, Geneva, sans-serif;
}

#container {
	position:relative;
	height: 570px;
	width: 860px;
	margin: 0px auto;
	background-image: url(img/fond_biais.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#contact {
	height: 40px;
	width: 470px;
	position: absolute;
	left: 70px;
	top: 479px;
	font-size:15px;
	color:#000;
	font-weight:bold;
}
#contact a{
	text-decoration:none;
	color:#000;
}

#contact a:hover{
	text-decoration:none;
	color:#FFF;
}

#texte_des {
	position:absolute;
	height: 265px;
	width: 372px;
	font-size: 12px;
	text-align:justify;
	z-index:4;
	left: 385px;
	top: 169px;
	padding-right: 8px;
	overflow: auto;
}
#pres_ref {
	position:absolute;
	height: 35px;
	width: 380px;
	font-size: 12px;
	text-align:justify;
	z-index:4;
	left: 385px;
	top: 169px;
}
#ref {
	position:absolute;
	height: 248px;
	width: 380px;
	font-size: 12px;
	text-align:justify;
	z-index:4;
	left: 385px;
	top: 210px;
	overflow: auto;
}

#fond_blanc {
	background-color: #FFF;
	height: 355px;
	width: 715px;
	margin: 0px auto;
	top: 120px;
	position: relative;
	background-image: url(img/goutte_deau.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#fond_des {
	background-color: #FFF;
	height: 355px;
	width: 715px;
	margin: 0px auto;
	top: 120px;
	background-image: url(img/fond_pagedescr.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
}

#logo{
	width:240px;
	height:70px;
	position:absolute;
	left: 347px;
	top: 36px;
}

#robinet {
	height: 335px;
	width: 228px;
	position: absolute;
	z-index: 2;
	left:60px;
	top: -3px;
}
#menu {
	height: 289px;
	width: 350px;
	position: absolute;
	z-index:2;
	left: 436px;
	top: 143px;
}
#menu a{
	color:#6B0211;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#chauffage{
	height:45px;
	background-image: url(img/menu_chauffage.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 80px;
	padding-top: 25px;
}

a:hover #chauffage {
	background-image: url(img/menu_chauffage_hover.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color:#99192B;
}

#plomberie{
	height:45px;
	background-image: url(img/menu_plomberie.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 122px;
	padding-top: 25px;
}

a:hover #plomberie {
	background-image: url(img/menu_plomberie_hover.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color:#99192B;
}

#sanitaires{
	height:45px;
	background-image: url(img/menu_sanitaire.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 172px;
	padding-top: 25px;
}

a:hover #sanitaires {
	background-image: url(img/menu_sanitaire_hover.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color:#99192B;
}

#carrelage{
	height:45px;
	background-image: url(img/menu_carrelage.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 218px;
	padding-top: 25px;
}

a:hover #carrelage {
	background-image: url(img/menu_carrelage_hover.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color:#99192B;
}

#telephone{
	position: absolute;
	z-index:3;
	width:241px;
	height: 82px;
	background-image: url(img/telephone.png);
	left: 292px;
	top: 59px;
	}
	
#camion{
	position: absolute;
	z-index:3;
	width:226px;
	height: 174px;
	background-image: url(img/camion.png);
	left: 631px;
	top: 52px;
	}
	
#nosreferences{
	position: absolute;
	z-index:2;
	width:141px;
	height: 34px;
	background-image: url(img/nos_references.png);
	left: 617px;
	top: 446px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding-top: 10px;
	padding-left: 15px;
	}

#nosreferences a{
	text-decoration:none;
	color:#FFF;
	}
	
#nosreferences a:hover{
	text-decoration:none;
	color:#BFBFBF;
	}