/* CSS Document */

body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background:url(images/px_body.jpg) repeat-x #2882C1;

}

* {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
img {
	border:0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	outline:none;
}
.clr {
	clear:both;
	font-size:0;
}
p, h2, h3, h4, h5 {
	display:block;
}
#global {
	width:955px;
	margin:0 auto;
	}

/*********acceuil*************/
.headeracc{
width:955px;
background:url(images/header_acc.jpg) no-repeat;
height:377px;
}

.logo {
margin-left:37px;
display:block;
float:left;
}
.logo2 {
	display:block;
	float:left;
	margin: 58px 60px 0px 5px;
}

/* menu haut */
.menu-top {
	padding:0 0 0 20px;
	list-style-type:none;
	font-size:8px;
} 
.menu-top li {
 	display:inline;
  color:#ee484f;
} 
.menu-top li a{
 color:#ee484f;
  padding:0 8px 0 8px;
  font-size:9px;
}
 
.menu-top li a:hover{
color:#004384;
}
.parahaut{
float:left;
width:480px;
color:#ee484f;
font-size:24px;
padding:10px 0 0 0px;
font-family:Impact;
}
.puce_haut{
background:url(images/puce1.gif) 180px 0 no-repeat;
width:480px;
color:#ee484f;
font-size:18px;
padding:0 0 0 0px;
float:left;


}

#menu {
	clear:both;
	width:241px;
	float:left;
	padding:36px 0 0 20px;	
}

#menu ul {
padding:0 0 0 20px;
float:left;

}
#menu li {
	width:214px;
	display:block;
}
.btm a {
	width:211px;
	color:#e65006;
	font-size:18px;
	font-style:normal;
	height:27px;
	display:block;
	border-bottom:1px solid #e65006;
	padding:2px 0 2px 3px ;

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

}
.btmactif a {
	width:211px;
	color:#e65006;
	background:url(images/menu_hover.gif)  no-repeat;
	font-size:18px;
	font-style:normal;
	height:27px;
	display:block;
	border-bottom:1px solid #e65006;
	border-top: 1px solid #e65006;
	padding:2px 0 2px 3px ;

}
.contenuacc{
width:955px;
background:url(images/cont_acc.jpg) no-repeat;
color:#FFFFFF;
float:left;
font-size:12px;
font-weight:lighter;

}
.homme{
float:left;
margin-left:40px;
display:block;
}
.leftpresentaion{
width:284px;
float:left;
padding:15px 0 0 38px;
/*color:#ff9560;
*/text-align:justify;
}
.titre_presentation{
font-size:18px;
border-bottom:1px solid #e65006;
color:#FFFFFF;
padding-bottom:10px;
}
.titre_presentation span{
color:#e60606;
}
.parapresentation{
padding:10px 0 10px 0 ;
}
.para_right{
width:284px;
float:left;
padding:18px 0 22px 0 ;
line-height:20px;

}
.para_chafagiste{
width:284px;
float:left;
padding:10px 0 10px 0 ;
text-align:center;
font-size:18px;
}

.rightacc{
width:302px;
float:left;
padding:15px 0 0 38px;
text-align:justify;
position:relative;


}

.para_right_acc{
width:270px;
background:#56A2D3;
padding-left:14px;
border:1px #FF3300 solid;
position:relative;


}
.para_right_acc p{
padding:5px 0 5px 0 ;
}
.para_right_acc p.titre_encours_acc{
	font-size:16px;
	color:#e65006;
	padding:0 0 8px 15px;
	line-height:20px;
	width:135px;
	font-style:italic;
	background:url(images/puce2.gif) 0 5px no-repeat;
	text-align: left;
	margin: 20px 0 0 0;
}
.remise{
position:absolute;
top:-10px;
right:0;
}
.btm_acc{
	margin:10px 0 20px 45px;
	float:left;
	width:600px;
	background:url(images/btm_acc.jpg) #FFFFFF no-repeat;
	height: 90px;
}
.assistance{
width:120px;
float:left;
color:#004384;
text-align:justify;
padding:0 0 0 5px;
clear:left;

}
.assistance span{
	color:#CC0000;
	text-align:center;
	padding: 20px 0 0 0;
	display: block;

}
.assistanceB{
width:120px;
float:right;
color:#004384;
text-align:justify;
padding:0 172px 0 0;
clear:right;

}
.assistanceB span{
	color:#CC0000;
	text-align:center;
	display:block;
	padding: 20px 0 0 0;

}
.famille{
float:left;
padding:0;
}
.alignimg{
	float:left;
	padding:0;
	margin: 0 20px 0 0;
}
.alignpdf{
	float:left;
	padding:0;
	margin: 5px 20px 10px 5px;
}
.plogo{
display:block;
float:left;
padding:15px 0 0 30px ;
}

/**********************chaufage*********************/
.leftchauf{
width:312px;
float:left;
padding:10px 0 0 30px;
text-align:justify;
}

