/*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 #e9e9e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#Global{
	width:955px;
	margin:0 auto;
}
.logo{
	margin:61px 0 0 59px;
}
#CentCenter{
	background:url(images/bg_cent_center.jpg) repeat-y 0 0;
	width:955px;
}
/*----top menu-----*/
#TopMenu{
	width:333px;
	font-size:10px;
	padding:0 0px 0 0; 
	float:right;
}
#TopMenu li{
	display:inline;
	color:#fff;
}
#TopMenu li a {
	color:#fff;
}
#TopMenu li a:hover{
	color:#37a0f9;
}
#TopMenu li .activ{
	color:#37a0f9;
}
/*-----fin top menu------*/

/***************** Menu **********************/
#menu{
	width:220px;
	height:116px;
	float:left;
	padding:18px 0 0 14px;
}
#menu ul li{
	background:url(images/object_dynamique.gif) no-repeat 0 bottom;
	font-size:18px;
	text-align:center;
	padding:0;
	width:219px;
	float:left;
}
#menu .acc{
	height:26px;
	padding:7px 0 0 0;
}
#menu .actu{
	height:26px;
	padding:2px 0 0 0;
}
#menu .savoi{
	height:26px;
	padding:2px 0 0 0;
}
#menu .cont{
	height:25px;
	padding:2px 0 0 0;
}
#menu li a{
	display:block;
	color:#37a0f9;

}
#menu li a:hover{
	color:#b90101;
}
#menu li .actif{
	color:#b90101;
	cursor:auto;
}
/***************** Fin Menu **********************/

