@charset "utf-8";
/* Refonte avril 2010 */

*{
	padding:0;
	margin:0;
}	

.spacer{
	clear: both;	
}

body{
	text-align:center;
	background-image:url(../images/fond-body.jpg);
	background-repeat:repeat-x;
	background-color:#e7e7e7;
}

#site{
	width:885px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	text-align:left;
	font-family: arial;
}

#site-haut{
	height:150px;
	position:relative;
}

a#logo{
	position:absolute;
	left:6px;
	top:4px;
	border:0;
}

#nl{
	width:313px;
	height:75px;
	position: absolute;
	background-image: url("../images/fond-nl.jpg");
	left: 560px;
	top: 11px;
	color: #333333;
	font-size: 11px;
	text-align: center;
	line-height: 35px;	
}

#nl #champ{
	position: absolute;
	width: 248px;
	height: 23px;
	background-image: url("../images/fond-champ-nl.jpg");
	top:36px;
	left:17px;
	text-align: left;	
}

#nl #champ .mail{
	height: 19px;
	width: 213px;
	position: relative;
	margin: 3px 0 0 13px;
	border: 0;
	color: #333333;
	font-size: 11px;
}

#nl .valider{
	position:absolute;
	top:39px;
	left: 280px;
}

#menu-haut{
	width: 878px;
	height: 36px;
	background-image:url(../images/fond-menu-haut.jpg);
	position: absolute;
	left:4px;
	top: 97px;
		
}

#menu-haut a{
	height: 100%;
	color: #ffffff;
	float: left;
	display: inline;
	background-image:url(../images/fond-menu-haut.jpg);
	height: 36px;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	line-height: 33px;
}

#menu-haut #menu0Hor{
	width:39px;
	background-position: 0 0;	
}

#menu-haut #menu1Hor{
	width:192px;
	background-position: -39px 0;	
}

#menu-haut #menu1HorActif{
	width:192px;
	background-position: -39px -36px;	
}

#menu-haut #menu1Hor:hover{
	background-position: -39px -36px;		
}

#menu-haut #menu2Hor{
	width:142px;
	background-position: -231px 0;		
}

#menu-haut #menu2HorActif{
	width:142px;
	background-position: -231px -36px;		
}

#menu-haut #menu2Hor:hover{
	background-position: -231px -36px;		
}

#menu-haut #menu3Hor{
	width:211px;
	background-position: -373px 0;		
}

#menu-haut #menu3HorActif{
	width:211px;
	background-position: -373px -36px;		
}

#menu-haut #menu3Hor:hover{
	background-position: -373px -36px;		
}

#menu-haut #menu4Hor{
	width:152px;
	background-position: -584px 0;		
}

#menu-haut #menu4HorActif{
	width:152px;
	background-position: -584px -36px;		
}

#menu-haut #menu4Hor:hover{
	background-position: -584px -36px;		
}

#menu-haut #menu5Hor{
	width:141px;
	background-position: -736px 0;		
}

#menu-haut #menu5HorActif{
	width:141px;
	background-position: -736px -36px;		
}

#menu-haut #menu5Hor:hover{
	background-position: -736px -36px;		
}

#bandeau-flash{
	height: 143px;
	width:876px; 	
	margin: 0 0 0 0;
}

#menu-gauche{
	width: 246px;
	float : left;
	display: inline;
	margin-left: 4px;
	margin-top:18px;	
}

#menu-gauche .haut{
	width: 100%;
	height: 57px;
	background-image: url("../images/haut-menu-gauche.jpg");
	color: #ffffff;
	line-height: 57px;
	font-size: 18px;
	text-align: center;
}

#menu-gauche .contenu{
	width: 100%;
	height: 324px;
	background-image: url("../images/fond-menu-gauche-home.jpg"); 	
}

#menu-gauche .contenu ul{
	list-style: none;
	width:100%; 	
}

