/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/



/* Fil d'Ariane */

.breadcrumb span, .breadcrumb a {
	font-size: 1.6rem;
	color: var(--white) !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-webkit-box-align: center;
	-ms-flex-align: center;
		align-items: center;
		flex-wrap: wrap;
padding: 0 5px;
}

.aioseo-breadcrumbs{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
-webkit-box-align: center;
	-ms-flex-align: center;
		align-items: center;
		flex-wrap: wrap;
}

/* .aioseo-breadcrumbs > span.aioseo-breadcrumb:first-of-type a{
	text-decoration: underline;
} */
/* .breadcrumb .aioseo-breadcrumbs > span:first-of-type a::before{
	content: '';
	display: inline-block;
	min-width: 27px;
	width: 27px;
	height: 27px;
	background-image: url(/wp-content/themes/mediapilote/img/charte/sprite-site.svg);
	background-repeat: no-repeat;
	background-size: 400px auto;
	background-position: -273px -49px;
	background-color: var(--color-primary);
	border-radius: 50%;
	margin-right: 10px;
} */

.breadcrumb > span{
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
-webkit-box-align: center;
	-ms-flex-align: center;
		align-items: center;
}



/* Menu top header */


#menu-menu-du-haut,
#menu-menu-du-haut-mecadynamic{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
			flex-wrap: wrap;

}

#menu-lien-header-top li a {
color: var(--color-secondary-light-grey);
font-size: 1.6rem;
}



.headertopBarRs li a{
	background-color: #ffffff33;
	color: var(--white);
	border-radius: 50%;
	width: 40px;
	min-width: 40px;
	height: 40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
			transition: 0.2s;
}
.headertopBarRs li a:hover{
	background-color: var(--color-primary);
}
footer#footer ul{
	margin: 0;
	padding-left: 0;
}
footer#footer ul li{
	padding-left: 0;
}
footer#footer ul.headertopBarRs li a{
	background-color: #ffffff57;
	font-size: 1.8rem;
	padding: 5px;
	color: var(--white);
	transition: 0.2s;
}
footer#footer ul.headertopBarRs li a:hover{
	background-color: var(--white);
	color: var(--color-primary);
}




/* Menu */

.nested-header{

}
.nested{
}
.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;
		position: relative;
	}
		/* .nested ul.firstLevel > li:not(:first-child) {
			margin: 0 0 0 40px;
		} */

		
.headertopBarContainer-links li{
	font-size: 1.4rem;
	font-style: italic;
}

.headertopBarContainer-links li a{
	color: #B3B3B3;
}
.nested ul.firstLevel > li:last-of-type.current-menu-item a span{
	color: #fff !important;
}
.nested ul.firstLevel > li:hover a,
.current-menu-item a span{
	color: var(--color-primary);
}

		.nested ul.firstLevel > li {
			padding: 20px 0;
			
		}
		.nested ul.firstLevel > li:not(:last-of-type) a{
			border-right: 1px solid #9C9C9C;
		}
		.nested ul.firstLevel > li.menu-item-982 a,
		.nested ul.firstLevel > li.menu-item-278 a{
			border-right: none;
		}
			.nested ul.firstLevel > li > a {
				font-size: 1.4rem;
				font-weight: 500;
				color: var(--white);
				padding: 5px 20px;
				position: relative;
				display: inline-block;
    			text-align: center;
			}

			.nested ul.firstLevel > li:last-of-type > a{
				padding-right: 0;
			}

			
			
			.nested ul.firstLevel > li > ul {
				position: absolute;
				margin: 0;
				top: 100%;
				left: 0;
				background-color: var(--white);
				/* min-width: 1000%; */
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
					flex-wrap: wrap;
				/* 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;
				-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));
						filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));

				padding: 7px 10px 7px 10px;
				height: 100%;
				width: 100%;

				z-index: 10000;
				
			}
			.nested ul.firstLevel > li > ul > li {
				padding: 0;
				margin-top: 1.5rem;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-wrap: wrap;
					flex-wrap: wrap;
				
			}
			.nested ul.firstLevel > li > ul > li > a span{
				position: relative;
				z-index: 1000;
			}
			.nested ul.firstLevel > li > ul > li > a{
				position: relative;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				margin-left: 20px;
			}
			.nested ul.firstLevel > li > ul > li > a::after{
				content: '';
				display: inline-block;
				background-color: var(--color-primary);
				width: 15px;
				min-width: 15px;
				height: 15px;
				position: absolute;
				top: 5px;
				left: -20px;
				bottom: 0;
				-webkit-transition: 0.3s;
				-o-transition: 0.3s;
				transition: 0.3s;
			}
			.nested ul.firstLevel > li > ul > li:hover > a{
				color: var(--white) !important;
				-webkit-transition: 0.3;
				-o-transition: 0.3;
				transition: 0.3;
			}
			.nested ul.firstLevel > li > ul > li:hover > a::after{
				width: calc(100% + 35px);
				height: 30px;
				top: -2px;
			}
			.nested ul.firstLevel > li > ul a{
				color: var(--black) !important;
				-webkit-transition: 0.2s;
				-o-transition: 0.2s;
				transition: 0.2s;

			}
			.nested ul.firstLevel > li > ul a:hover{
				color: var(--color-primary) !important;
			}
			.nested ul.firstLevel > li:hover > ul {
				-webkit-transform: translateY(0);
					-ms-transform: translateY(0);
						transform: translateY(0);
				opacity: 1;
				height: initial;
			}
		
					

/*RESPONSIVE
01 - DESKTOP */


@media screen and (min-width: 1440px), (min-device-width: 1440px){

	.headertopBarContainer-links li{
		font-size: 1.6rem;
	}

				.nested ul.firstLevel > li > a {
					font-size: 1.6rem;
				}
}



@media screen and (min-width: 1024px), (min-device-width: 1024px){

	.headertopBarContainer-links li{
		padding: 0 0 0 40px;
	}

.menu-lien-header-top-container ul li{
	padding: 0 56px 0 0;
}

}

@media screen and (min-width: 1024px){

	.itemRight a,
	#menu-item-618 a{
		background: #ffffff33;
		color: var(--white) !important;
		text-align: center;
		padding: 10px 30px;
		font-weight: 600;
		font-style: italic;
		border-radius: 30px;
	}
	#menu-item-618 a{
		background: var(--color-primary-grey);
		margin-top: 20px;
	}
	.itemRight a:hover,
	#menu-item-618 a:hover{
		background: var(--color-secondary-grey);
		color: var(--white) !important;
	
	}
}


