/* Gère les rollovers du menu haut du front */

ul#menu
{
	margin: 0;
	margin-left: 22px; /* Alignement horrizontal */
	padding: 0;
	list-style-type: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

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

	ul#menu li a {
		text-indent: -2000em;
	}

/* ***********************************************
Services
*********************************************** */

ul#menu li.services a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 80px ;
	line-height: 22px ;
	color: #000 ;

	text-decoration: none ;
	background: url(../images/menu/services_dyn.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.services a:hover,
ul#menu li.services a.services_active
{
	background: url(../images/menu/services_dyn.gif) no-repeat 0 -22px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* ***********************************************
Démarches
*********************************************** */

ul#menu li.demarches a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 80px ;
	line-height: 22px ;
	color: #000 ;

	text-decoration: none ;
	background: url(../images/menu/demarches_dyn.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.demarches a:hover,
ul#menu li.demarches a.demarches_active
{
	background: url(../images/menu/demarches_dyn.gif) no-repeat 0 -22px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* ***********************************************
Offres d'emploi
*********************************************** */

ul#menu li.offresdemploi a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 120px ;
	line-height: 22px ;
	color: #000 ;

	text-decoration: none ;
	background: url(../images/menu/offresdemploi_dyn.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.offresdemploi a:hover,
ul#menu li.offresdemploi a.offresdemploi_active
{
	background: url(../images/menu/offresdemploi_dyn.gif) no-repeat 0 -22px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* ***********************************************
Déposez votre CV
*********************************************** */

ul#menu li.deposezvotrecv a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 120px ;
	line-height: 22px ;
	color: #000 ;

	text-decoration: none ;
	background: url(../images/menu/deposezvotrecv_dyn.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.deposezvotrecv a:hover,
ul#menu li.deposezvotrecv a.deposezvotrecv_active
{
	background: url(../images/menu/deposezvotrecv_dyn.gif) no-repeat 0 -22px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* ***********************************************
Partenaires
*********************************************** */

ul#menu li.partenaires a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 80px ;
	line-height: 22px ;
	color: #000 ;

	text-decoration: none ;
	background: url(../images/menu/partenaires_dyn.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.partenaires a:hover,
ul#menu li.partenaires a.partenaires_active
{
	background: url(../images/menu/partenaires_dyn.gif) no-repeat 0 -22px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}