{* Template  créé le 07/07/2010 14:06:35 *}/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  	font-size: 100%; /* Évite un bug d'IE 6-7. (1) */ 
} 
body { 
  	margin: 0; 
  	padding: 0em; /* Remettre à zéro si nécessaire. */ 
  	font: normal normal 12px Arial, Verdana, Helvetica, sans-serif;
  	color: #545454; 
} 

* {margin: 0; padding: 0;}	

.clear {clear:both;}

#dmgk{ display:none; }

@font-face {
	font-family: 'Droid Sans Bold';
	font-style: normal;
	font-weight: bold;
	src: local('Droid Sans Bold'), url('http://themes.googleusercontent.com/font?kit=EFpQQyG9GqCrobXxL-KRMQJKKGfqHaYFsRG-T3ceEVo') format('truetype');
}

img.Png {
	behavior: url("/js/pngbehavior.htc");
}

/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
	padding: 0 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
	line-height: 1.2; 
} 
h1 { 
  	padding-bottom:0px;
  	margin-bottom:.5em;
		font: normal bold 18px/16px Arial, Verdana, Helvetica, sans-serif;
  	color: #742a71;
} 
h1 small {
		font-size: 14px;
		font-weight: normal;
}
h2 { 
  	font: normal bold 14px Arial, Verdana, Helvetica, sans-serif;
  	color: #99086c;
  	margin-bottom: 0;
  	padding-bottom: 0.15em;
} 
h3 { 
  	font: normal bold 13px Arial, Verdana, Helvetica, sans-serif;
  	color: #99086c;
  	margin-bottom: 0;
  	padding-bottom: 5px;
 		padding-left: 2px;
} 
h4 { 
  	font-size: 1.25em; 
} 
h5 { 
  	font-size: 1em; 
} 
p { 
  	margin: 0 0 1em 0; /* Marges plus faibles que par défaut. (7) */ 
  	line-height: 14px;
} 

.TresTresPetite, a .TresTresPetite 	{ font-size:0.7em; }
.TresPetite, a .TresPetite 			{ font-size:0.8em; }
.Petite, a .Petite 					{ font-size:0.9em; }
.Normal, a .Normal 					{ font-size:1.0em; }
.Moyenne, a .Moyenne 				{ font-size:1.1em; }
.Grande, a .Grande 					{ font-size:1.2em; }
.TresGrande, a .TresGrande 			{ font-size:1.3em; }	
.TresTresGrande, a .TresTresGrande  { font-size:1.4em; }	

.Purple {color: #99086c; font-weight: bold;}

/* Listes */ 
ul, ol { 
  	margin: .75em 0 .75em 32px; 
  	padding: 0; 
} 
 

address { 
  	margin: .75em 0; 
  	font-style: normal; 
} 
 
/* Liens */ 
a { 
  	text-decoration: underline; 
} 
a:link { 
  	color: #99086c; 
} 
a:visited { 
  	color: #99086c; 
} 
a:hover, a:focus, a:active { 
  	color: #f85d00; 
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:active { 
  	outline: none; 
} 
/* Pas de bordure autour des images dans les liens */ 
a img { 
  	border: none; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
} 

/* Formulaires */ 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
} 
input, button, select { 
  vertical-align: middle; /* Solution pb. d'alignement. (9) */ 
}

/* Met en évidence les citations */ 
blockquote { 
	margin: .75em 0 .75em 20px; 
	padding: 0 0 0 10px; 
	border-left: solid 2px #ddd; 
} 
q, cite { 
  	font-style: italic; 
} 
q cite, q q { 
  	font-style: normal 
} 

/* Supprime les guillemets automatiques (citations courtes) */ 
q { 
  	quotes: none; 
} 
q:before, q:after { 
  	content: ""; /* Nécessaire pour Safari/Chrome */ 
} 
 
/* Rapproche les paragraphes dans les listes et citations */ 
blockquote p, li p { 
  	margin: .5em 0; 
} 	
/* Styles de base pour les listes de définition */ 
dl { 
  	margin: .75em 0; 
} 
dt { 
  	margin: .75em 0 0 0; 
  	font-weight: bold; 
} 
dd { 
  	margin: .25em 0 .25em 32px; 
} 
ul {
	padding-left: 0px;
	margin-left: 10px;
}
ul li {
	padding-left: 15px;
	padding-bottom: 4px;
	list-style-type: none;
	background:url(/ecotherm_images/site/li.gif) 0px 6px no-repeat;
}


/* Conteneurs sémantiques de HTML 5 */ 
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section { 
		display: block; 
}
	
/********************************************************************/
/*********************    LAYOUT    *********************************/
/********************************************************************/
#container {
	margin: 0 auto;
	width: 955px;
	background-color: #fff;
}