/************************* Index **************************************/
#HeaderP1{
	width:955px;
	height:271px;
	background:url(images/bg_header_index.jpg) no-repeat center top;
}
#CenterP1{
	width:929px;
	padding:0 0 22px 26px;
	background:url(images/bg_center.jpg) no-repeat center top;
}
.Bloc_devis_gratuit{
	width:235px;
	height:86px;
	margin:30px 0 0 19px;
	background:url(images/bg_devis_gratuit.png) no-repeat 0 0;
	 _background:none;
 	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_devis_gratuit.png', sizingMethod='crop');
	float:left;
}
.Bloc_devis_gratuit span{
	display:block;
}
.text_vide{
	color:#b90101;
	font-size:20px;
	font-weight:bold;
	height:35px;/*la hauteur utilisé est supplémentaire  */
	/*padding:10px 0 0 11px;*/
	font-style:italic;
}
.text_devis{
	color:#b90101;
	font-size:20px;
	font-style:italic;
	padding:0 0 0 37px;
	background:url(images/fleche_rouge.gif) no-repeat 11px 5px;
}
.text_videV0{
	color:#b90101;
	font-size:20px;
	font-style:italic;
	height:34px;/*la hauteur utilisé est supplémentaire  */
	/*padding:0 0 0 37px;*/
	background:url(images/fleche_rouge.gif) no-repeat 11px 4px;
}
#BlocAccueil{
	width:597px;
	font-size:18px;
	color:#fff;
	padding:15px 13px 0 0;
	float:left;
	background:url(images/ligne_separateur_V1.gif) no-repeat right 15px;
}
.paraacueil{
	width:583px;
	height:20px;
	padding:6px 0 0 14px;
	background:url(images/bg_para_accue.gif) repeat-x 0 0;
}
.BlocImg{
	width:366px;
	float:left;
	padding:22px 0 0 0;
}
.imgporteun{
margin-right:5px;
}
#BlocTraveaux{
	width:217px;
	float:right;
	margin:18px 0 0 14px;
	background:url(images/ligne_separateur_V0.gif) no-repeat left 4px;
	
}
#BlocPresentationSocoete{
	width:366px;
	float:left;
	clear:left;
	padding:13px 0 0 0;
}
.TitlePresent{
	color:#b90101;
	font-size:18px;
	font-weight:bold;
	padding-bottom:4px;
	border-bottom:solid 1px #b90101;
}
.TitlePresent h2{
	color:#b90101;
	font-size:18px;
	font-weight:bold;
	padding-bottom:4px;
	border-bottom:solid 1px #b90101;
}
.paraPresentV0{
	color:#888a8c;
	padding:8px 0 0 0;
	float:left;
	width:366px;
	font-size:12px;
	text-align:justify;
	line-height:17px;
}
.paraPresentV0 h2{
	color:#888a8c;
	padding:8px 0 0 0;
	float:left;
	width:366px;
	font-size:12px;
	text-align:justify;
	line-height:17px;
}
.paraPresentV1{
	color:#888a8c;
	padding:8px 8px 0 0;
	margin-top:56px;
	float:right;
	width:146px;
	height:42px;
	font-size:12px;
	background:url(images/bg_para_prestation.gif) no-repeat 0 0;
}
/***bloc Automatisme**/
.Titleotom{
	font-size:17px;
	width:204px;
	margin-left:13px;
	font-weight:bold;
	padding-bottom:6px;
	color:#b90101;
	border-bottom:solid 1px #b90101;
}
.Titleotom h2{
	font-size:17px;
	width:204px;
	margin-left:13px;
	font-weight:bold;
	padding-bottom:6px;
	color:#b90101;
	border-bottom:solid 1px #b90101;
}
.paraotom{
	color:#888a8c;
	font-size:12px;
	height:21px;
	font-weight:bold;
	padding:10px 0 0 12px;
}
.paraotom a{
	display:block;
	color:#b90101;
	padding:0 10px 0 0;
	float:right;
	background:url(images/puce-rouge.gif) no-repeat right 6px;
}
.paraotom a:hover{
	display:block;
	color:#b90101;
	text-decoration:underline;
}
/***fin  Automatisme**/
/***bloc Chauffage**/
.TitleChauff{
	font-size:17px;
	clear:both;
	width:204px;
	margin-left:13px;
	font-weight:bold;
	padding:8px 0 6px 0;
	color:#b90101;
	border-bottom:solid 1px #b90101;
}
.TitleChauff h2{
	font-size:17px;
	clear:both;
	width:204px;
	margin-left:13px;
	font-weight:bold;
	padding:8px 0 6px 0;
	color:#b90101;
	border-bottom:solid 1px #b90101;
}
.paraChauff{
	color:#888a8c;
	font-size:12px;
	height:21px;
	font-weight:bold;
	padding:10px 0 0 12px;
}
.paraChauff a{
	display:block;
	color:#b90101;
	padding:0 10px 0 0;
	float:right;
	background:url(images/puce-rouge.gif) no-repeat right 6px;
}
.paraChauff a:hover{
	display:block;
	color:#b90101;
	text-decoration:underline;
}
/***fin  Chauffage**/
/***bloc Climatisation**/
.TitleClimatis{
	font-size:17px;
	width:204px;
	margin-left:13px;
	font-weight:bold;
	padding:6px 0 6px 0;
	clear:both;
	color:#b90101;
	border-bottom:solid 1px #b90101;
}
.TitleClimatis h2{
	font-size:17px;
	width:204px;
	margin-left:13px;
	font-weight:bold;
	padding:6px 0 6px 0;
	clear:both;
	color:#b90101;
	border-bottom:solid 1px #b90101;
}
.paraClimatis{
	color:#888a8c;
	font-size:12px;
	height:21px;
	font-weight:bold;
	padding:10px 0 0 12px;
}
.paraClimatis a{
	display:block;
	color:#b90101;
	padding:13px 10px 0 0;
	float:right;
	background:url(images/puce-rouge.gif) no-repeat right 19px;
}
.paraClimatis a:hover{
	display:block;
	color:#b90101;
	text-decoration:underline;
}
/***fin  Chauffage**/


/**** bloc actualite ****/
#BlocActualite{
	width:299px;
	float:left;
	margin-left:7px;
	padding:55px 0 0 0;
	background:url(images/bg_actualite.gif) no-repeat left top;
}
/****bloc ****/
.Titledate{
	font-size:11px;
	width:240px;
	margin-left:26px;
	clear:both;
	font-weight:bold;
	padding:0 0 2px 0;
	color:#b90101;
	border-bottom:solid 1px #5b90bd;
}
.parasav{
	color:#888a8c;
	font-size:12px;
	/*height:21px;*/
	font-weight:bold;
	padding:12px 0 0 0;
	margin-left:26px;
	width:240px;
}
.parasav a{
	display:block;
	color:#b90101;
	padding:13px 12px 0 0;
	float:right;
	background:url(images/puce_carer.gif) no-repeat right 16px;
}
.parasav a:hover{
	display:block;
	color:#b90101;
	text-decoration:underline;
}
/****fin  ****/
/**** bloc actualite ****/

