/* CSS Document */

body{background-color:#000000; background-image:url(images/fond.jpg);background-repeat:no-repeat
;font-family:Arial, Helvetica, sans-serif;font-size:11px}

#contenu {

background-image:url(images/fond_contenu.jpg);
background-color:#FFFFFF;
	position:absolute;
	left:361px;
	top:134px;
	width:572px;
	
	
	z-index:1;
}


#contenu p {margin:2px
}

#interne {width:90%;margin-left:9px}

#titre {
position:absolute;
	left:571px;
	top:78px;
	width:292px;
	height:23px;
	z-index:2;
}


.vert {color:#8AC532}
.vert_bold {color:#8AC532;font-weight:bold}
.gris {font-size:10px;color:#666666}

hr{

color: #8AC532;
background-color: #8AC532;
height: 1px;
border: 0;}


h2 {margin:10px 0px 10px 0px ;color:#8AC532;font-weight:bold;font-size:12px;font-style:italic}

#menuConteneur { position:absolute; left: 190px; top: 110px; }

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	list-style-type: none ;
	text-align:right
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0px 0px 0px ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 105px ;
	/*line-height: 17px ;*/
	color: #84BD2F ;
padding:2px 20px 2px 0px;
	text-decoration: none ;
	/*background: url(bg_menu.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	
}

ul#menu li a:hover
{
	background:  url("images/menu_hover.png") no-repeat 0 ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	padding:2px 20px 2px 0px;
	color: #000000 ;
	text-decoration: none ;
}