.menu-navigation
{
display: block;
	float: left;
	overflow: visible;
	font-size: 0.8em;
	line-height: normal;

	/* alignement vertical = footer */
	position: absolute;
	top: 95px;	/*bottom: -5px;*/
	left: 203px;		/*163*/
}

.menu-navigation ul
{
	margin: 0px;
	padding: 3px 3px 0px 3px;
	list-style: none;
}

.menu-navigation li
{
	display: inline;
	margin: 0px;
	padding: 0px;
}

/* Quand il n'y a aucune sélection */
.menu-navigation a
{
	float: left;  

	margin: 0px 0px 0px 0.3em;	/*0.2em*/
	padding: 0px 0px 0px 9px;
	text-decoration: none;

	/**/
	border-top: 5px solid #FFD700;
	background-color: #DDDDDD;
	color: black;
	/**/
}

.menu-navigation #nav-actualite a,
.menu-navigation #nav-annonceurs a
{
	/**/
	/*border-top: 5px solid #FFD700;*/
	background-color: #333333;
	color: white;
	/**/
}

.menu-navigation a span
{
	/* Pour IE Mac uniquement \*//*/   
	float:left;
	/**/
	display: block;

	padding: 5px 9px 8px 0px;	/* 9px > 0px : le lien reste centré (décalage de 9px = taille de l'image de gauche */
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;		/* pas de saut de ligne */

	/*background-color: inherit;*/
	/*color: white;*/
	
	/* ok
	background-color: silver;
	color: black;
	*/
}



/* Quand un élément est sélectionné */
#choix-accueil #nav-accueil a,
#choix-produits #nav-produits a,
#choix-abonnements #nav-abonnements a,
#choix-magazines #nav-magazines a,
#choix-guides #nav-guides a,

#choix-manifestations-petites-annonces #nav-manifestations-petites-annonces a,

#choix-actualite #nav-actualite a,
#choix-annonceurs #nav-annonceurs a
{
	/*background: url("../images/interface/menu-partie-gauche.gif") no-repeat 0% -150px;*/
	/*color: white;*/
	/*border-width: 0px;*/

	/* ok
	background-color: silver;
	color: black;
	*/

	/**/
	border-top: 5px solid red;		/*#E2007A*/
	background-color: #FF4F4F;			/*#F7C9DD*/
	color: black;
	/**/
}

#choix-accueil #nav-accueil a span,
#choix-produits #nav-produits a span,
#choix-abonnements #nav-abonnements a span,
#choix-magazines #nav-magazines a span,
#choix-guides #nav-guides a span,

#choix-manifestations-petites-annonces #nav-manifestations-petites-annonces a span,

#choix-actualite #nav-actualite a span,
#choix-annonceurs #nav-annonceurs a span
{
	/*background: url("../images/interface/menu-partie-droite.gif") no-repeat 100% -150px;*/
	/*background-color: inherit;
	color: black;*/

	/* ok
	background-color: silver;
	color: black;
	*/

	/*
	= padding-bottom de '#menu-navigation a span' - border-bottom de '#menu-navigation a:hover'
	= 8 - 0 = 8
	*/
	/*padding-bottom: 8px;*/
}



/* Quand on survole un autre élément */
.menu-navigation a:hover
{
	/*background: url("../images/interface/menu-partie-gauche.gif") no-repeat 0% 0px;*/
	/*border-bottom: 1px solid #000000;*/

	/* ok
	background-color: silver;
	color: black;
	*/

	/**/
	border-top: 5px solid #FFA500;
	/**/
}

.menu-navigation a:hover span
{
	/*background: url("../images/interface/menu-partie-droite.gif") no-repeat 100% 0px;
	background-color: inherit;
	color: black;*/

	/* ok
	background-color: silver;
	color: black;
	*/

	/*
	= padding-bottom de '#menu-navigation a span' - border-bottom de '#menu-navigation a:hover'
	= 8 - 1 = 7
	*/
	/*padding-bottom: 7px;*/
	/*padding-bottom: 8px;*/
}