#page-login {
    z-index: -1;
}

@media (max-width: 992px) {
    #public-menu {
        background-color: var(--bs-primary);
    }

    #section:has(#page-login) {
        background-color: var(--bs-primary);
    }

    #page-login {
        background-color: var(--bs-primary);
        background-repeat: no-repeat;
    }
}

@media (min-width: 992px) {
    #page-login {
        /* Remplacement de $primary par var(--bs-primary) */
        background: linear-gradient(-68deg, var(--bs-primary) 0% 55%, #003C3D 55%, var(--bs-primary) 57% 100%);
        background-size: 100%;
        background-repeat: no-repeat;
    }

    #page-login-left {
        position: absolute;
        top: 50%;
        left: 0;
        max-height: 50vh;
        max-width: 39vw;
        transform: translateY(-50%);
    }

    #page-login-right {
        position: absolute;
        top: 50%;
        right: 11%;
        max-height: 100%;
        overflow-y: scroll;
        max-width: 30vw;
        transform: translateY(-50%);
    }
}