/* CSS Document */
body
{
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
	color:#000;
}
*  {
	margin: 0 ;
}
h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;	
}
p {
	padding:2px 0 5px 0;
	text-align:justify;
}
ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
	text-decoration:none;
}
a
{
	text-decoration:none;
	outline:none;
	cursor:pointer;						
}
a:hover
{
	text-decoration:none;
	outline:none;	
}
.clr
{
	clear:both;	
}
.clrleft
{
	clear:left;	
}
.clrright
{
	clear:right;
}
img
{
	border:none;
}
/********************************************************************************/
.droite {
	background:url(images/bgd.jpg) no-repeat top left;	
}

.gauche {
	background:url(images/bgg.jpg) no-repeat top right;	
}

#page
{
	margin:0 auto;
	width:955px;	
}
#header
{
	float:left;
	height:326px;
	width:955px;	
}
.head_acc
{
	background:url(images/head_acc.jpg) no-repeat 0 0 #fff;	
}
.head_nav
{
	background:url(images/head_nav.jpg) no-repeat 0 0 #fff;	
}
.head_cont
{
	background:url(images/head_cont.jpg) no-repeat 0 0 #fff;	
}
.logo
{
	float:left;
	margin:13px 0 0 21px;
}
/**********************************************MENU************************************************/
#menu
{
	float:right;
	width:680px;
	padding:123px 29px 0 0;
}
#menu li{
	margin:0 0 7px 0;
	float:left;
}
#menu a
{
	display:block;
	height:70px;
}

#menu #acc a
{
	background:url(images/acc_off.jpg) no-repeat 0 0;
	margin:0 9px 0 0;
	width:102px;
}
#menu #acc a:hover,#menu #acc .active
{
	background:url(images/acc_on.jpg) no-repeat 0 0;
}
#menu #photo a
{
	background:url(images/photo_off.jpg) no-repeat 0 0;
	margin:0 9px 0 0;
	width:161px;
}
#menu #photo a:hover,#menu #photo .active
{
	background:url(images/photo_on.jpg) no-repeat 0 0;
}
#menu #ther a
{
	background:url(images/ther_off.jpg) no-repeat 0 0;
	margin:0 8px 0 0;
	width:158px;
}
#menu #ther a:hover,#menu #ther .active
{
	background:url(images/ther_on.jpg) no-repeat 0 0;
}
#menu #actua a
{
	background:url(images/actu_off.jpg) no-repeat 0 0;
	margin:0 8px 0 0;
	width:120px;
}
#menu #actua a:hover,#menu #actua .active
{
	background:url(images/actu_on.jpg) no-repeat 0 0;
}
#menu #contact a
{
	background:url(images/cont_off.jpg) no-repeat 0 0;
	width:105px;
}
#menu #contact a:hover,#menu #contact .active
{
	background:url(images/cont_on.jpg) no-repeat 0 0;
}


#menu a:hover,#menu li .active
{	
	background:url(images/puce_rouge.gif) no-repeat 1px;	
	color:#bb2222;
}
/***********************************Fin Menu********************************************/
#content
{
	float:left;
	width:925px;	
	padding:0 0 20px 30px;
}
.line
{
	line-height:20px;
}
.titre_acc
{
	background:url(images/flech_orange.gif) no-repeat 0 3px;
	padding:0 0 12px 27px;
	font-size:14px;
	font-weight:bold;
	color:#e65006;
	border-bottom:1px solid #e65006;
	margin-bottom:15px;		
}
.titre_acc em
{
	color:#000000;
	font-style:normal;
}
#bloc1
{
	float:left;
	width:600px;
}
#s_blocg
{
	float:left;
	width:277px;
	color:#e65006;
	margin:0 46px 0 0;
}
.txt
{
	line-height:17px;
}
#s_blocd
{
	float:left;
	width:277px;
	color:#1a5f94;
	margin:30px 0 0 0;
	padding:12px 0 0 0;
	border-top:1px solid #e65006;
}

a.savoir
{
	font-weight:bold;
	float:right;	
	color:#F18200;	
}
a.savoir:hover
{
	
	color:#4C80A7;
	text-decoration:underline;	
}

