/* CSS Document */

body{
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
img{
border:none;
}
#conteneur{
width:800px;
margin:10px auto;
background:url(images/fond.jpg) top left no-repeat;
border:#333333 solid 1px;
}

#header{
position:relative;
margin:0 10px;
height:151px;
border-bottom:solid 1px #cccccc;
width:780px;
}
#footer{
clear:both;
text-align:center;
height:15px;
background-color:#919ca9;
color:#FFFFFF;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
line-height:15px;
vertical-align:middle;
}
.logo{
float:left;
width:290px;
height:151px;
overflow: visible;
}
#encart_gauche{
width:272px;
float:left;
margin:25px 0 0 10px;
}
div.encart_image{
border:#cccccc solid 1px;
width:270px;
margin-bottom:10px;
}
div.encart_image a{
color:#333333;
line-height:20px;
text-decoration:none;
margin:0 2px;
height:20px;
}
div.encart_image a:hover{
text-decoration:underline;
}
div.encart_image img{
border:none;
border-bottom:#cccccc solid 1px;
}
span.savoirplus{
float:right;
margin-right:2px;
}
span.savoirplus img{
vertical-align:middle;
}
#contenu{
float:right;
width:500px;
margin:25px 10px 0 0;
}
#contenu img.illustration{
border:#cccccc solid 1px;
margin-bottom:10px;
}
#contenu p{
margin-left:5px;
}
/********* MENU ******************************************/

#header ul {
	padding: 0;
	margin: 0;	
}
#header li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}
#header li a {
	display: block;
	line-height:150px;
	text-decoration: none;
	height:150px;
}
#header li a.menu1 {
	width:132px;
	background:url(images/menu1.jpg) top left no-repeat;
}
#header li a.menu1-active {
	width:132px;
	background:url(images/menu1.jpg) top left no-repeat;
	background-position:0% -150px;
}
#header li a.menu2 {
	width:63px;
	background: url(images/menu2.jpg) top left no-repeat;
	margin-left:20px;
}
#header li a.menu2-active {
	width:63px;
	background: url(images/menu2.jpg) top left no-repeat;
	margin-left:20px;
	background-position:0% -150px;
}
#header li a.menu3 {
	width:123px;
	background: url(images/menu3.jpg) top left no-repeat;
	margin-left:20px;
}
#header li a.menu3-active {
	width:123px;
	background: url(images/menu3.jpg) top left no-repeat;
	margin-left:20px;
	background-position:0% -150px;
}
#header li a.menu4 {
	width:101px;
	background: url(images/menu4.jpg) top left no-repeat;
	margin-left:20px;
}
#header li a.menu4-active {
	width:101px;
	background: url(images/menu4.jpg) top left no-repeat;
	margin-left:20px;
	background-position:0% -150px;
}

#header li a:hover, #header li a:focus, #header li a:active {
	background-position:0% -150px;
}
/********** FIN MENU **********************************************/

a.important{
text-decoration:none;
font-weight:bold;
color:#000000;
}
a.important:hover{
text-decoration:underline;
)