/* Fil d'Ariane */
.breadcrumb {
    padding: 9px 0;
}
	.breadcrumb span, .breadcrumb a {
		font-size: 1.4rem;
		color: var(--white);
		font-family: 'lato', sans-serif;
		font-weight: 900;
	}
	.breadcrumb_last{
		display: none;
	}




	/* MENU PRINCIPAL */
	.secondLevelMenu a:hover,
	.thirdLevelMenu a:hover{
		color: var(--pink);
	}
	
	.parent-item{
		position: relative;
	}
	.menu-contain{
		position: absolute;
		z-index: 4;
		width: max-content;
		/* width: min-content; */
		display: flex;
		display: none;
	}

	.parent-item:hover > .menu-contain{
		opacity: 1;
		top: 100%;
		display: flex;
	}
	.secondLevelMenu{
		display: flex;
		flex-direction: column;
		height: 100%;
		justify-content: center;
		width: max-content;
		margin: 0 auto;
	}
	.secondLevelMenu li:not(:last-child):after{
		content: '';
		width: 80%;
		height: 2px;
		border-bottom : 2px solid var(--pink);
		display: block;
		padding: 1rem 0;
		opacity: 0.5;
	}
	.secondLevelMenu li a span{
		font-weight: 900;
    	font-size: 1.6rem;
    	line-height: 1.9rem;
	}
	
	.blocs_thirdLevel{
		/* display: flex;
		flex-direction: row;
		position: relative;
		align-items: center; */
    	width: 100%;
		background-color: var(--light-grey);
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		position: static;
	}
	/* .thirdLevelMenu{
		display: none;
	} */
	
	/* .thirdLevelMenu {
		opacity: 0;
		width: 0;
	}
	.thirdLevelMenu.active{
		opacity: 1;
		width: 100%;
	} */
	
	/* FIN MENU PRINCIPAL */

	.menu-xilis-more li span{
		color: var(--white) !important;
		transition: 0.2s;
	}
	.menu-xilis-more li a:hover span,
	.menu-xilis-more li a:hover,
	.menuXilis a:hover {
		color: var(--black) !important;
		transition: 0.2s;

	}
	.menu-xilis-more li span::before{
		background-image: url('../img/charte/sprite-xilis-habitat.svg');
	background-repeat: no-repeat;
	background-size: 400px auto;
    min-width: 40px;
    max-width: 40px;
	height: 40px;
	display: block;
	cursor: pointer;
	}
	.firstLevel > li.dbnone > a{
		cursor: default;
	}
	




	/* Menu */



.nested{
}
	.nested nav{
	}
		.nested ul.firstLevel {
			display: flex;
			margin: 0;
			align-items: center;
			justify-content: flex-end;
			flex-wrap: wrap;
		}
		#headerInner .nested ul.firstLevel {
			justify-content: space-between;
		}
			ul > li:not(:first-child) {
				/* margin: 0 0 0 40px; */
			}
			ul li.menu-item{
				padding: 0 0 0 0 !important;
			}
			ul.firstLevel > li.menu-item{
				padding-bottom: 2.3rem !important;
				margin-bottom: -2.3rem !important;
			}
			.nested ul.firstLevel > li:not(:first-child) {
				/* padding: 10px 0 10px 15px !important; */
				padding-left: 15px !important;
				padding-right: 0 !important;
				
				position: relative;
			}
				.nested ul.firstLevel > li > a {
					font-size: 1.7rem;
					font-family: "rb", sans-serif;
				}
				.nested ul.firstLevel > li > a > span{
					text-transform: uppercase;
					color: var(--pink);
					font-size: 1.6rem;
					font-family: 'Lato', sans-serif;
					font-weight: 900;
				}
				.nested ul.firstLevel > li > ul {
					position: absolute;
					margin: 0;
					top: 100%;
					left: 0;
					background-color: var(---white);
					min-width: 250px;
					display: flex;
					flex-direction: column;
					height: 0;
					opacity: 0;
					overflow: hidden;
					transform: translateY(-10px);
					transition: transform .5s, opacity .5s;
					z-index: 2;
					width: max-content;
				}
				
				.nested ul.firstLevel > li.itemRight > ul {
					left: initial;
					right: 0;
				}
				.nested ul.firstLevel > li:hover > ul {
					transform: translateY(0);
					opacity: 1;
					height: initial;
					background-color: var(--white);
				}
					.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:not(:last-child)::after{
							content: '';
							border-bottom: 1px solid var(--pink);
							width: 100%;
							display: block;
						}
						.nested ul.firstLevel > li > ul > li > a:hover {
							background-color: grey;
						}
						.nested ul.firstLevel > li > ul > li > a > span{
							font-weight: 900;
							
						}
						.nested ul.firstLevel > li > ul > li > ul.thirdLevel{
							opacity: 0;
						}
						.nested ul.firstLevel > li > ul > li:hover > ul.thirdLevel{
							opacity: 1;
						}
						
						/* Troisième niveau */
						ul.thirdLevel{
							background-color: var(--light-grey);
						}
						ul.thirdLevel li:not(:first-child) {
							padding: 0 0 0 0;
						}
						
						.thirdLevelMenu{
							position: absolute;
							/* top: 0;
							bottom: 0; */
							opacity: 0;
							width: 0;
							height: 100%;
							display: flex;
							flex-direction: column;
							justify-content: center;
							margin: 0;
							overflow: hidden;
						}
						.thirdLevelMenu li.menu-item:not(:last-child){
							padding: 0 0 2rem 0 !important;
						}
						.thirdLevelMenu.active{
							opacity: 1;
							width: auto;
						}
						.secondLevelMenu li.menu-item {
							display: flex;
							flex-direction: column;
						}
						.secondLevelMenu li.menu-item:not(:last-child){
							padding: 0 0 2rem 0 !important;

						}
						.secondLevelMenu li.active .thirdLevelMenu{
							opacity: 1;
							width: 100%;
							height: 100%;
						}
						span.menu-xilis-more-title{
							font-size: 1.8rem;
    						font-weight: 900;
    						line-height: 2.2rem;
						}
						span.menu-xilis-more-title::after{
							content: '';
							width: 30%;
							border-bottom: 2px solid var(--white);
							opacity: 0.8;
							margin-bottom: 1rem;
							margin-top: 1rem;
							display: block;
						}
						ul.menu-xilis-more li::before, 
						a.histoire::before{
							content: '';
							background-image: url(../img/charte/sprite-xilis-habitat.svg);
							background-repeat: no-repeat;
							background-size: 300px auto;
							min-width: 22px;
							max-width: 22px;
							height: 22px;
							display: inline-flex;
							cursor: pointer;
							background-position: -200px -65px;
						}
