@charset "utf-8";
/* CSS Document */

html{
	height:100%;
	
}
body {
	min-height: 100%;
	background-image: url(sdbhd7.jpg);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	margin:0;
	padding:0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	

}
h1{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: rgba(102,102,102,1);	
	
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: rgba(102,102,102,1);
}
h3{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #060;
}
.pucecarreblanc{
	list-style-type:square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: rgba(255,255,255,1);	
	margin-left:-15px;	
}
.pucecarrenoire{
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #333;
	line-height:35px;
		
}
.pucecarregrise{
	list-style-type:square;	
}
.pucecarredescriptimg{
	list-style-type:square;	
}	

.lienblanc {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
.liengris {
	color: rgba(51,51,51,1);
	text-decoration: none;
}
a:link {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
a:visited {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
a:hover {
	color:#999
	text-decoration: none;
}
a:active {
	color: rgba(153,153,153,1);
	text-decoration: none;
}
.zoneint{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:justify;
	
	
}
#header {
	width: 1000px;
	height: 200$;
	z-index: 1;
	background-color: rgba(255,255,255,1);
	top: 0px;
	height: 200px;
	box-shadow: 0px 0px 5px 1px rgba(102,102,102,1);
	position: absolute;
	left: 50%;
	margin-left: -500px;
	border-radius: 4px;
}
#conteneur {
	position: absolute;
	width: 1000px;
	height: 1500px;
	z-index: 2;
	left: 50%;
	margin-left: -500px;
	top: 220px;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 5px 1px rgba(102,102,102,1);
	border-radius: 4px;
}

#logo {
	position: absolute;
	width: 120px;
	height: 120px;
	z-index: 1;
	left: 10px;
	top: 10px;
}
#textehaut {
	position: absolute;
	width: 500px;
	height: 140px;
	z-index: 2;
	left: 170px;
	top: 15px;
	text-align:center;	
	line-height:1px;
	
}
#experience {
	position: absolute;
	width: 300px;
	height: 100px;
	z-index: 5;
	left: 680px;
	top: 15px;	
	
}
#conteneurmenu{
	position:absolute;
	width:1000px;
	bottom:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align:center;
}
#accueil{
	position: absolute;
	width: 110px;
	height: 30px;
	z-index: 3;
	bottom: 0px;
	left: 0px;	
}
#chauffage{
	position: absolute;
	width: 110px;
	height: 30px;
	z-index: 4;
	bottom: 0px;
	left: 111px;	
		
}
#plomberie{
	position: absolute;
	width: 110px;
	height: 30px;
	z-index: 6;
	bottom: 0px;
	left: 222px;
	
}
#electricite{
	position: absolute;
	width: 110px;
	height: 30px;
	z-index: 7;
	bottom: 0px;
	left: 333px;
	
}
#autonomie{
	position: absolute;
	width: 110px;
	height: 30px;
	z-index: 8;
	bottom: 0px;
	left: 444px;
	
}
#salledebain{
	position: absolute;
	width: 110px;
	height: 30px;
	z-index: 9;
	bottom: 0px;
	left: 555px;
	
}
#isolation{
	position: absolute;
	width: 110px;
	height: 30px;
	z-index: 9;
	bottom: 0px;
	left: 666px;
	
}
#realisation{
	position: absolute;
	width: 110px;
	height: 30px;
	z-index: 10;
	bottom: 0px;
	left: 777px;
	
}
#contact{
	position: absolute;
	width: 110px;
	height: 30px;
	z-index: 11;
	right: 0px;
	bottom: 0px;
	
}
#presentationaccueil {
	position: absolute;
	width: 960px;
	height: 840px;
	z-index: 5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: rgba(102,102,102,1);
	text-align: justify;
	top: 500px;
	left: 50%;
	text-decoration: none;
	margin-left: -480px;
	
}
.presentationchauffage {
	position: absolute;
	width: 960px;
	height: 680px;
	z-index: 5;
	top: 90px;
	left: 50%;
	text-decoration: none;
	margin-left: -480px;
	
}
#conteneurslideiso {
	position: absolute;
	width: 960px;
	height: 800px;
	z-index: 5;
	top: 90px;
	left: 50%;
	text-decoration: none;
	margin-left: -480px;
	
}		
	
