/* CSS Document */
body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(images/px_bg.jpg) repeat-x;
}

* {
	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;
}
/********************accueil*************************/
.headeracc{
width:955px;
background:url(images/img_header.jpg) no-repeat;
height:148px;
}
.logo{
float:left;}

.elct{
color:#FFFFFF;
font-weight:bold;
padding:40px 0 0 280px;
background:url(images/puce_h.gif) 265px 40px no-repeat;
font-size:16px;
font-style:italic;
}
.bat{
color:#FFFFFF;
font-weight:bold;
padding:6px 0 0 270px;
background:url(images/puce_h.gif) 255px 6px no-repeat;
font-size:16px;
font-style:italic;
}
.indust{
color:#FFFFFF;
font-weight:bold;
padding:6px 0 0 250px;
background:url(images/puce_h.gif) 235px 6px no-repeat;
font-size:16px;
font-style:italic;
}
/* menu haut */
.menu-top {
 height:6px;
 line-height:10px;
 padding:1px 0 0 0;

}
.menu-top ul {
 list-style-type:none;
 font-size:9px;
 color:#60719e;
 padding:0;
  
}
 
.menu-top li {
 display:inline;
}
 
 
.menu-top li a{
 color:#60719e;
 
}
 
.menu-top li a:hover{
 color:#f7b60c;
}
#contenu{
width:955px;
background:url(images/bg_cont.gif) #FFFFFF no-repeat;
color:#f5a10a;
}
/********************************************menu************************************/
#menu {
	width:955px;
	height:50px;
	padding:14px 0 0 0;
	background:url(images/bg_menu.jpg) 510px 14px no-repeat;
	position:relative;
}
#menu ul {
padding:0 0 0 20px;
}
#menu li {
	float:left;
}
.btm a {
	background:url(images/btm_menu.jpg) 2px 0 no-repeat;
	width:122px;
	font-weight:bold;
	font-style:italic;
	height:33px;
	display:block;
	color:#FFFFFF;
	padding:17px 0 0 0;
	text-align:center;
}
.btm a:hover {
	background:url(images/btm_menu.jpg) 2px -50px no-repeat;
	
}
.btmactif a {
	background:url(images/btm_menu.jpg) 2px -50px no-repeat;
	width:122px;
	font-weight:bold;
	font-style:italic;
	height:33px;
	display:block;
	color:#FFFFFF;
	padding:17px 0 0 0;
	text-align:center;
}
.lampe{
position:absolute;
bottom:-45px;
right:55px;
}
#presentation{
text-align:justify;
width:590px;
background:url(images/bg_presentation.jpg) 23px 100px no-repeat;
font-size:12px;
padding:0 10px 5px 330px;
}
.parapremier{
padding:10px 0 5px 10px;
}
#presentation h3{
width:565px;
padding:15px 0 5px 25px;
background:url(images/puce1.gif) 0 18px no-repeat;
font-size:14px;
font-style:italic;
border-bottom:1px solid #f5a10a;}
#presentation h3 strong{
font-size:17px;
padding:0 0 10px 0;
}

