/* CSS Document */

body {
  background:url(../images/fond.gif) repeat-x #ffffff;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:0px;
  margin:0px auto;
  text-align:center;
}

#conteneur {
  position: relative;
  text-align: justify;
  margin: 0px auto;
  padding: 0px;
  width: 919px;
}

/**************************** partie gauche *********************************/
#gauche {
	float:left;
	padding:0;
	margin:0;
	width:724px;
}

#header {
	float:left;
	display:inline;
	padding:0;
	margin:0;
	width:724px;
	height:72px;
	background:url(../images/img_accueilV4/fond-header.jpg) repeat-x;
}

#contenu {
	float:left;
	padding:0;
	margin:0;
	width:719px;
	height:605px;
	border-left:5px solid #ffffff;
	background:url(../images/img_accueilV4/fond-gauche.jpg) repeat-x #ffffff;
}

#txtDefilant {
	float:left;
	display:inline;
	height: 43px;
	width:680px;
	padding:0px;
	margin:7px 24px 15px 15px;
	background:#2d3e72;
	color: #ffffff;
	font-weight:bold;
	line-height:43px;
} 

#infosFlash {position:absolute; top:60px; left:10px; width:83px; height:81px; background:url(../images/img_accueilV4/badge-infos.jpg) no-repeat;}

ul#menu {
	float:left;
	list-style:none;
	display:inline;
	height: 25px;
	width:680px;
	padding:0px;
	margin:15px 24px 0 15px;
	background:#ceecfa;
} 

	ul#menu li {
		float:left;
		list-style:none;
		margin: 5px 0 7px 0;
		padding:0 12px 0 12px;
		font-weight:bold;
		text-align:center;
		color: #2b4076;
		border-right:1px solid #2b4076;
	}

		ul#menu a {
			margin:0px;
			display: inline;
			text-decoration: none;
			color: #2b4076;
			padding:0px 0 0 0;
		}
		
		
#sdb {
	float:left;
	display:inline;
	padding:0;
	margin:15px 0 0 15px;
	width:330px;
	height:148px;
	background:url(../images/img_accueilV4/photo-sdb.jpg) no-repeat right bottom #c56879;
	text-align:left;
	text-decoration:none;
	cursor:pointer;
}
	#sdb p {font-size:11px; color:#FFFFFF;padding:7px; margin:0 162px 0 0; text-decoration:none}

#carrelage {
	float:left;
	display:inline;
	padding:0;
	margin:15px 0 0 20px;
	width:330px;
	height:148px;
	background:url(../images/img_accueilV4/photo-carrelage.jpg) no-repeat right bottom #665042;
	text-align:left;
	text-decoration:none;
	cursor:pointer;
}
	#carrelage p {font-size:11px; color:#FFFFFF;padding:7px; margin:0 162px 0 0;}

#chauffage {
	float:left;
	display:inline;
	padding:0;
	margin:15px 0 0 15px;
	width:330px;
	height:148px;
	background:url(../images/img_accueilV4/photo-chauffage.jpg) no-repeat right bottom #5ca49f;
	text-align:left;
	text-decoration:none;
	cursor:pointer;
}
	#chauffage p {font-size:11px; color:#FFFFFF;padding:7px; margin:0 162px 0 0;}

#outillage {
	float:left;
	padding:0;
	display:inline;
	margin:15px 0 0 20px;
	width:330px;
	height:148px;
	background:url(../images/img_accueilV4/photo-outillage.jpg) no-repeat right bottom #4a619d;
	text-align:left;
	text-decoration:none;
	cursor:pointer;
}
	#outillage p {font-size:11px; color:#FFFFFF;padding:7px; margin:0 162px 0 0;}

#quincaillerie {
	float:left;
	padding:0;
	display:inline;
	margin:15px 0 0 15px;
	width:330px;
	height:148px;
	background:url(../images/img_accueilV4/photo-quincaillerie.jpg) no-repeat right bottom #7066a6;
	text-align:left;
	text-decoration:none;
	cursor:pointer;
}
	#quincaillerie p {font-size:11px; color:#FFFFFF;padding:7px; margin:0 162px 0 0;}

#energies {
	float:left;
	padding:0;
	display:inline;
	margin:15px 0 0 20px;
	width:330px;
	height:148px;
	background:url(../images/img_accueilV4/photo-nouvelles-energies.jpg) no-repeat right bottom #c1353f;
	text-align:left;
	text-decoration:none;
	cursor:pointer;
}
	#energies p {font-size:11px; color:#FFFFFF;padding:7px; margin:0 162px 0 0;}

#electricite {
	float:left;
	padding:0;
	display:inline;
	margin:15px 0 0 15px;
	width:330px;
	height:148px;
	background:url(../images/img_accueilV4/photo-electricite.jpg) no-repeat right bottom #f98c21;
	text-align:left;
	text-decoration:none;
	cursor:pointer;
}
	#electricite p {font-size:11px; color:#FFFFFF; padding:7px 0 0 7px; margin:0 162px 0 0; line-height:13px;}

			 
/****************************************************************************/


/**************************** partie droite *********************************/
#droite {
	float:left;
	padding:0;
	margin:0;
	width:195px;
	height:677px;
	background:url(../images/img_accueilV4/footer-droite.jpg) no-repeat bottom #2b4076;
}

#imgDroiteTop { float:left; padding:0; margin:0; background:url(../images/img_accueilV4/header-droite.jpg) no-repeat; width:195px; height:45px;}

#contenuDroite {
	float:left;
	padding:0;
	margin:0;
	width:190px;
	height:579px;
	border-right:5px solid #ffffff;
}

span {color:#8ce1ff; font-size:12px; font-weight:bold;text-decoration:none; }


#accesPro {
	float:left;
	padding:0;
	margin:0 5px 0 5px;
	width:180px;
	height:50px;
	display:inline;
}


#catalogue {
	float:left;
	padding:0 6px 0 6px;
	margin:15px 0 0 0;
	height:100px;
	color:#FFFFFF;
	font-size:11px;
	background:url(../images/img_accueilV4/trait-separation.jpg) no-repeat bottom;
	text-align:left;
	text-decoration:none;
	cursor:pointer;
}

#pointsVente {
	float:left;
	padding:12px 6px 0 0px;
	margin:0px 0 0 0;
	height:74px;
	color:#FFFFFF;
	font-size:11px;
	text-align:left;
	background:url(../images/img_accueilV4/trait-separation.jpg) no-repeat bottom;
	text-decoration:none;
	cursor:pointer;
}

#particulier {
	float:left;
	padding:14px 0px 0 0px;
	margin:0px;
}

#professionnel {
	float:left;
	padding:35px 0px 0 0px;
	margin:15px 0 0 0;
	height:25px;
	width:190px;
	background:url(../images/img_accueilV4/btn-professionnel.jpg) no-repeat bottom;
	text-align:center;
}
	select {
		font-size:11px;
		color:#2c2e33;
		width:173px;
		border-color:#ff7e00;
	}
	
#recrute {
	float:left;
	padding:14px 6px 0 6px;
	margin:12px 0 0 0;
	width:178px;
	color:#FFFFFF;
	font-size:11px;
	text-align:left;
	background:url(../images/img_accueilV4/trait-separation.jpg) no-repeat top;
	text-decoration:none;
	cursor:pointer;
	display:inline;
}


#footer {
	clear:left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 919px;
	font-weight:bold;
	font-size:11px;
	height:25px;
	line-height:25px;
}
#footer a {color: #2b4076; text-decoration:none;}
/****************************************************************************/