@media screen and (max-width: 1300px), (max-device-width: 1300px){
	.nested ul.firstLevel > li > a{
		padding: 10px;
	}
}
@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: 1085px), (max-device-width: 1085px){
.nested nav {
	display: none;
}
span.mobile-buton.absolute {
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
}
}

/* 
body .mm-menu_offcanvas {
max-width: 80vw;
z-index: 1111;
} */
/* Pagination */

.tool-pagination .pages{
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
	flex-wrap: wrap;
-webkit-box-pack: center;
	-ms-flex-pack: center;
		justify-content: center;
}
.tool-pagination .pages li{
padding: 0;
margin: 2px;
}
.tool-pagination .pages li::before{
display: none;
}
.tool-pagination .pages li a,
.tool-pagination .pages li .page-number{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
	-ms-flex-align: center;
		align-items: center;
-webkit-box-pack: center;
	-ms-flex-pack: center;
		justify-content: center;
min-width: 40px;
width: 40px;
height: 40px;
color: var(--color-primary-grey) !important;
font-size: 1.8rem;
border-radius: 50%;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
font-style: italic;
}
.tool-pagination .pages li a:hover,
.tool-pagination .pages li .page-number:hover{
	border: 1px solid var(--color-secondary);
	color: var(--color-secondary-grey) !important;
}

.tool-pagination .pages li .page-number.current{
	border: 1px solid var(--color-secondary);
	color: var(--color-secondary-grey) !important;
} 


/* @chanelog Justine 27/01/2023 menu actif */


@media screen and (min-width: 1000px){

.nested ul.firstLevel > li{
	/* position: relative; */
}
.nested ul.firstLevel > li > ul.secondLevel{
	display: none !important;
}
.nested ul.firstLevel > li > ul.secondLevel.active{
	position: absolute;
	z-index: 900;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	/* flex-direction : row; */
	left: 0;
	max-width: 100% !important;
	padding: 20px;
}
.nested ul.firstLevel > li > ul.secondLevel.active > li{
	max-width: 50%;
}
.thirdLevel{
	background-color: var(--color-secondary-very-light-grey);
	padding: 1rem;
	margin: 1rem 3rem;
	display: block;
	width: 100%;
}
.mm-panel_openedHeader.mm-hidden{
	-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);    z-index: 1;    display: block !important;

}


}

@media screen and (max-width: 780px), (max-device-width: 780px){
	.headerTopMobile{
		display: none;
	}
	.last-item-menu,
	.last-item-menu:hover{
		background-color: initial;
		border: initial;
	}

	.mm-listitem__text{
		font-family: 'msb', sans-serif;
	}

	

	.last-item-menu a span{
		padding-left: 5px;
	}
}

.mm-menu_offcanvas{
	width: 100% !important;
}