.login, .user {
    width: 100vw;
    height: 50vh;
    @include beige_gradient();
    padding-top: 15vh;
    > h2 {
        @include sous_titre_alt();
        text-align: center;
    }
    > div {
        height: 100%;
        > div:not(.hidden) {
          //  height: 100%;
            margin-top: 5vh !important;
            display: flex;
            align-items: center;
            justify-content: center;
            form {
                font-family: 'Marianne', sans-serif;
                .form-item {
                    margin: 1.8rem 0;
                    .form-checkbox {
                        width: 1rem;
                        height: 1rem;
                        -webkit-appearance: auto;
                    }
                    .form-required {
                        font-weight: 800;
                        padding-right: 1rem;
                    }
                    .description {
                        margin-top: 0.3rem;
                    }
                }
                input {
                    border: solid 1px $teal;
                }
                .button {
                    font-family: 'Marianne', sans-serif;
                    font-weight: 800;
                    border: solid 1px $teal;
                    background-color: white;
                    cursor: pointer;
                }
                .button:hover {
                    background-color: rgba(255, 255, 255, 0.6);
                }
            }
        }
    }
}

.user {
    .contextual-region > div {
        display: flex;
        font-family: 'Marianne', sans-serif;
        > h4 {
            padding-right: 0.5rem;
        }
    }
}