.paraimgC{
width:260px;
float:left;
padding:13px 0 0 0;
}
.paraimgC p{
clear:both;
float:left;
width:260px;
padding:0 0 10px 0 ;
}
.paraimgC p.agrandir{
float:left;
width:220px;
padding:10px 0 10px 40px;
font-size:14px;
font-weight:bold;
line-height:20px;
}

.puce_guide{
float:left;
display:block;
}
.paraimgC p.pdf{
float:left;
width:220px;
padding:10px 0 50px 40px ;
background:url(images/puceguide.gif) 200px 35px no-repeat;
font-size:14px;
font-weight:bold;
line-height:20px;

}
.paraimgC img.chaffoteau{
padding:0 0 10px 40px;
}

.paraimgC img{
display:block;
padding:0 0 8px 0;
float:left;
}

.paraimgC img.fl{
display:block;
padding:2px 8px 0 0;
float:left;
}

.paraimgC img.unicai{
clear:none;
display:block;
float:left;
padding:5px 0 20px 10px;
}
.paraimgC img.mts{
clear:none;
padding:5px 0 0 10px;
display:block;
float:left;
}
.paraimgC img.roca{
padding:10px 0 30px 5px;
display:block;
float:left;
}
.paraimgC img.vaillant{
padding:10px 0 10px 5px;
float:left;
}

.paraimgC img.elm{
padding:0 0 10px 40px;
}
.paraimgC img.styx{
padding:0 0 10px 110px;
}
.paraimgC img.lomberghini{
padding:5px 0 0 30px;
display:block;
float:left;

}
.paraimgC img.ariston{
padding:0 0 0 40px;
display:block;
float:left;

}
.paraimgC img.rielo{
padding:0 0 0 10px;
display:block;
float:left;

}
.paraimgC img.saunier{
padding:0 0 10px 40px;
float:left;
display:block;
clear:both;

}
.rightchauf{
width:302px;
float:left;
padding:15px 0 0 28px;
text-align:justify;
position:relative;

}

/*******************************climatisation***********************************/
.headerintern{
width:955px;
background:url(images/header_interne.jpg) no-repeat;
height:377px;
}

.leftclima{
width:312px;
float:left;
padding:10px 0 0 48px;
text-align:justify;
}

.paraimg{
width:232px;
float:left;
padding:13px 0 0 0;
}
.paraimg img{
display:block;
padding:0 0 8px 75px;
clear:both;
float:left;
}
.paraimg img.ventil{
padding-left:40px;
}
.titre_clima{
font-size:18px;
border-bottom:1px solid #e65006;
color:#e60606;
padding-bottom:10px;
letter-spacing:1px;
line-height:20px;
}
.paraclima{
padding:10px 0 10px 0 ;
line-height:20px;
}
.rightclima{
width:302px;
float:left;
padding:15px 0 0 38px;
text-align:justify;
position:relative;

}
.para_right_clima{
	width:270px;
	background:#56A2D3;
	padding-left:14px;
	text-align: left;


}
.para_right_clima p{
padding:5px 0 5px 0 ;
}
.titre_encours{
font-size:18px;
border-bottom:1px solid #e65006;
color:#e65006;
padding-bottom:8px;
line-height:20px;
width:222px;
}
.homme2{
display:block;
width:242px;
margin-top:10px;
}
.clima{
position:absolute;
top:202px;
right:3px;
}

/*****************plomberie**********************************/
.paraimgR{
width:250px;
float:left;
padding:13px 0 0 0;
}
.paraimgR img{
display:block;
padding:0 0 8px 0;
clear:both;
float:left;
}
.paraimgR img.grohe{
padding:0 0 15px 70px;
}
.paraimgR img.robine{
padding:0 0 15px 50px;
}
.paraimgR img.jacob{
padding:0 0 15px 40px;
}
.paraimgR img.ideal{
padding:0 0 15px 70px;
}
.leftplomb{
width:312px;
float:left;
padding:10px 0 0 30px;
text-align:justify;
}

.rightplomb{
width:302px;
float:left;
padding:15px 0 0 38px;
text-align:justify;
position:relative;

}


/**********************service*****************************************************/
.paraimgS{
width:250px;
float:left;
padding:13px 0 0 0;
}
.paraimgS img{
display:block;
padding:0 0 8px 0;
clear:both;
float:left;
}
.paraimgS img.elm{
padding:0 0 10px 80px;
}
.paraimgS img.styx{
padding:0 0 10px 110px;
}
.paraimgS img.vaillant{
padding:0 0 10px 80px;
}
.paraimgS img.saunier{
padding:0 0 10px 100px;
}
.paraimgS img.chaffoteau{
padding:0 0 10px 80px;
}
.leftserv{
width:312px;
float:left;
padding:10px 0 0 30px;
text-align:justify;
}

.rightplomb{
width:302px;
float:left;
padding:15px 0 0 38px;
text-align:justify;
position:relative;

}

/*******************************************contact****************************/
body.pxcontact {
	background:url(images/px_bodycntact.jpg) repeat-x #568dc1;

}