#header {
	position: relative;
	width: 100%;
	height: 110px;
	background: url(/ecotherm_images/site/bg_header.gif) no-repeat;
}
#header .logo {
	position: absolute;
	top: 7px;
	left: 37px;
	width:167px;
	height:87px;
}
#header .tel {
	position: absolute;
	top: 42px;
	left: 615px;
	width:350px;
	height:50px;
}
.tel p {
	font-family:"Droid Sans" , arial, serif;
	color:#fff;
	font-size:18px;
	padding:0px;
	margin:0px;
	line-height:19px	 
}
.tel p strong {
	font-family:"Droid Sans Bold" , arial, serif;
	color:#fff;
}

#navigation {
	display: table;
	z-index: 2;
	font: normal bold 13px Arial, Verdana, Helvetica, sans-serif;
	color: #742a71;
}
#navigation .navtd td {
	margin:0 4px;
	text-align: center;
	vertical-align: middle;
	padding:5px;
}
#navigation .navtd .sep {
	margin:0;
	padding:0;
	background: url(/ecotherm_images/site/sep_nav.gif) top center no-repeat;
}

ul.nav {
	margin:0; /* pour FF IE 7/8*/
	padding:0; /* pour FF IE 7/8*/
	position:relative;
	width:100% !important;
}
ul.nav:hover, #navigation td.Selected ul.nav {
	margin: 0; padding:0; /* pour FF IE 7/8*/
	/*background:url(/arep_images/site/bg-navHover_left.png) no-repeat top left; /* pour FF IE 7/8*/
}
ul.nav li  {
	margin:0 8px;
	padding:0;
	list-style:none;
	color:#742a71;
	background: none;
	line-height: 13px;
	_height:30px;
}
ul.nav li a  {
	margin: 0;	
	padding: 0;
	color:#742a71;
	text-decoration: none;
	cursor:pointer;
	display:block;
	text-align: center;
}
#navigation td.Selected ul.nav li,
ul.nav li:hover,
ul.nav li.hover {
	/*background:url(/arep_images/site/bg-navHover_right.png) no-repeat top right;*/
}
#navigation td.Selected ul.nav li a,
ul.nav li a:hover,
ul.nav li a.hover {
	color:#99086c; !important;
}
ul.nav li span {
	padding:3px 10px 0 0;
}

.sous_nav {
	z-index: 10 !important;
	position: absolute;
	top: 27px;
	left: 0px;
	margin:0;
	display:none;
	width:150px;
	padding: 0px 0 5px 0;
}
.sous_nav .sntop {
	margin-left: 5px;
	height: 5px;
	background: url(/ecotherm_images/site/snav_top.png) top left no-repeat;
}
.sous_nav .middle {
	margin-left: 5px;
	padding-top: 4px;
	background: #99086c url(/ecotherm_images/site/snav_bg.png) bottom left no-repeat;
}
.sous_nav .snbot {
	margin-left: 5px;
	height: 12px;
	background: url(/ecotherm_images/site/snav_bot.png) top left no-repeat;
}
.sous_nav ul {
	position: relative;
	margin:0;
	padding:0 2px;
	width:145px;
}	
ul.nav li div.sous_nav ul li{
	margin:0px;
	padding: 4px 0 4px 0px;
	height:auto;
	list-style: none;
	background:none !important;
	/*border-bottom: 1px dotted #b2b2b2;*/
}
ul.nav li div.sous_nav ul li a {		
	color:#fff !important;
	margin:0px;
	padding:0 0 0 5px !important;
	text-align:left;
	font: normal bold 10px Verdana, Arial, 'Yanone Kaffeesatz', Helvetica, sans-serif;
}

ul.nav li ul li a:hover,
ul.nav li ul li.Selected a {
	text-decoration: underline; !important;
}
/*ul.nav li:hover div,
ul.nav li.hover div  {
	display: block;
}
*/

#visuel {
	position: relative;
	width: 955px;
	height: 353px;
	overflow: hidden;
}
#visuel ul, #visuel ul li, #visuel ul i img {
	position: absolute;
	z-index:1;
	padding: 0; margin:0;
}
#visuel .masktop{
	position: absolute;
	top:0; left:0;
	z-index:3;
	width: 955px;
	height: 52px;
	background: url(/ecotherm_images/site/mask_ht.png) top left no-repeat;
}
#visuel .maskbottom{
	position: absolute;
	top:210px; left:0;
	z-index:3;
	width: 955px;
	height: 143px;
	background: url(/ecotherm_images/site/mask_hb.png) top left no-repeat;
	text-indent:-9999px;
}
#visuel .maskbottom a{
	display:block;
	height:100%;
	width: 250px;
	position:relative; 
	cursor:pointer;
}
#visuel .devis {
	position: absolute;
	top: 250px;
	left: 702px;
	width: 211px;
	height: 53px;
	z-index: 5;
}
#visuel .achat {
	position: absolute;
	top: 250px;
	left: 460px;
	width: 211px;
	height: 53px;
	z-index: 5;
}