/* Menu top header */

#menu-menu-top-header{
	display:  flex;
}
ul#menu-menu-top-header li.menu-item{
	padding: 0 0 0 15px !important;
}
	#menu-menu-top-header li:not(:last-child)::after{
		content: '|';
		display: inline-block;
		color: var(--white);
		padding-left: 15px;
	}
		#menu-menu-top-header li a {
			color: var(--white);
			line-height: 1.9rem;
		}
		footer#footer .footerTopInner ul li a::before{
			content: '>';
			color: var(--white);
			font-size: 1.6rem;
			margin-right: 0.5rem;
		}
		ul#menu-menu-nos-gammes-expertes {
			display: flex !important;
			align-items: baseline !important;
			flex-direction: column;
		}
		ul#menu-menu-nos-gammes-expertes li a::after{
			content: '' !important;
		}

/*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 > a {
			font-size: 1.4rem;
		}
		#headerInner .nested ul.firstLevel{
			justify-content: flex-start;
		}
}
/*02 TABLETTE*/
@media screen and (max-width: 1024px), (max-device-width: 1024px){
	.nested ul.firstLevel {
		justify-content: center;
	}
	
}
@media screen and (min-width: 767px), (min-device-width: 767px){
	.headerTopBarInner,
	#headerInner .nested-header{
		padding-left: 220px;
	}
	
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 767px), (max-device-width: 767px){
	.nested nav {
		display: none;
	}
	.mobile-buton{
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
	}

	.nested ul.firstLevel li:not(:first-child){
		margin: 0 0 0 0 !important;
	}
	#menu-menu-top-header {
		display: block;
	}
	#headerInner .nested ul.firstLevel{
		display: block;
	}
	.logo{
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: -18px;
	}
	.logo img{
		margin: 0 auto;
		position: absolute;
		right: 0;
		left: 0;
		max-width: 110px;
	}
	.widget-projet{
		width: 100%;
    	margin: 0;
	}
	.secondLevelMenu {
		width: 100%;
	}
	ul.firstLevel > li.menu-item {
		position: relative;
		min-height: 67px;
	}
	ul.firstLevel > li.menu-item > .mm-btn_next {
		position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
	}
}

#header.scrollUp.nav-up{
	overflow: hidden;
}

.mm-menu_opened {
	max-width: 80vw !important;
}
.mm-wrapper_opening .mm-menu_offcanvas~.mm-slideout {
	-webkit-transform: translate3d(80vw,0,0) !important;
	transform: translate3d(80vw,0,0) !important;
}
.mm-btn_prev::before {
	border-left: 2px solid #fff!important;
	border-top: 2px solid #fff!important;
}
@media screen and (min-width: 1300px){
	.parent-item.bois_exterieurs > .menu-contain {
		right: 0;
		transform: translateX(50%);
	}
	.parent-item.bois_interieurs > .menu-contain {
		right: 50%;
		transform: translateX(50%);
	}
	.parent-item.murs > .menu-contain {
		right: 50%;
		transform: translateX(50%);
	}
	.parent-item.toitures .menu-contain {
		right: 0;
	}
}
@media screen and (max-width: 767px){
	div#nav_menu-3 {
		display: none;
	}
}