/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
margin:0;
	padding:0;
}
body, html {
	height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body {
	background: #fff url(../images/charte/bg-body.jpg) center top no-repeat;
}
/***************** CONTAINER *****************/
#container {
	position:relative;
	min-height:100%;
	margin:0 auto;
	width:970px;
}
/***************** HEADER *****************/
#header {
	float:left;
	position:relative;
	display:inline;
	width:960px;
	height:200px;
}
/***************** MENU TOP *****************/
.top-menu { padding-top:12px; width:822px; margin: 0 auto; padding-left:140px; }
#menuTop {
	position:relative;
	z-index:10;
	height:35px;
	background:url(../images/charte/bg-menu-top.gif) 0 0 no-repeat;
	list-style:none;
}
#menuTop li {
	position:relative;
	float:left;
	display:inline;
	margin-top:5px;
    margin-left:13px;
	width:102px;
}
#menuTop a {
	display:block;
	float:left;
	height:25px;
	width:102px;
	overflow:hidden;
	background-position: 0 0;
	background-repeat:no-repeat;
}

#menuTop .bt1 a { background-image:url(../images/charte/menu-accueil.gif); }
#menuTop .bt2 a { background-image:url(../images/charte/menu-presentation.gif); }
#menuTop .bt3 a { background-image:url(../images/charte/menu-savoir.gif); }
#menuTop .bt4 a { background-image:url(../images/charte/menu-realisations.gif); }
#menuTop .bt5 a { background-image:url(../images/charte/menu-actualites.gif); }
#menuTop .bt6 a { background-image:url(../images/charte/menu-plan.gif); }
#menuTop .bt7 a { background-image:url(../images/charte/menu-contact.gif); }

#container #menuTop a:hover, #container #menuTop a.trigered, #container #menuTop a.rubrique_active {
	background-position:0 -25px;
}

/***************** MENU LEFT *****************/
.left { clear:both; float:left; width:276px; }
.left .logo { text-align:center; padding-top:29px; width:276px; position:relative; }
.left .logo #headerFlash { position:absolute; left:27px; top:5px;width:230px; height:143px; display:block; outline:0; }
#menuLeft {
    float:left;
	position:relative;
	display:inline;
	margin-top:25px;
    margin-left:24px;
	width:233px;
	list-style:none;
}
#menuLeft li { margin-bottom:13px; clear:both; float:left; width:100%; }
#menuLeft li a {
	display:block;
	height:32px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#menuLeft .bt1 a { background-image:url(../images/charte/menu-cheminees.gif); }
#menuLeft .bt2 a { background-image:url(../images/charte/menu-poeles.gif); }
#menuLeft .bt3 a { background-image:url(../images/charte/menu-ethanol.gif); }
#menuLeft .bt4 a { background-image:url(../images/charte/menu-foyers.gif); }
#menuLeft .bt5 a { background-image:url(../images/charte/menu-granules.gif); }

#menuLeft li a:hover, #menuLeft li a.rubrique_active { background-position:0 -32px; }

#menuLeft ul { margin-left:65px; margin-top:5px; }
#menuLeft ul li { margin-bottom:5px; }
#menuLeft ul li a { display:block; height:13px; background:url(../images/charte/puce-menu-left.gif) 0 2px no-repeat!important; padding-left:20px; font-size:12px; color:#5c5c5c; text-decoration:none; font-weight:bold; }
#menuLeft ul li a:hover { text-decoration:underline; background-position:0 -11px!important; color:#fff; }

.bottom-menu-left { clear:both; margin-left:26px; list-style-type:none; padding-top:25px; }
.bottom-menu-left li { margin-bottom:5px; }
.bottom-menu-left li a { display:block; height:13px; background:url(../images/charte/puce-menu-left.gif) 0 2px no-repeat; padding-left:20px; font-size:12px; color:#5c5c5c; text-decoration:none; font-weight:bold; }
.bottom-menu-left li a:hover { text-decoration:underline; background-position:0 -11px; color:#fff; }
/***************** CONTENU *****************/
#contenu {
	clear:both;
    float:left;
	position:relative;
	display:inline;
	width:970px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}
.content-contenu { margin-top:25px; background:url(../images/charte/bg-contenu.png) 0 0 repeat-y; float:left; width:100%; }
.inter-contenu { background:url(../images/charte/top-contenu.gif) 0 0 no-repeat; float:left; width:100%; }
.bottom-contenu { background:url(../images/charte/bottom-contenu.gif) bottom left no-repeat; float:left; width:100%; }
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
#clearFooter {
	height:65px;/*--- = à la hauteur du footer ---*/
}
.right { float:left; display:inline; padding-top:40px; margin-left:19px; margin-bottom:15px; width:650px; }
.right .photo-home { padding-top:; position:relative; margin-bottom:20px; }
.right .photo-home #homeFlash { position:absolute; top:0px; left:0; width:650px; height:345px; }
.right p {
	color:#CCC;
	font-size:13px;
	margin-bottom:10px;
	text-align:justify;
}
.right p strong { color:#df4400; }
.pre-footer { clear:both; font-size:11px; color:#9b9b9b; text-align:justify; margin:0 5px; }
/***************** FOOTER *****************/
#footer {
	position:relative;
	clear:both;
	height:65px;
	margin:-65px auto 0;
	background: url(../images/charte/bg-footer.gif) 0 0 repeat-x;
    font-family:Arial, Verdana, Helvetica, sans-serif;
}
.content-footer { width:970px; margin:0 auto; padding-top:15px; }
#footer .logo-footer { float:left; display:inline; margin-left:5px; width:82px; }
#footer .adresse { float:left; display:inline; text-align:center; width:880px; font-size:12px; color:#fff; margin-bottom:13px; }
#footer .adresse span { color:#df4400; }
#footer .liens-footer { text-align:right; font-size:10px; color:#272727; width:880px; margin-left:82px; }
#footer a:link, #footer a:visited{
text-decoration:none;
color:#272727;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}
/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 16px Arial, Helvetica, sans-serif;
color:#df4400;
letter-spacing:1px;
margin:0 0 12px;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#df4400;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#7d8a2e;
}