#visuel.contenu {
	height: 290px;
}
#visuel.contenu .masktop{
	position: absolute;
	top:0; left:0;
	z-index:3;
	width: 955px;
	height: 48px;
	background: url(/ecotherm_images/site/mask_ct.png) top left no-repeat;
}
#visuel.contenu .maskbottom{
	position: absolute;
	top:147px; left:0;
	z-index:3;
	width: 955px;
	height: 143px;
	background: url(/ecotherm_images/site/mask_hb.png) top left no-repeat;
}
#visuel.contenu .devis {
	position: absolute;
	top: 155px;
	left: 730px;
	width: 211px;
	height: 53px;
	z-index: 15;
}
#visuel.contenu .achat {
	position: absolute;
	top: 220px;
	left: 730px;
	width: 211px;
	height: 53px;
	z-index: 15;
}

/********************************************************************/
/*********************     Middle   *********************************/
/********************************************************************/

#middle {
	position: relative;
	background: #fff url(/ecotherm_images/site/bg_middle_int.jpg) top left no-repeat;
}
#middle.home {
	background: #fff url(/ecotherm_images/site/bg_middle.jpg) top left no-repeat;
}

#middle .left {
	float: left;
	width: 210px;
	padding-top: 52px;
}
#middle.home .left {
	padding-top: 80px;
}
#middle .left .actus{
	margin: 10px 5px 0 10px;
}
#middle .left .actus h2, #middle .left .actus .title  {
	margin-bottom: 5px;
	color: #f85d00;
	font: normal bold 13px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#middle .left .actus h2 a,  #middle .left .actus .title a {
	text-decoration: none;
	color: #f85d00;
}

#middle .left .actus ul {
	padding:0; margin:0;
	font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
	color: #f69406;
}
#middle .left .actus li {
	padding: 0 0 12px 14px;
	list-style: none;
	background: url(/ecotherm_images/site/li_actus.gif) 5px 5px no-repeat;
}
#middle .left .actus a {
	color: #f69406;
	text-decoration: none;
}
#middle .left .actus a:hover {
	color: #f85d00;
	text-decoration: underline;
}
#middle .left .actus p {
	font-size: 11px;
}
#middle .left .actus p a {
	color: #99086c;
}
#middle .left .actus p a:hover {
	color: #f85d00;
}

#middle .right {
	float: right;
	width: 745px;
}
#middle .right .homer {
	float: right;
	width: 170px;
}
#middle .right .homer .txt {
	margin: 25px 5px 0 5px;
	text-align: center;
}
#middle .right .homer .txt p {
	font: normal normal 12px Arial, Verdana, Helvetica, sans-serif;
	color: #520b38;
}
#middle .right .homer .txt p a {
	color: #520b38;
	text-decoration: none;
}
#middle .right .homel {
	float: left;
	width: 575px;
}
#middle .right .homel .txt {
	margin: 40px 10px 0 10px;
}



#middle .right .contr {
	float: right;
	width: 251px;
	padding-top: 0px;
}
#middle .right .contr .navr {
	margin-top:  30px;
}
#middle .right .contr .navr h1 {
	color: #99086c;
	font: normal bold 14px Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	text-decoration: none;
}
#middle .right .contr .navr h2 {
	color: #99086c;
	font: normal normal 14px Arial, Verdana, Helvetica, sans-serif;
	margin:0 0 4px 0;
	padding:0 0 0 20px;
	background: url(/ecotherm_images/site/pucefleche.gif) 2px 4px no-repeat;
	text-decoration: none;
}
#middle .right .contr .navr h3 {
	color: #99086c;
	font: normal bold 12px Arial, Verdana, Helvetica, sans-serif;
	margin:0 0 3px 0;
	padding:0 0 0 30px;
	background:url(/ecotherm_images/site/li.gif) 18px 6px no-repeat;
	text-decoration: none;
}
#middle .right .contr .navr a {
	color: #99086c;
	text-decoration: none;
}
#middle .right .contr .navr a:hover {
	color: #490c31;
}
#middle .right .contr .navr a.Selected {
	color: #490c31; font-weight: bold; letter-spacing: -1px;
}
#middle .right .contr .navr h3 a {
	color: #99086c; font-weight: normal;
}
#middle .right .contr .navr h3 a.Selected {
	color: #490c31; letter-spacing: 0;
}

#middle .right .contr .dossier {
	margin: 20px 20px 0 0;
	height: 86px;
	border-top: 1px solid #d5bfd4;
	border-bottom: 1px solid #d5bfd4;
}
#middle .right .contr .dossier img {
	margin: 20px 0 0 14px;
}

