/*

A savoir

#menu-navigation = <ul>
.sous-menu = <ul>

Exemple de bordure avec commentaires

	-webkit-border-radius: 7px 7px 0 0;		/* Saf3-4, iOS 1-3.2, Android <e;1.6
	   -moz-border-radius: 7px 7px 0 0;		/* FF1-3.6
	     -o-border-radius: 7px 7px 0 0;
	        border-radius: 7px 7px 0 0;		/* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

*/

/***************************************************************************************/
/* Styles de base (position du menu, taille des textes par défaut, etc.) */

/*#infos #menu-navigation*/
div.bloc > #menu-navigation
{
	background-color: var(--background-color-0);	/* #080808 */

	list-style-type: none;
	margin: 0;
	padding: 0;

	font-size: 0.8em;
}

/***************************************************************************************/
/* Menu déroulant : masquer et afficher */
/*
#menu-navigation .sous-menu
{
	display: none;					* cache par défaut les sous-menus *	* none *
}

#menu-navigation > li:hover > .sous-menu,
#menu-navigation > li:hover .sous-menu
{
	display: block;					* affiche le sous-menu en survolant l'onglet *
}

/***************************************************************************************/
/* 1er niveau : les onglets */

/* Généralités */
#menu-navigation > li
{
	margin: 2px 0;
}

#menu-navigation > li a:link,
#menu-navigation > li a:visited,
#menu-navigation > li span
{
	display: block;
	margin: 0;
	padding: 6px 14px;						/* 24-02-2017 */

	/*color: var(--color-1);				/* var(--color-0) */
	text-decoration: none;
}

#menu-navigation > li:first-child, #menu-navigation > li:last-child,
#menu-navigation > li:first-child a, #menu-navigation > li:last-child a,
#menu-navigation > li:first-child span, #menu-navigation > li:last-child span
	{ margin-top: 0; }





/*
https://www.materialpalette.com/colors
a :					A700/900 (Brown)
a:hover & a:focus :	400/600 (Brown)
shadow :			200/400 (Brown)
*/

/* Quand il n'y a aucune sélection (cas par défaut). */

/* cas général */
#menu-navigation > li,
#menu-navigation > li a,
#menu-navigation > li span
{
	background-color: inherit;
	color: var(--color-1);					/* var(--color-0) */

	/* 23-09-2019 */
	box-shadow: none;
	-webkit-transition: color .3s ease 0s;
	   -moz-transition: color .3s ease 0s;
	    -ms-transition: color .3s ease 0s;
	     -o-transition: color .3s ease 0s;
	        transition: color .3s ease 0s;
	/* 23-09-2019 */
}

/* cas particuliers */
#menu-navigation > #nav-stock-neuf-petits-prix a
	{ color: #ff3d32; text-transform: uppercase; font-weight: bold; }
#menu-navigation > #nav-stock-neuf-petits-prix a::before
	{ content : "► "; }

/* cas particuliers, sur une période de temps */
html.noel #menu-navigation > #nav-stock-neuf-petits-prix a
	{ color: gold; }
/*
html.bfw #menu-navigation > #nav-stock-neuf-petits-prix a,
html.cm #menu-navigation > #nav-stock-neuf-petits-prix a
	{ color: var(--color-1); text-transform: none; }
html.bfw #menu-navigation > #nav-reassort-retrouves a
	{ color: #ff3d32; text-transform: uppercase; }
html.cm #menu-navigation > #nav-reassort-retrouves a
{
	color: #ff00ff;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px blueviolet, -1px -1px 2px blue;
}
html.bfw #menu-navigation > #nav-reassort-retrouves a::before,
html.cm #menu-navigation > #nav-reassort-retrouves a::before
	{ content : "► "; }
html.soldes #menu-navigation > #nav-stock-neuf-petits-prix a
	{ font-weight: bold; }
*/

/* cas obsolètes */
/**/





/* Quand on survole un autre élément. */
/* cas général */
#menu-navigation > li a:hover,
#menu-navigation > li a:focus,
#menu-navigation > li span:hover,
#menu-navigation > li span:focus
{
	/*background-color: inherit;			/* #DDDDDD */
	color: #CCCCCC;
}

/* cas particuliers */
/**/

/* cas obsolètes */
/**/

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