/* 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{
	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;
}

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

}
#menu-menu-du-haut li{
	padding: 0 0 0 35px;
}
.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);
}
#footer-inner p{
	opacity: 0.6;
}



/* 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.menu-item-has-children > a::after{
		content: '';
		background-image: url(/wp-content/themes/mediapilote/img/charte/arrow-down-icon.svg);
		background-repeat: no-repeat;
		width: 16px;
		height: 16px;
		display: inline-block;
		transform: translateY(2px);
	}
		/* .nested ul.firstLevel > li:not(:first-child) {
			margin: 0 0 0 40px;
		} */

		

	
		.nested ul.firstLevel > li {
			padding: 20px 0;
			
		}
			.nested ul.firstLevel > li > a {
				font-size: 1.8rem;
				font-weight: 600;
				color: var(--white);
				font-style: italic;
				padding: 10px 20px;
				position: relative;
			}

			.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: 1024px), (min-device-width: 1024px){



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


@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;
}
/* 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;
	}
}