*{font-family:Arial, Helvetica, sans-serif;font-size:12px}
body{
	background:url("img/fond.jpg") repeat top left #fff;
	margin:0;padding:0
	}
#tableau{
	background:url("img/table.jpg") repeat-y top left #fff;
	margin:auto;position:relative;
	width:765px;
	z-index:1
	}
#co2{
	background:url("img/co2.jpg") no-repeat top left;
	clear:both;height:27px;
	font-size:10px; line-height:11px;
	margin:0;padding:4px 15px 0 490px;
	text-align:right;
	width:260px
	}
#co2 strong{color:#006600;font-size:10px;font-weight:bold}
#logo{
	clear:both;height:73px;
	margin:0;padding:0;
	width:765px
	}
#menu{
	background:url("img/menu.jpg") no-repeat top left;
	clear:both;height:22px;
	margin:0;padding:0 10px;
	width:745px;
	}
#bandeau{
	background:url("img/bandeau.jpg") no-repeat top left;
	clear:both;height:98px;
	margin:0;padding:0;
	width:765px
	}
#bandeau_index{
	clear:both;height:198px;
	margin:0;padding:0;
	width:765px;
	}
#corps{
	background:url("img/corps.jpg") no-repeat top left;
	clear:both;	min-height:365px;
	margin:0;padding:0 20px;
	text-align:left;
	width:730px
	}
#corps_index{
	background:url("img/corps.jpg") no-repeat top left;
	clear:both;	min-height:265px;
	margin:0;padding:0 9px 0 10px;
	text-align:left;
	width:746px
	}
#bloc-droit{
	background-color:#FFFFFF;
	float:right;
	margin:5px 0 0 15px;padding:0;
	text-align:left;
	width:150px
	}
#chemin{font-size:11px;color:#777; margin:5px 0 0 0}
#chemin a{font-size:11px;color:#555}
#infos_legales{
	background:url("img/infos_legales.jpg") no-repeat top left;
	color:#999;
	clear:both;
	font-size:11px;
	font-weight:normal;
	height:15px;
	padding-top:18px;
	text-align:center;
	width:765px
	}
#infos_legales a{color:#999;font-size:11px;text-decoration:none}
#infos_legales a:hover,#infos_legales a.active{color:#555;text-decoration:underline}
#plan-du-site{
	background-color:#fff;
	clear:both;
	padding:10px 0 0 1px;
	width:764px
	}
a.haut_de_page{
	font-size:11px;
	font-size:smaller;
	float:right;
	margin:5px 10px
	}
/*********menu *********/
dl, dt, dd, #div_menu ul,#div_menu li {
	margin: 0;padding: 0;
	list-style-type: none;
	}
#div_menu {
	height:22px;
	left:50%;
	margin-left:-385px;
	padding:0 10px;
	position:absolute;
	top:104px;
	width:745px;
	z-index:100;
	}
#div_menu dl {
	float: left;
	height:22px;line-height:22px;
	margin:0;
	width: 93px;
	}
#div_menu dt a{
	border-right:1px solid #fff;
	cursor: pointer;
    color:#333;
    display:block;
	font-size:11px;
	height:22px;line-height:22px;
	font-weight: normal;
    text-decoration:none;
	text-align: center;
	}
#div_menu li {
	background: #fff;
	text-align: center;
	}
#div_menu li a{
	color: #555;
	font-size:11px;
	text-decoration: none
	}
#div_menu li{
	background-color:#fff;
	border-bottom:1px solid #dadada;
	cursor: pointer;
	margin:0;padding:0;
	}
#div_menu li:hover, #div_menu dt a:hover {
	background-color:#ffd200;color:#000
	}
#div_menu ul{ height:150px}
/*********** mise en page du contenu ***********/
p,li,form{color:#333}
h1,h3,a,.txt_mis_en_avant{color:#56200d}
h2{color:#333}
a:hover{color:#ffd200}
h1{
	font-size:20px;
	font-weight:bold;
	margin:0 10px 0 0;
	padding:20px 0 15px 0;
	}
h2,h4{
	font-size:14px;
	font-weight:bold;
	padding:0;
	margin:5px 10px 10px 0;
	text-align:justify
	}
h2 a{
	color:#006600;
	font-size:14px;
	font-weight:bold;
	}
h3{
	font-size:12px;
	font-weight:bold;
	margin:0 5px 0 0;
	padding:2px 0;
	text-align:justify
	}
h4{
	background:url("img/h4.gif") no-repeat bottom  left;
	border-bottom:1px solid #66CC66;
	color:#339900;
	padding:0 0 0 20px
	}
h4 a{
	font-size:11px;
	color:#56200d;
	text-decoration:none;
	float:right;
	padding:5px 0 0 0
	}
p{
	padding:3px 0;
	margin:0 10px 10px 0;
	text-align:justify
	}
ul{margin-left:15px;padding-left:15px}
li{list-style-type:square;margin-bottom:3px;text-align:justify}
.min,sup, small{font-size:smaller}
.min a, small a{font-size:smaller;font-weight:normal}
form{margin:0;padding:0}
input, textarea{
	border:1px solid #ccc;
	color:#555;
	}
.txt_mis_en_avant{font-weight:bold}
div.cadre_gauche,div.cadre_droit{
	border:1px solid #ffd200;
	background:url("img/div_cadre.jpg") repeat-x bottom #fef3ae;
	color:#56200d;
	padding:5px
	}
div.cadre_droit{float:right;margin:5px 0 5px 5px}
div.cadre_gauche{float:left;margin:5px 5px 5px 0}
div.cadre_gauche *,div.cadre_droit *{color:#56200d}
div.cadre_gauche ul,div.cadre_droit ul{margin:0;padding:0;list-style-position:inside}

/*********** liens par défaut ***********/
a{text-decoration:underline}
a:hover{text-decoration:none}
/*********** style des images ***********/
img.border{border:1px solid #555;margin:2px 5px}
a img,#logo a:hover img{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1}
a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6}
/********** calculateur d'économies ************/
#type_chauffage{
	border:1px solid #ccc;
	color:#555;
	background-color:none
	}
#type_chauffage option{
	background-color:#f1f3f8;
	color:#000;
	filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;
	border:none
	}
table#calcul{
	border-right:1px solid #ffd200;
	border-bottom:1px solid #ffd200
	}
table#calcul td, table#calcul th{
	border-top:1px solid #ffd200;
	border-left:1px solid #ffd200
	}
table#calcul th{
	background-color:#feeb82;
	color:#56200d;
	font-size:11px; font-weight:bold
	}
