/* Mes classes :  ul-nivo-1     ul-nivo-2    ul-nivo-3   li-nivo-1    */

/*  Parametres du CONTENEUR MENU  */
div#menu {
		top: 0;
		left: 0;
		width: 15%;
		color: #411111; /* le TEXTE en GENERAL n'est pas parfaitement noir , ainsi que les bordures */
		font-size: 75%;
		}

div#menu img {
			vertical-align: middle;
			border: none;
			}

div#menu a {color:#B22222; text-decoration: none;} /* couleur des liens */ 
div#menu ul.ul-nivo-1 {width: 100%; margin: 0; padding: 0; font-weight: 600;} /* le vrai bold est à 700 */
div#menu ul.ul-nivo-2 {width: 115%; margin: 0; padding: 0; font-weight: 500;} /*  padding : haut droite bas gauche - font : 500 c'est normal */

/*  posisionnement des MENUS de PREMIER niveau */
div#menu ul li {
			position: relative; 
			list-style: none; /*on enlève les puces des LI */
			}

/*  posisionnement des MENUS de DEUXIEME niveau (sous-menus) */
div#menu ul ul {
			position: absolute; 
			top: 0;
			left: 100%; /* Les sous-menus demarrent immediatement a droite du conteneur parent (ul)   */
			display: none; /* On ne les voit pas avant le survol */
			}

/* Comportement des LIENS des MENUS et sous-menus */ 
div#menu li a {
			padding: 0 0 0 4px; /*  */
			display:block;
			width:100% /* du conteneur ul-nivo-1 et ul-nivo-2 */
			}

/*  COULEURS differents SURVOL  */ 
div#menu li:hover {background: #D2D2D2;} /* SURVOL du MENU */
div#menu li.li-nivo-1:hover {background: #D2D2D2;}  /* SURVOL des SOUS-MENUS */

/* Apparition des sous-menus et sous-sous-menus grace au display block  + fond gris clair */
div#menu ul.ul-nivo-1 li.li-nivo-1:hover ul.ul-nivo-2, 
div#menu ul.ul-nivo-2 li.li-nivo-1:hover ul.ul-nivo-3 {display:block; background: #E9E9E9;}