/* Fil d'Ariane */
.breadcrumb {
    padding: 9px 0 9px 15px;
}
	.breadcrumb span, .breadcrumb a {
		font-size: 1.1rem;
	}

/* Menu */
.nested{
}
	.nested nav{
		padding: 0px 50px;
	}
		.nested ul.firstLevel {
			display: flex;
			margin: 0;
			align-items: center;
			justify-content: flex-end;
		}
			.nested ul.firstLevel li:not(:first-child) {
				margin: 0 0 0 40px;
			}
			.nested ul.firstLevel > li {
				padding: 10px 0 10px 0;
				position: relative;
				margin-bottom: 0px;
			}
				.nested ul.firstLevel > li > a {
					font-size: 1.4rem;
					font-family: "msb", sans-serif;
					color: var(--color02);
					transition: color 0.5s;
				}
				.nested ul.firstLevel > li > a:hover {
					color: var(--color03);
				}
				.nested ul.firstLevel > li.bouton2 > a{
					color: var(--color00) !important;
				}
				.nested ul.firstLevel > li.bouton2 > a:hover{
					color: var(--color02) !important;
				}
				.nested ul.firstLevel > li > ul {
					position: absolute;
					margin: 0;
					top: 100%;
					left: 0;
					background-color: #000;
					min-width: 250px;
					display: flex;
					flex-direction: column;
					height: 0;
					opacity: 0;
					overflow: hidden;
					transform: translateY(-10px);
					transition: transform .5s, opacity .5s;
				}
				.nested ul.firstLevel > li.itemRight > ul {
					left: initial;
					right: 0;
				}
				.nested ul.firstLevel > li:hover > ul {
					transform: translateY(0);
					opacity: 1;
					height: initial;
				}
					.nested ul.firstLevel > li > ul > li {
						padding: 0;
						display: flex;
						align-items: center;
					}
						.nested ul.firstLevel > li > ul > li > a {
							color: #fff;
							padding: 7px 10px 7px 10px;
							display: block;
							height: 100%;
							width: 100%;
						}
						.nested ul.firstLevel > li > ul > li > a:hover {
							background-color: grey;
						}


	
/***** MENU PRODUITS *****/
nav.product {
	border-top: 1px solid var(--color05);
	padding: 25px 0;
	position: relative;
}
	nav.product .productNav ul.firstLevel{
		margin: 0px;
	}
		nav.product .productNav ul.firstLevel > li {
			font-size: 1.3rem !important;
			font-family: "mb", sans-serif;
			text-align: center;
		}
	

		/* A supprimer quand toutes les rubriques seront accessible et remttre code ci-dessus */
		nav.product .productNav ul.firstLevel > li{
			margin: 0 20px 0px 20px;
			min-width: 130px;
			justify-content: center;
			position: unset;
		}
			nav.product .productNav ul.firstLevel > li > a{
				display: flex;
				align-items: center;
				color: var(--color02) !important;
				flex-direction: column;
			}
			nav.product .productNav ul.firstLevel > li > a:hover{
				color: var(--color03) !important;
			}
		

/* SOUS-MENU PRODUIT */
nav.product .productNav ul.secondLevel{
	position: absolute;
    margin: 0;
    top: 100%;
    left: 0;
    background-color: var(--color00);
    width: 100%;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-10px);
    transition: transform .5s,opacity .5s;
    z-index: 99;
    padding: 0;
}
nav.product .productNav ul.firstLevel>li:hover>ul.secondLevel {
    transform: translateY(0);
    opacity: 1;
	height: initial;
	background: #f5f5f5;
}
nav.product .productNav ul.secondLevel .blocMenuItem{
	padding: 30px 100px;
}
	nav.product .productNav ul.secondLevel .blocMenuItem .titleCategorie{
		font-size: 2rem;
		text-transform: uppercase;
		color: var(--color02);
		margin-bottom: 25px;
	}
		nav.product .productNav ul.secondLevel .blocMenuItem .titleCategorie span{
			background-position: -112px -212px;
			background-size: 500px auto;
			width: 25px;
			height: 25px;
			min-width: 25px;
			margin-right: 5px;
			max-width: 25px;
		}
	nav.product .productNav ul.secondLevel .blocMenuItem .nav-drop-item a{
		font-family: 'mm', sans-serif;
		color: var(--color02);
		font-size: 1.4rem;
	}
	nav.product .productNav ul.secondLevel .blocMenuItem .nav-drop-item a:hover{
		text-decoration: underline;
	}

nav.product .productNav ul.secondLevel .accrocheBloc{
	background-color: var(--color05);
	margin-bottom: 0px;
	padding: 50px 0px;
}
	nav.product .productNav ul.secondLevel .accrocheBloc .centerText{
		margin-bottom: 25px;
	}
		nav.product .productNav ul.secondLevel .accrocheBloc .icon{
			margin-right: 15px;
		}
		nav.product .productNav ul.secondLevel .accrocheBloc div.content{
			font-size: 1.4rem;
			font-family: 'mb', sans-serif;
			color: var(--color02);
			text-transform: uppercase;
			max-width: 135px;
			text-align: left;
		}

nav.product .productNav ul.secondLevel .imageBloc{
	margin-bottom: 0px;
}



