/*Géneral */
*{
	margin:0;padding:0;
}
img{
	border:0;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
ul{
	margin:0;padding:0; 
}
ul li{
	list-style:none;
}
.clr {
	clear:both;font-size:0;
}
p, h2, h3, h4, h5 {
	display:block;
}
/***********************/
body{
	background:url(images/bg_body.jpg) repeat-x 0 0 #3c3c3c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#Global{
	width:955px;
	margin:0 auto;
	padding:0 0 20px 0;
	background:url(images/bg_globall.jpg) no-repeat center top;
	position:relative;
}
#All_center{
	width:686px;
}
.logo{
	margin:80px 0 0 53px;
	float:left;
}
.mettro{
	position:absolute;
	left: 43px;
	top: 152px;
}
.manouvrier{
	position:absolute;
	left:526px;
	top:96px;
}
.liste_all_globall{
	float:right;
	width:224px;
	clear:both;
	padding:16px 0 0 0;
}
.liste_all_globall span{
	padding:0 0 3px 0;
	display:block;
	color:#791417;
	font-size:13px;
	font-weight:bold;
}
.liste_all_globall .spandeux{
	color:#434446;
}
/*----top menu-----*/
#TopMenu{
	width:228px;
	float:right;
	font-size:10px;
	padding:5px 33px 0 0; }
#TopMenu li{
	display:inline;
	color:#fff;
}
#TopMenu li a {
	color:#d6d6d6;
}
#TopMenu li a:hover,#TopMenu li .activv{
	color:#fecd00;
}
/*-----fin top menu------*/

/***************** Menu **********************/
#menu{
	width:169px;
	float:left;
	background:url(images/bg_menu.gif) no-repeat 51px 24px;
	padding:25px 0 0 51px;
}
.menu_all_page{
	margin-bottom:33px;
}
#menu ul li{
	color:#fff;
	padding:0 0 0 0;
}
#menu li a{
	padding:0 0 0 54px;
	height:24px;
	text-align:left;
	display:block;
	color:#fff;
}
#menu li a:hover,#menu li .active{
	color:#fff;
	height:24px;
	background:url(images/fleche_menu.gif) no-repeat 35px 2px;
}
/***************** Fin Menu **********************/