/************************* Fin Index **************************************/





/************************* actualite **************************************/
#HeaderP2{
	width:955px;
	height:271px;
	background:url(images/bg_header_actualites.jpg) no-repeat center top;
}
#CenterP2{
	width:929px;
	padding:0 0 22px 26px;
	background:url(images/bg_center.jpg) no-repeat center top;
}
.gaz
{
	float:left;
	padding:0 10px 5px 0;
}
/*******Actualités*******/
.ouvert {
 color:#DB2D19;
 padding:0 0 30px 0;
 }
.act-top-left {
 float:left;
 width:614px;
 padding:0 0 10px 0;
 margin:40px 0 0 0;
 color:#DB2D19;

 
}
.act-top-left img {
border:#B0393A 1px solid;
margin:0 10px 0 0;
float:left;

}
.act-txt {
color:#000;
} 
 .act-top-left-titre{
	 width:400px;
	 height:20px;
	 padding:6px 0 10px 14px;
	 background:url(images/bg_para_contact.gif) repeat-x 0 0;
}
.act-top-left .imgactualite{
	border:none;
}
.rightactu {
 width:240px;
 float:left;
 margin:80px 0 0 0;
 padding:0 0 0 40px;
 border-left:2px #DB2D19 solid;
 color:#DB2D19;
}
.rightactu a {
 color:#A71C1B;
}
.rightactu a:hover {
 color:#DB2D19;
}
/************************* Fin actualite **************************************/







