/* pour cacher au chargement si des menus debordent */
.navigation{
	overflow:hidden; 
	display:block;	
}

.navigation img{
	border: none;
}

.is-closed{
	display:none;
}

.bigMenuSimple *, .bigMenuVignetteResume *, .bigMenuTeteGondole *{
	box-sizing: border-box;
}

.bigMenuSimple ul, .bigMenuVignetteResume ul, .bigMenuTeteGondole ul{
	display:table;
	position:relative;
	padding:0;
	margin:0;
	list-style:none;
	width:100%;
}
	
/* fond premier niveau */
.bigMenuSimple .li_niveau_1, .bigMenuVignetteResume .li_niveau_1, .bigMenuTeteGondole .li_niveau_1{
	display:table-cell;
	vertical-align:top;
	white-space:nowrap;
	background-color:#3F3F3F;
}

/* texte premier niveau et titre nav mobile*/
.bigMenuSimple .li_niveau_1 .btSousnavigation, .bigMenuVignetteResume .li_niveau_1 .btSousnavigation, .bigMenuTeteGondole .li_niveau_1 .btSousnavigation, .btNavMobile{
	display:block;
	position:relative;
	padding:15px;
	font-family:arial, sans-serif;
	font-size:16px;
	color:#E6E6E6;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

/* titre nav mobile survole */
.btNavMobile:hover{
	color:#E6E6E6;
	text-decoration:none;
}
/* fond survole premier niveau */
.bigMenuSimple .on .btSousnavigation, .bigMenuVignetteResume .on .btSousnavigation, .bigMenuTeteGondole .on .btSousnavigation,
.bigMenuSimple .li_niveau_1 .btSousnavigation:hover,	.bigMenuVignetteResume .li_niveau_1 .btSousnavigation:hover,	.bigMenuTeteGondole .li_niveau_1 .btSousnavigation:hover,
.bigMenuSimple .li_niveau_1:hover .btSousnavigation,	.bigMenuVignetteResume .li_niveau_1:hover .btSousnavigation,	.bigMenuTeteGondole .li_niveau_1:hover .btSousnavigation{
	background-color:#717171;
}

.bigMenuSimple .li_niveau_1 .btSousnavigation:after, .bigMenuVignetteResume .li_niveau_1 .btSousnavigation:after, .bigMenuTeteGondole .li_niveau_1 .btSousnavigation:after{
	position:absolute;
	bottom:12px;
	right:0;
	top:12px;
	width:1px;
	background-color:#7F7F7F;
	content:"";
}

/*masque barre de separation li survole */
.bigMenuSimple .li_niveau_1:hover .btSousnavigation:after, .bigMenuVignetteResume .li_niveau_1:hover .btSousnavigation:after, .bigMenuTeteGondole .li_niveau_1:hover .btSousnavigation:after,
/*masque barre de separation li selectionne */
.bigMenuSimple .on .btSousnavigation:after,	.bigMenuVignetteResume .on .btSousnavigation:after, .bigMenuTeteGondole .on .btSousnavigation:after{
	display:none; 
}
	
/* fond deuxieme niveau */
.bigMenuSimple .li_niveau_1 .sousnavigation, .bigMenuVignetteResume .li_niveau_1 .sousnavigation, .bigMenuTeteGondole .li_niveau_1 .sousnavigation{
	position:absolute;
	left:0;
	width:100%;
	padding:20px;
	background-color:#717171;
	overflow:auto;
	z-index:1000;
}

.bigMenuSimple .li_niveau_1 .sousnavigation ul, .bigMenuVignetteResume .li_niveau_1 .sousnavigation ul, .bigMenuTeteGondole .li_niveau_1 .sousnavigation ul{
	overflow:auto;
}

.bigMenuVignetteResume .li_niveau_1 .sousnavigation ul{
	float:left;
	width:65%;		
}

.bigMenuVignetteResume .li_niveau_1 .sousnavigation .blocItem{
	overflow:auto;
	float:right;
	width:35%;
	padding:0 0 0 20px;
}

.bigMenuVignetteResume .li_niveau_1 .sousnavigation ul .li_niveau_2 {
	display:block;
	float:left;
	width:33%;		
}

.bigMenuVignetteResume .li_niveau_1 .sousnavigation .blocItem .vignette{
	float:right;
	max-width:100%;
}

/* texte vignette resume */
.bigMenuVignetteResume .li_niveau_1 .sousnavigation .blocItem .resume{ 
	clear:both;
	font-family:arial, sans-serif;
	font-size:12px;
	color:#F6F6F6;
	text-align:justify;
	white-space:normal;
}

.bigMenuVignetteResume .li_niveau_1 .sousnavigation .blocItem .espaceResume{padding:20px 0 0;}

.bigMenuSimple .li_niveau_1 .sousnavigation ul .li_niveau_2, .bigMenuTeteGondole .li_niveau_1 .sousnavigation ul .li_niveau_2{
	display:block;
	float:left;
	width:25%;
}

/* texte deuxieme niveau */
.bigMenuSimple .li_niveau_1 .sousnavigation ul .li_niveau_2 a, .bigMenuVignetteResume .li_niveau_1 .sousnavigation ul .li_niveau_2 a, .bigMenuTeteGondole .li_niveau_1 .sousnavigation ul .li_niveau_2 a{
	display:block;
	padding:5px;
	font-family:arial, sans-serif;
	font-size:14px;
	color:#F6F6F6;
	font-weight:bold;
	text-decoration:none;
	text-overflow: ellipsis;
	overflow:hidden;
}

/* texte survole deuxieme niveau */
.bigMenuSimple .li_niveau_1 .sousnavigation ul .li_niveau_2:hover a,
.bigMenuVignetteResume .li_niveau_1 .sousnavigation ul .li_niveau_2:hover a,
.bigMenuTeteGondole .li_niveau_1 .sousnavigation ul .li_niveau_2:hover a{
	text-decoration:underline;
}

.bigMenuTeteGondole .li_niveau_1 .sousnavigation .gondoleListeItem{
	width:100%;
	text-align:center;
}

.bigMenuTeteGondole .li_niveau_1 .sousnavigation .gondoleListeItem .gondoleItem{
	display:block;
	float:left;
	padding:20px 5px 0;
}

/* lien tete de gondole */
.bigMenuTeteGondole .li_niveau_1 .sousnavigation .gondoleListeItem .gondoleItem a{
	font-family:arial, sans-serif;
	font-size:12px;
	color:#F6F6F6;
	text-decoration:none;
}

/* lien tete de gondole survole */
.bigMenuTeteGondole .li_niveau_1 .sousnavigation .gondoleListeItem .gondoleItem a:hover{
	text-decoration:underline;
}

.bigMenuTeteGondole .li_niveau_1 .sousnavigation .gondoleListeItem .gondoleItem a .gondole_vignette{max-width:100%;height:auto;}
.bigMenuTeteGondole .li_niveau_1 .sousnavigation .gondoleListeItem .gondoleItem a .gondole_prix_unitaire_barre{text-decoration:line-through;}
.bigMenuTeteGondole .li_niveau_1 .sousnavigation .gondoleListeItem .gondoleItem a .gondole_prix_unitaire{}
.bigMenuTeteGondole .li_niveau_1 .sousnavigation .gondoleListeItem .gondoleItem a .gondole_prix_remise{}

/* barre de separation tete de gondole */
.bigMenuTeteGondole .li_niveau_1 .sousnavigation .sepatateurTdG{
	height:1px;
	background-color:#7F7F7F;
	margin: 15px 0px 0px;
}

/* on masque les conteneurs globaux des navs bas et bouton version mobile (id), ou le conteneur unique de chaque nav (class) */
#navBoutonMobileConteners, #navBasMobileConteners, .navBoutonMobileContener, .navBasMobileContener{display:none;}

#voirplus_li{display:none;}

#voirplus_li .btSousnavigation{
	display:block;	
	min-width:62px;
	background-image:url("icoMenuMobile.svg");
	background-size:32px 32px;	
	background-repeat:no-repeat;
	background-position:50% 50%;
}

