#header {
    background: url(/sites/default/files/inline-images/haut_FGDN.jpg) bottom left no-repeat;
    /*height: 430px;*/
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 0 100%);
    background-size: cover;
    position: unset;
    width: 100%;
    background-position-y: -450px;
}

.path-frontpage #header {
    /*position: fixed;*/
    height: var(--header-h-full);
    width: 100%;
    background-position-y: 0;
}

.path-frontpage #header.is-scrolled {
    height: var(--header-h-moyen);
}

.site-header {
    height: var(--header-h-compact);
    transition: height .35s ease;
}

.site-header.is-scrolled {
    height: var(--header-h-compact);
}


.site-header__initial {
    background-color: transparent;
}

.site-header__inner {
    width: 100%;
    background: transparent;
}

.site-header__inner__container {
    justify-content: flex-start;
}

/*
.path-frontpage .site-header__inner__container {
  margin-block-start: var(--sp4);
}*/

@media (min-width: 75rem) {
    .site-header {
        /*border-block-end-color: var(--color--black);*/
        border-block-end: 0;
    }
}

@media (min-width: 75rem) {
    body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
        position: fixed;
        z-index: 102;
        inset-block-start: calc(var(--drupal-displace-offset-top, 0px) - var(--sp4));
        max-width: unset;
    }
}