.menu
{
	background: #101010;
	height: 58px;
}

.menuList
{
	margin: 0px;
	padding: 0px;
	line-height: 57px;
	vertical-align: middle;
}

.menuItem
{
	display: inline-block;
	text-decoration: none;
	padding-left: 1.4%;
	padding-right: 1.4%;
}

.menuItemLink > a
{
	color: white;
	text-decoration: none;
	cursor: pointer;
}

.menuItemLink > a:focus
{
	color: white;
	text-decoration: none;
}

.menuItemLink:before {
	content: '/ ';
	color: red;
	font-size: 18px;
	font-family: Amble;
}

.menuItemLink > a:hover {
	color: white;
	text-decoration: underline;	
}

.menuItemLink:hover:before {
	color: white;
}

.menuItemContact
{
	display: inline-block;
	text-decoration: none;
	padding-left: 4.2%;
	padding-right: 1.4%;
}

.menuItemContactLink > a
{
	color: white;
	text-decoration: none;
}

.menuItemContactLink > a:focus
{
	color: white;
	text-decoration: none;
}

.menuItemContactLink > a:hover
{
	color: white;
	text-decoration: underline;	
}

.imgContact
{
	transform: translateY(-1px);
	margin-right: 12px;
}

.menuItemInstagram
{
	display: inline-block;
	text-decoration: none;
	padding-left: 4.2%;
	padding-right: 0.1%;
}

.menuItemFacebook
{
	display: inline-block;
	text-decoration: none;
	padding-left: 0.2%;
	padding-right: 1.4%;
}

.ulSansMargin
{
	margin: 0px;
}

.menuRight
{
	text-align: right;
}

.dropDownUl
{
	position: absolute;
	top: 57px;
	left: inherit;
	width: 180px;
	z-index: 1;
	text-align: left;
	background-color: #101010;
	list-style: none;
	padding: 0px;
	margin-left: -20px;
}

.dropDownUl#dropDownAutresCategories
{
	width: 240px;
}

.dropDownLi
{
	border-bottom: 1px solid #222222;
	padding-left: 20px;
	line-height: 35px;
}

.dropDownLi > a
{
	color: white;
	text-decoration: none;
	font-size: 13px;
}

.dropDownLi > a:focus
{
	color: white;
	text-decoration: none;
}

.dropDownLi:before {
	content: '/ ';
	color: red;
	font-size: 16px;
	font-family: Amble;
}

.dropDownLi > a:hover {
	color: white;
	text-decoration: underline;	
}

.dropDownLi:hover:before {
	color: white;
}

#randosValloire > #dropDownRandosValloire
{
	display: none;
}

#randosValloire:hover > #dropDownRandosValloire
{
	display: block;
}

#randosAutresMassifs > #dropDownRandosAutresMassifs
{
	display: none;
}

#randosAutresMassifs:hover > #dropDownRandosAutresMassifs
{
	display: block;
}

#autresCategories > #dropDownAutresCategories
{
	display: none;
}

#autresCategories:hover > #dropDownAutresCategories
{
	display: block;
}

.menu .logoDesktop {
	display: block;
}

.menu .logoMobile {
	display: none;
}

@media (max-width: 992px) {
	.menu
	{
		height: 80px;
	}

	.menu .container
	{
		width: 100%;
	}
	
	.menuList
	{
		line-height: 79px;
		font-size: 25px;
	}

	.menuItem {
		padding-left: 2%;
		padding-right: 2%;
	}

	.menuItemLink:before {
		font-size: 29px;
	}

	.menuItemContactLink .imgContact {
		height: 17px;
	}

	.imgContact {
		height: 25px;
		transform: translateY(-3px);
	}

	.dropDownLi
	{
		line-height: 55px;
	}
	
	.dropDownLi > a
	{
		font-size: 23px;
	}
	
	.dropDownLi:before {
		font-size: 26px;
	}

	.dropDownUl
	{
		width: 285px;
		top: 79px;
	}

	.dropDownUl#dropDownAutresCategories
	{
		width: 367px;
	}
}

@media (max-width: 576px) {
	.menu
	{
		height: 125px;
	}
	
	.menuList
	{
		line-height: 124px;
		font-size: 35px;
	}

	.menuItem {
		padding-left: 7px;
		padding-right: 7px;
	}

	.menuItemLink:before {
		font-size: 41px;
	}

	.menuItemContactLink .imgContact {
		height: 27px;
	}

	.imgContact {
		height: 40px;
		transform: translateY(-4px);
	}

	.dropDownLi
	{
		line-height: 100px;
	}
	
	.dropDownLi > a
	{
		font-size: 33px;
	}
	
	.dropDownLi:before {
		font-size: 39px;
	}

	.dropDownUl
	{
		width: 395px;
		top: 122px;
	}

	.dropDownUl#dropDownAutresCategories
	{
		width: 520px;
	}

	.menu .logoDesktop {
		display: none;
	}
	
	.menu .logoMobile {
		display: block;
		width: 5%;
		display: inline-block;
	}
	
	.menu .menuRight {
		width: 94%;
		display: inline-block;
	}

	.logoMobile .imgLogo {
		height: 55px;
		transform: translateY(-5px);
	}

	.ulSansMargin {
		padding: 0px;
	}

	.menuItemContact {
		padding-left: 3%;
	}

	.menuItemInstagram {
		padding-left: 3%;
	}
}