/* Fil d'Ariane */
.breadcrumb {
    padding: 9px 0;
	z-index: 1 !important;
}
	.breadcrumb span, .breadcrumb a {
		font-size: 1.2rem;
		letter-spacing: 0.3px;
	}

/* Menu */

	.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 a{
			color: var(--color00);
		}
			.nested ul.firstLevel > li:not(:first-child)
			 {
				margin: 0 0 0 40px;
			}
			.headertopBar .box-top-menu li{
				margin-right: 10px;
			}
			.nested ul.firstLevel > li {
				padding: 10px 0 10px 0;
				position: relative;
			}
				.nested ul.firstLevel > li > a,
				.headertopBar li a {
					font-size: 1.7rem;
					color: var(--color00);
    				text-transform: uppercase;
				}
				.nested ul.firstLevel > li > ul {
					position: absolute;
					margin: 0;
					/* top: 100%; */
					left: 0;
					min-width: 250px;
					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;
					background-color: rgba(0,0,0,.7);
				}
				.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;
					z-index: 10000;
					/* height: initial; */
				}
				
					.nested ul.firstLevel > li > ul > li {
						padding: 0;
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
    					-ms-flex-wrap: wrap;
    					    flex-wrap: wrap;
					}
					.nested ul.firstLevel > li:nth-child(3) ul.thirdLevel{
						margin: 0;
					}

					html:lang(en) .nested ul.firstLevel > li:nth-child(3) > ul > li{
						width: 100%; 
					}
					.nested ul.firstLevel > li:nth-child(3) > ul ,
					.nested ul.firstLevel > li > ul > li{
						border-left: 2px solid var(--color03);
					}
						.nested ul.firstLevel > li > ul > li > a {
							color: #fff;
							padding: 7px 10px 7px 10px;
							display: block;
							height: 100%;
							width: 100%;
						}
						.nested ul.firstLevel > li:nth-child(3) > ul > li{
							border-left: 0;
						}
						.nested ul.firstLevel > li:nth-child(3) > ul > li > ul > li > a{
							padding: 0;
						}
						.nested ul.firstLevel > li:not(:nth-child(3)) > ul > li > a::before,
						.nested ul.firstLevel > li:nth-child(3) > ul > li > ul > li > a::before{
							content: '>';
							display: inline-block;
							color: var(--color00);
						}
						.nested ul.firstLevel > li:nth-child(3) > ul > li > a{
							font-weight: 600;
						}
						.nested ul.firstLevel li a:hover {
							color: var(--color03);
						}

						.nested ul.firstLevel > li > a::after {
							bottom: 0;
						}
						
						.nested ul.firstLevel > li > a::before {
							left: 0;
							top: 0;
						}
						
						
						.nested ul.firstLevel > li > a::after, .nested ul.firstLevel > li > a::before {
							display: block;
							content: "";
							position: absolute;
							height: 3px;
							width: 0;
							-webkit-transition: 0.2s;
							-o-transition: 0.2s;
							transition: 0.2s;
							background-color: var(--color04);
						}
/*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 10px;
	}
		.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-listview ul li{
		min-height: 40px;
    line-height: 40px;
    padding-left: 20px;
	}
}
@media screen and (min-width: 768px){
	.nested ul.firstLevel > li:nth-child(3) > ul{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		width: 300%;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.nested ul.firstLevel > li:nth-child(3) > ul > li{
		width: 50%;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}

}

@media screen and (max-width:1730px) {
	.nested ul.firstLevel > li > a, .headertopBar li a {
		font-size: 1.6rem;
	}
	.nested ul.firstLevel > li:not(:first-child) {
		margin: 0 0 0 25px;
	}
}

@media screen and (max-width:1570px) {
	.nested ul.firstLevel > li > a, .headertopBar li a {
		font-size: 1.5rem;
	}
	.nested ul.firstLevel > li:not(:first-child) {
		margin: 0 0 0 20px;
	}
}
@media screen and (max-width:1470px) {
	.nested ul.firstLevel > li > a, .headertopBar li a {
		font-size: 1.4rem;
	}
	.nested ul.firstLevel > li:not(:first-child) {
		margin: 0 0 0 17px;
	}
}
@media screen and (max-width:1390px) {
	.headerContent .logo {
		padding-left: 7%;
		padding-right: 5%;
	}
}
@media screen and (max-width:1340px) {
	.headerContent .logo {
		padding-left: 5%;
	}
	.nested ul.firstLevel > li > a, .headertopBar li a {
		font-size: 1.3rem;
	}
	.nested ul.firstLevel > li:not(:first-child) {
		margin: 0 0 0 15px;
	}
}

/* Menu langues */

#menu-langues{
	display: flex;
	align-items: center;
	margin-top: 0;

}

#menu-langues li{
	padding-top: 0;
	padding-bottom: 0;
}
#menu-langues img{
	width: 25px !important;
    height: auto !important;
}