@charset "UTF-8";
/******************************************************* NORMAL ITEM
**/

div#nav {
	margin-bottom: 35px;
	margin-top: 1px;
	border-radius: 0 0 8px 8px;
	padding-left: 10px;
	> ul > li:first-child > a {
		border-radius: 0;
	}
}

div#nav > ul {
	border-color: transparent;
	height: 40px;
	overflow: unset;
	padding: 0;
	margin-top: 0;
}

div#nav > ul > li a {
	text-transform: uppercase;
	color: #eee;
	font-weight: normal;
	padding: 0px 20px;
	display: inline-block;
	line-height: 2.8em;
	-webkit-transition: background 0.5s, color 0.5s;
	-moz-transition: background 0.5s, color 0.5s;
	-ms-transition: background 0.5s, color 0.5s;
	-o-transition: background 0.5s, color 0.5s;
	transition: background 0.5s, color 0.5s;
	text-decoration: none;
}

/* Menu  : item normal weight*/
div#nav > ul > li > a {
	font-weight: normal;
}

/* Sous-menu : item normal weight*/
div#nav > ul > li span {
	font-weight: normal;
}

/******************************************************* SELECTED ITEM
**/
div#nav > ul > li.selected > a {
	color: white;
	text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 2px solid #e42380;
}

/*******************************************************  HOVER ITEM
**/

/* Permet d'afficher un soulignement rose
   en dessous de l'élément sélectionné dans le menu*/
div#nav > ul > li > a:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #e42380;
}

div#nav ul ul:hover {
	margin-top: 2px;
	border-top: 2px solid #e42380;
}

/* Hover sur un item déjà sélectionné!*/
div#nav ul li.selected ul:hover {
	margin-top: -2px;
}

/* Hover on an item already selected*/
div#nav ul ul span:hover {
	font-weight: normal;
	text-decoration: underline;
}
