/* Fil d'Ariane */
.breadcrumb {
    padding: 9px 0;
    text-align: center;
}
	.breadcrumb span, .breadcrumb a {
		font-size: 1.1rem;
	}

/* Menu */
.nested{
	margin-top: 10px;
}
	.nested nav{
	}

    .nested-header{
      flex: 1 0 auto;
    }
		.nested ul.firstLevel {
			display: flex;
			margin: 0;
			align-items: center;
			justify-content: center;
		}
			.nested ul.firstLevel > li:not(:first-child)::before {
                content:"";
                width: 4px;
                height: 4px;
                border-radius: 50%;
                top: 50%;
                transform: translateY(-50%);
            }
            @media (max-width:1199px) {
                .nested ul.firstLevel > li:not(:first-child)::before {
                    left: -20px;
                }
            }
            @media (min-width:1200px) {
                .nested ul.firstLevel > li:not(:first-child)::before {
                    left: -50px;
                }
            }
			.nested ul.firstLevel > li::after{
                display: block;
                content:"";
                width: 0;
                height: 1.5px;
                margin-top: 10px;
                background-color: var(--color-secondary);
                opacity: 0;
                transition: 0.2s ease-in-out;
            }
            .nested ul.firstLevel > li.active::after,
            .nested ul.firstLevel > li:hover::after{
                width: 100%;
                opacity: 1;
            }
			.nested ul.firstLevel > li {
                position: relative;

                position: relative;
                line-height: 120%;
                max-width: 152px;
                text-align: center;
                padding: 10px 0 0 0;
                flex: 1 0 auto;
			}
            @media (max-width:1199px) {
                .nested ul.firstLevel > li {
                    margin-left: 20px;
                    margin-right: 20px;
                }
                .nested ul.firstLevel > li > a {
					font-size: 1.3rem;
				}
            }
            @media (min-width:1200px) {
                .nested ul.firstLevel > li {
                    margin-left: 50px;
                    margin-right: 50px;
                }
				.nested ul.firstLevel > li > a {
					font-size: 1.4rem;
				}
            }
				.nested ul.firstLevel > li > ul {
					position: absolute;
					margin: 0;
					top: 100%;
					left: 50%;
					background-color: var(--white);
					min-width: 250px;
					display: flex;
					flex-direction: column;
					height: 0;
					opacity: 0;
					overflow: hidden;
					transform: translate(-50%, -10px);
					transition: transform .5s, opacity .5s;
				}
				.nested ul.firstLevel > li.itemRight > ul {
					left: initial;
					right: 0;
				}
				.nested ul.firstLevel > li:hover > ul {
                    /* padding-top: 20px;
                    padding-bottom: 20px; */
					transform: translate(-50%, 0);
					opacity: 1;
					height: initial;
                    padding: 15px 20px;
				}
				.nested ul.firstLevel > li > ul{
					z-index: 10000;
				}
					.nested ul.firstLevel > li > ul > li {
						padding: 0;
						display: flex;
						align-items: center;
					}
						.nested ul.firstLevel > li > ul > li > a {
							padding: 7px;
							display: block;
							height: 100%;
							width: 100%;
						}
						.nested ul.firstLevel > li > ul > li > a:hover {
							color: var(--color-secondary);
						}

/*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 */
span.mobile-buton {
	display: none;
    margin: 20px;
	width: 35px;
}
	span.mobile-buton span {
		width: 100%;
		height: 3px;
        background-color: var(--color-secondary);
		display: block;
		margin: 6px 0;
	}
    span.mobile-buton::before, span.mobile-buton::after {
        content: "";
        width: 100%;
        height: 3px;
        background-color: var(--color-secondary);
    }
@media (max-width:991px) {
	.nested nav {
		display: none;
	}
	span.mobile-buton.absolute {
		width: 40px;
		height: 40px;
		top: 0;
		left: 0;
	}
    span.mobile-buton {
		display: flex;
	}
}


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

.tool-pagination .pages{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	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: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-primary);
	color: var(--white);
	min-width: 40px;
	height: 40px;
}

.tool-pagination .pages li .page-number.current{
	background-color: var(--color-secondary);
}




/*

MM MENU

*/

.mm-panels{
  background-color: var(--white) !important;
}


.mm-listitem:not(.nav-main-item){
  background-color: var(--color-secondary);
  font-size: 1.2rem;
  color: var(--white);
  text-transform: uppercase;
}