/*****************************
FORMATTING
*****************************/

/* Formatting Menu */
.menuPopOut {
	font-family: Andalus;
	border: 1px solid gray;
	letter-spacing: 2px;
	margin:0px;
	padding:0px;
}
/* Formatting List */
.menuPopOut li, .menuPopOut ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
	text-align: left;
	width:100%;
	background-color: white;
}
.menuPopOut li {
	border-top: 1px solid gray;
}
/* Formatting Title */
.menuPopOut li span {
	text-transform: capitalize;
	padding-left : 5px;
}
/* Formatting link */
.menuPopOut li a {
	padding:5px;
	display:block;
}
.menuPopOut li a:hover, .menuPopOut li a:focus, .menuPopOut li a:active {
	background-color: orange;
	color: white;
	text-decoration: none;
}
/*****************************
POSITIONING
*****************************/

/* Positioning Menu */
.menuPopOut li ul{
	position: absolute;
	left: 100%;
}
.menuPopOut ul li {
	position:relative;
}
.menuPopOut ul { 
	position: absolute; 
	left: 100px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/ 
} 
/*****************************
HIDING SUBMENU
*****************************/
/* Hidding submenu */
.menuPopOut li:hover ul ul,
.menuPopOut li ul {
	display: none;
}
/*****************************
SHOWING SUBMENU
*****************************/
/* Showing submenu */
.menuPopOut ul li ul li:hover ul,
.menuPopOut li ul li:hover ul,
.menuPopOut li:hover ul {
	display: block;
	background-color: yellow;
}