/************************* Index **************************************/
#GlobLeft{
	width:269px;
	float:left;
}
#GlobRight{
	width:686px;
	float:left;
}
#Header_index{
	width:686px;
	position:relative;
	height:301px;
	background:url(images/bg_header_index.jpg) no-repeat 0 0;
}
.grope_index{

	padding:115px 0 0 0;
	width:686px;
	clear:both;
}
.bloc_title{
	background:url(images/left_bloc_title.gif) no-repeat 11px 0;
	padding:8px 0 0 23px;
	width:194px;
	height:20px;
	float:left;
	font-size:14px;
	color:#fff;
}
.img_savoir_faire{
	float:left;
	margin:3px 0 0 26px;
}
#Bloccontara{
	width:177px;
	clear:both;
	padding:0 0 0 0;
	margin-left:48px;
}
.PraBloccontara{
	color:#a00718;
	font-weight:bold;
	padding:8px 0 8px 8px;
	background:#fff;
	margin-bottom:30px;
}
.PraBloccontaraV1{
	color:#a00718;
	font-weight:bold;
	padding:8px 0 8px 8px;
	background:#fff;
}
.PraBloccontaraV0{
	color:#fff;
	padding:8px 0 8px 8px;
	background:#4f4f4f;
}
#blocdev{
	width:177px;
	margin-left:48px;
	padding:0 0 0 0;
	background:#4F4F4F;
	clear:both;
}
.blocdevimg{
	float:left;
	position:relative;
	margin:12px 17px 0 -15px;
}
.ParablocdevV0{
	color:#fff;
	padding:21px 0 0 8px;
	font-weight:bold;
	font-size:16px;
	background:#4f4f4f;
}
.Parablocdev{
	color:#ffc320;
	padding:0 0 8px 8px;
	font-size:16px;
	font-weight:bold;
	background:#4f4f4f;
}
#blocdev a{
	color:#fff;
	padding:0 0 10px 15px;
	background:url(images/fleche_a.gif) no-repeat 0 4px;
}
#blocdev a:hover{
	color:#ffc320;
	text-decoration:underline;
}
.bloc_title_index{
	background:url(images/bloc_title_index.gif) no-repeat 11px 0;
	padding:8px 0 0 23px;
	width:124px;
	height:20px;
	float:left;
	font-size:14px;
	color:#fff;
}
#Center_index{
	width:662px;
	padding:0 0 20px 0;
	background:#252525;


}
.ParaBlocIndex{
	padding:0 0 10px 30px;
	line-height:17px;
	color:#d6d6d6;
}
.ParaBlocIndex span{
	padding:10px 0 0 0;
	color:#7c0614;
	font-size:11px;
	font-weight:bold;
	display:block;
}
.imgBlocIndex{
	margin:3px 0 0 0;
}
.ParaBlocIndexV0{
	width:213px;
	padding:0 0 0 30px;
	float:left;
}
.ParaBlocIndexV1{
	padding:0 0 0 15px;
	width:395px;
	float:left;
	line-height:17px;
	color:#d6d6d6;
}
.ParaBlocIndexV1 span{
	padding:0 0 4px 0;
	color:#9f0717;
	display:block;
}
.BlocImgIndex{
	width:390px;
	padding:8px 0 0 15px;
	float:left;
}
.BlocImgIndex span{
	display:block;
	background:url(images/ligne_chaufage2.gif) no-repeat right 8px;
	/*border-bottom:#fff solid 1px;*/
	width:220px;
	color:#9f0717;
}
.spanchaufave{ 
	padding:0 0 5px 0;
}
.BlocImgIndex img{
	float:right;
	margin-right:14px;
}
#Actualite{
	width:662px;
	padding:0 0 0 0;
	margin-top:10px;
	
}
.TitleActualite{
	width:125px;
	height:21px;
	color:#fff;
	font-size:14px;
	padding:8px 0 0 28px;
	background:url(images/bg_title_actualite.gif) no-repeat 11px top;
}
#CentActualite{
	width:662px;
	padding:0 0 0 0;
	background:#252525;
}
#CentActualite2{
	width:642px;
	padding:10px;
	background:#252525;
}
#CentActualite2 img {
margin-right:10px;
}
#CentActualite p{
	width:137px;
	padding:24px 0 0 0px;
	margin:0;
	color:#fff;
	font-weight:bold;
	float:left;
	background:url(images/ligne_right_actualite.gif) no-repeat right 20px;
}
#CentActualite .Paraactua{
	background:none;
}
#CentActualite .BlocCentActualite{
	width:200px;	
	float:left;
	padding:10px 10px 10px 10px;
	margin:0;
}
#CentActualite .BlocCentActualite .lien_actu {
text-align:right;
color:#FFFFFF;
font-style:italic;
text-decoration:underline;
margin-left:130px;
font-size:11px;
}

#Actualite p
{
	font-weight:normal;
}
#Actualite span
{
	display:block;
	padding:0 0 8px 0;
	font-weight:bold;
}

#CentActualite .BlocCentActualite img{
	float:left;
	margin:0 10px 0 0px;
	border:solid 1px #8a0a18;
	padding:0;
}
#Actualite span a{
	width:75px;
	display:block;
	padding:0 20px 0 0;
	float:right;
	height:23px;
	color:#000;
	background:url(images/bg_lien_actua.gif) no-repeat 0 0;
}
#Actualite span a:hover{
	color:#124578;
}
#Actualite span img{
	margin:0 4px 0 4px;
} 
/************************* Fin Index **************************************/