/* MENU MOBILE */
.menuMobile{
	display: none !important;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: var(--color00);
	z-index: 5;
	width: 100%;
}
.mobile-buton.active .menuMobile{
	display: flex !important;
	z-index: 10000;
}
.mobile-buton .infoContact, .mobile-buton .reseauSociaux{
	display: none !important;
}
.mobile-buton nav.product{
	display: flex !important;
	width: 100%;
}
.mobile-buton nav.product ul.firstLevel{
	flex-wrap: wrap;
}
	.mobile-buton nav.product ul.firstLevel > li.icoProduct{
		padding: 0px;
		min-width: inherit;
		margin: 0px;
		width: 33%;
	}
		.mobile-buton nav.product ul.firstLevel > li.icoProduct a{
			padding-bottom: 35px;
		}
		.mobile-buton nav.product ul.firstLevel > li.icoProduct a::before{
			margin-bottom: 0px;
		}
			.mobile-buton nav.product ul.firstLevel > li.icoProduct a span{
				height: auto;
				width: auto;
				background-color: inherit;
				margin: 4px 0;
				line-height: 18px;
			}


.mobile-buton nav.product .productNav ul.secondLevel .accrocheBloc{
	display: none !important;
}
.mobile-buton nav.product .productNav ul.secondLevel .blocMenuItem {
    padding: 10px 50px;
}
	.mobile-buton nav.product .productNav ul.secondLevel .blocMenuItem li{
		text-align: left;
	}
		.mobile-buton nav.product .productNav ul.secondLevel .blocMenuItem li a{
			padding: 0px;
		}
			.mobile-buton nav.product .productNav ul.secondLevel .blocMenuItem li.titleCategorie span{
				background-color: inherit;
			}

.mobile-buton nav.navigation{
	width: 100%;
	background-color: #eaeaea;
	padding: 10px 0px;
}
	.mobile-buton nav.navigation ul.firstLevel{
		justify-content: start !important;
	}
		.mobile-buton nav.navigation ul.firstLevel > li{
			margin-bottom: 0px;
			padding: 0px 20px;
		}
			.mobile-buton nav.navigation ul.firstLevel > li a{
				color: var(--color02);
				font-family: "mm", sans-serif;
			}
			.mobile-buton nav.navigation ul.firstLevel > li a:hover{
				color: var(--color03);
			}
				.mobile-buton nav.navigation ul.firstLevel > li a span{
					height: auto;
					width: auto;
					background-color: inherit;
					margin: 4px 0;
				}




/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
}
@media screen and (max-width: 1200px), (max-device-width: 1200px){
	.nested ul.firstLevel li:not(:first-child) {
		margin: 0 0 0 20px;
	}
		.nested ul.firstLevel > li > a {
			font-size: 1.4rem;
		}
}
/*02 TABLETTE*/
@media screen and (max-width: 1024px), (max-device-width: 1024px){
	.nested ul.firstLevel {
		justify-content: center;
	}
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 767px), (max-device-width: 767px){
	.nested nav {
		display: none;
	}
	span.mobile-buton.absolute {
		width: 40px;
		height: 40px;
		top: 0;
		left: 0;
	}
	nav.product .productNav ul.firstLevel > li{
		margin: 0;
	}
	.mobile-buton nav.navigation ul.firstLevel {
		flex-direction: column !important;
	}
	.mobile-buton nav.product .productNav ul.firstLevel > li{
		width: 100% !important;
		display: block;
	}
	span.mobile-buton span{
		height: 100%;
		background-color: var(--color00);
	}
		.mobile-buton nav.product .productNav ul.firstLevel > li > a{
			flex-direction: row;
			text-align: left;
			padding-bottom: 15px !important;
		}
	nav.product .productNav ul.firstLevel > li.icoProduct > a::before{
		background-size: 250px auto !important;
		width: 40px !important;
		height: 40px !important;
		margin-bottom: 12px;
	}	
	.mobile-buton .infoContact, .mobile-buton .reseauSociaux{
		display: block !important;
	}
	.mobile-buton nav.navigation ul.firstLevel > li a{
		color: var(--color00);
	}
	.mobile-buton nav.product ul.firstLevel > li.icoProduct a span {
		line-height: 15px !important;
	}
	nav.product .productNav ul.firstLevel > li.icoProduct.soin > a::before {
		background-position: -92px -54px !important;
	}
	nav.product .productNav ul.firstLevel > li.icoProduct.vetement > a::before {
		background-position: -179px -4px !important;
	}
	nav.product .productNav ul.firstLevel > li.icoProduct.covid > a::before {
		background-position: -4px -255px !important;
	}
	nav.product .productNav ul.firstLevel > li.icoProduct.instrument > a::before {
		background-position: -106px -5px !important;
	}
	nav.product .productNav ul.firstLevel > li.icoProduct.diagnostic > a::before {
		background-position: -45px -6px !important;
	}
	nav.product .productNav ul.firstLevel > li.icoProduct.urgenceTwo > a::before {
		background-position: 0px -54px !important;
	}
	nav.product .productNav ul.firstLevel > li.icoProduct.soinTwo > a::before {
		background-position: -92px -54px !important;
	}
	nav.product .productNav ul.secondLevel .blocMenuItem .titleCategorie span {
		position: absolute;
		left: -30px;
	}
}