.alignpara{padding:5px 0 0 30px;
background:url(images/puce2.gif) 10px 12px no-repeat;
line-height:20px;
width:520px;}
#presentationd{
float:left;
text-align:justify;
width:905px;
padding:0 0 0 30px;
}
#presentationd h3{
width:555px;
clear:both;
padding:5px 0 5px 25px;
background:url(images/puce1.gif) 0px 7px no-repeat;
font-size:14px;
font-style:italic;
border-bottom:1px solid #f5a10a;
}
.alignparaD{
width:300px;
padding-top:0px;
background:url(images/puce2.gif) 0px 8px no-repeat;
line-height:20px;
padding-left:20px;}
.alignparaP{
width:500px;
padding-top:10px;
padding-left:2px;
line-height:20px;
}
#alignp{
float:left;
width:329px;
}
.aligndep{
line-height:18px;
padding-left:2px;
}
#solutions{
width:600px;
padding:15px 0 0 0;
float:left;
color:#FFFFFF;
}
#solutions p{
width:185px;
height:78px;
float:left;
padding:20px 0 0 10px;
font-weight:bold;
font-style:italic;
font-size:14px;
letter-spacing:1px;
}
#blockbleu{
	margin-top:7px;
	width:518px;
	background:url(images/bg_mecbody2.jpg) top left repeat-y;
	float:left;
}
#blockbleuglob{

	width:518px;
	background:url(images/bg_mecbody.jpg) top left no-repeat;
	color:#FFFFFF;
}
.alignpres{
padding:10px 0 0 10px;
 font-size:14px;
 font-weight:bold;
 font-style:italic;
}
.alignstrong{
text-align:justify;
 font-style:italic;
padding:5px 0 0 10px;
line-height:17px;
}
.alignimg{
padding:0 0 0 0;;
display:block;
float:left;
}
.alignpara2{
float:left;
width:600px;}
.depanage{
background:url(images/depanage.jpg) no-repeat;
}
.domotique{
background:url(images/domotique.jpg) no-repeat;
}
.energie{
background:url(images/energie.jpg) no-repeat;
}
/************************************************************************************/
/************************energie solaire********************************************/
.headerenergie{
width:955px;
background:url(images/img_headerE.jpg) no-repeat;
height:148px;
}
.maison{
position:absolute;
bottom:0px;
right:5px;
}
#Energiesol{
text-align:justify;
float:left;
width:500px;
background:url(images/img_homme.jpg) 23px 30px no-repeat;
font-size:12px;
padding:0 10px 0 400px;
}
.titre1{
width:500px;
margin:25px 0 10px 0;
padding:2px 0 5px 23px;
background:url(images/puce1.gif) 0 2px no-repeat;
font-size:14px;
font-style:italic;
border-bottom:1px solid #f5a10a;}
.titre2{
width:500px;
margin:5px 0 10px 0;
padding:2px 0 5px 23px;
background:url(images/puce1.gif) 0 2px no-repeat;
font-size:14px;
font-style:italic;
border-bottom:1px solid #f5a10a;}
#Energiesol h3 strong{
font-size:17px;
margin:0 0 10px 0;
}
#Energiesol p{
text-align:justify;
padding:0 0 0 20px;
}
.globalsolu{
padding:0 5px 0 20px;
width:923px;
clear:both;
}
.titresolut{
width:178px;
margin:25px 0 10px 0;
padding:2px 0 5px 23px;
background:url(images/puce1.gif) 0 2px no-repeat;
font-size:14px;
font-style:italic;
border-bottom:1px solid #f5a10a}
.pompe{
padding:0 25px 0 20px;
width:201px;
float:left;}
.cellule{
padding-right:25px;
width:201px;
float:left;
}
.panneau{
padding-right:25px;
width:201px;
float:left;
}
.chauffeau{
width:201px;
float:left;
}
/********************contact*************************************/
.cam{
position:absolute;
top:-147px;
right:5px;
}
/*************************domotique**************************************/
#Energdom{
text-align:justify;
float:left;
width:500px;
background:url(images/img_dom.jpg) 23px 25px no-repeat;
font-size:12px;
padding:0 10px 0 380px;
}
.titredom{
width:500px;
margin:25px 0 10px 0;
padding:2px 0 5px 23px;
background:url(images/puce1.gif) 0 2px no-repeat;
font-size:14px;
font-style:italic;
border-bottom:1px solid #f5a10a;}
#Energdom h3 strong{
font-size:17px;
margin:0 0 10px 0;
}
#Energdom p{
text-align:justify;
padding:0 0 0 20px;
}
/*****************************contact*****************************/
/*------------------------------------CSS formulaire-----------------------------------*/