.contencontact{
width:955px;
background:url(images/cont_contact.jpg) no-repeat;
color:#FFFFFF;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
position:relative;
padding:0 0 0 0 ;
}
.headercontact{
width:955px;
background:url(images/header_contact.jpg) no-repeat;
height:377px;
}

.homme3{
	position:absolute;
	bottom:0;
	left: 577px;
}
.leftcontact{
width:290px;
float:left;
padding:10px 0 0 60px;
}
.titre_clima{
font-size:18px;
border-bottom:1px solid #e65006;
color:#e60606;
padding-bottom:10px;
line-height:20px;
}

.adress{
background:url(images/adress.gif) 0 15px no-repeat;
padding: 10px 0 15px 40px;
font-size:14px;
line-height:20px;
}
.mail{
background:url(images/mail.gif) 0 10px no-repeat;
padding: 10px 0 10px 40px;
font-size:14px;
line-height:20px;
}
.tel{
background:url(images/tel.gif) 0 15px no-repeat;
padding: 10px 0 15px 40px;
font-size:14px;
line-height:20px;
}
.mail object{
	top:5px;
	left:0px;
	position:relative;
}
.center_cntact{
float:left;
width:261px;
padding:0 0 0 30px ;
}
.paracontact{
width:247px;
background:#94bede;
padding:10px 0 5px 10px;
float:left;
font-size:18px;
font-style:italic;

}
.carte{
display:block;
float:left;
padding:39px 0 30px 0 ;

}
.titre_contacter{
font-size:18px;
color:#e65006;
padding:0 0 10px 0;
line-height:20px;
width:245px;
text-align:center;
}
.contacter_p{
padding-bottom:10px;
}
/****************formulaire***************/
.formulaire{
		float:left;
		width:271px;
		color:#FFFFFF;
		font-size:12px;
		padding:30px 0 0 0;
		background:url(images/bgcontact.gif) right 0 no-repeat;
}
.trtreform{
color:#003c5b;
font-size:21px;
width:300px;
padding:0 0 15px 0;
background:url(images/bg_type2.gif) 125px 17px no-repeat;

}
.formulaire p{
		margin:0 0 4px 0; 
		width:270px;
		padding:0;
		float:left;
}
 
.formulaire span{
		float:left;
		clear:left;
		font-size:12px;
}
 
.formulaire .info{
		clear: both;
		text-align:right;
}

 
 
.formulaire em{
		color:#FF0000;
}

.formulaire .question{
		padding-top:10px;
}
 
.formulaire input{
		float:right;
		border:1px solid #abc6e0;
		width:190px;
		height:18px;
		background-color:#568dc1;
		color:#FFFFFF;
}
 
.formulaire textarea{
		float:right;
		border:1px solid #abc6e0;
		height:83px;
		width:190px;
		background-color:#568dc1;
		overflow:hidden;
		color:#FFFFFF;
}
.formulaire .bout{
		width: 117px;
		height:17px;
		border:none;
	
}

.formulaire .rouge{
		color:#fff;
		display:block;
		font-weight:bold;
		float:right;
		padding-top:5px;
}

/********************************mentions*******************************/

.contenuMention p.titrafrom{
width:870px;
font-size:18px;
padding:0 0 8px 20px;
border-bottom:2px dotted #81c2ff;
margin-bottom:5px; 
background:url(images/puce_m.gif) 0 3px no-repeat;
color:#81c2ff;
}

.contenuMention{
width:920px;
padding:15px 0 10px 35px;
color:#FFFFFF;
text-align:justify;

}
.contenuMention em{
font-style:normal;
}
.contenuMention p{
	padding:4px 0 2px 0;
	line-height:16px;
	width: 890px;
}

.contenuMention .fonce
{
	font-weight:bold;
	color:#81c2ff;
}
#mentions .active
{	
	color:#FF6600;
}
.move{
text-transform:uppercase;
font-weight:bold;
color:#0072b0;
}


.contenuMention p.orange{
color:#81c2ff;
}
/**************************************    Footer   ******************************/

#footer{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:15px 0 50px 0;
	text-align:center;
	font-size:10px;
	background:#004384;
}

#footer p{
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	padding:0 0 0 0;
	font-weight:normal;
}

#footer object{
	top:5px;
	left:0px;
	position:relative;
}

#footer ul {
	list-style-type:none;
	color:#ff5d0d;
}
#footer span {
padding:0 7px;
}
 
#footer li {
	display:inline;
}
 
 
#footer li a{
	color:#e65006;
  padding:0 8px 0 8px;
	
}
 
#footer li a:hover{
	color:#72b8e4;
}

#logo_bas {
	text-align:center;
	clear:both;
	padding:10px 0 0 0;
	
} 
#footer p.logo_bas{
	position:relative;
	top:20px;
}

.logo_bas a{
	font-size:9px;
	border:none;
	color:#FFFFFF; 
}

#logo_bas a:hover{
	color:#FFFFFF;
}