/* header */
.sub-header {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}
.sub-header a {
    color: black;
}
.bandeau {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary-bg-color);
}
@media (max-width: 767px) {
    .bandeau > img {
        display: none;
    }
    .bandeau > a {
        position: relative;
        left: auto;
        bottom: auto;
    }
    nav ul {
        margin-top: 16px !important;
    }
}

.logo {
    left: 30px;
    bottom: 20px;
}
nav {
    background-color: var(--nav-bg-color);
    height: 40px;
    display: flex;
    align-items: center;
}
nav ul {
    margin-top: 0px;
    display: flex;
    gap: 30px;
    padding-left: 2rem;
    list-style-type: none;
}

nav a {
    color: white;
    font-size: 18px;
}