body {
    margin: 0px;
    padding: 0px;
	background-image:url(../img/fond.jpg);
	background-repeat:no-repeat;
	font-family:"Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#8ca712;
	text-align:justify;
}

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

#header
{
    text-align: center;
	margin: 0px;
}

#header_titre {
    background-color: #000000;
    height: 47px;
	background-image:url(../img/titre.jpg);
	background-repeat:no-repeat;
	width:100%;
}
#header_titre_en {
    background-color: #000000;
    height: 47px;
	background-image:url(../img/titre_en.jpg);
	background-repeat:no-repeat;
	width:100%;
}
#header_titre_de {
    background-color: #000000;
    height: 47px;
	background-image:url(../img/titre_de.jpg);
	background-repeat:no-repeat;
	width:100%;
}

#header_menu {
    background-color: #dd1e0a;
    height: 51px;
    margin-top: 19px;
	background-repeat:repeat-x;
	width:100%;
}

#menu_rubrique{
	display:inline;
	float:left;
}
#menu_logo{
	margin-top:-30px;
}

.W4{width:4%;}
.W5{width:5%;}
.W6{width:6%;}
.W7{width:7%;}
.W8{width:8%;}
.W9{width:9%;}
.W10{width:10%;}
.W11{width:11%;}
.W12{width:12%;}
.W15{width:15%;}
.W16{width:16%;}

#bandeau_titre{
	margin-left:210px;
	margin-top:30px;
	padding-top:10px;
}

*+html #bandeau_titre{
	padding-top:0px;
}

#defiterre{
	margin-top:-40px;
}

*+html #defiterre{
	margin-left:12px;
	margin-top:0px;
}

#milieu{
}


#page{
	margin-left:0px;
}




/************************************************************** GAUCHE **************************************************************/

#gauche {
    padding: 14px 10px;
    width: 154px;
    float: left;
	height:100%;
}

*+html #gauche {
	margin-top:15px;
}

#gauche_haut{
	background-image:url(../img/menu_haut.png);
	background-repeat:no-repeat;
	height:31px;
}
#gauche_milieu{
	background-image:url(../img/menu_milieu.png);
	background-repeat:repeat-y;
	margin-top:-21px;
	padding-left:10px;
	padding-bottom:5px;
}
#gauche_bas{
	background-image:url(../img/menu_bas.png);
	background-repeat:no-repeat;
	height:14px;
	margin-top:0px;
}

#gauche li{
	list-style:url(../img/puce.png);
	margin-left:-25px;
	padding-right:10px;
}


#yeti1{
	margin:20px 0px 30px -48px;
}
*+html #yeti1{
	margin:20px 0px 25px -23px;
}

#yeti2{
	margin:60px 0px -20px -48px;
}
*+html #yeti2{
	margin:60px 0px -30px -23px;
}








/************************************************************** CENTRE **************************************************************/

#presse_centre{
    margin-left: 188px;
    margin-right: 18px;
}

#centre_hd, #centre_hg, #centre_bd, #centre_bg {
	height: 22px;
	width: 22px;
}

#centre_hg {
	background-image: url(../img/centre_hg.png);
	float:left;
}

#centre_hc{
	background-image:url(../img/centre_hc.png);
	background-repeat:repeat-x;
	height:22px;
	margin:0px 105px 0px 22px;	
}

#centre_hd {
	background-image: url(../img/centre_hd.png);
	float: right;
/*	width:110px;
	height:99px;
	margin-top:-36px;*/
	margin-right:83px;
}

#centre_mc {
	background-image: url(../img/centre_mc.png);
	background-repeat:repeat;
	/*background-image:none;*/
	margin:0px 83px 0px 0px;
	/* hack pour corriger un bug IE quand le background ne s'affiche pas */
	/height:1%;
	border-right: 3px solid #dd1e0a;
	border-left: 3px solid #dd1e0a;
	/*text-indent:40px;*/
	padding-left:20px;
	padding-right:20px;
}

*+html #centre_mc {
	/*margin-right:0px;*/
}

#centre_bg {
	background-image: url(../img/centre_bg.png);
	float:left;
}

#centre_bc{
	background-image:url(../img/centre_bc.png);
	background-repeat:repeat-x;
	height:22px;
	margin:0px 105px 0px 22px;	
}

#centre_bd {
	background-image: url(../img/centre_bd.png);
	float: right;
	margin-right:83px;
}



/***********************************************************************************************************************************/






/************************************************************** CONTENU **************************************************************/

#droite{
	float:right;
	text-align:right;
	margin:0px 0px 20px 20px;
}

