/*===| I. LAYOUT SIZE |====================================================*/


#container, #footer, #header {width: 962px;}
#header {height:194px;}


p, ul, li, table, div, h1, h2, h3, hr, img, form, input{
	padding: 0px;
	margin: 0px;
}


/*	--- Important! ----------------------------------------
	#wrap-footer, #footer and .push must be the same height
	-------------------------------------------------------
*/	#wrap-footer, #footer, .push {height: 158px;}


.push	{clear: both;}


/* --- Important! -------------------------------
	The bottom margin of #wrap-container
	is the negative value of the footer's height 
	-----------------------------------------------
*/	#wrap-container {	margin: 0 auto -72px;}


#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}
	


#page{
	width:583px;
	height:100%;
	display:table;
	margin-bottom:0px;
	}


/* ===| II. LAYOUT's DEFAULT ELEMENTS |=======================================*/


* {margin: 0;}


html, body {height: 100%; width: 100%;}


body {
	background:#a6c0d1 url(../images/charte/bg-body.jpg) repeat-x left top;
	color: #0f7795;
	font-size: 11px;
	font-family: arial;
	line-height:14px;
	text-align:justify;
}


ul, li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}


#container {
	margin:0 auto;
	background:url(../images/charte/bg-content.png) ;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-content.png', sizingMethod ='scale');*/
	background-repeat:repeat-y;
	background-position:right top;
	display:block;
	min-height:800px;
}


/**html #container{
_background:url();


}*/


#header{
	height:194px;
	
}


#middle{
	clear:both;
	width:962px;
}


#left-col{
	width:234px;
	float:left;
}


#right-col{
	width:694px;
	float:left;
}


#page-dynamic{
	width:668px;
	margin-left:26px;
	margin-top:15px;
}

#page-dynamic a{
	font-family:arial;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
	color:#0f7795;
}
#page-dynamic a:hover{
	font-family:arial;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	background-color:#0f7795;
	color:white;
}


#page-dynamic a{
}


#wrap-footer{
		background: url(../images/charte/bg-footer.png) repeat-x left bottom;
}


#footer {
	margin:auto;
	width:962px;
	clear:both;
	padding: 0;
	background: url(../images/charte/bg-footer-content.png) no-repeat left top;
	/*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bg-footer-content.png', sizingMethod ='scale');*/
}


#footer-content{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#1a8bad;
	padding:40px 0px 0px 290px;
}
/*html #footer{
_background:url();
}*/




/***********************************************HEADER*********************************************************************************/


#banner-menu{
	float:left;
	width:737px;
}


#menu{
	background:url(../images/charte/menu-background.jpg) no-repeat left top;
	width:737px;
	height:32px;
}


#main-menu{
	margin-left:10px;
}


#main-menu ul li{
	display: inline;
	padding: 2px 0;
	
}


#main-menu ul li a{
	font-weight:bold;
	text-decoration: none;
	color:#FFFFFF;
	height:32px;
}


#main-menu  ul li a:hover{
	color:#e4eff7;
	text-decoration: none;
	height:32px;
}


.btn-accueil:link, .btn-accueil:visited{
	width:86px;
	height:32px;
	background:url(../images/charte/btn-accueil.jpg) no-repeat left top;
	display:block;
	float:left;
}
.btn-accueil:hover, .btn-accueil:active{
	width:86px;
	height:32px;
	background:url(../images/charte/btn-accueil-over.jpg) no-repeat left top;
	display:block;
	float:left;
}




.btn-aerothermie:link, .btn-aerothermie:visited{
	width:107px;
	height:32px;
	background:url(../images/charte/btn-aerothermie.jpg) no-repeat left top;
	display:block;
	float:left;
}
.btn-aerothermie:hover, .btn-aerothermie:active{
	width:107px;
	height:32px;
	background:url(../images/charte/btn-aerothermie-over.jpg) no-repeat left top;
	display:block;
	float:left;
}


.btn-geothermie:link, .btn-geothermie:visited{
	width:100px;
	height:32px;
	background:url(../images/charte/btn-geothermie.jpg) no-repeat left top;
	display:block;
	float:left;
}
.btn-geothermie:hover, .btn-geothermie:active{
	width:100px;
	height:32px;
	background:url(../images/charte/btn-geothermie-over.jpg) no-repeat left top;
	display:block;
	float:left;
}


.btn-climatisation:link, .btn-climatisation:visited{
	width:110px;
	height:32px;
	background:url(../images/charte/btn-climatisation.jpg) no-repeat left top;
	display:block;
	float:left;
}
.btn-climatisation:hover, .btn-climatisation:active{
	width:110px;
	height:32px;
	background:url(../images/charte/btn-climatisation-over.jpg) no-repeat left top;
	display:block;
	float:left;
}


.btn-chauffe:link, .btn-chauffe:visited{
	width:105px;
	height:32px;
	background:url(../images/charte/btn-chauffe.jpg) no-repeat left top;
	display:block;
	float:left;
}
.btn-chauffe:hover, .btn-chauffe:active{
	width:105px;
	height:32px;
	background:url(../images/charte/btn-chauffe-over.jpg) no-repeat left top;
	display:block;
	float:left;
}


.btn-photovoltaique:link, .btn-photovoltaique:visited{
	width:130px;
	height:32px;
	background:url(../images/charte/btn-photovoltaique.jpg) no-repeat left top;

	display:block;
	float:left;
}
.btn-photovoltaique:hover, .btn-photovoltaique:active{
	width:130px;
	height:32px;
	background:url(../images/charte/btn-photovoltaique-over.jpg) no-repeat left top;
	display:block;
	float:left;
}


