/* CSS Document */

body {	
	margin:0;
    padding:0;
	text-align:center;
	font-family:tahoma, Arial, Helvetica, sans-serif;
	color:#3366CC;
	font-size:12px;
	background: url(../images/bg.jpg);
}


#page {
	margin:10px auto 0 auto;
	text-align:center;
	padding:0;
	width:1024px;
	height:100%;

}

#header {
	margin:0;
	padding:0;
	width:1024px;
	height:136px;
	
}

#logo {
	float:left;
	margin:0;
	padding:0;
	width:224px;
	height:136px;

}

#logo h2{
	display:none;
}

#bandeau {
	float:left;
	margin:0;
	padding:3px 5px 0 0;
	width:776px;
	height:136px;
	/*background:url(../images/bandeau.jpg) no-repeat;*/
}

#conteneur {
	clear:both;
	margin:0;
	padding:0;
	width:1024px;
	height:664px;
	/*border:1px solid #cccccc;*/
}

#contenu_gauche {
	float:left;
	margin:0;
	padding-top:108px;
	text-align:left;
	width:224px;
	height:664px;
	font-size:0.8em;
	background:url(../images/contenu_left.jpg) no-repeat;
}

#contenu_gauche h4 {
	display:none;
}

/*-----------------------------------------------page accueil --------------------------------------------*/

#contenu_accueil {
	float:left;
	margin:0;
	padding:0;
	width:776px;
	height:664px;
	background:url(../images/bg_accueil.jpg) no-repeat;
}	

#cadre_accueil {
	margin-top:105px;
	padding:0;
	text-align:left;
	width:776px;
	height:227px;
}

#cadre_accueil h3 {
	display: none;
}

#accueil_1 {	
	float:left;
	margin:0 0 0 25px;
	padding:15px 0 0 15px ;
	width:353px;
	height:227px;	
	background:url(../images/cadre1.jpg) no-repeat;
}

#accueil_2 {	
	float:left;
	margin:0 ;
	padding:15px 0 0 20px;
	width:336px;
	height:227px;	
	background:url(../images/cadre2.jpg) no-repeat;
}

#diaporama {
	margin:5px auto;
	padding:0;
	width:500px;
	height:300px;
}

/*--------------------------------------- contenu page plomberie  -------------------------------------------*/ 

#contenu_plomberie {
	float:left;
	margin:0;
	padding:0;
	width:776px;
	height:664px;
	text-align:left;
	font-weight:bold;
	background:url(../images/bg_plomberie.jpg) no-repeat;
}	

#plomberie_1 {
	margin:95px 0 0 295px;
	padding:5px 0 0 20px;
	width:458px;
	height:167px;
	background:url(../images/cadre3.jpg) no-repeat;
}

#plomberie_1 h3, #plomberie_2 h3 {
	display:none;
}

#plomberie_2 {
	margin:25px 0 0 8px;
	padding:0 0 0 20px;
	width:474px;
	height:222px;
	background:url(../images/cadre4.jpg) no-repeat;
}


/*--------------------------------------- contenu page Electricite -------------------------------------------*/ 

#contenu_electricite {
	float:left;
	margin:0;
	padding:0;
	width:776px;
	height:664px;
	text-align:left;
	font-weight:bold;
	background:url(../images/bg_electricite.jpg) no-repeat;
}	

#electricite_1 {
	margin:85px 0 0 295px;
	padding:15px 0 0 20px;
	width:458px;
	height:167px;
	background:url(../images/cadre3.jpg) no-repeat;
}

#electricite_1 h3, #electricite_2 h3 {
	display:none;
}

#electricite_2 {
	margin:45px 0 0 25px;
	padding:10px 0 0 25px;
	width:474px;
	height:222px;
	background:url(../images/cadre1.jpg) no-repeat;
}




/*---------------------------------------------- contenu page Démoussage --- -------------------------------------------*/ 

#contenu_demoussage {
	float:left;
	margin:0;
	padding:0;
	width:776px;
	height:664px;
	text-align:left;
	font-weight:bold;
	background:url(../images/bg_demoussage.jpg) no-repeat;
}	

