/*
*
*  Gestion complète du MENU
*  -------------------------------------
*  1. propriétés complémentaires #MENU
*  2. position textes
*  3. icônes
*  4. Labels
*
*/




/*******************************************/
/*** 1. Propriétés complémentaires #MENU ***/
/*******************************************/
#HEADER #MENU a,
#HEADER a{
	/* position */
	display: block;
	position: relative;
	padding: 0 1em;

	/* border */
	border-bottom: 3px solid transparent;

	/* foreground */
	color: #fff;
	line-height: 48px;
	text-transform: uppercase;
	letter-spacing: 1px;

	/* xTra */
	cursor: pointer;
}

#HEADER a.colored{ background: #6c336d; }

#HEADER #MENU a:nth-child(1):hover,
#HEADER a:hover{ background-color: #6c336d; }
#HEADER #MENU a:nth-child(2):hover{ background-color: #6eab2e; }
#HEADER #MENU a:nth-child(3):hover{ background-color: #f98012; }
#HEADER #MENU a:nth-child(4):hover{ background-color: #999999; }
#HEADER #MENU a:nth-child(5):hover{ background-color: #DD9F22; }
#HEADER #MENU a:nth-child(6):hover{ background-color: #4653b4; }
#HEADER #MENU a:nth-child(7):hover{ background-color: #a62a3e; }
#HEADER #MENU a:nth-child(8):hover{ background-color: #fb4b28; }

/***********************/
/* 2. Authentification */
/***********************/