#slideaccueil {
	position: absolute;
	width: 800px;
	height: 400px;
	left:50%;
	margin-left:-400px;	
	z-index: 4;	
	top: 20px;
	
}
#titrepresentation {
	position: absolute;
	width: 960px;
	height: 35px;	
	z-index: 4;
	left: 50%;
	top: 460px;
	background-color: #d2c7b3;	
	text-align: center;
	margin-left: -480px;
		
}
.titrechauffage {
	position: absolute;
	width: 960px;
	height: 35px;	
	z-index: 4;
	left: 50%;
	top: 20px;
	background-color: #d2c7b3;	
	text-align: center;
	margin-left: -480px;
}

	
	
#divartisanagree {
	position: absolute;
	width: 960px;
	height: 35px;
	z-index: 6;
	top: 1150px;
	background-color: #d2c7b3;
	left: 50%;
	margin-left: -480px;	
	text-align: center;
	
}
#titretextegauche{
	position: absolute;
	color: rgba(102,102,102,1);
	font-family:Arial, Helvetica, sans-serif;
	left:0px;
	top:20px;
	line-height:25px;
	width: 600px;
	height: 25px;
	z-index: 4;
	background-color: #d2c7b3;
	text-align: center;
}

.divtextegauche {
	position: absolute;
	width: 300px;;
	height: 600px;
	left: 0px;
	top: 50px;
	width: 555px;
	line-height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: rgba(102,102,102,1);
	text-align:justify;
	
}
#texteisolation {
	position: absolute;
	width: 200px;;
	height: 250px;
	left: 0px;
	top: 50px;
	width: 555px;
	line-height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: rgba(102,102,102,1);
	text-align:justify;
}
#slideisolation{
	position:absolute;
	width:800px;
	height:500px;
	left:50%;
	margin-left:-400px;
	bottom: 0px;
}
#titreplomberie{
	position: absolute;
	width: 200px;
	height: 35px;
	line-height:35px;	
	z-index: 4;
	left: 0px;
	top: 20px;
	background-color: #d2c7b3;	
	text-align: center;
	
}
#titrenosprestaplomberie{
	position: absolute;	
	height: 40px;
	left: 0px;
	top: 750px;
	width: 400px;
	line-height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #d2c7b3;
	color: rgba(102,102,102,1);
	text-align:center;
}

#nosprestaplomberie{
    position: absolute;
	width: 400px;;
	height: 400px;
	left: 0px;
	top: 850px;
	width: 300px;
	line-height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: rgba(102,102,102,1);
	text-align:justify;		
			
}
#titreslideplomberie {
	position: absolute;
	width: 500px;
	height: 30px;
	z-index: 9;
	line-height:30px;
	top: 100px;
	background-color: #d2c7b3;
	left: 50%;
	margin-left: -250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: rgba(51,51,51,1);
	text-align: center;
}	
#divslideplomberie {
	position: absolute;
	width: 900px;
	height: 500px;
	z-index: 8;
	top: 180px;
	left: 50%;
	margin-left: -450px;
}
#titresalledebain{
	position: absolute;
	width: 200px;
	height: 35px;
	line-height:35px;	
	z-index: 4;
	left: 0px;
	top: 20px;
	background-color: #d2c7b3;	
	text-align: center;
	
}
#titrenosprestasalledebain{
	position: absolute;	
	height: 40px;
	left: 0px;
	top: 750px;
	width: 400px;
	line-height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #d2c7b3;
	color: rgba(102,102,102,1);
	text-align:center;
}

#nosprestasalledebain{
    position: absolute;
	width: 400px;;
	height: 250px;
	left: 0px;
	top: 850px;
	width: 300px;
	line-height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: rgba(102,102,102,1);
	text-align:justify;		
			
}
#titreslidesalledebain {
	position: absolute;
	width: 500px;
	height: 30px;
	z-index: 9;
	line-height:30px;
	top: 100px;
	background-color: #d2c7b3;
	left: 50%;
	margin-left: -250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: rgba(51,51,51,1);
	text-align: center;
}	
#divslidesalledebain {
	position: absolute;
	width: 800px;
	height: 400px;
	z-index: 8;
	top: 180px;
	left: 50%;
	margin-left: -400px;
}