.btn-contact:link, .btn-contact:visited{
	width:80px;
	height:32px;
	background:url(../images/charte/btn-contact.jpg) no-repeat left top;
	display:block;
	float:left;
}
.btn-contact:hover, .btn-contact:active{
	width:80px;
	height:32px;
	background:url(../images/charte/btn-contact-over.jpg) no-repeat left top;
	display:block;
	float:left;
}


/*********************************************** Left -COl ***********************************************************************************/


#news-repeat{
	background:url(../images/charte/news-repeat.jpg) repeat-y left top;
}

#news-repeat a{
	font-family:arial;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
	color:#1d98b6;
}
#news-repeat a:hover{
	font-family:arial;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
	color:#1d98b6;
}

#contact-repeat{
	background:url(../images/contact/contact_repeat.jpg) repeat-y left top;
	font-family:arial;
	font-size:12px;
	color:#1d96b5;
	font-weight:bold;
	line-height:17px;
	padding:10px 0px 8px 30px;
}


ul.news-list{
		text-align:left;
		padding-left:15px;
		font-family:arial;
		font-size:11px;
		width:210px;
		text-align:justify;
}
.news-list li{
		list-style-type:none;
		background-image:url('../images/charte/news-icon.jpg');
		background-position: 0px 12px;
		background-repeat:no-repeat;
		padding:10px 5px 2px 15px;
		color:#1d98b6;
}


.news-link:link, .news-link:visited{
	font-family:arial;
	font-size:11px;
	color:#1d98b6;
	text-decoration:none;
}
.news-link:hover, .news-link:active{
	font-family:arial;
	font-size:11px;
	color:#1d98b6;
	text-decoration:underline;
}


/**********************************************right-col*********************************************************************************************/


.page-title{
	height:13px;
	max-height:13px;
	width:670px;
	background-color:#97e3fa;
}
.title-left{
	width:5px;
	height:13px;
	background-color:#97e3fa;
	float:left;
}


.title-text{
	height:13px;
	float:left;
}


#title-right{
	height:13px;
	background-color:#97e3fa;
	float:left;
}


h1{
	font-family:arial;
	font-size:18px;
	font-weight:normal;
	color:#fa9e25;
	height:13px;
}


.separator{
	clear:both;
	padding:13px 0px 13px 0px;
}


.separator1{
	clear:both;
	padding:5px 0px 13px 0px;
}


/**********************************************home -box*********************************************************************************************/
.home-box{
	width:191px;
	height:214px;
	background-image:url('../images/charte/bg-box.jpg');
	float:left;
}


.box-space{
	float:left;
	width:47px;
	height:30px;
}


.box-text{
	width:173px;
	height:83px;
	text-align:justify;
	margin:3px 0px 0px 8px;
}


.menu{
	opacity:1.0;filter:
	alpha(opacity=100);
}


.menu-over{
	opacity:0.6;filter:
	alpha(opacity=60);
}


.box-btn{
	width:180px;
	padding-top:5px;
}


/**********************************************Newsletter*********************************************************************************************/
.newsletter{
	margin-top:3px;
}
.inputNewsletter{
	font-family:verdana;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #0f7795;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	color: #495d87;
	background-color:#ffffff;
	width:167px;
	height:15px;
	padding:0px 0px 0px 0px;
	text-align:left;
}


.buttonover{
	border: 0px solid #04347c;
	height: 14px;
	width:51px;
	cursor: pointer;
	background-image:url('../images/charte/btn-envoyer.jpg');
	opacity:0.6;filter:
	alpha(opacity=60);
	margin:6px 0px 0px 118px;
}
.button{
	border: 0px solid #ffffff;
	height: 14px;
	width:51px;
	background-image:url('../images/charte/btn-envoyer.jpg');
	opacity:1.0;filter:
	alpha(opacity=100);
	margin:6px 0px 0px 118px;
}


/**********************************************Aerothermie*********************************************************************************************/


#menu-repeat{
	background:url(../images/charte/news-repeat.jpg) repeat-y left top;
}




ul.list1{
		text-align:left;
		padding-left:15px;
		font-family:arial;
		font-size:16px;
		font-weight:bold;
		width:210px;
		text-align:justify;
}
.list1 li{
		list-style-type:none;
		background-image:url('../images/charte/menu-arrow.jpg');
		background-position: 0px 13px;
		background-repeat:no-repeat;
		padding:10px 5px 2px 15px;
		color:#ffffff;
}


.menu-left:link, .menu-left:visited{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:white;
	text-decoration:none;
}
.menu-left:hover, .menu-left:active{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#82b310;
	text-decoration:none;
}


.product-thumb{
	width:120px;
	float:left;
}


.product-title-description{
	float:left;
	width:545px;
}


.product_title{
	font-weight:bold;
	color:#fa9f25;
}


.product_details{
	width:545px;
	text-align:left;
}


.details-link:link, .details-link:visited{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#fa9e25;
	text-decoration:none;
}
.details-link:hover, .details-link:active{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background-color:#1c8bac;
	text-decoration:none;
}


.product-flash{
	float:right;
	width:380px;
	margin-left:10px;
}
.product-detail-photo{
	border: 2px solid #FFFFFF; 
	float:right; 
	margin:0px 0px 2px 10px;
}


.references{
}

/**********************************************MODIFS HP Guillaume ********************************************************************************************/
a.linkhp 
{
color:#fa9e25
}
a.linkhp:hover 
{
color:#DFA558	
}

h2.hp
{
	font-family:arial;
	font-size:11px;
	font-weight:normal;
	color:#fa9e25;
	}