/*Ad-Diffusion*/
body{
	background:url(images/bg-body.gif) repeat;
	font-family:Arial, Helvetica, sans-serif;
}
*{margin:0; padding:0;}
.clear{
	clear:both;
	}
#page{ 
	width:940px;
	background:url(images/bg-page.gif) repeat-y;
	margin:0 auto;
}

#top{
	width:911px;
	background:url(images/bg-top.gif) no-repeat top;
	padding:17px 0 0 29px;
}
#top img{
	margin:0 12px 0 0;
}
/*menu*/
#menu{
	width:702px;
	margin:0 0 0 0;
	float:right;
	margin-top:0px;

}
#menu ul{
	list-style-type:none;
	font-family: "Trebuchet MS , Arial"
}

#menu li{
	padding:0;
	text-align:center;
	height:44px;
	float:left;
	margin:0;

}
.accueil a{
	background:url(images/accueil.gif) no-repeat; 
	width:80px;
	height:44px;
	text-decoration:none;
	display:block;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
}

.accueil a:hover{
	background:url(images/accueil-on.gif) no-repeat; 
}

ul li.accueil_on a{
	background:url(images/accueil-on.gif) no-repeat;
	display:block;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
	width:80px;
	height:44px;
	text-decoration:none;
}

li.chimie a{
	background: url(images/chimie.gif) no-repeat; 
	width:67px;
	height:44px;
	text-decoration:none;
	display:block;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
}
li.chimie a:hover{
	background: url(images/chimie-on.gif) no-repeat; 
	}
li.chimie-on a{
	background: url(images/chimie-on.gif) no-repeat; 
	width:67px;
	height:44px;
	display:block;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
	text-decoration:none;
	}
	
li.petitmateriel a{
	background: url(images/petit-materiel.gif) no-repeat; 
	width:112px;
	height:44px;
	text-decoration:none;
	display:block;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
}
li.petitmateriel a:hover{
	background: url(images/petit-materiel-on.gif) no-repeat; 
	}
li.petitmateriel-on a{
	background: url(images/petit-materiel-on.gif) no-repeat; 
	width:112px;
	height:44px;
	text-decoration:none;
	display:block;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
	}
	
li.electrique a{
	background: url(images/electrique.gif) no-repeat; 
	width:186px;
	height:44px;
	text-decoration:none;
	display:block;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
}
li.electrique a:hover{
	background: url(images/elecrtrique-on.gif) no-repeat; 
	}
ul li.electrique-on a{
	background:url(images/elecrtrique-on.gif) no-repeat; 
	width:186px;
	height:44px;
	text-decoration:none;
	display:block;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
	}
	
li.agencement a{
	background:url(images/agencement.gif) no-repeat; 
	width:144px;
	height:44px;
	text-decoration:none;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
	display: block;
}
li.agencement a:hover{
	background:url(images/agencement-on.gif) no-repeat; 
	}
li.agencement-on a{
	background:url(images/agencement-on.gif) no-repeat; 
	width:144px;
	height:44px;
	text-decoration:none;
	display:block;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
	}
li.contact a{
	background: url(images/contact.gif) no-repeat; 
	width:85px;
	height:44px;
	text-decoration:none;
	display:block;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
}
li.contact a:hover{
	background: url(images/contact-on.gif) no-repeat; 
	}
ul li.contact-on a{
	background:url(images/contact-on.gif) no-repeat; 
	width:85px;
	height:44px;
	text-decoration:none;
	display: block;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:40px;
	}
	
/*contenu*/
#contenu{
	width:881px;
	background:url(images/bg-contenu.gif) 0px 10px no-repeat;
	padding:10px 0 0 0;
	margin:0 0 0 29px;
}
#contenuleft1{
	width:400px;
	float:left;
	padding:0 5px 10px 0;
	font-size:12px;
	text-align:justify;
	vertical-align:middle;
}
.imggama{
	float:left;
	padding:40px 25px 0 5px;
}
.contenuleft1img1{
	float:left;
	padding:0 10px 10px 0;
}
#contenuleft1 p{
	padding:10px 0 0px 0;
	color:#676766;

}
#contenuleft1 span{
	color:#5A90AD;
	font-weight:bold;
}

#contenuleftint{
	width:495px;
	float:left;
	text-align:center;
	padding:50px 0 0 30px;
	position:relative;
}

.img_space{
	margin:0 5px 0 5px;
}

.imgleft{
	float:left;
	width:180px;
}

.imgleft img{
	display:block;

	margin-top:20px;
	float:left;

}

/*Bloc droit du contenu des pages initiales*/

#contenuright{
	width:370px;
	float:left;
	padding:30px 0 0 10px;
	text-align:center;
}
#contenurightimg{
	margin:10px 0 30px 10px;	
	border:1px solid #5A90AD;
}
#contenurightimg2{
	float:right;
	margin:0 30px 0 0;
	border:1px solid #5A90AD;
}
.imgcontenuright{
	border:1px solid #5E5141;
	margin:10px 0px 20px 50px;
	}

.image_principale{
	text-align:center;
	}	
	
