/* Fil d'Ariane */
.breadcrumb {
    padding: 30px 0;
    letter-spacing: 0.05rem;
}
	.breadcrumb span, .breadcrumb a {
		font-size: 1.1rem;
        color: var(--gray-700);
        text-transform: uppercase;
	}

/* Menu */
.nested{
}
	.nested nav{
    height: 100%;
	}
    nav * {
        font-family: var(--font-secondary);
    }
		.nested ul.firstLevel {
			display: flex;
			margin: 0;
            height: 100%;
			justify-content: flex-end;
		}
			.nested ul.firstLevel > li:not(:first-child) {
				margin: 0 0 0 55px;
			}
			.nested ul.firstLevel > li {
				padding: 10px 23px;
				position: relative;
                display: flex;
                overflow: hidden;
                align-items: center;
                justify-content: center;
                margin: 0;
			}
        .nested ul.firstLevel li.menu-login:hover {
            z-index: 40;
            height: auto;
        }
        .nested ul.firstLevel > li {
            overflow: visible;
            position: relative;
            z-index: 0;
        }
        .nested ul.firstLevel li.menu-solutions {
            position: initial;
        }
        .nested ul.firstLevel > li.menu-solutions > ul {
            flex-direction:row;
            max-width:100%;
        }
        .nested ul.firstLevel li.menu-solutions:hover > ul:before {
            content: '';
            position: absolute;
            top: 0;
            left: -200%;
            right: -200%;
            bottom: 0;
            background-color: var(--color-secondary);
            z-index: 0;
        }

        .nested ul.firstLevel li.menu-solutions.active > ul,
        .nested ul.firstLevel li.menu-solutions:focus > ul{
            left: 0;
            width: 100%;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            height: calc(100vh - 83px);
            z-index: 10;
            overflow: visible;
        }
        .nested ul.firstLevel li.menu-login.active > ul,
        .nested ul.firstLevel li.menu-login:focus > ul,
        .nested ul.firstLevel li.menu-login:hover > ul{
            left: 0;
            width: 100%;
            transform: none;
            -webkit-transform: none;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            height: auto;
            z-index: 25;
            overflow: visible;
        }
        .nested ul.firstLevel li.menu-login:hover > ul li {
            margin-bottom: 0;
        }
        .nested ul.firstLevel li.menu-solutions > ul li {
            padding-top: 6.5vh;
            transition: background 0.2s ease-in-out;
            -webkit-transition: background 0.2s ease-in-out;
            -moz-transition: background 0.2s ease-in-out;
            -ms-transition: background 0.2s ease-in-out;
            -o-transition: background 0.2s ease-in-out;
            flex: 0 0 20%;
        }
        .nested ul.firstLevel li.menu-solutions.ico-arrow-back > a {
            display: inline-flex;
            align-items: center;
        }
        .nested ul.firstLevel li.menu-solutions .select-menu-icon.icon-arrow-back{
            color: var(--orange);
            margin-left: 6px;
            cursor: pointer;
        }
        .nested ul.firstLevel li.menu-solutions.ico-arrow-back > a:after{
            display: none;
        }
        .nested ul.firstLevel li.menu-solutions .fourthLevel li a {
            font-weight: 400;
        }
        .nested ul.firstLevel li.menu-solutions > ul li li {
            padding: 0;
        }
        .nested ul.firstLevel li.menu-login > a {
            padding: 0 10px;
            align-items: stretch;
        }
        .nested ul.firstLevel li.menu-login > a::after {
            padding: 10px 0 10px 10px;
            margin-left: 10px;
            border-left: 1px solid var(--white);
            display: inline-flex;
        }
        .nested ul.firstLevel li.menu-login > a span {
            display: inline-flex;
            align-self: center;
            padding-top: 6px;
        }

        .nav-main-link {
            font-weight: 900;
            display: inline-block;
            font-family: var(--font-secondary);
        }
        .nested ul.firstLevel > li > ul.secondLevel a {
            font-weight: 900;
            font-family: var(--font-secondary);

        }
        .nested ul.firstLevel > li.showSecondMenu > .secondLevel {
            display: flex;
            height: calc(100vh - 84px);
        }
		.nested ul.firstLevel > li > ul {
            position: absolute;
            margin: 0;
            top: 110%;
            left: 50%;
            background-color: var(--color-secondary);
            transform: translateX(-50%);
            max-width: 180px;
            flex-direction: column;
            display: flex;
            height: 1;
            opacity: 0;
            z-index: -1;
            overflow: hidden;
            transition: 0.2s ease-in-out;
            -webkit-transition: 0.2s ease-in-out;
            -moz-transition: 0.2s ease-in-out;
            -ms-transition: 0.2s ease-in-out;
            -o-transition: 0.2s ease-in-out;
        }
        .nested ul li a {
            display: inline-block;
        }
        .nested ul.firstLevel > li > ul {
            opacity: 1;
            height: initial;
            justify-content: center;
            top: 100%;
        }
        .nested ul.firstLevel > li > ul.secondLevel {
            height:0;
            overflow:hidden;
            width: 100%;
        }
        .nested ul.firstLevel li.ico-login .select-menu-icon.icon-arrow-back{
            display: none;
        }
        .nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.thirdLevel > li.active {
            background-color: var(--color-secondary-light);
        }
        body .nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.thirdLevel > li.active a {
            font-weight: normal;
        }
        .nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.thirdLevel > li.active a:hover {
            font-weight: 900!important;
        }
        body .close-menu{
            display: none;
        }
        body.showMenu .close-menu {
            display: block;
        }
        .close-menu {
            position: fixed;
            top: 100px;
            right: 20px;
            width: 100vw;
            font-weight: 900;
            height: 100vh;
            font-size: 3.1rem;
            color: var(--color-primary);
            padding-right: 31px;
            z-index: 999999;
            width: 20px;
            height: 20px;
            cursor: pointer;
            transition: 0.2s ease-in-out;
        }
        .close-menu:hover {
            color: var(--red-light);
        }
        .nested ul.firstLevel > li > ul{
            z-index: 20;
        }
        .nested ul.firstLevel > li > ul > li a {
            color: var(--color-primary);
            font-weight: 900;
            display: inline-block;
        }
        .nested ul.firstLevel > li > ul > li {
            padding: 0;
            transition: 0.2s ease-in-out;
            -webkit-transition: 0.2s ease-in-out;
            -moz-transition: 0.2s ease-in-out;
            -ms-transition: 0.2s ease-in-out;
            -o-transition: 0.2s ease-in-out;
        }
        .nested ul.firstLevel > li > ul > li .menu-logo {
            position: relative;
            text-align: center;
        }
        .nested ul.firstLevel > li > ul > li .menu-logo img {
            max-height: 42px;
        }
        .nested ul.firstLevel > li > ul > li > a {
            padding: 10px 40px;
            display: block;
            width: 100%;
            font-weight: 900;
        }
        .nested ul.firstLevel > li > ul > li:hover {
            background-color: var(--white);
        }
		.nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.thirdLevel {
            top: 0;
            left: 0;
            text-align: center;
            margin-left: 0;
        }
		.nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.thirdLevel > li {
            padding: 10px 0;
            padding-left: 0;
            text-align: center;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            align-items: center;
		}
        .nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.thirdLevel > li > ul.fourthLevel > li {
            text-align: center;
        }
        .nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.thirdLevel > li > ul.fourthLevel > li:not(:last-child) {
            padding-bottom: 10px;
		}
        .nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.thirdLevel > li > ul.fourthLevel > li a:hover {
            font-weight: bold;
		}
        .nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.thirdLevel > li.have-child.active > a > span{
            display: block;
            padding-bottom: 10px;
        }
        .nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.thirdLevel > li.have-child.active > a > span{
            font-weight: 900;
        }
        .nested ul.firstLevel ul.secondLevel .select-menu-icon.icon-arrow-back{
            color: var(--color-danger);
            margin-left: 10px;
        }
        .nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.fourthLevel {
            margin: 0;
            padding-top: 20px;
            flex: 1 0 100%;
        }
        .nested ul.firstLevel ul.secondLevel li.nav-drop-item ul.fourthLevel li.nav-drop-item {
            padding: 0;
        }


            ul.firstLevel  li.btn-dark-grey {
                padding-right: 9px !important;
            }
            ul.firstLevel  li.btn-dark-grey::before {
                order: 2;
                font-size: 2.2rem;
                margin-left: 9px;
            }
            ul.firstLevel  li.btn-dark-grey .nav-main-link span {
                color: var(--white);
                order: 1;
                font-family: 'roboto', sans-serif;
            }
            ul.firstLevel  li.btn-dark-grey .nav-main-link span::after {
                border-right: 1px solid var(--white);
                padding: 12px;
                content: '';
            }
            .close-menu {
                position: absolute;
            }

            .ico-login > a::after {
                content: "\e912";
                margin-left: 20px;
            }
            nav.menu-spe {
                background: var(--color-secondary);
                padding-bottom: 90px;
                padding-top: 50px;
            }
            .close-menu {
                top: 100px;
                right: 20px;
                font-weight: 900;
                font-size: 3.1rem;
                color: var(--red-light);
                padding-right: 31px;
                z-index: 30;
                width: 20px;
                height: 20px;
                cursor: pointer;
                transition: 0.2s ease-in-out;
            }
            .nested-header ul.firstLevel li.menu-solutions .icon-rotate {
                transform: rotate(90deg);
            }



