/* Fil d'Ariane */
.breadcrumb {
    padding: 2.5rem 0;
}
	.breadcrumb span, 
	.breadcrumb a {
	    font-size: 1.2rem;
	    /* text-transform: uppercase; */
	    transition: .5s ease 0s;
	}
		.breadcrumb a:hover,
		.breadcrumb a:active {
			color: var(--color03);
		}

/* Menu */
.nested nav {
    justify-content: center;
    display: flex;
    margin: 0 auto -2rem;
}
	.nested nav{
	}
		.nested ul.firstLevel {
		    display: flex;
		    margin: 0;
		    align-items: center;
		    justify-content: center;
		    width: 100%;
		}
			.nested ul.firstLevel li:not(:first-child) {
				margin: 0 0 0 40px;
			}
			.nested ul.firstLevel > li {
				/* padding: 10px 0 10px 0; */
				position: relative;
			}
			.nested ul.firstLevel li.nav-main-item {
			    margin: 0;
			    padding: 0 6.5rem 2rem;
			}
			@media screen and (max-width: 1200px) {
				.nested ul.firstLevel li.nav-main-item {
				    padding: 0 2.5rem 2rem;
				}
			}
				.nested ul.firstLevel li.nav-main-item:after {
				    content: "";
				    display: block;
				    width: 1px;
				    height: 1.2rem;
				    background: var(--color03);
				    position: absolute;
				    right: 0;
				    top: calc(50% - 1.6rem);
				}
				.nested ul.firstLevel li.nav-main-item:last-child:after {
				    display: none;
				}
				.nested ul.firstLevel > li > a {
				    font-size: 1.4rem;
				    color: var(--color04);
				    font-family: 'open_sansbold', sans-serif;
				    position: relative;
				    padding: 8px 0;
				    text-align: center;
				}

				.nested ul.firstLevel > li > a::after,
				.nested ul.firstLevel > li > a::before{
					display: block;
					content: "";
					position: absolute;
					height: 3px;
					width: 0;
					transition: 0.2s;
					background-color: var(--color04);
				}
				.nested ul.firstLevel > li > a::before{
					top: 0;
				}
				.nested ul.firstLevel > li > a::after{
					bottom: 0;
				}
				.nested ul.firstLevel > li > a:hover::after{
					right: 0;
				}
				.nested ul.firstLevel > li > a::before{
					left: 0;
				}

				.nested ul.firstLevel > li.current-menu-item > a::after,
				.nested ul.firstLevel > li.current-menu-item > a::before,
				.nested ul.firstLevel > li > a:hover::after,
				.nested ul.firstLevel > li > a:hover::before{
					width: 100%;
				}
				.nested ul.firstLevel > li.menu-academy > a::after,
				.nested ul.firstLevel > li.menu-academy > a::before{
					background-color: var(--color02);
				}

				.nested ul.firstLevel > li.menu-academy > a {
					color: var(--color02);
				}
				.nested ul.firstLevel > li > ul {
				    position: absolute;
				    margin: 0;
				    top: 5rem;
				    left: 0;
				    background-color: var(--color00);
				    min-width: 250px;
				    display: flex;
				    flex-direction: column;
				    height: 0;
				    opacity: 0;
				    overflow: hidden;
				    transform: translateY(-10px);
				    transition: transform .5s, opacity .5s;
				    box-shadow: 0 0 6px rgba(0,0,0,.1);
				}
				.nested ul.firstLevel > li.menu-academy > ul {
					left: auto;
					right: 0;
					
				}
				.nested ul.firstLevel > li.itemRight > ul {
					left: initial;
					padding: 10px;
					right: 0;
				}
				.nested ul.firstLevel > li:hover > ul {
					transform: translateY(0);
					opacity: 1;
					height: initial;
					overflow: visible;
				}
					.nested ul.firstLevel > li  ul  li {
						padding: 0;
						margin: 0 !important;
						display: flex;
						align-items: center;
					}
						.nested ul.firstLevel > li  ul  li  a {
							color: var(--color02);
							padding: 7px 10px 7px 10px;
							display: block;
							height: 100%;
							font-size: 1.4rem;
							width: 100%;
						}
						.nested ul.firstLevel > li  ul  li  a:hover {
							color: var(--color04);
						}


.nested ul.thirdLevel {
    display: none;
}
	.nested ul.secondLevel .nav-drop-item:hover .thirdLevel {
	    display: block;
	    position: absolute;
	    left: 100%;
	    width: 25rem;
	    top: -5px;
		box-shadow: 0 0 6px rgba(0,0,0,.1);
		background-color: var(--color00);
	}


/*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 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 {
		justify-content: center;
	}
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 767px), (max-device-width: 767px){
	.nested nav {
		display: none;
	}

}




/* SMART MENU */


.smart-menu {
	display: block;
	width: 40px;
}
.smart-menu::before, .smart-menu::after {
	content: "";
	width: 5rem;
	height: 3px;
	background-color: var(--color02);
	display: block;
}
	.smart-menu span {
		display: block;
		height: 3px;
		width: 5rem;
		background-color: var(--color02);
		margin: 6px 0;
	}




/* PAGINATION */
.tool-pagination span,
.tool-pagination a{
	text-decoration: none !important;
	padding: 10px;
	min-width: 40px;
	height: 40px;
	transition: 0.2s;
}

.tool-pagination a:hover{
	transform: scale(0.9);
}


.nav-drop-item::before{
	display: none;
}