#icon_menu_mobile
{
	display: none;
}

#menu_container
{
	position: fixed;
	z-index: 5;
	width: 100%;
	text-align: center;
	display: block;
}

#menu_under_container
{
	background-color: rgb(120,120,120);
}

#menu
{
	display: inline-block;
	width: 1050px;
	margin: auto;
	padding: 0px;
	color: white;
	list-style : none;
	font-size: 1em;
}

#menu .li_all 
{ 
    display: inline-block;
	margin: 0px;
	margin-left: -1.5px;
	margin-right: -1.5px;
	border-top: 3px solid rgb(120,120,120);
	border-bottom: 3px solid rgb(120,120,120);
}

#menu .li_picture, #menu .li_language
{
    display: inline-block;
	margin: 0px;
	border-top: 3px solid rgb(120,120,120);
	border-bottom: 3px solid rgb(120,120,120);
}

#menu .li_all ul, #menu .li_picture ul
{
	width: 190px;
	position: absolute;
	z-index: 5;
	top: 49px;
	background-color: rgb(70,70,70);
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	font-size: 0.9em;
	display: none;
}

#menu .li_picture #ul_form_connection
{
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -110px;
}

#password
{
	width: 70px;
}

#menu .li_picture #ul_admin_link
{
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: -100px;
}

#menu .li_all ul li, #menu .li_picture ul li
{
	display: block;
	margin: auto;
	border: none;
}

#menu .a_all
{
	display: block;
	color: white;
	width: 190px;
	height: 100%;
	padding: 10px;
}

#menu .a_picture
{
	display: block;
	color: white;
	width: 60px;
	padding-top: 0;
}

#menu .a_language
{
	display: block;
	color: white;
	width: 30px;
	padding-top: 0;
	font-weight: bold;
}

#menu .li_all:hover
{
	background-color: rgb(70,70,70);
	border-top: 3px solid white;
	border-bottom: 3px solid white;
}

#menu .a_language:hover
{
	color: black;
}

#menu .li_all:hover ul
{
	display: block;
}

#menu .li_all ul:hover
{
	display: block;
}

#menu .li_all ul li:hover
{
	background-color: rgb(55,55,55);
}

#img_home
{
	position: relative;
	top: 6px;
	width: 28px;
}

#img_login
{
	position: relative;
	top: 4px;
	width: 20px;
}


/***** Box connection/admin ****/
#a_admin, #a_logout
{
	display: inline-block;
	width: 60px;
}

#img_admin, #img_logout
{
	width: 25px;
}

#a_admin:hover, #a_logout:hover
{
	cursor: pointer;
}






/***********************************************************************************************************************************/
/********************************************************** CSS MINI ***************************************************************/
/***********************************************************************************************************************************/
@media screen and (max-width: 720px)
{
	#icon_menu_mobile
	{
		display: block;
		position: fixed;
		z-index: 5;
		width: 100%;
		background-color: rgba(85,85,85,0);
		padding-left: 10px;
		color: white;
		height: 50px;
		line-height: 50px;

		
		-moz-transition: all .6s ease;
		-webkit-transition: all .6s ease;
		-ms-transition: all .6s ease;
		-o-transition: all .6s ease;
		transition: all .6s ease;
	}
	
	#span_language
	{
		position: absolute;
		display: inline-block;
		height: 50px;
		vertical-align: top;
		right: 20px;
	}

	#img_menu_mobile
	{
		width: 30px;
		margin: 10px;
	}

	#menu_container
	{
		position: fixed;
		left: 0px;
		top: 0px;
		z-index: 0;
		width: 250px;
		display: block;
		text-align: left;
		height: 100%;
	}

	#menu_under_container
	{
		background-color: rgba(0,0,0,0.8);
		height: 100%;
	}
	
	#menu
	{
		padding-top: 10px;
		width: 90%;
		display: block;
		margin: 0px;
		margin-left: 20px;
		font-size: 1.1em;
	}

	#menu .li_all,#menu .li_picture
	{
		display: block;
		text-align: center;
		margin: auto;
		border: 0;
		text-align: left;
	}
	
	#menu .li_language
	{
		display: none;
	}
	
	#menu .li_all:hover, #menu .li_picture:hover, #menu .li_all ul li:hover
	{
		border: 0;
		background-color: rgba(0,0,0,0);
	}
	
	#menu .li_all ul
	{
		display: inline-block;
		position: static;
		background-color: rgba(0,0,0,0);
		margin-top: -25px;
		font-size: 0.8em;
	}
	
	#menu .li_all ul li
	{
		border: 0;
		margin-left: 20px;
		height: 30px;
		font-style: italic;
	}

	#menu .li_all:hover ul
	{
		display: inline-block;
	}

	#menu .a_all
	{
		width: 100%;
		padding: 0px;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	#menu .a_picture
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	#a_langage_mobile_menu
	{
		color: white;
		font-weight: bold;
	}
	
	#a_langage_mobile_menu:hover
	{
		color: black;
	}
	
	/******* BOX LOGIN *******/
	#menu .li_picture #ul_form_connection, #menu .li_picture #ul_admin_link
	{
		position: relative;
		top: 0px;
		margin-left: 20px;
		padding-left: 10px;
		background-color: rgba(0,0,0,0);
	}

}