

/* Fil d'Ariane */
.breadcrumb {
    padding: 9px 0;
}
	.breadcrumb span, .breadcrumb a {
		font-size: 1.1rem;
	}

/* Menu */
.nested {
    z-index: 9;
}
	.nested nav{
	}
		.nested ul.firstLevel {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin: 0;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: end;
			    -ms-flex-pack: end;
			        justify-content: flex-end;
		}
			.nested ul.firstLevel li{
				margin: 0 0 0 40px;
				line-height: 1;
				text-align: center;
			}
			.nested ul.firstLevel > li ul.secondLevel li {
				margin: 0px !important;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				text-align: left;
				padding: 3px 0px;
			}
			.nested ul.firstLevel > li {
				padding: 10px 0 10px 0;
				position: relative;
			}
				.nested ul.firstLevel > li > a {
					font-size: 1.6rem;
					font-family: "mm", sans-serif;
					color: white;
					text-transform: uppercase;
					cursor: pointer;
				}
				.nested ul.firstLevel > li > a:hover {
					color: var(--color02);
				}
				.nested ul.firstLevel > li > ul {
					position: absolute;
					margin: 0;
					top: 100%;
					left: 0;
					background-color: rgba(0, 0, 0, 0.75);
					min-width: 250px;
					border-left: 2px solid var(--color02);
					border-bottom: 2px solid var(--color02);
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
					height: 0;
					opacity: 0;
					overflow: hidden;
					-webkit-transform: translateY(-10px);
					    -ms-transform: translateY(-10px);
					        transform: translateY(-10px);
					-webkit-transition: opacity .5s, -webkit-transform .5s;
					transition: opacity .5s, -webkit-transform .5s;
					-o-transition: transform .5s, opacity .5s;
					transition: transform .5s, opacity .5s;
					transition: transform .5s, opacity .5s, -webkit-transform .5s;
				}
				.nested ul.firstLevel > li > ul li:not(:first-child) {
					margin: 0 0 0 0px;
				}
				.nested ul.firstLevel > li.itemRight > ul {
					left: initial;
					right: 0;
				}
				.nested ul.firstLevel > li:hover > ul {
					-webkit-transform: translateY(0);
					    -ms-transform: translateY(0);
					        transform: translateY(0);
					opacity: 1;
					height: initial;
				}
					.nested ul.firstLevel > li > ul > li {
						padding: 0;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-align: center;
						    -ms-flex-align: center;
						        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: var(--color03);
						}

/*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 {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        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;
	}
}

.mm-panels .boutonmenu.boutonmenuwhite a{
    border: 2px solid var(--color02);
    padding: 8px 15px;
    color: var(--color02) !important;
	margin-bottom: 10px;
}
.mm-panels .boutonmenu.boutonmenuwhite:hover a{
	color: #fff !important;
}

.mm-panels .boutonmenu a{
	margin-left: 15px;
	margin-right: 15px;
}