body{
	background:url(images/px-body.gif) repeat-x top left #FAFAFA;
	font-family:Arial, Helvetica, sans-serif;
}
*{
	margin:0;
	padding:0;
}
.clear{
	clear:both;
	width:0;
	height:0;
	margin:0;
	padding:0;
	overflow:hidden;
}
.clear2{
	clear:both;
}
.couleur{
	color:#c10f19;
	font-size:14px;
}
.couleur2{
	color:#1F568F;
}
p,h1,h2,h3,h4,h5,h6{
	display:block;
}
ul{
	list-style-type:none;
}

#global{
	width:100%;
}
#top{
	width:851px;
	margin:0 auto;
	padding:22px 0 0 44px;
	background:url(images/top.jpg) no-repeat left top;
	height:204px;
}
#top img{
	float:left;
}
#top ul{
	float:left;
	padding:70px 0 0 52px;

}
#top li{
	float:left;
}

#top li.accueil a{
	background:url(images/accueil.gif) 0 22px no-repeat;
	width:35px;
	height:88px;
	display:block;
}
#top li.accueil a:hover{
	background:url(images/accueil-actif.gif) 2px 22px no-repeat;
}
#top li.accueilactif{
	background:url(images/accueil-actif.gif) 2px 22px no-repeat;
	width:35px;
	height:88px;
	display:block;
}

#top li.presentation a{
	background:url(images/presentation.gif) 7px 0 no-repeat;
	width:60px;
	height:91px;
	display:block;

}
#top li.presentation a:hover{
	background:url(images/presentation-actif.gif) 7px 0 no-repeat;
}
#top li.presentationactif{
	background:url(images/presentation-actif.gif) 7px 0 no-repeat;
	width:60px;
	height:91px;
	display:block;
}

#top li.contact a{
	background:url(images/contact.gif) 0 22px no-repeat;
	width:40px;
	height:87px;
	display:block;
}
#top li.contact a:hover{
	background:url(images/contact-actif.gif) 0 22px no-repeat;
}
#top li.contactactif{
	background:url(images/contact-actif.gif) 0 22px no-repeat;
	width:40px;
	height:87px;
	display:block;
}

#topcontact{
	width:851px;
	margin:0 auto;
	padding:22px 0 0 44px;
	background: url(images/top-contact.jpg) no-repeat left top;
	height:204px;
}
#topcontact img{
	float:left;
}
#topcontact ul{
	float:left;
	padding:70px 0 0 52px;

}
#topcontact li{
	float:left;
}

#topcontact li.accueil a{
	background:url(images/accueil.gif) 0 22px no-repeat;
	width:35px;
	height:88px;
	display:block;
}
#topcontact li.accueil a:hover{
	background:url(images/accueil-actif.gif) 2px 22px no-repeat;
}
#topcontact li.accueilactif{
	background:url(images/accueil-actif.gif) 2px 22px no-repeat;
	width:35px;
	height:88px;
	display:block;
}

#topcontact li.presentation a{
	background:url(images/presentation.gif) 7px 0 no-repeat;
	width:60px;
	height:91px;
	display:block;

}
#topcontact li.presentation a:hover{
	background:url(images/presentation-actif.gif) 7px 0 no-repeat;
}
#topcontact li.presentationactif{
	background:url(images/presentation-actif.gif) 7px 0 no-repeat;
	width:60px;
	height:91px;
	display:block;
}

#topcontact li.contact a{
	background:url(images/contact.gif) 0 22px no-repeat;
	width:40px;
	height:87px;
	display:block;
}
#topcontact li.contact a:hover{
	background:url(images/contact-actif.gif) 0 22px no-repeat;
}
#topcontact li.contactactif{
	background:url(images/contact-actif.gif) 0 22px no-repeat;
	width:40px;
	height:87px;
	display:block;
}
#contenent{
	width:895px;
	margin:0 auto;
	background:#fff;
}

.leftindex{
	width:360px;
	float:left;
	padding:17px 0 0 20px;
	color:#1F568F;
	font-size:12px;
}
.leftindex h2{
	padding:0 0 4px 0;
	border-bottom:1px solid #8FAAC7;
	font-size:16px;
	margin:0 0 13px 0;
}
.leftindex h2 span{
	font-size:13px;
	color:#404040;
}
.leftindex ul{
	padding:0 0 10px 0;
	font-size:12px;
	font-weight:bold;
}
.leftindex li{
	background:url(images/puce.gif) 10px 8px no-repeat;
	padding:5px 0 0 25px;
}
.leftindex img.plomberie{
	margin-right:10px;
}
.leftindex img{
	margin-top:10px;
}
.leftindex a{
	text-decoration:none;
	color:#1F568F;
}
.leftindex a:hover{
	color:#c10f19;
}