#cadre_bleu
{
	float:left;
	width:276px;
	color:#FFFFFF;
	background:url(images/pixel_bleu.jpg) repeat-y 0 0;
	position:relative;
	margin:26px 0 0 0;
}
#cadre_bleu .imgb
{
	float:left;
}
.impot
{
	float:right;
	position:absolute;
	top:-10px; right:0;
}
#txt_cadre_bleu
{
	float:left;
	width:266px;	
	background:url(images/cadre_bleu.jpg) no-repeat 0 0;
	padding:14px 0 0 10px;
}
#txt_cadre_bleu p
{
	background:url(images/flech_blanc.gif) no-repeat 0 4px;
	font-weight:bold;
	padding:0 110px 7px 17px;
	text-align:left;
}
#s_blocb
{
	float:left;
	width:600px;
	margin:20px 0 0 0;
	clear:both;
	color:#1a5f94;
	background:url(images/bebe.jpg) no-repeat 0 0;
}
#s_blocb .txt1
{
	float:left;
	width:136px;
	padding:4px 162px 0 4px;
}
#s_blocb .txt2
{
	float:left;
	width:136px;
	padding:4px 0 0 4px;
}
#s_blocb p
{
	text-align:left;
}
#s_blocb .or
{
	color:#e65006;
	text-align:center;
	font-weight:bold;
	padding:0 0 0px 0;
}
#partenaire
{
	float:left;
	width:264px;
	padding:0 0 0 32px;
	text-align:center;
}
#partenaire img
{
	
	margin:0 0 10px 0;
}
.agree
{
	background:url(images/flech_orange.gif) no-repeat 0 3px;
	padding:0 0 12px 27px;
	font-size:14px;
	font-weight:bold;
	color:#e65006;
}
/***********************************nav**********************************/
.titre_nav
{
	background:url(images/line.gif) repeat-x 0 14px;
	font-size:14px;
	font-weight:bold;
	color:#e65006;
	margin:0 0 12px 0;
	text-align:left;	
		
}
.titre_nav em
{
	font-style:normal;
	background:url(images/flech_orange.gif) no-repeat 0 3px #FFFFFF;
	padding:0 12px 0 27px;
}
.titre_nav_b
{	
	font-size:14px;
	font-weight:bold;
	color:#1a5f94;		
	background:url(images/line.gif) repeat-x 0 14px;
	margin:0 0 12px 0;
	text-align:left;		
}
.titre_nav_b em
{
	font-style:normal;
	background:url(images/flech_bleu.gif) no-repeat 0 3px #fff;
	padding:0 12px 0 27px;	
}



#bloc1_nav
{
	float:left;
	width:600px;
}
.energie
{
	float:right;
	margin:0 0 6px 15px;
}
#images
{
	float:left;
	width:600px;
	position:relative;
	padding:24px 0 0 0;
}
#images img
{ 
	margin:0 5px 0 0;
	cursor:pointer;
}
#images .big
{
	position:absolute;
	top:-190px;
	left:160px;
	display:none;	
}	
#cadre_or
{
	float:right;
	width:266px;
	color:#FFFFFF;
	background:url(images/px_or.jpg) repeat-y 0 0;	
	margin:0 0 0 15px;
}
#cadre_or .imgb
{
	float:left;
}
#txt_cadre_or
{
	float:left;
	width:246px;	
	background:url(images/bg_or.jpg) no-repeat 0 0;
	padding:14px 10px 0 10px;
}
#txt_cadre_or p
{
	font-weight:bold;
}
#bloc2_nav
{
	float:left;
	width:265px;
	padding:10px 0 0 31px;	
	text-align:center;
}

#bloc2_nav img
{
	margin:0 0 20px 0;
}
#bloc2_nav .solaire
{
	margin:40px 0 20px 0;
}





/***********************************thermique**********************************/

	
/***********************************Actualiter**********************************/
#bloc_actu
{
	float:left;
	width:600px;
}


.actus{
	padding:15px 0 0 0;
}

.actus img{
	float:left;
	margin:0 15px 0 0;
}

ul.actulist li a{
	color:#FF6600;
}

