@charset "utf-8";

/***********************************************/
/****************** GENERAL ********************/
/***********************************************/
body{
	width:100%;
	margin:auto;
	background-color: rgb(0,0,0);
	background: no-repeat url(../picture/background.png);
	background-position:center;
}

h2{
	margin-left: 30px;
}

/******************************************/
/****************** ID ********************/
/******************************************/

#header{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:1080px;
	height:130px;
	background: no-repeat url(../picture/content.png);
}

#logo{
	float:left;
	width:246px;
	height:120px;
	background: no-repeat url(../picture/carte.png);
}
#div_produit_grossissement_conteneur{
	position:absolute;
	display:none;
	background: rgb(0,0,0);
	width:747px;
	height:568px;
	left:25%;
	top:10%;
	z-index:1;
}
#div_produit_grossissement{
	background: no-repeat url(../picture/produitsgrands.jpg) 0px 0px;
	margin-left:35px;
	margin-top:31px;
	width:685px;
	height:506px;
}
#div_produit_grossissement_fermer{
	margin-right:7px;
	margin-top:7px;
	float:right;
	cursor: pointer;
	width:27px;
	height:26px;
	background: no-repeat url(../picture/image1.png) -1338px 0px;
}
#menu_container{
	width:1100px;
	height:35px;
	position:absolute;
	left:-10px;
	top:130px;
}
#menu_container p{
	text-align:center;
	margin-top:6px;
	color:rgb(150,134,126);
	font-size:17px;
}
#menu_container div{
	float:left;
	height: 35px;
}
#menu1{
	background: no-repeat url(../picture/image1.png)0 0;
	width: 139px;
	cursor: pointer;	
	font-weight: bold;	
}

#menu2{
	background: no-repeat url(../picture/image1.png) 0 -35px;	
	width: 126px;
	cursor: pointer;
}
#menu3{
	background: no-repeat url(../picture/image1.png) 0 -175px;
	width: 109px;
	cursor: pointer;	
}

#menu4{
	background: no-repeat url(../picture/image1.png) 0 -105px;
	width: 105px;
	cursor: pointer;
}

#menu5{
	background: no-repeat url(../picture/image1.png) 0 -140px;
	width: 82px;
}
#menu6{
	background: no-repeat url(../picture/image1.png) 0 -70px;
	width: 79px;
}
#menu7{
	background: no-repeat url(../picture/image1.png) 0 -210px;
	width: 162px;
}
#menu8{
	background: no-repeat url(../picture/image1.png) 0 -245px;
	width: 119px;
}
#menu9{
	background: no-repeat url(../picture/image1.png) 0 -70px;
	width: 77px;
}
#menu10{
	background: no-repeat url(../picture/image1.png) 0 -105px;
	width: 102px;
}
#div_meter{
	display:none;
	color:rgb(255,255,255);
}
#main_contents{	
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
	background: no-repeat url(../picture/content.png);
}

#div_accueil{
	display:block;
}
#div_accueil_left{
	width:600px;
	height:370px;
	float:left;
}
#lien_calcaire:hover{
	font-weight : bold;
}
#div_accueil_right{
	width:475px;
	height:370px;
	float:left;
}
#diaporama{
	margin:auto;
	padding-left:0px; 
	padding-top:25px;
	width:450px;
	height:370px;
}
 
#diaporama li{
	list-style-type:none;
	overflow:hidden;
   	position:absolute
}
#div_diaporama1{
	background: no-repeat url(../picture/diaporama1.png) 0 0;
}
#div_diaporama2{
	background: no-repeat url(../picture/diaporama1.png) 0 -337px;
}
#div_diaporama3{
	background: no-repeat url(../picture/diaporama1.png) 0 -674px;
}
#div_diaporama4{
	background: no-repeat url(../picture/diaporama1.png) 0 -1011px;
}
#div_diaporama5{
	background: no-repeat url(../picture/diaporama1.png) 0 -1348px;
}
#div_diaporama6{
	background: no-repeat url(../picture/diaporama1.png) 0 -1685px;
}
#div_diaporama7{
	background: no-repeat url(../picture/diaporama1.png) 0 -2022px;
}
#div_diaporama8{
	background: no-repeat url(../picture/diaporama1.png) 0 -2359px;
}
#div_diaporama9{
	background: no-repeat url(../picture/diaporama1.png) 0 -2696px;
}
#div_diaporama10{
	background: no-repeat url(../picture/diaporama1.png) 0 -3033px;
}
#div_diaporama11{
	background: no-repeat url(../picture/diaporama1.png) 0 -3370px;
}
#div_diaporama12{
	background: no-repeat url(../picture/diaporama1.png) 0 -3707px;
}
#div_diaporama13{
	background: no-repeat url(../picture/diaporama1.png) 0 -4044px;
}
#div_diaporama14{
	background: no-repeat url(../picture/diaporama1.png) 0 -4381px;
}
#div_diaporama15{
	background: no-repeat url(../picture/diaporama1.png) 0 -4718px;
}