/************************* savoir_faire **************************************/
#Header_savoir_faire{
	width:686px;
	position:relative;
	height:301px;
	background:url(images/bg_header_savoir_faire.jpg) no-repeat 0 0;
}
.bloc_title_savoir{
	background:url(images/bg_title_savoir.gif) no-repeat 11px 0;
	padding:7px 0 0 21px;
	width:116px;
	font-weight:bold;
	height:21px;
	float:left;
	font-size:14px;
	color:#fff;
}
#Center_savoir{
	width:662px;
	background:#252525;
}
.BlocImg{
	width:181px;
	float:left;
	padding:18px 0 0 21px;
}
.BlocImg img{
	border:solid 1px #7a0512;
	float:left;
	margin-bottom:9px;
}
.BlocImg span{
	display:block;
	height:20px;
	width:160px;
	clear:both;
}
.BlocImg .imagesBlocImg{
	float:left;
	margin:0 9px 0 0;
}
.Parabloc_title_savoir{
	color:#fff;
	padding:16px 5px 0 21px;
	float:left;
	line-height:17px;
	width:425px;
	text-align:justify;
}
.Para_title_savoirV0{
	width:450px;
	float:left;
	padding:10px 0 0 0;
}
.Para_title_savoirV0 .sanitere{
	color:#9f0717;
	display:block;
	width:427px;
	padding:0 0 8px 19px;
	background:url(images/ligne_sanitere_savoir.gif) no-repeat 75px 8px;
}
.spanSanitireLeft{
	width:169px;
	display:block;
	float:left;
	color:#d6d6d6;
	padding:0 0 4px 43px;
}
.Para_title_savoirV1{
	width:458px;
	float:left;
	padding:10px 0 0 0;
}
.Para_title_savoirV1 .chaufage{
	color:#9f0717;
	display:block;
	width:439px;
	padding:0 0 8px 19px;
	background:url(images/ligne_sanitere_savoir.gif) no-repeat 82px 8px;
}
.spanchaufageLeft{
	width:169px;
	display:block;
	float:left;
	color:#d6d6d6;
	padding:0 0 6px 43px;
}
/************************* Fin savoir_faire **************************************/




/************************* realisations **************************************/
#Header_realisations{
	width:686px;
	position:relative;
	height:301px;
	background:url(images/bg_header_savoir_faire.jpg) no-repeat 0 0;
}
/**diapo**/
#diaporama
{	width:643px;
	float:left;
	padding:10px 0 23px 21px;
	background:#252525;	
}
.titlediapo{
	font-size:18px;
	padding:7px 0 9px 0px;
	color:#9f0717;
	width:631px;
	border-bottom:1px solid #9f0717;
	
}
#bloc_gallerie2
{
	width:643px;
	padding:0 0 10px 0px;
}
/****bloc gallerie**/
#bloc_gallerie2 .piscine,#bloc_gallerie2 .sdb,#bloc_gallerie2 .chaud,#bloc_gallerie2 .adouss
{
	padding-bottom:0px;
}
#bloc_gallerie2 .piscine a
{
	padding:2px 0 3px 25px;
	background:url(images/piscine.gif) no-repeat 0 0;
	color:#fff;
	width:114px;
	height:14px;
	font-weight:bold;
	display:block;
}
#bloc_gallerie2 .piscine a:hover{
	color:#7b0513;
	width:114px;
	padding:2px 0 3px 25px;
	background:url(images/hover_piscine.gif) no-repeat 0 0;
}
#bloc_gallerie2 .sdb a
{
	padding:2px 0 3px 25px;
	background:url(images/sdb.gif) no-repeat 0 0;
	color:#fff;
	width:114px;
	height:14px;
	font-weight:bold;
	display:block;
}
#bloc_gallerie2 .sdb a:hover{
	color:#7b0513;
	width:114px;
	padding:2px 0 3px 25px;
	background:url(images/hover_sdb.gif) no-repeat 0 0;
}
#bloc_gallerie2 .chaud a
{
	padding:2px 0 3px 25px;
	background:url(images/chaudiere.gif) no-repeat 0 0;
	color:#fff;
	width:114px;
	height:14px;
	font-weight:bold;
	display:block;
}
#bloc_gallerie2 .chaud a:hover{
	color:#7b0513;
	width:114px;
	padding:2px 0 3px 25px;
	background:url(images/hover_chaudiere.gif) no-repeat 0 0;
}
#bloc_gallerie2 .adouss a
{
	padding:2px 0 3px 25px;
	background:url(images/adoucisseur.gif) no-repeat 0 0;
	color:#fff;
	width:114px;
	height:14px;
	font-weight:bold;
	display:block;
}
#bloc_gallerie2 .adouss a:hover{
	color:#7b0513;
	width:114px;
	padding:2px 0 3px 25px;
	background:url(images/hover_adouisseur.gif) no-repeat 0 0;
}
/**** fin bloc gallerie**/
#bloc_gallerie2 p{	
	
	float:left;
	padding:25px 0;
	
}
#bloc_gallerie2 .none
{
	background:none;
	padding:0;
}
.diaporama
{
	clear:both;
	padding:15px 0 0 0;
	display:none;
}
.diaporama img
{
	border:solid 1px #772100;
	margin:0 9px 9px 0;
}
#bloc_gallerie2 .max
{
	border:1px solid #7A0512;
	margin:0 0 4px 0;
	padding:0;
	display:block;
}
.diapo
{
	float:left;
	width:190px;
	cursor:pointer;
}