.logo{
	float:left;
	width:881px;
	margin:10px 0px 0px 29px;
	text-align:center;
}
.logo img{
	margin:0 10px 0 0;
	border:1px solid #6291A9;
}
/* contact */
#contact1{
	width:275px;
	float:left;
	font-size:13px;
	color:#5E5141;
	text-align:center;
	margin:0 0 0 10px;
}
#contactimg{
	padding:15px 0 0 15px;
	height:332px;
}
#contact1 h2{
	font-weight:bold;
	font-size:13px;
	margin:20px 0 20px 0;
}
#contact1 address{
	font-style:normal;
	margin:0 0 10px 0;
}
#contact1 p{
	margin:2px 0 2px 0;
}
.color{
	width:250px;
	border:1px solid #626263;
	color:#626263;
}
.boutton{
	float:right;
	margin:0 10px 0 0;
}
#contactHoraire{
	background: url(images/img-contact/bg-horaire.gif) no-repeat;
	width:184px;
	height:332px;
	margin:15px 0 0 0;
	float:left;
	text-align:center;
	color:#5E5141;
	font-size:13px;
	padding:20px 0 0 0;
}
#contactHoraire span{
	font-weight:bold;
	}
#contactHoraire h3{
	color:#5E5141;
	font-size:13px;
	font-weight:bold;
	margin:100px 0 0 0;
}
.hauteur{
	width:0px;
	height:430px;
	float:left;
}

/*footer*/
#footer{
	background: url(images/bg-footer.gif) no-repeat bottom;
	width:930px;
	height:25px;
	text-align:center;
	padding:0 0 0 0;
	margin:10px 0 0 5px;
}
#footer address{
	color:#FFFFFF;
	font-style:normal;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}
#listefooter {
	margin:0 auto;
	text-align:center;
	width:700px;
	padding:8px 0 15px 0;
	margin-bottom:15px;

}
#listefooter ul{
	list-style-type:none;
	text-align:center;
}
#listefooter li{
	float:left;
	text-align:center;
	font-size:11px;
	padding:0 1px 0 2px;
	font-weight:bold;
}
#listefooter li a{
	color:#000000;
	text-decoration:none;
}
#listefooter li a:hover{
	color:#5A90AD;
	text-decoration:none;
}
#footer address span{
	position: relative;
	top:6px;
}
.logotoptec{
	margin:0 auto;
	width:400px;
	height:61px;
	text-align:center;
	padding-top:15px;
}
.logotoptec p a{
	font-size:9px;
	color:#000;
	text-decoration:none;
	margin:0 auto;

}
.logotoptec a:hover{
	color:#000;
	text-decoration:none;
}


/*actualité*/
#actualite{
	width:445px;
	float: right;
	background:url(images/img-accueil/px-actualite.gif) repeat-y;
}
#actualite h2{
	width:408px;
	height:33px;
	background: url(images/img-accueil/bg-actualite.gif) no-repeat;
	font-size:17px;
	color:#5E5141;
	font-weight:bold;
	text-align:right;
	padding-right:35px;
	line-height:33px;
	vertical-align:middle;
	
}
#actualite h2 a{
	color:#5E5141;
	text-decoration:none;
	}
#actualite h2 a:hover{
	color:#fff;
	text-decoration:none;
	}
#actualite h2 img{
	vertical-align:middle;
	margin:10px 0 0 310px;
	float:left;
}
.actu1{
	width:440px;
	font-size:11px;
	color:#676766;
	font-weight:bold;
	background:url(images/img-accueil/bottom-actualite.gif) no-repeat bottom;
}
.actu1h3{
	color:#000000;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
	padding:0 0 10px 10px;
	line-height:35px;
	width:430px;
}
#actualite .actu1h3 img{
	float:right;
	padding:0;
	margin:0;
	display:block;	
}

.actu1 img{
	float:left;
	padding:0 15px 6px 20px;
	border:none;
}

.actu1 span{
	color:#A97E2A;
}
.actu1 p{
	padding:0 0 0 10px;
}

#actus{
	width:580px;
	float:left;
	font-size:12px;
	padding-top:10px;
}

#actus img{
	float:left;
	padding:5px 10px 10px 0px;
}

#actuslist{
	width:280px;
	padding:10px 0 0 20px;
	float:left;
	font-size:12px;
}

#hauteur-news{
	float:left;
	width:0px;
	height:180px;
}

#actuslist ul li{
	list-style-type:none;
}

#actuslist a{
	color:#C33;
}

#actuslist a:visited{
	color:#C63;
}

.date{
	color:#5A90AD;
	font-weight:bold;
}

/* contenu right intial*/


#contenurightint{
	background:url(images/img-accueil/px-actualite.gif) repeat-y;
	width:350px;
	float: right;
	font-size:11px;
	color:#676766;
	text-align:justify;
	vertical-align:middle;
	margin:2px 0 0 0;
}

#mentions-legales{
	font-size:12px;
	}

#contenurightint p{
	padding:15px 15px 0 10px;
}

#contenurightint span{
	color:#5A90AD;
	font-weight:bold;
}

.contenupage{
	padding:10px 0 20px 0;
	width:350px;
	background:url(images/img-accueil/bottom-actualite.gif) no-repeat bottom;
}
.siteencour{
	color:#5E5141;
	font-size:12px; 
	text-align:center;
	margin:30px 0 0 0;
}

/* agencement */

#imgagen {
	float:left;
	margin-left:20px;
	margin-top:20px;
}
 #imgagen p {
 text-align:center;
 color:#5A90AD;
 margin-top:10px;
 font-weight:bold;
 }