@charset "UTF-8";
/* CSS Document */

body.krea3-menu-fullscreen-open {
    overflow: hidden;
}

ul#nav {
    position: static;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.6rem;
    letter-spacing: 0.05em;
    font-weight: 700;
    color: #000;
    gap: 0 4.2rem;
    place-items: center;
    place-content: center;
    flex-wrap: wrap;
}


ul#nav .niv-1 {
    position: static;
}

ul#nav .niv-1 h2, ul#nav .niv-1 .h2 {
    margin: 0;
    font-size: inherit;
}

ul#nav .niv-1 > .nav-link{
    text-align: center;
    letter-spacing: 0.03em;
    background: none;
    border: 0;
    z-index: 1001;
}

@media (max-width: 1250px) {
    ul#nav .niv-1 > .nav-link{
        font-size:1.2rem;
    }
}

ul#nav .nav-link{
    padding: 0 !important;
    color: currentColor;
    position: relative;
    text-transform: uppercase;
}

ul#nav .nav-link::before {
    content: "";
    width: 100%;
    height: 0.3rem;
    background: #ec762c;
    position: absolute;
    left: 0;
    bottom: -0.5rem;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}

ul#nav .nav-link:hover::before,
ul#nav .nav-link:focus::before,
ul#nav .nav-link:active::before {
    opacity: 1;
}

ul#nav .nav-link:focus-visible {
    box-shadow: none;
    outline: 1px dotted #ec762c;
    outline-offset: 2px;
}

ul#nav .nav-link:focus-visible::before {
    opacity: 0;
}

ul#nav .nav-link.is-active::before, 
ul#nav .nav-link.show::before {
    opacity: 1;
    background: #ec762c;
}

ul#nav .dropdown-toggle::after {
    content: none;
}

@media (max-width: 1275px) {
    ul#nav {
        gap:0 1.75rem;
        text-align: center;
        padding: 0;
        width: 100% !important;
        background: #fff;
    }

}

.krea3-menu-fullscreen {
    width: 100%;
    height: 100vh;
    margin: 0 !important;
    padding-top: 7.5rem;
    padding-bottom: 2.5rem;
    top: calc(100% + 1px) !important;
    border: 0;
    overflow: hidden;
    overflow-y: auto;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
}

@media (min-width: 1024px) {
    .krea3-menu-fullscreen {
        width:calc(100% + 1.7rem);
        left: 0 !important;
        padding: 7.5rem 1.7rem 0;
    }

}

.krea3-menu-fullscreen::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background: #F0F0F0;
}

.krea3-menu-fullscreen::-webkit-scrollbar-thumb {
    background: #CDCDCD;
}



.krea3-menu-fullscreen .btn-close-menu {position: absolute;top: 3rem;right: 3rem;color: #212121;padding: 0;font-size: 3rem;}
.krea3-menu-fullscreen .btn-close-menu:hover, .krea3-menu-fullscreen .btn-close-menu:focus, .krea3-menu-fullscreen .btn-close-menu:active {color: #000;}

@media (max-width: 767.98px) {
    .krea3-menu-fullscreen .btn-close-menu {top:2.5rem;right: 2rem;}
}

.krea3-menu-fullscreen a {
    display: block;
    color: #212121;
    text-decoration: none;
}

.krea3-menu-fullscreen ul {
    padding: 0;
    list-style: none;
}

.krea3-menu-fullscreen .container {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1.5rem;
        align-items: start;
}

/* sous rubriques */
.krea3-menu-fullscreen .niv-2 {flex-basis: calc(33.33% - 1rem);margin-bottom: 3rem;}
.krea3-menu-fullscreen .niv-2 .item {display: block;max-width: 33.6rem;padding-bottom: 0.2rem;font-size: 2.2rem;line-height: 1.6;letter-spacing: 0.03em;border-bottom: 0.1rem solid #ec762c;}
.krea3-menu-fullscreen .niv-2 a.item svg {font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;display: inline-block;margin: 0 0 0 1rem;font-size: 1.6rem;line-height: 1.6;color: #ec762c;transform: scaleX(0);transform-origin: left center;transition: transform 0.2s ease-in;}

.krea3-menu-fullscreen .niv-2 a.item[href]:hover svg {
    transform: scaleX(1);
}

.krea3-menu-fullscreen .niv-2 .dropdown-menu {
    max-width: 33.6rem;
    padding: 0;
    display: block;
    position: static;
    border: 0;
    background: none;
}

.krea3-menu-fullscreen .niv-3 {
    margin-top: 1.1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.03em;
}

.krea3-menu-fullscreen .niv-3 a[href]:hover {
    font-weight: 700;
}

.dropdown-toggle {
    white-space: nowrap;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

/*

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: 0.125rem;
}

.dropdown-menu-start {
    --bs-position: start;
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0;
}

.dropdown-menu-end {
    --bs-position: end;
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start;
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .dropdown-menu-sm-end {
        --bs-position: end;
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position:start;
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .dropdown-menu-md-end {
        --bs-position: end;
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1024px) {
    .dropdown-menu-lg-start {
        --bs-position:start;
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .dropdown-menu-lg-end {
        --bs-position: end;
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position:start;
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xl-end {
        --bs-position: end;
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1440px) {
    .dropdown-menu-xxl-start {
        --bs-position:start;
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xxl-end {
        --bs-position: end;
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto;
    }
}

*/


.navbar-toggler {
    margin-left: 2.2rem;
    padding: 0;
    order: 1;
    font-size: 1.9rem;
    color: transparent;
    margin-left: 2.2rem;
    padding: 0;
    order: 1;
    font-size: 1.9rem;
    color: #000;
    position: absolute;
    right: 3rem;
}

.navbar-toggler__nav {
    order: 1;
}

@media (min-width: 992px){
	/* masquer le bouton menu trigger sur grand écran */
	.navbar-expand-lg .navbar-toggler {
	    display: none;
	}
}

@media (max-width: 1024px) and (pointer:fine) {
    .navbar-toggler__nav #alertMenu {
        overflow:visible !important;
        color: black;
        font-size: 1.3rem;
        left: 27%;
        top: 1rem;
        clip: unset !important;
        width: 44% !important;
        white-space: initial !important;
        line-height: 1.2;
        background-color: #fff;
        display: none;
    }

    .navbar-toggler__nav .navbar-toggler:focus + #alertMenu {
        display: block;
        height: auto !important;
        padding-inline-start:5px !important;}
}

.navbar-toggler:focus {
    box-shadow: none;
    outline: 1px dotted;
}

.navbar-toggler-icon {
    display: inline-flex;
    place-items: center;
    place-content: center;
    color: #ec762c;
    background-image: none;
}