table#calcul td{color:#444;font-size:11px;text-align:center;font-weight:bold}
table#calcul td.tdRight,table#calcul th.tdRight{color:#56200d;text-align:right}
/********** index ************/
#corps_index table{border-bottom-width:0;margin:0;padding:0}
th.thChaudiere,th.thAgences,th.thActualites,th.thPoele,th.thAerothermie{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	font-size:13px;font-weight:bold;
	height:25px;margin:0;padding:0;
	text-align:center;vertical-align:middle;
	width:20%
	}
th.thChaudiere{background:url("img/th_produits.jpg") repeat-x top #fdce29}
th.thPoele{background:url("img/th-poele.jpg") repeat-x top #fdce29}
th.thAerothermie{background:url("img/th-aero.jpg") repeat-x top #fdce29}
th.thAgences{background:url("img/th_agences.jpg") repeat-x top #4594c5}
th.thActualites{background:url("img/th_actualites.jpg") repeat-x top #8fb9e0}

th.thChaudiere a,th.thAgences a,th.thActualites a,th.thPoele a,th.thAerothermie a{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-decoration:none
	}
th.thChaudiere a:hover,th.thAgences a:hover,th.thActualites a:hover,th.thPoele a:hover,th.thAerothermie a:hover{text-decoration:underline}

td.tdChaudiere{background:url("img/td_produits.jpg") repeat-x bottom #fff7ce}
td.tdPoele{background:url("img/td_calcul.jpg") repeat-x bottom #ebf8dd;}
td.tdAerothermie{background:url("img/td_etude.jpg") repeat-x bottom #dfd4d0}
td.tdAgences{background:url("img/td_agences.jpg") repeat-x bottom #4594c5}
td.tdActualites{background:url("img/td_actualites.jpg") repeat-x bottom #ebf3fa;width:142px;padding:4px}
#corps_index table td{
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	vertical-align:top
	}
#corps_index table td ul{margin:0;padding:0}
#corps_index table td li{margin:0;padding:0;list-style-type:none}
#corps_index table td li a{
	border-bottom:1px solid #fff;
	color:#444;
	display:block;
	font-size:11px;
	height:16px;line-height:16px;
	margin:0;padding:5px;
	text-align:left;
	text-decoration:none
	}	
#corps_index table td ul li.noBorder a{border-bottom-width:0}
tr#savoirPlus td{
	background-color:#bfb27d;
	text-align:right;
	margin:0;padding:2px
	}
tr#savoirPlus td.agences{background-color:#bfbfbf}
tr#savoirPlus td.poele{background-color:#8bac6b}
tr#savoirPlus td.aerothermie{background-color:#928580}
tr#savoirPlus td.actualites{background-color:#c2cfdb}
tr#savoirPlus td a{font-size:11px;color:#fff}
td.tdActualites div{font-size:11px;color:#444; text-decoration:underline; cursor:pointer}
td.tdActualites div:hover{color:#006633; text-decoration:none}
#corps_index table th{width:20%}
/************** pages offres d'emploi *****************/
.tableau{background-color:#928580}
.tableau td{
	background-color:#fff7ce;
	color:#56200d;
	font-size:11px;
	vertical-align:top;
	text-align:left
	}
.tableau td.titre{
	background-color:#56200d; 
	color:#fff7ce;
	font-weight:bold;
	text-align:right
	}

.SmallGrey9{
	color:#999999;
	font-size:9px;	
}

.ErrorMessage{
	color:#AA0000;
	font-size:11px;
	font-weight:bold;	
}
/************** plan du site en bas des pages ****************/
#plan-du-site div {
	float:left;
	width:181px;
	padding:10px 0 0 10px
	}
#plan-du-site ul{
	padding:0; 
	margin:0; 
	list-style-type:disc;
	list-style-position:inside
	}
#plan-du-site li{
	list-style-type:disc;
	padding:0 0 5px 0; 
	margin:0; 
	color:#ccc; 
	text-align:left;
	list-style-position:inside
	}
#plan-du-site div a{color:#ccc;font-size:11px;text-decoration:underline}
#plan-du-site div a:hover,#plan-du-site div a.active{color:#999;text-decoration:none}
.red{ color:#cc0000}