#contenu{
	padding-top:0;
	margin-top:-14px;
}
/*
#contenu ul{
	margin-top:-25px;
	text-align:justify;
	margin-left:-20px;
}
#contenu2 ul{
	margin-left:-20px;
	text-align:justify;
}
*/

*+html #contenu ul, *+html #contenu2 ul{
	margin-left:20px;
}

#contenu li, #contenu2 li{
	list-style-image:url(../img/puce.png);
	/*margin-bottom:0px;
	margin-top:15px;
	font-size:18px;*/
}

.contenu_litexte{
	font-size:14px;
}

#list_normale ul{
	margin-top:10px;
	margin-left:10px;
}
*+html #list_normale ul{
	margin-left:50px;
}

#list_normale li{
	list-style-image:none;
	list-style:disc;
	margin-bottom:15px;
	margin-top:0px;
	margin-left:-30px;
	font-size:14px;
}

.rouge{
	color:#dd1e0a;
	display:inline;
}


#bloc_img{
	float:left;
	text-align:center;
	margin-top:40px;
}
#img{
	margin:0 23px;
	float:left;
	text-align:center;
}

#visu{
	float:right;
	width:200px;
	text-align:center;
	border:solid 0px red;
	margin:10px;
}

#visu_titre_energie,
#visu_titre_transport,
#visu_titre_empreinte,
#visu_titre_eau,
#visu_titre_loisirs,
#visu_titre_dechets,
#visu_titre_alimentation{
	height:30px;
	color:#FFFFFF;
	border:solid 0px green;
	padding-top:10px;
	font-weight:bold;
}

#visu_titre_energie{
	background-color:#EF9207;
	margin-top:20px;
}
*+html #visu_titre_energie{
	margin-top:39px;
}

#visu_titre_transport{
	background-color:#BB1520;
}

#visu_titre_empreinte{
	background-color:#AEC00F;
	margin-top:10px;
}
*+html #visu_titre_empreinte{
	margin-top:29px;
}

#visu_titre_eau{
	background-color:#7FC6E8;
	margin-top:35px;
}
*+html #visu_titre_eau{
	margin-top:54px;
}

#visu_titre_loisirs{
	background-color:#EA70A4;
	margin-top:45px;
}
*+html #visu_titre_loisirs{
	margin-top:64px;
}

#visu_titre_dechets{
	background-color:#00662C;
}

#visu_titre_alimentation{
	background-color:#152881;
	margin-top:10px;
}

/************************************************************** FOOTER **************************************************************/


#footer {
    padding: 10px;
    clear: both;
	margin-bottom:10px;
	margin-top:0px;
} 

/************************************************************** LIEN **************************************************************/

h2{
	font-size:18px;
}

h3{
	color:#dd1e0a;
	margin-top:30px;
	margin-bottom:20px;
	font-size:24px;
}

h4{
	font-size:18px;
	text-align:center;
}

.center{
	text-align:center;
}

#left{float:left;}
#right{float:right;}

.W100P{width:100%;}


a:link, a:visited{
	font-family:"Comic sans MS", Verdana, Arial, Helvetica, sans-serif;
	color:black;
	text-decoration:underline;
}

#gauche a:link, #gauche a:visited{
	text-decoration:none;
}

a:hover{
	/*text-decoration:underline;*/
	color:#dd1e0a;
	font-weight:bold;
}
a:active{
	text-decoration:none;
	font-weight:bold;
}


#visu a:link, #visu  a:visited{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

#visu a:hover{
	text-decoration:none;
	color:#FFFFFF;	
}



.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.H180{height:180px;}

.ML7{margin-left:7px;}
.ML10{margin-left:10px;}
.ML20{margin-left:20px;}
.ML160{margin-left:160px;}
.ML200{margin-left:200px;}

.MR0{margin-right:0px;}
.MR20{margin-right:20px;}
.MR22{margin-right:22px;}
.MR30{margin-right:30px;}

.MB10{margin-bottom:10px;}
.MB20{margin-bottom:20px;}
.MB50{margin-bottom:50px;}
.MB70{margin-bottom:70px;}
.MB80{margin-bottom:80px;}

.MT20{margin-top:20px;}
.MT50{margin-top:50px;}

.PT20{padding-top:20px;}
.PT25{padding-top:25px;}
.PT40{padding-top:40px;}
.PT50{padding-top:50px;}

.H140{height:140px;}
.H160{height:160px;}
.H170{height:170px;}
.H180{height:180px;}
.H210{height:210px;}
.H230{height:230px;}
.H250{height:250px;}
.H270{height:270px;}


.noir{color:#000000;}
.rouge{color:#dd1e0a;}