#middle .right .contr .txt {
	margin: 25px 15px 0 0;
}
#middle .right .contr .txt p {
	font: normal normal 12px Arial, Verdana, Helvetica, sans-serif;
	color: #520b38;
}
#middle .right .contl {
	float: left;
	width: 494px;
}
#middle .right .contl .txt {
	margin: 28px 25px 0 10px;
}


#accordion { 
	display:block;
	text-align:left;
	margin:0px !important; 
	padding:0px !important; 
}

#accordion h3 { 
	cursor: pointer; 
	list-style-type: none; 
	padding:0 !important;
	border:0 !important;
	margin: 10px 0 0 0 !important; 
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
}
#accordion p {
	margin-top: 8px;
	margin-bottom: 20px;
}
#accordion h3 a { 
	display:block;
	text-decoration :none;
 	/*color: #545454; */
	font-weight: bold;
}
#accordion h3 a:hover {
}


.glossaire-float {
	float:left;
	height:auto;
	margin:0 15px 20px 5px;
	text-align:center;
	width:135px;
}
.glossaire-float a {
	font-weight:bold;
	text-decoration:none;
}

.listeActus h2 a {
	text-decoration: none;
}
.listeActus p {
	margin-bottom: 4px;
}
.listeActus .LienSuite {
	text-align: right;
}
.listeActus .LienSuite a {
	text-decoration: none;
}

#middle .end {
	width:955px;
	height:30px;
}

#footer {
	position: relative;
	width: 100%;
	color: #99086c;
	padding-top: 5px;
	text-align: right;
	font: normal normal 11px Arial, Verdana, Helvetica, sans-serif;
}
#footer .club {
	position: absolute;
	top: 10px;
	left: 20px;
	width: 129px;
	height: 41px;
}
#footer a {
	color: #99086c;
	text-decoration: none;
}
#footer a:hover {
	color: #dd0c9c;
}


/********************************************************************/
/*********************BARRE NAVIGATION*********************************/
/********************************************************************/
.bread{
	margin : 0 0 10px 0;
	color:#c1913a;
	font-size:.8em;
}
.bread a{
	color:#c1913a;
}




.tabrose, .tabrose p {
	font-size: 11px;
	line-height:10px;
	color: #353535;
}

/**********************************************/
/* Formulaire Contact */
/**********************************************/

	.FormContact{
		margin-top:25px;
	}
	.FormContact td{
		padding:2px;
	}
	.FormContact input,	.FormContact textarea{
		border:1px #c4c4c4 solid;;
		font: normal normal 12px  Arial, sans-serif;
		padding: 1px 4px;
		color: #545454;
	}
	.FormSubmit {
		padding: 4px 10px !important;
		margin:3px 0px 0 0px !important;
		font:normal 14px  Arial Black, verdana !important;
		border:1px #450c2f solid !important;
		background-color: #ca2898;
		color:#fff !important;
	}
	.LargeInput{
		width:263px;
	}
	.SmallInput{
		width:60px;
	}
	.MediumInput{
		width:192px;
	}
	.chkBoxes{
		/*background-color:white;border-width:0;*/
	}
	.XSmallInput{
		width:20px;
	}
	.HalfInput{
		width:126px;
	}
	.EditLibelle{
		margin: 40px 0;
		padding: 10px;
		width: 400px;
		border: 1px dotted;
		color: #000000;
	}
	.EditLibelle a {
		color: #000000;
	}



#topform {
padding-top:10px;
width:200px;
background-color:#F6912D;
color:#FFF;
height:230px;
}

#topform h5{
font-weight:bold;
font-size:13px;
text-align:center;
}
.description {
font-size:12px;
margin-top:-5px;
color:#000;
font-weight:bold;
text-align:center;
}


#topform img {
margin:6px 0 0 0;
float:left;
}

#formulaire{
background-color:#f2e6f2;
color:#180717;
font-size:11px;
}

#formulaire table tr td{
padding-bottom:3px !important;
}

.form_q_l2{
padding-left:3px;
}
	
#vous {
color:#9a096e;
font-weight:bold;
font-size:14px;
margin:4px 0 0 5px; 
}

#submit {
border:0;
background:url(/ecotherm_images/site/valider.png) no-repeat;
width:198px;
height:32px;
cursor:pointer;
margin:3px 0 0 5px;
}
#optin {
display:block;
margin:auto;
width:200px;
color:#9D1E70;
}

/**********************************************/
/* FOOTER */
/**********************************************/
	.Clikeo { 
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
		color :#606060;
		clear: both;
	}
	.Clikeo a,.Clikeo a:visited,.Clikeo a:active { 
		color :#606060; 
		font: normal normal 10px Arial;
		text-decoration: none;
	}
	.Clikeo a:hover {
		color :#f7a900;
	}