#formulaire {
	float:left;
	width:570px;
	padding:10px 0 30px 35px;
	font-size:11px;	
	color:#253255;	
}
#formulaire h3{
float:left;
width:520px;
padding:15px 0 10px 25px;
background:url(images/puce1.gif) 0 18px no-repeat;
font-size:14px;
font-style:italic;
border-bottom:1px solid #f5a10a;
color:#f5a10a;
}
.forme{
width:215px;
float:left;
padding-top:30px;}
.france{
padding:15px 0 0 15px;
width:311px;
display:block;
float:left;

}
#formulaire p{
	width:215px;
	padding:0 0 5px 0;
	float:left;
		
}
#formulaire span{
	float:left;	
	
}
#formulaire .question{
	padding:1px 0 0 0;
} 
#formulaire input{
	float:right;	
	width:156px;
	color:#000;
	border:1px solid #f5a10a;
	font-size:11px;	
	background-color:#FFFFFF;
}
#formulaire textarea{
	float:right;
	border:1px solid #f5a10a;	
	width:156px;
	height:80px;
	color:#000;
	background-color:#FFFFFF;
}
#formulaire .bout{
	width:69px;
	height:20px;
	border:none;
	float:right;	
	padding-top:7px;
}
em{
	color:#FFFFFF;		
}
#formulaire .rouge{
	color:#FF0000;	
	font-weight:bold;
	float:left;	
}

.contactD{
float:left;
width:320px;
padding:40px 0 0 0 ;
color:#FFFFFF;
font-size:16px;
font-style:italic;
font-weight:bold;
}
.adresscntact{
width:235px;
height:44px;
background:url(images/adresse.jpg) no-repeat;
clear:both;
padding:30px 0 20px 100px;
}
.contactD object {
	top:6px;
	position: relative;
}
.telcntact{
clear:both;
width:235px;
height:44px;
background:url(images/tel.jpg) no-repeat;
padding:30px 0 20px 100px;
}
.mailcntact{
clear:both;
width:245px;
height:57px;
background:url(images/mail.jpg) no-repeat;
padding:30px 0 0 90px;
}
/************************************mentions*************************/
 #contenument{
  padding:10px 0 0 25px;
  width:925px;
  color:#f5a10a;
  }
 #contenument h3{ 
width:520px;
margin-left:22px;
padding:15px 0 10px 25px;
background:url(images/puce1.gif) 0 18px no-repeat;
font-size:16px;
font-style:italic;
border-bottom:1px solid #f5a10a;

}
.taillep{width:800px;}
#contenument p{
text-align:justify;
margin:5px 0 5px 22px;}

.titrementions{
	padding:0 0 5px 20px;
	margin:15px 0 10px 0;
	border-bottom:1px solid #f5a10a;
	width:220px;
	background:url(images/puce1.gif) 0 2px no-repeat;
	font-size:14px;
	font-weight:bold;
}
/***************************footer***********************************/
#footer {
	margin:0 auto;
	text-align:center;
	font-size:11px;
	padding-top:8px;
	clear:both;
	background:#FFFFFF;
	width:922px;
	overflow:hidden;
}
.imgfooter{ 
	display:block; 
	margin:0 auto ; 
} 
#footercontact {
	margin:0 auto;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	padding-top:11px;
	padding-bottom:50px;
	clear:both;
	background:url(images/px_footer.jpg) 0 20px repeat-x;
	width:100%;
	overflow:hidden;

}
#navigation {
	color: #808285;
	padding:13px 2px 10px 0px;
}
#navigation li {
	display:inline;
}
#navigation a {
	color:#253255;
	padding:0 5px 0 5px;
	font-weight:bold;
}
#navigation a:hover {
	color:#f5a10a;
}
#footer object {
	top:6px;
	position: relative;
}
#toptech {
	text-align:center;
	padding:5px 0 30px 0;
}
#toptech a {
	color:#8b8b8b;
}
#toptech a:hover {
	color:#f5a10a;
}
.adress {
	padding-top:5px;
	height:30px;
	color: #FFFFFF;
	font-size:11px;
	background:url(images/px_footer.gif) repeat-x;
}