/* Fil d'Ariane */
#access{
	position: relative;
	z-index: 100;
}
.breadcrumb {
	padding: 9px 0;
	font-family: 'sl', sans-serif;
	font-size:1.2rem;
}
.nested ul {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	        justify-content: flex-end;
	margin: 0;
}
	.nested .firstLevel > li {
		background: rgba(0, 0, 0, 0);
		float: left;
		list-style: none outside none;
		padding: 0;
		width: auto;
		position: relative;
	}
	.nested .firstLevel > li:not(:first-child) {
		margin: 0 0 0 50px;
	}
	.nested .firstLevel > li:first-child {
		margin: 0 0 0 0px;
	}
		.nested .firstLevel > li > a {
			color: var(--color02);
			display: block;
			font-size: 1.7rem;
			text-decoration: none;
			font-family: 'sl', sans-serif;
			padding: 20px 0;
		}
		.nested .firstLevel > li > a::after {
			content: "";
			width: 100%;
			position: absolute;
			bottom: 12px;
			height: 0;
			background-color: var(--color04);
			left: 0;
			-webkit-transition: height .5s;
			transition: height .5s;
		}
		.nested .firstLevel > li > a:hover::after,
		.nested .firstLevel > li.current_page_item > a::after {
			height: 3px;
		}
		.nested .firstLevel > li > ul {
			position: absolute;
			top: 100%;
			left: 0;
			z-index: 1;
			background-color: #fff;
			width: 280px;
			margin: 0;
			display: -webkit-box;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			        flex-direction: column;
			-webkit-box-align: start;
			        align-items: flex-start;
			height: 0;
			overflow: hidden;
			-webkit-transform: translateY(-10px);
			        transform: translateY(-10px);
			opacity: 0;
			-webkit-transition: opacity .3s, -webkit-transform .3s;
			transition: opacity .3s, -webkit-transform .3s;
			transition: transform .3s, opacity .3s;
			transition: transform .3s, opacity .3s, -webkit-transform .3s;
			padding-top: 10px;
		}
		.nested .firstLevel > li:hover > ul {
			opacity: 1;
			height: initial;
			-webkit-transform: translateY(0);
			        transform: translateY(0);
		}
			.nested .firstLevel > li > ul > li {
				padding: 0;
				width: 100%;
			}
				.nested .firstLevel > li > ul > li > a {
					display: block;
					width: 100%;
					height: 100%;
					padding: 5px 10px 5px 10px;
					color: var(--color02);
				}
				.nested .firstLevel > li > ul > li > a:hover {
					color: var(--color03);
				}


.contentSmart{
	text-align: center;
}
	.nested .smart-menu{
		color: #fff;
		cursor: pointer;
		display: none;
		height: 50px;
		line-height: 2em;
		margin: 0;
		position: relative;
		text-shadow: none;
		width: 100%;
	}
		.smart-menu img{
			bottom: 15px;
			position: absolute;
			right: 10px;
		}
		.smart-menu a, .smart-menu a:hover, .smart-menu a:active{
			color: #fff;
			text-decoration: none;
		}

	.mm-panels ul li a.mm-listitem__text{
		-webkit-box-flex: 1;
		        flex: 1 0 50%;
	}

	.mm-panels ul li a{
		color: var(--color02) !important;
    	text-transform: uppercase;
	}
		.mm-panels ul li a span{
			color: var(--color02) !important;
		}
		.mm-panels .secondLevel li a{
			font-size: 1.4rem;
		}



/* Menu sidebar */
#rightbar .nested, #leftbar .nested{
	background: rgba(0, 0, 0, 0);
	position: relative;
}
	#rightbar .nested ul, #leftbar .nested ul{
		background: rgba(0, 0, 0, 0);
		border: 1px solid #eee;
		height: auto;
		padding: 0;
		z-index: 1;
	}
		#rightbar .nested .firstLevel li a:hover, #leftbar .nested .firstLevel li a:hover{
			color: #007aaa;
		}
		#rightbar .nested ul li, #leftbar .nested ul li{
			background: #666;
			border-bottom: 1px solid #eee;
			float: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}
			#rightbar .nested .firstLevel li a, #leftbar .nested .firstLevel li a{
				color: #fff;
				display: block;
				line-height: normal;
				padding: 3px;
			}
				#rightbar .nested .firstLevel li a span, #leftbar .nested .firstLevel li a span{
					display: block;
				}
			#rightbar .nested .firstLevel ul, #leftbar .nested .firstLevel ul, #rightbar .nested .firstLevel ul, #leftbar .nested .firstLevel ul{
				border: medium none;
				bottom: auto;
				left: auto;
				margin: 0;
				overflow: hidden;
				position: relative;
				right: auto;
				top: auto;
				width: 100%;
			}
			#rightbar .nested .secondLevel, #leftbar .nested .secondLevel{

			}
				#rightbar .nested .secondLevel li, #leftbar .nested .secondLevel li{
					border-bottom: medium none;
					padding: 0 0 0 10px;
				}
					#rightbar .nested .thirdLevel, #leftbar .nested .thirdLevel{

					}

/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
}
@media screen and (max-width: 1200px), (max-device-width: 1200px){
	.nested .firstLevel > li:not(:first-child) {
		margin: 0 0 0 30px;
	}
}
/*02 TABLETTE*/
@media screen and (max-width: 1024px), (max-device-width: 1024px){
	.nested ul {
		-webkit-box-pack: justify;
		        justify-content: space-between;
	}
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 767px), (max-device-width: 767px){
	.nested nav,
	.breadcrumb {
		display: none;
	}
}



/* .mm-panels>.mm-panel {
    max-width: 255px !important;
} */

.mm-menu_offcanvas
{
	z-index: 3 !important;

	/* @changelog 2021-05-27 [FIX] (Adrien) bug quand page scrollé et ouverture du menu (202105260023) */
	position: fixed !important;
}


.mm-menu_offcanvas {
    width: 80vw !important;
}

	/*
	* @changelog 2021-07-02 [EVOL] (Marcel) Ajout du style menu formation
	*/
.menu-item-5569 , .menu-formations{
	position: static!important;
}
.nested .firstLevel > .menu-formations .secondLevel {
	width: 1050px;
	left: initial;
	right: 0;
	display: none;
	grid-template-columns: 1fr 1fr 1fr;
	padding: 0 30px;
	grid-column-gap: 35px;
}
.nested .firstLevel > .menu-formations:hover .secondLevel {
  columns: 3;
  display: block;
}
.nested .firstLevel > .menu-formations .secondLevel > li > a  {
	padding-left: 0;
	color: var(--color04);
	font-family: 'sb';
	font-size: 2rem;
	margin-bottom: 8px;
}
.nested .firstLevel > .menu-formations li {
	list-style: none;
}
.nested .firstLevel > .menu-formations .thirdLevel {
	flex-direction: column;
	align-items: flex-start;
}
.nested .firstLevel > .menu-formations .thirdLevel a {
	color: var(--color02);
}
.menu-formations > .nav-main-link {
	position: relative;
}
@media screen and (max-width: 1100px) {
	.nested .firstLevel > .menu-formations .secondLevel {
		width: 900px;
	}
}
@media screen and (max-width: 991px) {
	.nested .firstLevel > .menu-formations .secondLevel {
		width: 100%;
	}
}