/* CSS Document */

body{
	margin:0pt auto;
	background:url(images/master_bg.jpg) no-repeat #FFFFFF center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
div, h1, h2, h3, p, form, label, input, textarea, img, span{
	margin:0; 
	padding:0;
	border:0px;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#006e9e;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#e65a2a;
}
p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:16px;
}

a:active {color: #0097d7}
a:link {color: #0097d7}
a:visited {color: #0097d7}
a:hover {color: #0097d7}


/* #####################
		TEMPLATE
   #####################*/

#Container{
	margin:0pt auto;
	width:906px;
	margin-top:16px;
}

#Top{	
	margin:0pt auto;
	width:906px;
	height:140px;
}

#Logo{
	width:293px;
	height:140px;
	float:left;
	background:url(images/logo.gif) no-repeat;
}
#Logo_en{
	width:293px;
	height:140px;
	float:left;
	background:url(images/logo_en.gif) no-repeat;
}
#Logo a, #Logo_en a{text-decoration:none;}
#Button_logo{
	cursor:pointer;
	float:left;
	width:250px;
	height:85px;
	margin:30px 0 0 30px!important;
	margin:23px 0 0 15px;
}
#Logo_ov{
	width:50px;
	height:20px;
	float:left;
	font-weight:bold;
	display:none;
	margin:-3px 0 0 20px!important;
	margin:5px 0 0 10px;
}

#Banner{
	width:613px;
	height:140px;
	float:left;	
	/* VOIR FICHIER incNavigation.asp */
}

#Main_Menu{ float:left;}
#Main_Menu ul{ margin:0; padding:0; list-style-type:none; margin-top:107px;}
#Main_Menu li{ height:33px; display:inline;}


#Content{
	margin:0pt auto;
	float:left;
	width:906px;
	min-height:350px;
	height:auto!important;
	height:350px;
	background:url(images/right_pattern.gif) repeat-y right #FFF;
}
#Content p{
}


#Left{ 
	float:left; 
	width:686px; 
	min-height:350px;
	height:auto!important;
	height:350px;
	margin:0 0 0 15px!important;
	margin:0 0 0 8px;
}

#Testimonials{
	float:left;
	width:278px;
}
#Testimonials .Sondage{ margin-top:15px;}
#Menu{
	float:left;
	width:278px;
	height:228px!important; 
	height:20px;
}
#Menu ul{ margin:0; padding:0; list-style-type:none; height:228px!important; height:20px;}
#Menu li{ margin:0; padding:0; list-style-type:none; height:27px; }
#Main{
	float:right;
	width:378px!important;
	width:398px;
	background:#FFF;
	min-height:350px;
	height:auto!important;
	height:350px;
	margin:15px!important;
	margin:15px 0 0 0px;
}
#Default h1{ margin-top:8px;}
#Main p{ margin-top:15px; line-height:15px;}

#Partenaire{ float:left; text-align:center; width:686px; margin:0pt auto;}


#Right{
	float:left; 
	width:201px!important;
	width:180px;
	min-height:580px;
	height:auto!important;
	height:580px;
}

#Coordonnee{ float:left; width:201px!important;	width:180px; margin:20px 0 0 3px!important; margin:20px 0 0 0px;}
#Coordonnee .Titre{background:url(images/bg_coordonnee.jpg) no-repeat; height:17px;}
#Coordonnee p{ margin:10px 0 0 14px;}

#Ouverture{float:left; width:201px!important; width:180px; margin:20px 0 0 3px!important; margin:20px 0 0 0px;}
#Ouverture .Titre{background:url(images/bg_heure.jpg) no-repeat; height:17px;}
#Ouverture p{ margin:10px 0 0 14px;}

#Coordonnee h2, #Ouverture h2{ line-height:17px; margin:0 0 0 10px;}
.GrisBold{ font-size:14px; font-weight:bold; color:#707070;}
#Right .Economie{margin:15px 0 0 15px;}

#Footer{
	margin:0pt auto;
	clear:left;
	width:686px;
	margin:0pt auto;
	text-align:center;
	padding-top:40px;
}
/* bottom navigation links */
a.bottom:active {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;}
a.bottom:link {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400; }
a.bottom:visited {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;}
a.bottom:hover {  font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400; }
.Footer{font-family:Arial, Verdana, sans-serif; font-size: 11px; color: #000;font-weight:400;margin:0pt auto; }


#BG_Footer_bypass{
	margin:0pt auto;
	width:906px;
	height:49px;
	float:left;	
	background:url(images/bg_footer.png) no-repeat;
}