#voirplus_content ul{width:100%;}
#voirplus_content ul .li_niveau_2{width:25%;}


@media screen and (max-width: 420px) { /*MOBILE*/
	/* ---------------------------------------------------------------- */
	/* BIG MENU SIMPLE + BIG MENU VIGNETTE RESUME + BIG MENU TETE DE GONDOLE */
	/* ---------------------------------------------------------------- */
	.bigMenuSimple *, .bigMenuVignetteResume *, .bigMenuTeteGondole *{
		box-sizing: inherit;
	}
	
	/* masque pour pas les voir au chargement */
	.navBouton{
		visibility:hidden;
		position:absolute;
		width:100%;
        z-index:99999;
	}
	
	.navBoutonMobileContener{
		padding:10px;
	}
	
	.btNavMobile{
		display:block;
		height:32px;
		line-height:32px;
		padding:0 45px 0 0;
		background-image:url("icoMenuMobile.svg");
		background-size:32px 32px;		
		background-repeat:no-repeat;
		background-position:98% center;
		cursor:pointer;
	}

	/* masque pour pas les voir au chargement */
	.navBas{
		visibility:hidden;
		width:100%;
	}

	.bigMenuSimple ul, .bigMenuVignetteResume ul, .bigMenuTeteGondole ul{
		display:block;
		padding:0;
		margin:0;
		list-style:none;
	}

	.bigMenuSimple .on .btSousnavigation, .bigMenuVignetteResume .on .btSousnavigation, .bigMenuTeteGondole .on .btSousnavigation,
	.bigMenuSimple .li_niveau_1 .btSousnavigation:hover,	.bigMenuVignetteResume .li_niveau_1 .btSousnavigation:hover,	.bigMenuTeteGondole .li_niveau_1 .btSousnavigation:hover,
	.bigMenuSimple .li_niveau_1:hover .btSousnavigation,	.bigMenuVignetteResume .li_niveau_1:hover .btSousnavigation,	.bigMenuTeteGondole .li_niveau_1:hover .btSousnavigation,
	.bigMenuSimple .li_niveau_1 .btSousnavigation:after, .bigMenuVignetteResume .li_niveau_1 .btSousnavigation:after, .bigMenuTeteGondole .li_niveau_1 .btSousnavigation:after{
		background:none;
	}
	
	/* fond premier niveau mobile + fond conteneur navBouton */
	.bigMenuSimple .li_niveau_1, .bigMenuVignetteResume .li_niveau_1, .bigMenuTeteGondole .li_niveau_1, .navBoutonMobileContener{
		display:block;
		background-color:#3F3F3F;
		border-bottom:1px solid #7F7F7F;
		white-space:nowrap;
	}

	.bigMenuSimple .sousnavigationMobileOn, .bigMenuVignetteResume .sousnavigationMobileOn, .bigMenuTeteGondole .sousnavigationMobileOn{
		background-image:url("icoPlus.svg");
		background-size:21px 21px;
		background-repeat:no-repeat;
		background-position:95% 16px;
	}
	
	/* fond premier niveau ouvert mobile */
	.bigMenuSimple .sousnavigationMobileOnOpen, .bigMenuVignetteResume .sousnavigationMobileOnOpen, .bigMenuTeteGondole .sousnavigationMobileOnOpen{
		background-color:#717171;
		background-image:url("icoClose.svg");
		background-size:15px 15px;
		background-repeat:no-repeat;
		background-position:95% 16px;
	}
	
	.bigMenuSimple .li_niveau_1 .btSousnavigation, .bigMenuVignetteResume .li_niveau_1 .btSousnavigation, .bigMenuTeteGondole .li_niveau_1 .btSousnavigation{
		height:34px;
		line-height:34px;
		padding:10px 45px 10px 22px;
		text-align:left;
		text-overflow: ellipsis;
		overflow:hidden;
	}
	
	/* fond deuxieme niveau mobile */
	.bigMenuSimple .li_niveau_1 .sousnavigation, .bigMenuVignetteResume .li_niveau_1 .sousnavigation, .bigMenuTeteGondole .li_niveau_1 .sousnavigation{
		position:relative;
		width:auto;
		padding:5px;
		background-color:#717171;
	}

	.bigMenuVignetteResume .li_niveau_1 .sousnavigation ul,
	.bigMenuVignetteResume .li_niveau_1 .sousnavigation ul .li_niveau_2,
	.bigMenuSimple .li_niveau_1 .sousnavigation ul .li_niveau_2, .bigMenuTeteGondole .li_niveau_1 .sousnavigation ul .li_niveau_2{
		width:100%;
	}
	
	.bigMenuSimple .li_niveau_1 .sousnavigation ul .li_niveau_2 a, .bigMenuVignetteResume .li_niveau_1 .sousnavigation ul .li_niveau_2 a, .bigMenuTeteGondole .li_niveau_1 .sousnavigation ul .li_niveau_2 a{
		padding:5px 22px;
	}
	
	.bigMenuVignetteResume .li_niveau_1 .sousnavigation .blocItem, .bigMenuTeteGondole .li_niveau_1 .sousnavigation .gondoleListeItem, .bigMenuTeteGondole .li_niveau_1 .sousnavigation .sepatateurTdG {
		display:none;
	}
	
	/* on affiche les conteneurs globaux des navs bas et bouton version mobile (id), ou le conteneur unique de chaque nav (class) */
	#navBoutonMobileConteners, #navBasMobileConteners, .navBoutonMobileContener, .navBasMobileContener{display:block;}
	
}