#menu-gauche .contenu a.menu1{
	height: 42px;
	background-image: url("../images/fond-menu-gauche-home.jpg");
	background-position: 0 0;
	padding-top: 20px;
}

#menu-gauche .contenu a.menu1:hover{
	background-position: -246px 0;
}

#menu-gauche .contenu a.menu2{
	height: 42px;
	background-image: url("../images/fond-menu-gauche-home.jpg");
	background-position: 0 -62px;
	padding-top:12px;
}

#menu-gauche .contenu a.menu2:hover{
	background-position: -246px -62px;
}

#menu-gauche .contenu a.menu3{
	height: 42px;
	background-image: url("../images/fond-menu-gauche-home.jpg");
	background-position: 0 -116px;
	padding-top:12px;
}

#menu-gauche .contenu a.menu3:hover{
	background-position: -246px -116px;
}

#menu-gauche .contenu a.menu4{
	height: 25px;
	background-image: url("../images/fond-menu-gauche-home.jpg");
	background-position: 0 -170px;
	padding-top:12px;
}

#menu-gauche .contenu a.menu4:hover{
	background-position: -246px -170px;
}

#menu-gauche .contenu a.menu5{
	height: 44px;
	background-image: url("../images/fond-menu-gauche-home.jpg");
	background-position: 0 -207px;
	padding-top:12px;
}

#menu-gauche .contenu a.menu5:hover{
	background-position: -246px -207px;
}

#menu-gauche .contenu a.menu6{
	height: 48px;
	background-image: url("../images/fond-menu-gauche-home.jpg");
	background-position: 0 -263px;
	padding-top:12px;
}

#menu-gauche .contenu a.menu6:hover{
	background-position: -246px -263px;
}

#menu-gauche .contenu li a{
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	width: 246px;
	text-align: center;
	display:block;	
}

#menu-gauche .contenu li a:hover{
	color: #ffffff;		
}

#contenu-home{
	float : left;
	display: inline;
	width: 617px;
	margin-left: 12px;
	margin-top:18px;
}

#contenu-home #presentation{
	width: 617px;
	height: 107px;
	background-image: url("../images/fond-presentation.jpg");
	padding-top: 23px;
}

#contenu-home #presentation .contenu span{
	color: #333333;
	font-size: 17px;	
}

#contenu-home #presentation .contenu{
	width: 516px;
	margin: 0 0 0 31px;
	color: #000000;
	font-size: 12px;
	text-align: justify;
	font-family: verdana;
}

#contenu-home #actualite{
	width: 301px;
	height: 218px;
	background-image: url("../images/fond-actualite.jpg");
	margin: 12px 0 0 0;
	float:left;
	display:block;
	font-size: 11px;
	color: #666666;
	padding-top:20px;
	font-family: verdana;
}

#contenu-home #actualite .contenu{
	width: 244px;	
	margin: 0 0 0 25px;
}

#contenu-home #actualite .titre{
	color: #00a2c4;
	font-size: 17px;
	text-transform: uppercase;
}

#contenu-home #actualite .titre2{
	color: #333333;
	font-size: 18px;
}

#contenu-home #environnement{
	float:left;
	display:block;
	width: 305px;
	height: 202px;
	background-image: url("../images/fond-environnement.jpg");
	margin: 12px 0 0 11px;
	font-size: 11px;
	color: #666666;
	padding-top:35px;
	font-family: verdana;
}

#contenu-home #environnement .contenu{
	width: 261px;	
	margin: 0 0 0 25px;
}

#contenu-home #environnement .titre{
	font-size: 17px;
	color: #65b400;
}

#bas-home{
	width: 878px;
	height: 37px;
	background-image: url("../images/fond-bas-home.jpg");
	margin: 13px 0 0 4px;
	color: #333333;
	font-size: 11px;
	text-align: center;
	padding-top:10px;
}

#bas-home a{
	color: #333333;
	text-decoration: none;
}

#bas-home a:hover{
	text-decoration: underline;
}