/* #####################
		SUJET
   #####################*/
#Sujet h3{ margin-top:20px;}
#Sujet .Left{ margin-right:10px}
#Sujet .Right{ margin-left:10px}
/* #####################
		FAQ
   #####################*/  
#FAQ ul{ margin:0 0 0 25px;; list-style-image:url(images/puce.gif); padding:0;}   
#FAQ h3{ margin-top:12px;}
#FAQ p{ margin-top:0;}
#FAQ .Question{ color:#e65a2a;}
#FAQ .ToTop{ margin-bottom:15px;}


/* #####################
		PRODUIT
   #####################*/   
#Produits_list_by_cat{ width:398px; margin:15px 0 0 0px;}
#Produits_list_by_cat img{ float:left;}

#Produits_container_detail{ float:left; width:396px; min-height:300px; height:auto!important; height:300px; margin-left:-7px;}
#Produits_detail_top{ float:left; width:396px; height:21px; background:url(images/bg_produits_detail_top.gif) no-repeat;}
#Produits_contenu_detail{ float:left; width:366px; background:url(images/bg_produits_detail.gif) repeat-y; padding:0 15px;}
	#Produits_contenu_detail h1{ font-size:16px; font-weight:bold; color:#e8673a; margin:0;}
	#Produits_contenu_detail h2, h3{ color:#006e9e; font-size:14px; font-weight:bold; text-transform:none; margin-top:10px;}
	#Produits_contenu_detail h3{ clear:left}
	#Produits_contenu_detail p{ margin:0;}
	#Produits_contenu_detail img{ margin:12px 0 5px 20px ;}

#ImagesDetail{ float:left; width:191px; height:183px; background:url(images/bg_img_detail.gif)}
#ImagesDetail img{ margin:10px 0 0 5px;}
#Produits_detail_bottom{float:left; width:396px; height:18px; background:url(images/bg_produits_detail_bottom.gif) no-repeat;}

#ProduitsDetailListContainer{ float:left; margin-left:-10px; width:400px; min-height:520px; height:auto!important; height:520px;}
.ProduitsDetailListSelected, .ProduitsDetailList{ float:left; width:192px; height:139px; margin:10px 4px;text-align:center;}
.ProduitsDetailListSelected img, .ProduitsDetailList img{margin:11px 0 0 0;}
.ProduitsDetailListSelected{ background:url(images/bg_produits_liste_selected.gif) no-repeat; }
.ProduitsDetailList{ background:url(images/bg_produits_liste.gif) no-repeat; }

#Rona{ float:left; width:190px; margin-left:-5px;}
#Rona p{ margin:5px 0 0 15px;}
#Rona img{ margin:15px 0 0 0;}
/* #####################
		Geothermie
   #####################*/
#Geothermie h3{ margin-top:15px;}
#Geothermie .Caps{ margin-top:0px; text-transform:uppercase;}


/* #####################
		FORMULAIRE
   #####################*/
#Contact p, #Contact td{
	color:#707070;
}
.Map{ float:left;}

Input,textarea,select{
	border:1px solid #bababa;
	margin-bottom:5px;
	margin-top:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	padding:2px 2px 0 5px;
}
Input{ background:url(images/bg_input.gif) repeat-x #FFFFFF; width:165px; height:15px;}
textarea{ background:url(images/bg_area.gif) repeat-x; width:353px; height:58px;}
select{ width:170px;height:18px;background:url(images/bg_input.gif) repeat-x #FFFFFF; color:#707070;}


label {
	margin:0 0 0 15px;
}

.error{
	color:#ff0000;
	float:right;
	margin-right:15px!important;
	margin-right:0px;
	padding:0!important;
	padding:10px;
}

.Message{
	color:#0096d7;
}
#Contact strong{
	float:left;
}

.Chk{ width:12px; height:12px; margin:2px; padding:0; background:inherit; border:none;}

div .ErrorMessage{ display: none; color: #BF2323; margin-left:15px;}

.FormChoix{ background-color:#f6d1c9; border:1px solid #da4221; width:360px; margin-top:15px;}
Body .FormChoix{ padding:0 10px 0 10px;}


/* #####################
		UNIVERSEL
   #####################*/

.clearFloat{ clear:left; margin:0; padding:0}
.Float{ float:left;}
/* ############ 
	HACK pour stretch div dans firefox
   ############
*/

/* Fix's #container not clearing inner floats in firefox */
.floatfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .floatfix {
height: 1%;
}
/* End hide from IE-mac */
