

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

/* Menu */
.nested{
}
	.nested nav{
	}
		.nested ul.firstLevel {
			display: flex;
			margin: 0;
			align-items: center;
			justify-content: center;
		}
			.nested ul.firstLevel li:not(:first-child) {
				margin: 0 0 0 22px;
			}
			.nested ul.firstLevel > li {
				padding: 16px 0 14px 0;
				position: relative;
        margin-bottom: 0;
			}
			/* .nested ul.firstLevel > li::after {
				content: '';
				display: block;
				position: absolute;
				left: 50%;
				top: 0;
				width: 0%;
				height: 3px;
				background-color: var(--color-secondary);
				transform: translateX( -50% );
				-webkit-transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
				-o-transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
				transition: all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
			} */
			.nested ul.firstLevel > li:hover::after,
			.nested ul.firstLevel > li.custom-current-item-class::after{
				width: 100%;
			}
				.nested ul.firstLevel > li > a {
          font-size: 1.4rem;
          font-family: 'Roboto Condensed', sans-serif;
          font-weight: normal;
          text-transform: uppercase;
          color: var(--gray-600);
          display: block;
          text-align: center;
          line-height: 120%;
          text-decoration: none;
				}
				.nested ul.firstLevel > li:hover > a {
          font-weight: bold;
          color: var(--color-primary);
        }
				.nested ul.firstLevel > li > a::before {
          display: block;
          content: attr(title);
          font-weight: bold;
          height: 0;
          overflow: hidden;
          visibility: hidden;
        }
				.nested ul.firstLevel > li > ul {
					position: absolute;
					margin: 0;
					top: 100%;
					left: 0;
					background-color: var(--color-secondary);
					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{
					z-index: 10000;
				}
					.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: var(--color-primary);
						}
				.nested ul.secondLevel > li {
					margin-left: 0;
				}

/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
}
@media screen and (max-width: 1199px), (max-device-width: 1199px){
	.nested ul.firstLevel li:not(:first-child) {
		margin: 0 0 0 15px;
	}
		.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;
	}
}
@media screen and (max-width: 991px), (max-device-width: 991px){
	.nested nav {
		display: none;
	}
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 767px), (max-device-width: 767px){
	span.mobile-buton.absolute {
		width: 40px;
		height: 40px;
		top: 0;
		left: 0;
	}
}