/************************* savoir-faire **************************************/
#HeaderP3{
	width:955px;
	height:271px;
	background:url(images/bg_header_savoire-faire.jpg) no-repeat center top;
}
#CenterP3{
	width:929px;
	padding:15px 0 22px 26px;
	background:url(images/bg_center.jpg) no-repeat center top;
}
.TitleSavoir_faire{
	width:886px;
	height:20px;
	padding:6px 0 0 14px;
	background:url(images/bg_para_accue.gif) repeat-x 0 0;
}
/***Bloc Electricité particulier***/
#Electricite_particulier{
	width:446px;
	float:left;
	padding:0 0 0 5px;
	background:url(images/ligne_separateur_V2.gif) no-repeat right 22px;
}
.TitleElec_parti{
	width:432px;
	font-size:17px;
	color:#b90101;
	font-weight:bold;
	padding:13px 0 6px 0;
	border-bottom:solid 1px #c52c2c;
}
.paraElec_parti{
	color:#888a8c;
	font-weight:bold;
	padding:9px 14px 55px 0;
	text-align:justify;
	line-height:18px;
	background:url(images/ligne_separateur_V3.gif) no-repeat 0px bottom;
}
.paraElec_parti span{
	background:url(images/fleche_gris_big.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
}
.ImgElec_parti{
	margin:0 16px 0 0;
	float:left;
}
/***fin Electricité particulier***/


/***Bloc Electricité professionnel***/
#Electricite_professionnel{
	width:432px;
	float:left;
	padding:0 0 10px 0;
	margin-left:14px;	
	background:url(images/ligne_separateur_V3.gif) no-repeat 0px bottom;

}
.TitleElec_profes{
	width:432px;
	font-size:17px;
	color:#b90101;
	font-weight:bold;
	padding:13px 0 6px 0;
	border-bottom:solid 1px #c52c2c;
}
.paraElec_profes{
	color:#888a8c;
	font-weight:bold;
	padding:9px 0 0 0;
	text-align:left;
	line-height:17px;
}
.paraElec_profes span{
	background:url(images/fleche_gris_big.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
}
.ImgElec_profes{
	margin:0 16px 0 0;
	float:left;
}
.ImgElec_profesV0{
	margin:0 0 0 2px;
	float:right;
}
/***fin Electricité professionnel***/

/***Bloc Interphonie automatisme***/
#Interphonie_automatisme{
	width:446px;
	float:left;
	padding:0 0 0 5px;
	background:url(images/ligne_separateur_V2.gif) no-repeat right 22px;
}
.TitlePhone_Auto{
	width:432px;
	font-size:17px;
	color:#b90101;
	font-weight:bold;
	padding:13px 0 6px 0;
	border-bottom:solid 1px #c52c2c;
}
.paraPhone_Auto{
	color:#888a8c;
	font-weight:bold;
	padding:9px 14px 10px 0;
	text-align:justify;
	line-height:16px;
	background:url(images/ligne_separateur_V3.gif) no-repeat 0px bottom;
}
.paraPhone_Auto span{
	background:url(images/fleche_gris_big.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
}
.ImgPhone_Auto{
	margin:0 16px 0 0;
	float:left;
}
/***fin Interphonie automatisme***/

/***Bloc  chaufages***/
#BlocChaufages{
	width:432px;
	float:left;
	padding:0 0 48px 0;
	margin-left:14px;	
	background:url(images/ligne_separateur_V3.gif) no-repeat 0px bottom;

}
.TitleChaufages{
	width:432px;
	font-size:17px;
	color:#b90101;
	font-weight:bold;
	padding:13px 0 6px 0;
	border-bottom:solid 1px #c52c2c;
}
.paraChaufages{
	color:#888a8c;
	font-weight:bold;
	padding:9px 0 0 0;
	text-align:justify;
	line-height:19px;
}
.paraChaufages span{
	background:url(images/fleche_gris_big.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
}
.ImgChaufages{
	margin:0 16px 0 0;
	float:left;
}
.ImgChaufagesV0{
	margin:0 0 0 14px;
	float:right;
}
/***fin Electricité chaufages***/


/***Bloc Climatisation***/
#Climatisation{
	width:446px;
	float:left;
	padding:0 0 0 5px;
	background:url(images/ligne_separateur_V2.gif) no-repeat right 22px;
}
.TitleClimatisation{
	width:432px;
	font-size:17px;
	color:#b90101;
	font-weight:bold;
	padding:13px 0 6px 0;
	border-bottom:solid 1px #c52c2c;
}
.paraClimatisation{
	color:#888a8c;
	font-weight:bold;
	padding:9px 14px 80px 0;
	text-align:left;
	line-height:18px;
	background:url(images/ligne_separateur_V3.gif) no-repeat 0px bottom;
}
.paraClimatisation span{
	background:url(images/fleche_gris_big.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
}
.ImgClimatisation{
	margin:0 16px 0 0;
	float:left;
}
/***fin Climatisation***/


/***Bloc  Domotique***/
#BlocDomotique{
	width:432px;
	float:left;
	padding:0 0 24px 0;
	margin-left:14px;	
	background:url(images/ligne_separateur_V3.gif) no-repeat 0px bottom;

}
.TitleDomotique{
	width:432px;
	font-size:17px;
	color:#b90101;
	font-weight:bold;
	padding:13px 0 6px 0;
	border-bottom:solid 1px #c52c2c;
}
.paraDomotique{
	color:#888a8c;
	width:302px;
	font-weight:bold;
	padding:9px 0 0 0;
	text-align:justify;
	line-height:19px;
	float:left;
}
.ImgDomotique{
	margin:0 16px 0 0;
	float:left;
}
#BlocFlix{
	width:130px;
	margin-top:9px;
	float:left;
	background:url(images/rx_flex.jpg) repeat-y 0 0;
}
#BlocFlix1{
	width:118px;
	padding:15px 0 0 12px;
	background:url(images/top_flex.jpg) no-repeat center top;
	color:#fff;
	font-size:11px;
}
.listeV0{
	background:url(images/fleche_blanche.gif) no-repeat 0 4px;
	padding:0 0 4px 10px;
	font-weight:bold;
}
.ImgBootomFlex{
padding-bottom:0px;
margin-bottom:0px;
}
/***fin Electricité Domotique***/

/************************* Fin Savoir-Faire **************************************/







/************************* contact **************************************/
#HeaderP4{
	height:271px;
	width:955px;
	background:url(images/bg_header_contact.jpg) no-repeat center top;
}
#CenterP4{
	width:929px;
	padding:15px 0 22px 26px;
	background:url(images/bg_center.jpg) no-repeat center top;
}
#BlocContact{
	width:626px;
	float:left;
	background:url(images/ligne_separateur_V1.gif) no-repeat right 0px;
}
.TitleCont{
	width:596px;
	height:20px;
	padding:6px 0 0 14px;
	background:url(images/bg_para_accue.gif) repeat-x 0 0;
}