.rightaccueil{
	width:455px;
	float:left;
	padding:45px 0 60px 40px;
	font-size:12px;
	color:#1F568F;
}
.rightaccueil p{
	padding:5px 0 0 0;
}
.blockprestation{
	width:870px;
	padding:10px 0 15px 20px;
	color:#1F568F;
	font-size:13px;
	clear:both;
}
.blockgri{
	width:320px;
	padding:15px 15px 20px 20px;
	background:url(images/px-bock-right.gif) repeat-x left bottom #4D5862;
	color:#B9BEC1;
	font-size:12px;
	line-height: 20px;
}

.blockorang{
	width:380px;
	padding:10px 0px 30px 20px;
	background: url(images/block-orange.gif) left top no-repeat;
	color:#fff;
	font-size:13px;
	float:right;
}
.blockorang a{
	color:#fff;
}
.blockorang a:hover{
	color:#000;
}

.blockbleu{
	width:315px;
	padding:30px 0 100px 90px;
	background:url(images/blockbleu.gif) left 10px no-repeat;
	color:#fff;
	float:right;
}
.blockbleu span{
	position:relative;
	top:5px;
}

.blockelectricite{
	width:270px;
	float:left;
	padding:0 0px 0 0;
}
.blockelectricite h2{
	padding:8px 0 12px 45px;
	border-bottom:1px solid #8FAAC7;
	margin:0 0 10px 0;
	font-size:16px;
	background:url(images/picto-electricite.gif) left top no-repeat;
}
.blockelectricite ul{
	padding:1px 0 4px 10px;
}
.blockelectricite li{
	font-size:12px;
	background:url(images/puce-activite.gif) left 10px no-repeat;
	padding:5px 0 2px 10px;
}
.blockelectricite p{
	padding:10px 10px 0 0;
}
.blockplomberie{
	width:270px;
	float:left;
	padding:0 15px 0 5px;
	color:#F18E00;
}
.plomberiecontenu{
	background:url(images/bg-plomberi.jpg) repeat-y left top;
	width:218px;
	float:left;
}
.plomberiecontenu img{
	padding:0 0 3px 0;
}
.plomberiecontenu p{
	padding:5px 0px 5px 5px;
}
.imgplomberie{
	float:left;
	width:46px;
	padding:20px 5px 0 0;
}
.imgplomberie img{
	padding:10px 0 8px 0;
}
.blockplomberie h2{
	padding:2px 0 5px 20px;
	font-size:16px;
	/*background:url(images/picto-plomberi.gif) left top no-repeat;*/
}
.blockplomberie ul{
	padding:1px 0 3px 20px;
}
.blockplomberie img{
	float:left;
}
.blockplomberie li{
	font-size:12px;
	background:url(images/puce2.gif) left 5px no-repeat;
	padding:0 0 1px 10px;
}
.blockplomberie span{
	padding:0 0 0 10px;
	font-weight:bold;
}

.rightactivite{
	width:567px;
	float:left;
	padding:0 0 0 20px;
}

.blockserrurerie{
	background:url(images/block-serrureri.jpg) 15px 0 no-repeat;
	padding:45px 0 0 120px;
	color:#FFFFFF;
	float:left;
	width:170px;
}
.blockserrurerie h3{
	padding:8px 0 20px 55px;
	font-size:16px;
	background:url(images/picto-serrurerie.gif) left top no-repeat;
}
.pxfix{
	height:160px;
	float:left;
	width:0;
}

.blockisolation{
	width:250px;
	float:left;
	color:#F18E00;
	padding:0 0 45px 20px;
}
.blockisolation h3{
	padding:8px 0 12px 80px;
	border-bottom:1px solid #F4AA40;
	margin:0 0 10px 0;
	font-size:16px;
	background: url(images/picto-isolation.gif) left top no-repeat;
	
}
.blockisolation ul{
	padding:6px 0 4px 10px;
}
.blockisolation li{
	font-size:12px;
	background:url(images/puce2.gif) left 10px no-repeat;
	padding:5px 0 5px 10px;
}

.blockdemoussage{
	width:290px;
	float:left;
	padding:0 0 10px 10px;
}
.blockdemoussage h3{
	padding:8px 0 12px 50px;
	border-bottom:1px solid #8FAAC7;
	margin:0 0 10px 0;
	font-size:16px;
	background: url(images/picto_demoussage.gif) left top no-repeat;
	
}
.blockdemoussage ul{
	padding:1px 0 4px 10px;
}
.blockdemoussage li{
	font-size:12px;
	background:url(images/puce-activite.gif) left 10px no-repeat;
	padding:5px 0 0px 10px;
}