#divimagedroite {
	position: absolute;
	width: 340px;
	height: 213px;
	z-index: 4;
	left: 600px;
	top: 60px;
}
#divdescriptimg1 {
	position: absolute;
	width: 340px;
	height: 30px;
	z-index: 4;
	left: 600px;
	top: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgba(102,102,102,1);
	text-align: justify;
}
#divimagedroite2 {
	position: absolute;
	width: 340px;
	height: 212px;
	z-index: 4;
	left: 600px;
	top: 340px;
}
#divdescripimg2 {
	position: absolute;
	width: 340px;
	height: 30px;
	z-index: 4;
	left: 600px;
	top: 560px;
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(102,102,102,1);
	font-size: 12px;
	text-align: justify;
}
#divslidechauffage {
	position: absolute;
	width: 700px;
	height: 300px;
	z-index: 8;
	top: 850px;
	left: 50%;
	margin-left: -350px;
}
.titreslide2 {
	position: absolute;
	width: 960px;
	height: 30px;
	z-index: 9;
	top: 800px;
	background-color: #d2c7b3;
	left: 50%;
	margin-left: -480px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: rgba(51,51,51,1);
	text-align: center;
}
#divbanniereliensutiles {
    position: absolute;
    width: 960px;
    height: 30px;
    z-index: 10;
    left: 50%;
    top: 800px;
    background-color: #D2C7B3;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 24px;
    text-align: center;
    color: #333;
    margin-left: -480px;
}
#divdocutile1 {
    position: absolute;
    width: 200px;
    height: 286px;
    z-index: 11;
    top: 850px;
    left: 50px;
    box-shadow: 0px 0px 2px #666;
}
#divdocutile2 {
    position: absolute;
    width: 200px;
    height: 286px;
    z-index: 13;
    top: 850px;
    left: 280px;
    box-shadow: 0px 0px 2px #666;
}
#divdocutile3 {
    position: absolute;
    width: 200px;
    height: 286px;
    z-index: 15;
    top: 850px;
    left: 510px;
    box-shadow: 0px 0px 2px #666;
}
#divdocutile4 {
    position: absolute;
    width: 200px;
    height: 286px;
    z-index: 17;
    top: 850px;
    left: 750px;
    box-shadow: 0px 0px 2px #666;
}
#divdocutile5 {
    position: absolute;
    width: 200px;
    height: 286px;
    z-index: 11;
    top: 850px;
    left: 330px;
    box-shadow: 0px 0px 2px #666;
}
#divdocutile6 {
    position: absolute;
    width: 200px;
    height: 286px;
    z-index: 11;
    top: 850px;
    left: 540px;
    box-shadow: 0px 0px 2px #666;
}
#divdocutile7 {
    position: absolute;
    width: 200px;
    height: 286px;
    z-index: 11;
    top: 850px;
    left: 750px;
    box-shadow: 0px 0px 2px #666;
}
#textdivdocutil1 {
    position: absolute;
    width: 200px;
    height: 30px;
    z-index: 12;
    top: 1150px;
    left: 50px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #666;
    text-align: left;
}
#textedocutile2 {
    position: absolute;
    width: 200px;
    height: 30px;
    z-index: 14;
    top: 1150px;
    left: 280px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #666;
}
#textedocutile3 {
    position: absolute;
    width: 200px;
    height: 30px;
    z-index: 16;
    top: 1150px;
    left: 510px;
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#textedocutile4 {
    position: absolute;
    width: 200px;
    height: 30px;
    z-index: 18;
    top: 1150px;
    left: 750px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    color: #666;
    font-size: 12px;
}
#textdivdocutil5 {
    position: absolute;
    width: 120px;
    height: 30px;
    z-index: 12;
    top: 1150px;
    left: 350px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #666;
    text-align: left;
	
}#textdivdocutil6 {
    position: absolute;
    width: 100px;
    height: 30px;
    z-index: 12;
    top: 1150px;
    left: 590px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #666;
    text-align: left;
}
#textdivdocutil7 {
    position: absolute;
    width: 150px;
    height: 30px;
    z-index: 12;
    top: 1150px;
    left: 790px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #666;
    text-align: left;
}
#contacttel {
	position: absolute;
	width: 100px;
	height: 100px;
	z-index: 4;
	left: 0px;
	top: 50px;
}
#numero {
	position: absolute;
	width: 370px;
	height: 120px;
	z-index: 4;
	left: 160px;
	top: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
	line-height:20px;
	color: rgba(102,102,102,1);
}
#divlogorge{
    position: absolute;
    width: 160px;
    height: 120px;
    z-index: 4;
    top: 250px;
    left: 180px;
}
#visualconteneur{
	position:absolute;
	width: 960px;
	height: 1300px;
	top: 70px;
	left:50%;
	margin-left:-480px;
}
#sliderealisation{
	position:absolute;
	width:800px;
	height:600px;
	left:50%;
	margin-left:-400px;
	top: 50px;
}