#demoussage_1 {
	margin:70px 0 0 307px;
	padding:10px 0 0 20px;
	width:453px;
	height:224px;
	background:url(../images/cadre6.jpg) no-repeat;
}

#demoussage_1 h3, #demoussage_2 h3 {
	display:none;
}

#demoussage_2 {
	margin:10px 0 0 15px;
	padding:5px 0 0 20px;
	width:541px;
	height:270px;
	background:url(../images/cadre5.jpg) no-repeat;
}
/*---------------------------------     contenu page assainissement ------------------------------------------------*/

#contenu_assainissement {
	float:left;
	margin:0;
	padding:0;
	width:776px;
	height:664px;
	text-align:left;
	font-weight:bold;
	background:url(../images/bg_assainissement.jpg) no-repeat;
}	


#assainissement_1 {
	margin:85px 0 0 285px;
	padding:20px 0 0 20px;
	width:458px;
	height:167px;
	background:url(../images/cadre3.jpg) no-repeat;
}

#assainissement_1 h3, #assainissement_2 h3 {
	display:none;
}


#assainissement_2 {
	margin:40px 0 0 15px;
	padding:20px 0 0 30px;
	width:541px;
	height:270px;
	background:url(../images/cadre5.jpg) no-repeat;
}


/*--------------------------------------     contenu page climatisation ------------------------------------------------*/

#contenu_climatisation {
	float:left;
	margin:0;
	padding:0;
	width:776px;
	height:664px;
	text-align:left;
	font-weight:bold;
	background:url(../images/bg_climatisation.jpg) no-repeat;
}	


#climatisation_1 {
	margin:55px 0 0 10px;
	padding:25px 0 0 20px;
	width:716px;
	height:94px;
	background:url(../images/cadre7.jpg) no-repeat;
}

#climatisation_1 h3, #climatisation_2 h3 {
	display:none;
}


#climatisation_2 {
	margin:35px 0 0 160px;
	padding:10px 0 0 35px;
	width:500px;
	height:60px;
	
}

#climatisation_3 {
	margin:80px 0 0 160px;
	padding:10px 0 0 35px;
	width:500px;
	height:60px;
	
}

/*--------------------------------------     contenu page rénovation ------------------------------------------------*/

#contenu_renovation {
	float:left;
	margin:0;
	padding:0;
	width:776px;
	height:664px;
	text-align:left;
	font-weight:bold;
	background:url(../images/bg_renovation.jpg) no-repeat;
}	

#renovation_1 {
	margin:130px 0 0 295px;
	padding:22px 0 0 17px;
	width:376px;
	height:134px;
	background:url(../images/cadre8.jpg) no-repeat;
}

#renovation_1 h3, #renovation_2 h3 {
	display:none;
}

#renovation_2 {
	margin:45px 0 0 8px;
	padding:20px 0 0 20px;
	width:474px;
	height:222px;
	background:url(../images/cadre4.jpg) no-repeat;
}

/*----------------------------------------- page formulaire de contact -----------------------------------------*/

#contenu_contact {
	float:left;
	margin:0;
	padding:15px 0 0 20px;
	text-align:left;
	width:776px;
	height:664px;
	background:url(../images/bg_contenu.jpg) no-repeat;
}	

/*----------------------------------------- page formulaire de recutement -----------------------------------------*/

#contenu_recrut {
	float:left;
	margin:0;
	padding:15px 0 0 20px;
	text-align:left;
	width:776px;
	height:664px;
	background:url(../images/bg_contenu.jpg) no-repeat;
}	


/*------------------------------------------------ pied  de page -------------------------------------------------*/

#footer {
	margin: -55px 0 0 0;
	padding:0;
	width:1000px;
	height:30px;
	font-size:0.9em;
	font-weight:bold;
	background:url(../images/bg_footer.jpg) no-repeat;
}

#nav_bas {
	margin:0 auto;
	padding:7px 90px;
	width:1024px;
	height:20px;
	
}

#nav_bas ul {
	list-style-type:none;
	padding-left: 15px;
	margin:0;
}

#nav_bas li {
	float:left;
}

#nav_bas li a{
	padding:0 5px;
	text-decoration:none;
	color:#444;
	
}

#nav_bas li a:hover{
	color:#3366CC;
}