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

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

.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 2px;		/*margin: 0px 0px 0px 0.2em;*/
	padding: 0px 0px 0px 9px;
	text-decoration: none;

	background: url("../images/interface/menu-partie-gauche.gif") no-repeat 0% 0px;
	border-bottom: 1px solid black;
}

.menu-navigation #nav-stock-neuf-petits-prix a,
.menu-navigation #nav-suggestions a
{
	background: url("../images/interface/menu-partie-gauche-suggestions.gif") no-repeat 0% 0px;
	border-bottom: 1px solid black;
}

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

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

	background: url("../images/interface/menu-partie-droite.gif") no-repeat 100% 0px;
	background-color: inherit;
	color: black;
}

.menu-navigation #nav-stock-neuf-petits-prix a span,
.menu-navigation #nav-suggestions a span
{
	background: url("../images/interface/menu-partie-droite-suggestions.gif") no-repeat 100% 0px;
	background-color: inherit;
	color: white;
}

/***************************************************************************************/

/* Quand un élément est sélectionné */
/*#choix-stock-neuf-petits-prix #nav-stock-neuf-petits-prix a,*/
#choix-accueil #nav-accueil a,
#choix-listings-neuf #nav-listings-neuf a,
#choix-nouveautes-neuf #nav-nouveautes-neuf a,
#choix-stock-neuf #nav-stock-neuf a,
#choix-reassort-neuf #nav-reassort-neuf a,
#choix-listings-collector #nav-listings-collector a,
#choix-nouveautes-collector #nav-nouveautes-collector a,
#choix-stock-collector #nav-stock-collector a,
#choix-listings-reprise #nav-listings-reprise a,
#choix-nouveautes-reprise #nav-nouveautes-reprise a,
#choix-stock-reprise #nav-stock-reprise a,
#choix-ouvrages #nav-ouvrages a,
#choix-club #nav-club a,
#choix-gastronomie #nav-gastronomie a,
#choix-recherche-mot-cle #nav-recherche-mot-cle a,
#choix-recherche-reference-article #nav-recherche-reference-article a,
#choix-newsletter #nav-newsletter a
{
	background: url("../images/interface/menu-partie-gauche.gif") no-repeat 0% -150px;
	border-width: 0px;
}

#choix-stock-neuf-petits-prix #nav-stock-neuf-petits-prix a,
#choix-suggestions #nav-suggestions a
{
	background: url("../images/interface/menu-partie-gauche-suggestions.gif") no-repeat 0% -150px;
	border-width: 0px;
}

/*#choix-stock-neuf-petits-prix #nav-stock-neuf-petits-prix a span,*/
#choix-accueil #nav-accueil a span,
#choix-listings-neuf #nav-listings-neuf a span,
#choix-nouveautes-neuf #nav-nouveautes-neuf a span,
#choix-stock-neuf #nav-stock-neuf a span,
#choix-reassort-neuf #nav-reassort-neuf a span,
#choix-listings-collector #nav-listings-collector a span,
#choix-nouveautes-collector #nav-nouveautes-collector a span,
#choix-stock-collector #nav-stock-collector a span,
#choix-listings-reprise #nav-listings-reprise a span,
#choix-nouveautes-reprise #nav-nouveautes-reprise a span,
#choix-stock-reprise #nav-stock-reprise a span,
#choix-ouvrages #nav-ouvrages a span,
#choix-club #nav-club a span,
#choix-gastronomie #nav-gastronomie a span,
#choix-recherche-mot-cle #nav-recherche-mot-cle a span,
#choix-recherche-reference-article #nav-recherche-reference-article a span,
#choix-newsletter #nav-newsletter a span
{
	background: url("../images/interface/menu-partie-droite.gif") no-repeat 100% -150px;
	background-color: inherit;
	color: black;

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

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

	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% -300px;
	border-bottom: 0px none silver;
}

.menu-navigation #nav-stock-neuf-petits-prix a:hover,
.menu-navigation #nav-suggestions a:hover
{
	background: url("../images/interface/menu-partie-gauche-suggestions.gif") no-repeat 0% -300px;
	border-bottom: 0px none silver;
}

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

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

.menu-navigation #nav-stock-neuf-petits-prix a:hover span,
.menu-navigation #nav-suggestions a:hover span
{
	background: url("../images/interface/menu-partie-droite-suggestions.gif") no-repeat 100% -300px;
	background-color: inherit;
	color: black;

	padding-bottom: 8px;
}
