.header-page {
    background-color: var(--color-white);
}
.header-page .mobile-nav-button {
    width: 78px;
    justify-content: end;
}
.mobile-nav-button__label {
    display: none;
}
.header-page .header-nav {
    border-block-start: solid var(--color-white) calc(6 * 1.125rem);
}
.header-page .btn {
    border: 2px solid var(--color-blue);
    padding: 0rem 1.5rem;
}
.header-page .btn.btn-red {
    border: 2px solid var(--color-red);
}
.header-page .primary-nav__menu-link-inner {
    color: var(--color-blue);
    font-size: 1rem;
    font-weight: 400;
    padding-block: 0;
}

.header-page .btn:hover .primary-nav__menu-link,
.header-page .btn:hover .primary-nav__menu-link-inner {
    color: var(--color-blue);
    background-color: transparent;
}
.header-page .btn.btn-red:hover .primary-nav__menu-link-inner,
.header-page .btn.btn-red:hover .primary-nav__menu-link {
    color: var(--color-red);
}
.header-page .btn .primary-nav__menu-link-inner::after {
    content: none;
}
.header-page .btn .primary-nav__menu-link-inner  {
    color: var(--color-white);
}
.header-page .btn:hover .primary-nav__menu-link-inner  {
    color: var(--color-blue);
}
.header-page .mobile-nav-button__icon,
.header-page .mobile-nav-button__icon::before, 
.header-page .mobile-nav-button__icon::after {
    border-color: var(--color-blue);
}
.menu {
    padding-left: 0;
    list-style: none;
}
.menu--secondary-menu .menu-horizontal li {
    margin: 2rem 0;
}
.menu--reseaux-sociaux .menu-link {
    font-size: 0;
    width: 38px;
    height: 38px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.menu--reseaux-sociaux .menu-link.yt {
    background-image: url('../images/youtube.svg');
}
footer .menu--reseaux-sociaux .menu-link.yt {
    background-image: url('../images/youtube-white.svg');
}
.menu--reseaux-sociaux .menu-link.fb {
    background-image: url('../images/facebook.svg');
}
.menu--reseaux-sociaux .menu-link.insta {
    background-image: url('../images/instagram.svg');
}
.menu--reseaux-sociaux .menu-link.tiktok {
    background-image: url('../images/tiktok.svg');
}
.menu--reseaux-sociaux .menu-link.in {
    background-image: url('../images/linkedin.svg');
}
footer .menu--reseaux-sociaux .menu-link.in {
    background-image: url('../images/linkedin-violet.svg');
}
.header-page .mobile-buttons {
    margin-block-start: 1rem;
    margin-block-end: 1rem;
}
.header-page {
    height: 105px;
    display: flex;
    align-items: center;
}

.header-page .primary-nav__menu-link-inner::after {
    border-color: var(--color-red);
}
.header-page .primary-nav__menu-link {
    margin-bottom: 1rem;
}
@media (min-width: 31.25rem) {

}
/*
 * Desktop
*/
@media (min-width: 72em) { 
    .header-page {
        height: 137px;
    }
    .header-page .header-nav {
        position: static;
        width: auto;
        visibility: visible;
        max-width: inherit;
        height: auto;
        box-shadow: none;
        padding: 0;
        border-block-start: none;
        background-color: transparent;
        transform: none;
    }
    .header-page .mobile-buttons {
        display: none;
    }
    .header-page .primary-nav__menu-item--level-1 {
        display: flex;
        align-items: center;
    }
    .header-page .primary-nav__menu-item--level-1 {
        padding: 0 2rem;
    }
    .header-page .primary-nav__menu-item--level-1:nth-last-child(1):after {
        content: none;
    }
    .menu.menu-horizontal {
        display: flex;
    }
     .header-page .menu.menu-horizontal .menu-item {
        margin-right: 25px;
    }
    .menu.menu-horizontal .menu-item:nth-last-child(1) {
        margin-right: 0;
    }
    main {
        margin-top: 0;
        overflow: hidden;
        padding-top: 104px;
    }
    .header-page .primary-nav__menu-link {
        margin-bottom: 0;
    }
    .menu--secondary-menu .menu-horizontal li {
        margin: 0;
    }
    .header-page .primary-nav__menu--level-1 {
        justify-content: center;
    }
}
@media (max-width: 72em) { 
    .menu--navigation-secondaire .menu-horizontal .menu-item + .menu-item {
        margin-left: 0.5rem;
    }
    
}
@media (max-width: 767px) { 
    html {
        font-size: 15px;
    }
    .header-page .primary-nav__menu-link-inner {
        padding-block: calc(0.5 * 1.125rem);
    }
    .header-page .primary-nav__menu-link {
        font-size: 1.3rem;
    }
    .bloc--system-menu-block-navigation-secondaire .menu-horizontal {
        flex-direction: column;
    }
    .menu--navigation-secondaire .menu-horizontal .menu-item + .menu-item {
        margin-top: 0.5rem;
        margin-left: 0rem;
    }
}