/*---- Définition du style du menu ----*/
nav {
	background: #f8f8f8;
	background: linear-gradient(rgb(255,255,255),#e6e6e6) ;
	background: -o-linear-gradient(rgb(255,255,255),#e6e6e6) ;
	background: -moz-linear-gradient(rgb(255,255,255),#e6e6e6) ;
	background: linear-gradient(rgb(255,255,255),#e6e6e6) ;
	border-bottom: 1px solid #9f9d9d ;
	box-shadow: 0px 0px 25px rgba(0,0,0,0.2);
	height: 65px;
	
}

nav ul li {
	display: inline-block;
	padding-top: 5px;
}

nav ul li a:after { /*Soulignement et animation*/
	content: "" ;
	position: absolute;
	display: block;
	left:0px;
	margin-top:5px;
	margin-left: 25%;
	margin-right: 25%;
	width: 50%;
	height: 5px;
	background-color: #BE2828;
	transition: 0.3s ;
}

nav ul li a:hover:after {
	width: 24%;
	margin-right: 38%;
	margin-left: 38%;

}

nav ul li a, nav ul li a:focus{
	font-size: 1.8em;
	font-family: 'Courgette', cursive;
	color: #9f9d9d;
	transition: 0.3s;
	text-decoration: none;
}

nav ul li a:hover {
	color: #ee3737;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.5) ;
	text-decoration: none;
}

.menu_selected{
	color: #ee3737;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.5) ;
	text-decoration: none;
}

/* Élément de la barre de navigation */
/* Logo */
#logo{
	margin: 1px;
	width: 80px;
}

/*photo de profile */
#photo_avatar{
    Cursor : pointer ;
}



/*---- Style du menu pour tablette & Mobile ----*/
@media screen and (max-width: 991px) {
	div#menu {
		position: absolute;
		top: 65px;
		left: -2000px;
		background-color: #c02727;
		width: 100%;
		transition: all 1s ;
		z-index:999;
	}
	
	/* Barres horizontale pour ouvrir/fermer le menu sur tablette & mobile */

#bars {
		color: #c02727;
		cursor: pointer;
	}

	div#menu ul#liste-menu li {
		display: block;
		left: 0px;
		margin-bottom: 10px;
	}

	div#menu ul#liste-menu li a {
		color: #fff;
	}

	div#menu ul#liste-menu li a:after {
		background-color: #fff;
		height: 1px;
	}

	div#menu ul#liste-menu li a:hover:after {
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
	}

	div#menu ul#liste-menu li:last-child a:after {
		height: 0px;
	}

	#open-menu {
		z-index: 10;
	}
}