.icon-desktop:before,
.icon-menu-close:before,
.icon-menu:before,
.icon-mobile:before,
.icon-submenu-down:before,
.icon-submenu-right:before,
.icon-world:before,
header h1:before,
.nav-button:before,
.nav-close:before,
.nav .nav-submenu > a:after,
.nav > ul > .nav-submenu > a:after {
	font-family: "icon-font";
	font-family: "boonIco2";
}

/*decalage body (top) pour menu*/
body {
	margin: 0;
	padding-top: 30px;
}

/*styles bouton ouverture menu*/
.nav-button {
	position: fixed;
	top: 0;
	width: 40px;
	height: 40px;
	overflow: hidden;
	z-index: 902;
	cursor: pointer;
}

	.nav-button:before {
		display: block;
		text-align: left;
		padding-left: 15px;
	}

.nav-button {
	display: block;
	text-align: left;
	font-size: 20px;
	color: #000;
	width: 100%;
	background: #fff;
	height: 50px;
	line-height: 50px;
	text-decoration: none;
    border-bottom: 1px solid #ccc;
}

	.nav-button:hover {
		color: #ccc;
	}

	.nav-button:before {
		content: "\F0C9";
	}

/*conteneur NAV*/
#divMenu {
	margin: 0 auto;
	text-align: right;
}

.nav {
	line-height: 50px; /* -----  pour modifier la hauteur des lignes du menu  -------*/
	color: #fff;
	width: auto;
	margin-right: 0px;
	background: #5b2330;
}
	/*style des sous menus*/
	.nav ul {
		background: transparent;
		text-align: center;
	}

		.nav ul ul {
			background: #fff;
			text-align: left;
			line-height: 20px;
			min-height: 40px;
		}

			.nav ul ul li {
				display: inline-block;
			}

			.nav ul ul ul {
				background: #555;
				display: none !important;
			}

				.nav ul ul ul ul {
					background: #666;
				}

					.nav ul ul ul ul ul {
						background: #777;
					}





#nav0 ul {
	margin-right: -520px;
	/*display:block !important;*/
}

	#nav0 ul .ssMenuRes-vign {
		width: 270px;
	}

#nav1 ul {
	margin-right: -360px;
}

	#nav1 ul .ssMenuRes-vign {
		height: 40px;
	}

#nav2 > ul, #nav3 > ul, #nav4 > ul {
	margin-right: -51px;
	min-height: 40px;
	line-height: 40px;
	width: 250px;
	text-transform: none;
}

#nav2 ul li, #nav3 ul li, #nav4 ul li {
	display: block;
	border-bottom: 1px solid #ccc;
}

	#nav2 ul li a, #nav3 ul li a, #nav4 ul li a {
		padding-left: 20px;
	}

#nav2 .nav-submenu > a:after, #nav3 .nav-submenu > a:after, #nav4 .nav-submenu > a:after {
	display: none;
}

/*d�calage des sous menus*/
.nav .nav-submenu > ul {
	/*margin-left: 10px;*/
}

/*trait separateur de menu*/
.nav li {
	cursor: pointer;
}

	/*survol liens item*/
	.nav li:hover > a,
	.nav li.nav-active > a {
		color: #fff !important;
		background: #5b2330;
	}

/*padding pour icone des items*/
.nav .nav-submenu > a {
	padding-right: 30px !important;
}

.nav .nav-submenu ul li a {
	padding: 0;
	margin: 0;
}
/*couleur des links*/
.nav a {
	padding: 0 15px 1px;
	color: #fff;
	text-decoration: none;
}

.nav ul a {
	padding: 0 15px 1px;
	color: #000;
	text-decoration: none;
}

.nav > ul > li > a {
	color: #fff;
}

/*icone apr�s les liens (fleche bas)*/

.nav .nav-submenu > a:after {
	position: absolute;
	display: block;
	right: 10px;
	top: 1px;
	font-size: 16px;
	content: "\f107";
}




@media only screen and (min-width: 1061px) {
    

    .headerHome .nav {
	color: #fff;
	width: auto;
	margin-right: 30px;
	background: none !important;
}

    

	body {
		padding: 0 !important;
	}


	.nav-button {
		display: none;
	}

	.nav {
		padding: 0 !important;
	}

		.nav > ul > li {
			border-top: none;
		}

		.nav ul ul ul li:first-child {
			border-top: none;
		}

		/*largeur sous menu d�roulant*/
		.nav .nav-submenu li {
			min-width: 140px;
		}

		.nav .nav-submenu > ul {
			margin: 0;
		}
		/*icone pour menu d�roulant (item principal)*/
		.nav > ul > .nav-submenu > a:after {
			content: "\f107";
		}
		/*icone pour sous-menu d�roulant (item sous niveau)*/
		.nav .nav-submenu > a:after {
			content: "\f105";
		}
}

@media only screen and (max-width: 1060px) {

	.nav li {
		text-align: center;
	}

    .nav a{
        color: #000 !important;
    }

    
.headerHome .nav{
        background: #fff !important;
    }

    .nav ul{
        margin-top: 50px !important;
    }

    #nav1 ul, #nav0 ul, #nav2 ul, #nav3 ul{
        margin-top: 0 !important;
        margin-right: 0 !important;
    }

    #nav1 ul li, #nav0 ul li, #nav2 ul li, #nav3 ul li{
        width: 100% !important;

    }

    #nav2 ul, #nav3 ul{
        width: 100% !important;
    }

    .ssMenuRes-vign, .ssMenuSta-vign{
        width: 100% !important;
        text-align: center !important;
        margin:0;
    }
    .nav .nav-submenu > a{
        padding-right:0 !important;
    }
    .ssMenuSta-vign {
        margin: 0 !important;
    }
}