/* CSS Document */
ul#menu {
	margin: 0 ;
	padding: 0 ;

/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li {
	margin: 0 0 0px 0 ;/* le 0px peut être aussi 5 ou 20 px... c'est l'espace entre chaque <li>*/
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
   	list-style-type: none ;
}

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: 145px ;
	line-height: 40px ;
	color: #fff ;
	font-size:1.1em;
    font-weight:bold;
	text-indent: 5.5px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background:  url(images/bouton-stage-vacance.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/bouton-stage-vacance.gif) no-repeat 0 -40px ; /* Et ici on décale l'image du background de 71px vers le haut pour laisser apparaître la 2eme partie de l'image */
	font-size:1.1em;
	font-weight:bold;
	color: #fff;
}