#footer {
	position: absolute;
	width: 1000px;
	height: 670px;
	z-index: 3;
	left: 50%;
	margin-left: -500px;
	background-color: rgba(85,43,0,1);
	top: 1750px;
	box-shadow: 0px 0px 5px 1px rgba(102,102,102,1);
}

#conteneurnosprestations{
	position: absolute;
	width: 220px;
	height: 350px;
	z-index: 1;
	left: 30px;
	top: 10px;
}
#nosprestations {
	position: absolute;
	width: 220px;
	height: 25px;
	z-index: 1;
	box-shadow: 0px 1px rgba(153,153,153,1);
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	text-align: center;
}
.conteneurul{
	position:absolute;
	width:220px;
	height:350px;
	top:25px;
	line-height:25px;
	text-align:justify;
	
}
#conteneurnosmarques {
	position: absolute;
	width: 220px;
	height: 350px;
	z-index: 2;
	top: 10px;
	left: 270px;
}
#nosmarques{
	position: absolute;
	width: 220px;
	height: 25px;
	z-index: 1;
	box-shadow: 0px 1px rgba(153,153,153,1);
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	text-align: center;
}
#conteneurnospartenaires {
	position: absolute;
	width: 220px;
	height: 280px;
	z-index: 3;
	left: 510px;
	top: 10px;
	color: rgba(255,255,255,1);
	text-decoration: none;
}
#nospartenaires{
	position: absolute;
	width: 220px;
	height: 25px;
	z-index: 1;
	box-shadow: 0px 1px rgba(153,153,153,1);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-align: center;
}

#conteneurinfopratiques {
	position: absolute;
	width: 220px;
	height: 400px;
	z-index: 4;
	left: 750px;
	top: 10px;
}
#infospratiques{
	position: absolute;
	width: 220px;
	height: 25px;
	z-index: 1;
	box-shadow: 0px 1px #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	text-align: center;


}
#divseparateurmentions {
	position: absolute;
	width: 500px;
	height: 5px;
	z-index: 5;
	top: 450px;
	left: 50%;
	box-shadow: 0px 1px rgba(153,153,153,1);
	margin-left: -250px;
}
#divbasmentions {
	position: absolute;
	width: 600px;
	height: 182px;
	z-index: 6;
	top: 480px;
	left: 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: rgba(255,255,255,1);
	text-align: center;
	margin-left: -300px;
}
#divlogosquali {
	position: absolute;
	width: 500px;
	height: 115px;
	z-index: 7;
	top: 1200px;
	left: 50%;
	margin-left: -250px;
}
#divlogo1 {
	position: absolute;
	width: 125px;
	height: 115px;
	z-index: 1;
}
#divlogo2 {
	position: absolute;
	width: 130px;
	height: 115px;
	z-index: 2;
	left: 125px;
}
#divlogo3 {
	position: absolute;
	width: 150px;
	height: 115px;
	z-index: 3;
	left: 255px;
}
#divlogo4 {
	position: absolute;
	width: 81px;
	height: 115px;
	z-index: 4;
	left: 410px;
}