#div_produits{
	display:none;
}
#div_produits_left{
	width:550px;
	height:370px;
	overflow:auto;
	float:left;
}
#div_produit1{
	background: no-repeat url(../picture/produitspetits.jpg);
}
#div_produit2{
	background: no-repeat url(../picture/produitspetits.jpg) 0 -100px;
}
#div_produit3{
	background: no-repeat url(../picture/produitspetits.jpg) 0 -200px;
}
#div_produit4{
	background: no-repeat url(../picture/produitspetits.jpg) 0 -300px;
}
#div_produit5{
	background: no-repeat url(../picture/produitspetits.jpg) 0 -400px;
}
#div_produits_right{
	width:525px;
	height:370px;
	float:left;
}
#tableau_produits{
	margin-left:10px;
}
#tableau_produits td{
	border : thin solid;
	border-color: rgb(255,255,255);
}
#menu_deroulant_calculatrice_produit{
	margin-left:30px;
}
#form_calculatrice{
	width: 60%;
	margin-left:30px;
	margin-top:25px;
}

#form_calculatrice p{
	margin: 2px 0;
}

#form_calculatrice label{	
	display: block;
	width: 45%;
	float: left;
	padding-right: 1%;
	text-align: right;
}
#submit_calculatrice{
	margin-left:205px;
}

#div_realisations{
	display:none;
}
#div_realisations_left{
	width:600px;
	height:370px;
	float:left;
}
#div_realisations_right{
	width:475px;
	height:370px;
	float:left;
}
#diaporamaRealisations{
	margin:auto;
	padding-left:0px; 
	padding-top:25px;
	width:450px;
	height:370px;
}
 
#diaporamaRealisations li{
	list-style-type:none;
	overflow:hidden;
   	position:absolute
}
#div_diaporama16{
	background: no-repeat url(../picture/diaporama2.png) 0 0px;
}
#div_diaporama17{
	background: no-repeat url(../picture/diaporama2.png) 0 -337px;
}
#div_diaporama18{
	background: no-repeat url(../picture/diaporama2.png) 0 -674px;
}
#div_diaporama19{
	background: no-repeat url(../picture/diaporama2.png) 0 -1011px;
}
#div_diaporama20{
	background: no-repeat url(../picture/diaporama2.png) 0 -1348px;
}
#div_diaporama21{
	background: no-repeat url(../picture/diaporama2.png) 0 -1685px;
}
#div_diaporama22{
	background: no-repeat url(../picture/diaporama2.png) 0 -2022px;
}
#div_diaporama23{
	background: no-repeat url(../picture/diaporama2.png) 0 -2359px;
}
#div_diaporama24{
	background: no-repeat url(../picture/diaporama2.png) 0 -2696px;
}
#div_diaporama25{
	background: no-repeat url(../picture/diaporama2.png) 0 -3033px;
}
#div_diaporama26{
	background: no-repeat url(../picture/diaporama2.png) 0 -3370px;
}
#div_diaporama27{
	background: no-repeat url(../picture/diaporama2.png) 0 -3707px;
}
#div_diaporama28{
	background: no-repeat url(../picture/diaporama2.png) 0 -4044px;
}
#div_diaporama29{
	background: no-repeat url(../picture/diaporama2.png) 0 -4381px;
}
#div_diaporama30{
	background: no-repeat url(../picture/diaporama2.png) 0 -4718px;
}
#div_diaporama31{
	background: no-repeat url(../picture/diaporama2.png) 0 -5055px;
}

#div_coordonnees{
	display:none;
}
#div_coordonnees_left{
	width:375px;
	height:370px;
	float:left;
}
#div_coordonnees_center{
	width:225px;
	height:370px;
	float:left;
}
#contact{
	font-size:16px;
}
#distributeur{
	font-size:16px;
}
#div_coordonnees_right{
	width:475px;
	height:370px;
	float:left;
}
#footer{
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	width:1080px;
	height:85px;
	background: no-repeat url(../picture/content.png);
	clear:both;	
}
#footer p{
	margin-left:3px;
	margin-top:50px;
	font-size: 12px;
	float:left;	
}
/**********************************************/
/****************** CLASSE ********************/
/**********************************************/

.text_color{
	color:rgb(60,44,36);
}
.text_paragraphe{
	text-align: justify;
	font-size:20px;
	margin-left: 30px;
	margin-right: 10px;
}
.paragraphe_calculatrice{
	width:95px;
	text-decoration:underline;
}
.paragraphe_calculatrice:hover{
	cursor:pointer;
	font-weight: bold;
}
.width_height1{
	width:1080px;
	height:370px;
}
.width_height_produit{
	width:133px;
	height:100px;
	cursor: pointer;
}
.width_height_diaporama{
	width:450px;
	height:337px;
}
.td_image{
	width:133px;
	height: 100px;
}
.td_description{
	width:420px;
}
.menu_actif:hover{
	margin-top:-6px;
}
.produitGros1{
	background: no-repeat url(../picture/produitsGrands.jpg) 0px 0px;
}
.produitGros2{
	background: no-repeat url(../picture/produitsGrands.jpg) 0px -506px;
}
.produitGros3{
	background: no-repeat url(../picture/produitsGrands.jpg) 0px -1012px;
}
.produitGros4{
	background: no-repeat url(../picture/produitsGrands.jpg) 0px -1518px;
}
.produitGros5{
	background: no-repeat url(../picture/produitsGrands.jpg) 0px -2024px;
}