.imgrose{
	display:block;
	margin:10px 0 0 20px;
	border:0px;
}
#bloc_gallerie2 .leg
{
	width:425px;
	padding:0 0 0 0;
	height:70px;
	float:left;	
	text-align:center;
	font-weight:bold;
	color:#fff;
	display:none;	
}
.bloc_diapoleg
{
	float:left;
	width:427px;
	padding:0 0 0 8px;
}
#bloc_gallerie2 .visible
{
	display:block;
}

/************************* Fin realisations **************************************/




/************************* actualite **************************************/
#Header_Actualite{
	width:686px;
	position:relative;
	height:301px;
	background:url(images/header_interne.jpg) no-repeat 0 0;
}
#bloc_actua
{
	 width:883px;
	 clear:both;
	 color:#fff;
	 margin:0 0 0 50px; 
}
#bloc_actua2
{
	 color:#fff;
	 margin:0 0 0 50px; 
}
#bloc_actua3 a a:hover
{
	 color:#fff;
}
#bloc_actua img
{
 float:left;
}
#bloc_actua #Actualite
{
	float:right;
}
/************************* Fin actualite **************************************/




/************************* contact **************************************/

#Header_contact{
	width:686px;
	position:relative;
	height:301px;
	background:url(images/bg_header_concat.jpg) no-repeat 0 0;
}
#CentCenter_cont{
	width:636px;
	background:#252525;
	margin-left:1px;
	padding:21px 0 0 26px;
}
.ParaCnotact{
		padding:0 20px 20px 0;
		color:#FFF;
		font-weight:bold;
		line-height:17px;
}
#Blocleft_contact{
	width:176px;
	clear:both;
}
#BlocDevis{
	width:177px;
	clear:both;
	background:#575757;
	padding:0 0 13px 0;
	margin-left:48px;
}
.tournevisse{
	float:left;
	margin:22px 16px 0 10px ;
}
.ParaDevis{
	font-size:18px;
	padding:30px 0 0 0;
	color:#fff;
}
.ParaDevis span{
	display:block;
	color:#ffc320;
}
.ParaDevisV0{
	font-size:18px;
	clear:both;
	float:left;
	padding:10px 0 0 23px;
	color:#ffc320;
}
.ParaDevisV0 span{
	font-size:12px;
	display:block;
	color:#fff;
}
.ParaDevisV1{
	font-size:14px;
	clear:both;
	padding:10px 0 0 23px;
	color:#ffc320;
}
.ParaDevisV1 span{
	font-size:12px;
	display:block;
	color:#fff;
}
/*** bloc cordoonnees**/
.BlocCoord{
	width:265px;
	float:left;
	padding:0 14px 0 0;
}
.TitleCoord{
	font-weight:bold;
	color:#9F0717;
	padding:0 0 16px 0;
	background:url(images/bg_title_contact.gif) no-repeat right 8px;
}
.map{
	margin:0 0 0 0;
	border:solid 1px #fff;
}
.adresse{
	color:#fff;
	padding:20px 0 0 10px;
	line-height:17px;
}
.Tel{
	color:#fff;
	padding:12px 0 0 10px;
	line-height:17px;
}
.Mail{
	color:#fff;
	padding:12px 0 0 10px;
	line-height:17px;
}
/*******css formulaire******/
#formulaire
{
	float:left;
	width:251px;
	margin-left:44px;
	padding:12px 16px 0 20px;
	background:url(images/bg_formulaire.gif) no-repeat 0 top;		
}
#formulaire .Title_Form{
	color:#000;
	font-weight:bold;
	padding-bottom:10px;
	background:url(images/bg_form.jpg) no-repeat right 8px;
} 
#formulaire form p{
	width:251px;
	float:left;	
	color:#fff;
	padding:0 0 8px 0;	
}
#formulaire span{
	float:left;		
	font-size:11px;
	padding:2px 0 0 4px;
} 
#formulaire .info{
	text-align:left;
	width:180px;
	font-size:10px;
	padding:10px 0 0 0;


}
#formulaire input{
	float:right;	
	width:160px;
	height:14px;
	padding:0;
	border:0;
}
#formulaire textarea{
	float:right;	
	width:160px;
	height:63px;
	padding:0;
	border:0;
	overflow:hidden;
}
#formulaire .bout{
	width:69px;
	height:17px;
	border:none;
	margin-top:6px;
	float:right;
	background:none;	
}
#formulaire em{
	color:#FFFFFF;		
}
#formulaire .rouge{
	color:#E1E320;	
	font-weight:bold;
	float:left;	
}
.obje{
	position:relative;
	top:6px;
	left:2px;
}
/************************* Fin contact **************************************/