#coord
{
	float:left;
	width:294px;
	padding:23px 0 0 0;	
	color:#b90101;
	font-size:15px;
	font-weight:bold;
}
#coord p
{
	display:block;
	margin:0 0 11px 0;
	padding:0 0 12px 0;
}
#coord span
{
	display:block;
}
#coord .adresse
{
	background:url(images/ligne.gif) no-repeat 1px 7px;
	margin:0px;
	padding:4px 0 0 42px;
}
#coord .mobile 
{
	background:url(images/mobile.gif) no-repeat 1px 18px;
	padding:6px 0 0 42px;
	margin:12px 0 12px 0;
}
#coord .aro 
{
	background:url(images/aro.gif) no-repeat 1px 8px;
	padding:6px 0 0 42px;
}
.map{
	margin:10px 0 0 24px;
}
/*******css formulaire******/
#formulaire{
	width:259px;
	float:left;
	margin-left:14px;
}
#formulaire .TitleForm{
	width:246px;
	height:20px;
	padding:6px 0 24px 13px;
	background:url(images/bg_para_contact.gif) repeat-x 0 0;
}
#formulaire p{
	width:259px;
	float:left;	
	padding:0 0 4px 0;
	font-weight:bold;	
}
#formulaire span{
	float:left;		
	font-size:11px;
	padding:2px 0 0 4px;
} 
#formulaire input{
	float:right;	
	width:190px;
	height:15px;
	border:1px solid #37A0F9;
	padding:0;	
}
#formulaire textarea{
	float:right;	
	width:190px;
	height:78px;	
	border:1px solid #37A0F9;	
	padding:0 0 0 0;
	overflow:hidden;
	text-align:left;
}
#formulaire .bout{
	width:117px;
	height:17px;
	border:none;
	float:right;
	background:none;	
}
#formulaire em{
	color:#B90101;		
}
#formulaire .rouge{
	color:#B90101;	
	font-weight:bold;
	float:left;	
}
#plan
{
	float:left;
	width:260px;
	padding:33px 0 0 33px;
}
#plan .map
{
	float:left;	
	cursor:pointer;
}
/******* fin css formulaire******/
/************************* Fin contact **************************************/












/*********************************Footer************************************************/
#footer{
	width:100%;
	clear:both;
	background:#b5b5b5;	
	padding-bottom:50px;
	margin:0 auto;
}
.menufooter{
	width:370px;
	font-size:11px;
	margin:0 auto;
	padding:14px 0 10px 0;
	clear:both;
	word-spacing: 3px;
	color:#ebe9c2;
}
#footer a{
	color:#fff;
}
#footer a:hover{
color: #b90101;
}
#footer .activ{
color: #b90101;
}
#info{
	width:760px;
	padding:14px 0 0px 65px;
	font-size:10px;
	color:#b90101;
	margin:0 auto;
}

#info .Span{
	font-size:9px;
	padding:0px 3px 0px 5px;
	background:none;
}
#footer .alignobj{
	position:relative;
	top:7px;
}
.alignobj2{
	position:relative;
	margin-top:3px;
}
#logo_bas {
	text-align:center;
	line-height:20px;
	clear:both;
	padding:10px 0 0 0;
	
} 


#logo_bas a{
	font-size:9px;
	border:none;
	color:#000; 

}

#logo_bas a:hover{
	color:#fff;
}
/********************************* Fin Footer************************************************/






/***********************************Mention**********************************/

.contenuMention{
	width:929px;
	padding:15px 0 22px 26px;
	background:url(images/bg_center.jpg) no-repeat center top;
}
.contenuMention .first_titre{
	width:890px;
	height:24px;
	margin-bottom:14px;
	padding:4px 0 0 14px;
	font-size:17px;
	font-weight:bold;
	color:#fff;
	background:url(images/bg_para_contact.gif) repeat-x 0 0;
}
.contenuMention p{
	 padding:4px 30px 4px 0;
	 line-height:17px;
	 text-align:justify;
	 color:#888A8C;	 	
}
.contenuMention .fonce
{
	color:#B90101;
	font-weight:bold;
	background:url(images/puce-rouge.gif) no-repeat 0 6px;
	padding:0 0 0 12px;
}
.contenuMention strong
{
	color:#37A0F9;
}
/****************************** Fin mention légale ****************************/