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

/* Style du corps */
html {
	padding: 0;
	margin: 0;
}
body {
	background-image: url(../img/fd.jpg);
	background-repeat:repeat;
	padding:0;
	margin:0; } 
/* partie derriere all qui  gere le dégradé */
#g {
	background-image: url(../img/tr_fond.jpg); 
	width: 100%;
	height: 586px;
	float:left;
	position: absolute;
	margin:0;
	padding:0;
}
/* block contenant l'ensemble des éléments de la page */
#all {
	width: 935px;
	height: 586px; 
	position:relative;
	margin:0 auto;
	
	}
#mentions {
	background: #AAAAAA;
	width: 935px;
	text-align: center;  
}	
#mentions a {
	color: #FFF;
}
/* Illustration à gauche de la page */
	#illus_gauch {
		float: left;display:inline;
		width: 195px;
		height: 586px;
		background-image:url(../img/illus_gauche.jpg); }
	
	
/* Corps, partie centrale */
	#corps {
		float: left;display:inline;
		background-image: url(../img/fond_corps.jpg) ;
		width: 719px ;
		height: 586px ;
		
	}
	
	/* partie haute du corps */
	#cps_h1 {
		width: 523px;
		height: 92px;
		padding-top: 25px;
		float: left;display:inline;
	}
		/* bouton accueil */
		#accueil {
			background-image: url(../img/bt_accueil_rge.jpg);
			width: 187px;
			height: 44px;
			float: left;display:inline;
			position: relative;
			display:inline;
		}
		#info  {
			display:inline;
			position: relative;
			background-image: url(../img/bt_info_rge.jpg);
			width: 171px;
			height: 44px;
			float: left;display:inline;
		}
		#devis {
			display:inline;
			position: relative;
			background-image: url(../img/bt_devis_bc.jpg);
			width: 165px;
			height: 44px;
			float:left;
		}
		
	/* block contenant le block logo */	
	#cps_h2 {
		width: 196px;
		float: left;
		display:inline;
		height: 117px;
	}
		#logo {
			background-image: url(../img/logo.jpg);
			width: 196px;
			height: 92px;
			float:left;
			display:inline;
		}
			
	/* partie basse du corps */
	#cps_b {
		padding-top:0px;
		width: 711px;
		height: 469px;
		padding-left: 8px;
		position: relative;
		float: left;
		display:inline;
	}
	#right {
		float: left;
		display:inline;
		background-image: url(../img/right_bord.jpg) ;
		width: 19px;
		height: 586px;
	}
	
	
	
	
	/* PARTIE CENTRALE*/
	
	#milieux {
		width: 657px;
		height: 389px;
	}
	
	#haut {
		background-image:url(../img/accueil_bh.png);
		background-position:bottom;
		background-repeat: no-repeat ;
		width: 657px;
		height: 15px;
	}
	
	#gauche {
		background-image: url(../img/accueil_bg.png);
		width: 6px;
		float:left;
		height: 389px;
	}

	#droite{
		background-image:url(../img/accueil_bd.png);
		width: 5px;
		float: left;
		height: 389px;
	}
	
	#bas {
		background-image:url(../img/accueil_bb.png);
		background-repeat: no-repeat;
		/*width: 287px;
		padding-left: 380px;*/
		height: 49px;
		width: 667px;
	}
	
	#centre {
		background: no-repeat url(../img/accueil_centre.jpg) top;
		width: 646px;
		height: 343px;
		float: left;
	}
	
	#valide {
		
		position:absolute;
		left:400px;
		bottom:25px;
		cursor: pointer;
		background-image: url(../img/bt_home_devis_eco.png);
		width: 212px;
		height: 81px;
	}
	
	#valide a
	{
		display:block;
		width: 212px;
		height: 81px;
		
	}
	
	#lien_devis_eco
	{
		position:absolute;
		left:60px;
		bottom:25px;
		cursor: pointer;
		background-image: url(../img/bt_home_devis_confort.png);
		width: 212px;
		height: 81px;
		
		
	}
	
	#lien_devis_eco a
	{
		display:block;
		width: 212px;
		height: 81px;
		
	}