ul.actulist li a:hover{
	color:#FF9900;
}

/***********************************Contact**********************************/
.titre_cont
{
	background:url(images/flech_noir.jpg) no-repeat 0 3px;
	padding:0 0 20px 27px;
	font-size:14px;
	font-weight:bold;
	color:#444444;
}

#plan
{
	float:left;
	width:237px;	
	padding:0 0 0 0;
}
#plan img
{
	cursor:pointer;
}
#coord
{
	float:left;
	width:337px;	
	padding:34px 0 0 30px;
	color:#F08707;
}
#coord p
{
	display:block;
	font-weight:bold;
	text-align:left;
	font-size:12px;
}
#coord p em
{
	font-style:normal;
	display:block;
	color:#444444;
	padding:0 0 10px 0;
	font-size:14px;

}

#coord p .fax
{
	float:right;	
	padding:0 75px 0 0;
}
#coord .adresse
{
	background:url(images/adr.jpg) no-repeat 0 0;
	padding:0 0 22px 44px;	
}
#coord .tel
{
	background:url(images/mobile.jpg) no-repeat 0 0;
	padding:0 0 26px 44px;	
}
#coord .aro
{
	background:url(images/aro.jpg) no-repeat 0 0;
	padding:0 0 0 44px;	
}



/***********************************Formulaire**********************************/
#formulaire
{
	float:left;
	width:265px;
	padding:0 0 0 28px;		
} 
#formulaire form p{
	width:265px;
	float:left;	
	padding:0 0 5px 0;	

}

#formulaire form span{
	float:left;		
	padding:2px 0 0 4px;
	font-size:11px;
	
} 
#formulaire input{
	float:right;	
	width:190px;
	height:16px;
	border:none;
	border:1px solid #185F97;
}
#formulaire textarea{
	float:right;	
	width:190px;
	height:80px;	
	border:1px solid #185F97;
}
#formulaire .bout{
	width:107px;
	height:16px;
	border:none;
	float:right;
	background:none;
	padding:0;
		
}
#formulaire em{
	color:#BB2222;
	font-style:normal;		
}
#formulaire .rouge{
	color:#487EAA;	
	font-weight:bold;
	float:left;	
}
#formulaire .champ{
	color:#487EAA;	
	font-weight:bold;
	float:left;	
	
}
/***********************************Mention**********************************/
.contenuMention{
	float:left;
	width:925px;	
	padding:0 0 20px 30px;
}
.contenuMention p{
	 padding:4px 0px 4px 0;
	 line-height:20px;
	 text-align:justify;	 	
}

.contenuMention .titre
{
	font-size:14px;
	font-weight:bold;
	color:#1a5f94;		
	background:url(images/line.gif) repeat-x 0 14px;
	margin:0 0 12px 0;
	 line-height:normal;
}
.contenuMention .titre em
{
	font-style:normal;
	background:url(images/flech_bleu.gif) no-repeat 0 3px #FFFFFF;
	padding:0 12px 0 27px;
}
.contenuMention .fonce
{
	color:#BB2222;
	font-weight:bold;
}
.contenuMention strong
{
	color:#666666;
}


/*********************************Footer************************************************/
#footer{	
	width:896px;
	color:#ECB60E;
	text-align:center;	
	background:url(images/bg_footer.jpg) no-repeat 0 0;
	margin:0 auto;			
	clear:both;
		
}
#footer p
{
	font-size:11px;
	text-align:center;
}
#footer object
{
	position:relative;
	top:6px;
}
#navigation{		
	color:#ECB60E;
	padding:12px 0 8px 0;
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 3px 0 3px;
	font-size:11px;	
	color:#ECB60E;	
}
#navigation a:hover,#navigation .active{
	color:#fff;
}
#footer #toptech {		
	text-align:center;
	padding:20px 0 0 0;
	margin:0;	
}
#toptech a{
	color:#000;
	font-size:10px;
	outline:none;
}
#toptech a:hover{
	color:#4886B4;
}
#s_blocb  .txtleft {
	text-align:left;
}

/* Référencement */

h1.h1tt {
	display: none;
}