#toggle-icon {
    display: flex;
    align-items: center;
    gap: 0.75em;
    padding: 0;
    margin: 0;
    appearance: none;
    font-size: inherit;
    background: 0 0;
    border: none;
    color: inherit;
    cursor: pointer;
}
.responsive-menu-toggle-icon:before, 
.responsive-menu-toggle-icon:after, 
.responsive-menu-toggle-icon span.icon {
    background: #000;
}
.bar {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: calc(2px/ 2);
    background: #384360;
    color: inherit;
    opacity: 1;
}
.bar--top {
    bottom: calc(50% + 10px + 2px/ 2);
    transition: bottom .2s ease,transform .2s ease,width .2s ease;
}
.bar--middle {
    top: calc(50% - 2px/ 2);
    transition: opacity .2s ease;
}
.bar--bottom {
    top: calc(50% + 10px + 2px / 2);
    transition: top .2s ease,transform .2s ease,width .2s ease;
}
[part=bars] {
    position: relative;
    display: block;
    width: 40px;
    height: calc(2 * 3px + 10px * 2);
}
:host([fx=collapse]) .bar--top {
    transition: bottom .2s ease,margin .2s ease,transform .2s ease;
    transition-delay: calc(0.6s + .2s),0.6s,0.6s;
}
:host([fx=collapse]) .bar--middle {
    transition: top .2s ease,opacity 0s ease;
    transition-delay: calc(0.6s + .3s),calc(0.6s + .3s);
}
:host([fx=collapse]) .bar--bottom {
    transition: top .2s ease,transform .2s ease;
    transition-delay: 0.6s;
}
:host([fx=collapse]) .is-cross .bar--top {
    bottom: calc(50% - 10px - 2px);
    margin-bottom: calc(10px + 2px/ 2);
    transform: rotate(45deg);
    transition-delay: calc(0.6s + .1s),calc(0.6s + .3s),calc(0.6s + .3s);
}
:host([fx=collapse]) .is-cross .bar--middle {
    top: calc(50% + 10px);
    opacity: 0;
    transition-delay: 0.6s,calc(0.6s + .2s);
}
:host([fx=collapse]) .is-cross .bar--bottom {
    top: calc(50% - 2px/ 2);
    transform: rotate(-45deg);
    transition-delay: calc(0.6s + .3s),calc(0.6s + .3s);
}

.is-cross .bar--top {
    bottom: calc(50% - 2px/ 2);
    transform: rotate(45deg);
}
.is-cross .bar--middle {
    opacity: 0;
}
.is-cross .bar--bottom {
    top: calc(50% - 2px/ 2);
    transform: rotate(-45deg);
}
#toggle-icon {
    display: none;
}
.region-nav-additional {
    justify-content: space-between;
}
.block-menu.menu--account.menu--account .navbar-nav, .menu--menu-reseau-sociaux .navbar-nav {
    flex-direction: row;
}
.niv2 {
    background-color: #009EDE;
}
.navbar-expand-lg {
    padding-left: 0;
    padding-right: 0;
}
.navbar-expand-lg .row {
    justify-content: space-between;
    margin: 0 !important;
    width: 100%;
}
.region-nav-additional, 
.block-menu.menu--account ul, 
.menu--menu-reseau-sociaux ul {
    display: flex;
}
.navbar-expand-lg .navbar-collapse {
    flex-grow: unset;
}