/***********************************Mention**********************************/
.contenuMention{
	width:865px;
	margin-left:48px;
	padding:15px 12px 12px 12px;
	font-size:11px;
	background:#252525;
	color:#fff;
	clear:both;
}
.bloc_title_mention{
	background:url(images/left_bloc_title.gif) no-repeat 60px 0;
	padding:8px 0 0 95px;
	width:170px;
	height:20px;
	float:left;
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
}
.contenuMention .titreMention
{
margin-bottom:15px;
border-bottom:1px solid #ffc320;
padding:12px 0 8px 0;
font-size:16px;
color:#ffc320;
}

.contenuMention p{
	 padding:0 0px 4px 0;
	 line-height:16px;
	 text-align:justify;	 	
}
.neuf_M
{
margin:257px 0 20px 30px ;
}

.contenuMention .titre_ment
{
	padding:0 0 18px 218px;
	font-size:14px;
	font-weight:bold;
	color:##cdbea7;
	line-height:normal;
}
.contenuMention .fonce
{
	color:#868686;
	font-weight:bold;
	font-size:12px;
}
.contenuMention strong
{
	color:#7a0512;
	font-size:13px;
}

/****************************** Fin mention légale ****************************/




/*********************************Footer************************************************/
#CentFooter{
	width:100%;
	background:url(images/bg_cent_footer.gif) repeat-x 0 0 #762000;
}
#footer{	
	width:955px;
	margin:0 auto;			
	clear:both;	
	padding:0 0 30px 0;	
	text-align:center;
	background:url(images/bg_footer.jpg) no-repeat 0px top #762000;
	position:relative;
	
}
.img_foot
{
	position:absolute;
	top:-381px;
	left:11px;
}
#footer p
{
	text-align:center;
	color:#fff;
	font-size:10px;
	padding:7px 0 0 0;
	position:relative;		
}
#footer object{
	top:7px;
	left:3px;
	position:relative;
}

#navigation{		
	color:#1e1e1e;
	padding:7px 0 5px 0;
	clear:left;
	margin-top:-2px;	
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 3px 0 3px;
	font-size:10px;	
	color:#1e1e1e;	
}
#navigation a:hover,#navigation .activ{
	color:#FFFFFF;
}
#footer #toptech {		
	text-align:center;
	padding:0 0 0 0;
	margin:0;	
}
#toptech a{
	color:#FFFFFF;
	font-size:8px;
	outline:none;
}
#toptech a:hover{
	color:#ce3f00;	
}
#footer #toptech span
{
	float:none;
	border:none;
}
#footer #toptech img
{
	padding:0;
	margin:0;
}
/********************************* Fin Footer************************************************/

#liste_actu {
position:absolute;
top:350px;
left:50px;
width:190px;
}

#liste_actu li {
padding-bottom:10px;
}

#liste_actu li a {
color:#FFFFFF;
}

#liste_actu li a:hover {
text-decoration:underline;
}