/*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;
	}
    .firstLevel.spe-click-parent {
        flex: 1;
        background-color: var(--color-secondary);
        margin: 0;
        position: relative;
        z-index: 100000;
        min-height: 637px;
    }
    .nav-main-item.spe-click .secondLevel,
    .nav-drop-item.spe-click .thirdLevel {
        display: block;
    }
    ul.firstLevel.spe-click-parent .nav-main-item:not(.spe-click) {
        display: none;
    }
    #access.spe-click-parent-root {
        display: flex !important;
        align-items: flex-start;
    }
    ul.firstLevel li.menu-solutions,
    ul.firstLevel li.menu-login{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    ul.firstLevel li.menu-login{
        padding-top: 20px;
        border-bottom: none;
    }
    ul.firstLevel li {
        margin-bottom: 0;
        border-bottom: 1px solid var(--white);
        margin-right: 30px;
        padding-left: 0;
    }
    ul.secondLevel li.menu-bg-white {
        position: relative;
        padding-top: 20px;
    }
    ul.secondLevel li.menu-bg-white .thirdLevel li.have-child {
        margin-bottom: 0;
    }
    ul.secondLevel li.menu-bg-white .thirdLevel li.have-child .icon-rotate{
        top: 0;
    }
    ul.secondLevel li.menu-bg-white::after {
        content: '';
        position: absolute;
        top: 0;
        left: -20px;
        width: calc(100vw + 40px);
        height: 100%;
        background: var(--white);
        z-index: 0;
    }
    ul.secondLevel li.menu-bg-white a {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    ul.secondLevel li{
        border-bottom: none;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-right: 0;
        margin-bottom: 25px;
        align-items: center;
        min-height: 40px;
    }
    li.ico-login ul.secondLevel li {
        margin-bottom: 5px;
    }
    ul.thirdLevel li {
        margin-bottom: 5px;
        justify-content: normal;
    }
    ul.firstLevel li .select-menu-icon.icon-arrow-back{
        color: var(--orange);
        z-index: 2;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    ul.firstLevel li .icon-plus {
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    ul.firstLevel li.menu-item-663 .icon-plus{
        color: var(--color-life);
    }
    ul.firstLevel li.menu-item-677 .icon-plus{
        color: var(--color-art);
    }
    ul.firstLevel li.menu-item-682 .icon-plus{
        color: var(--color-risk);
    }
    ul.firstLevel li.menu-item-675 {
        padding-top: 7px;
    }
    ul.firstLevel li.menu-item-676 {
        padding-top: -7px;
    }
    .nav-main-link {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    ul.firstLevel li.menu-solutions .icon-rotate,
    ul.firstLevel li.ico-login .icon-rotate {
        transform: rotate(90deg);
        right: 0;
        top: 15px;
        z-index: 2;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .nav-main-item ul.secondLevel,
    .nav-main-item ul.thirdLevel,
    .nav-main-item ul.fourthLevel
    {
        display: none;
        flex: 1 0 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .nav-main-item ul.thirdLevel li .icon_rotate-thirdLevel {
        transform: rotate(90deg);
    }
    .nav-main-item ul.fourthLevel {
        margin-top: 0;
        margin-bottom: 0;
    }
    .thirdLevel li > a {
        font-weight: 900;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    ul.thirdLevel li > a {
        /* width: 100%; */
    }
}
/*03 MINI-TABLETTE et MOBILE */
@media screen and (max-width: 1024px), (max-device-width: 1024px){
	.nested nav{
		display: none;
	}
	.mobile-buton.absolute {
		width: 40px;
		height: 40px;
		top: 0;
		left: 0;
	}
    .mobile-buton {
        cursor: pointer;
        height: 40px;
        text-align: center;
        vertical-align: middle;
        width: 40px;
        -webkit-transition: opacity .2s ease .3s, top 0s ease .3s;
        -moz-transition: opacity .2s ease .3s, top 0s ease .3s;
        transition: opacity .2s ease .3s, top 0s ease .3s;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
        .menu-spe-on .mobile-buton span {
            display: none;
        }
        .mobile-buton span {
            height: 3px;
            margin: 3px 0;
            overflow: hidden;
            width: 40px;
            text-indent: -50000px;
            background-color: var(--color-primary);
            display: block;
        }
    .menu-spe-on .mobile-buton::after {
        transform: translateY(-4px) rotate(-45deg);
        -moz-transform: translateY(-4px) rotate(-45deg);
        -webkit-transform: translateY(-4px) rotate(-45deg);
        margin: 4px 0;
        background-color: var(--red-light);
    }
    .menu-spe-on .mobile-buton::before {
        transform: translateY(4px) rotate(45deg);
        -moz-transform: translateY(4px) rotate(45deg);
        -webkit-transform: translateY(4px) rotate(45deg);
        margin: 1px 0;
        background-color: var(--red-light);
    }
    .mobile-buton::before, .mobile-buton::after {
        content: "";
        width: 100%;
        height: 3px;
        background-color: var(--color-primary);
        display: block;
        transition: all .25s ease;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        margin: 5px;
}
    .menu-logo img {
        height: 42px;
    }
}

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