@CHARSET "UTF-8";

div.mod-menu ul {
	cursor: pointer;
}

div.mod-menu ul > li.current {
	cursor: default;
	background-color: wheat;
	border-radius: 3px;
}

/* les ul à partir du level-2 sont cachés */
div.mod-menu ul ul {
	position: absolute;
	left: -999em;
	white-space: nowrap;
}

/* tous les li sont relative pour positionnement sous menu */
div.mod-menu ul li {
	position: relative;
}

/* montre level-3 à droite du parent */
div.mod-menu ul.level-2 > li:hover > ul {
	top: 0;
	left: 100%;
}

/* level 2 et 3 sont toujours alignés à gauche */
div.mod-menu ul.level-2, div.mod-menu ul.level-3 {
	text-align: left;
}

div.mod-menu ul span, div.mod-menu ul a {
	display: block; /* nécessaire pour pouvoir spécifier une height */
}

/* montre level 2 à droite du parent pour menu V */
div.mod-menu div.menu-v ul.level-1 > li:hover > ul{
	top: 0;
	left: 100%;
}

/* montre level-2 sous le parent pour menu H */
div.mod-menu div.menu-h ul.level-1 > li:hover > ul {
	top: 100%;
	left: 0;
}

/* ul de menu H doit être inline pour être soumis au text-align qui
   règle l'alignement gauche/centre/droite */
div.mod-menu div.menu-h ul {
	display: inline-block;
	list-style: none;
}

/* li accolés pour level 1 d'un menu H */
div.mod-menu div.menu-h ul.level-1 > li {
	float: left;
	margin: 5px 5px -10px 5px;
	text-transform: uppercase;
}

 /* fix inline-block height side effect. */
div.mod-menu div.menu-h div:first-child {
	line-height: 0;
}