.blockmenuiserie{
	width:560px;
	float:left;
	background:url(images/bg-menuiserie.jpg) no-repeat left top #ecedf1;
}
.blockmenuiserie h2{
	padding:2px 0 0px 5px;
	font-size:16px;
}
.blockmenuiserie ul{
	padding:4px 0 4px 295px;
}
.blockmenuiserie p{
	padding:0 0 0 295px;
	font-weight:bold;
}
.blockmenuiserie li{
	font-size:12px;
	background:url(images/puce-activite.gif) left 5px no-repeat;
	padding:0 0 2px 10px;
}
.imgmenuiserie{
	width:255px;
	float:right;
	padding:17px 10px 10px 0px;
}
.imgmenuiserie img{
	padding:0 12px 0 0;
 }
#contenu-contact{
	width:875px;
	margin:0 auto;
	padding:10px 0 0 20px;
	background:url(images/bg-contact.jpg) left top no-repeat #fff;
	color:#1F568F;
}

.blockvoitur{
	width:270px;
	float:left;
	margin:0 20px 0 0;
}
#contenu-contact h3{
	padding:8px 0 4px 2px;
	border-bottom:1px solid #8FAAC7;
	font-size:16px;	
}
.voiturimg{
	margin:8px 0 0 34px;
}
.formulaire{
	width:280px;
	float:left;
	font-size:12px;
	padding:0 5px 0 0;
}
.formulaire h3{
	padding:8px 0 4px 2px;
	border-bottom:1px solid #8FAAC7;
	font-size:16px;
	margin:0 0 10px 0;
}
.formulaire p{
	padding:0 0 4px 0;
	width:280px;
	float:left;
	display:block;

}
 
.formulaire span{
	float:left;

}
 
.formulaire em{
	color:#1F568F;
}
.formulaire .question{
	padding-top:10px;
}
 
.formulaire input{
	float:right;
	border:1px solid #1F568F;
	width:200px;
	height:17px;
	color:#1F568F;
	font-weight:bold;
}
 
.formulaire textarea{
	float:right;
	border:1px solid #1F568F;
	width:200px;
	height:70px;
	color:#1F568F;
	font-weight:bold;

}

.formulaire .bout{
	width:71px;
	height:24px;
	border:none;
	
}

.formulaire .info{
	color:#1F568F;
	font-weight:bold;
	float:right;
	text-align:right;
	padding:3px 0 0 0;
}

.blockplan{
	width:260px;
	padding:0 0 15px 15px;
	float:left;
}
.blockplan img{
	margin:10px 0 15px 7px;
	padding:1px;
	border:1px solid #1F568F;
	cursor:pointer;
}

.blocktel{
	width:170px;
	background:url(images/puc-tel.gif) 10px no-repeat;
	padding:5px 0 5px 60px;
	color:#353C43;
	font-size:12px;
	font-weight:bold;
}
.blocktel span{
	color:#1F568F;
}
.blockadres{
	width:170px;
	background:url(images/puce-adres.gif) 10px no-repeat;
	padding:15px 0 5px 60px;
	color:#353C43;
	font-size:12px;
	font-weight:bold;
	float:right;
	clear:both;
}
.blockadres span{
	color:#1F568F;
}

.blockmail{
	width:170px;
	background:url(images/puce-mail.gif) 10px no-repeat;
	padding:5px 0 13px 60px;
	margin:5px 0 0 0;
	color:#353C43;
	font-size:12px;
	font-weight:bold;
}
.blockmail span{
	position:relative;
	top:5px;
}

.mentions{
	width:805px;
	padding:15px 50px 20px 40px;
	background:#fff;
	margin:0 auto;
	color:#1F568F;
	font-size:12px;
}
.mentions p{
	padding:5px 0 5px 0;
}
.mentions h2{
	padding:9px 0 4px 0;
	border-bottom:1px solid #8FAAC7;
	font-size:14px;
}

#supfooter{
	width:100%;
	background:url(images/px-footer.gif) repeat-x left top;
	color:#4D5862;
	font-size:11px;
	padding:0 0 0 0;
}
#supfooter a{
	text-decoration:none;
	color:#4D5862;
	padding:0 5px 0 5px;
}
#supfooter a:hover{
	text-decoration:none;
	color:#fff;
}
#supfooter span{
	top:5px;
	position: relative;
}
#footerindex{
	width:895px;
	margin:0 auto;
	padding:59px 0 5px 0;
	text-align:center;
	background:url(images/bg-footer-index.gif) no-repeat left top;
	position:relative;
}
#footerint{
	width:895px;
	margin:0 auto;
	padding:15px 0 20px 0;
	text-align:center;
	background:url(images/px-footer-int.gif) repeat-x left top #000;
}
.voitur{
	position:absolute;
	right:4px;
	top:-135px;
	left:530px;
	margin:0;
}
#toptech {
	margin: 0 auto;
	text-align:center;
	padding-top:15px;
}
#toptech img{
	margin:0;
	padding:0;
}

#toptech a{
	font-size:10px;
	margin:0;
	padding:0;
	text-decoration:none;
}
#toptech a:hover{
	font-size:10px;
	text-decoration:none;

}