#login {

    font-family: var(--t-font-base);
}

#login h1 {
        font-size: 1.75rem;
        font-weight: var(--t-weight-medium) !important;
    }

#login .second-part-form {
        background-image: url("../images/atelier/Tussor_Atelier_Juin_2020_v4421-94C6xCM.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 528px;
    }

#login .error {
        padding: var(--t-space-4) var(--t-space-6);
        border: var(--t-border-width-1) solid #cfc8d8;
        border-radius: var(--t-radius-sm);
        color: var(--t-color-red);
        margin-bottom: var(--t-space-4);
    }

#login .form-auth, #login .register-part {
        margin: 0 var(--t-space-8);
        padding: var(--t-space-7);
        border: var(--t-border-width-1) solid #cfc8d8;
        border-radius: var(--t-radius-sm);
    }

#login .form-input {
        padding: 0 13px;
        min-height: 44px;
        width: 100%;
        margin-bottom: 1.3rem;
        border: var(--t-border-width-1) solid var(--t-gray-75);
    }

#login label {
        letter-spacing: var(--t-tracking-wide);
    }

#login select {
        border: var(--t-border-width-1) solid var(--t-gray-75);
        min-height: 44px;
        padding: 0 13px;
        margin-bottom: 1.3rem;
        border-radius: unset;
        -webkit-appearance: none;
    }

#login .submit-button, #login .register-button {
        text-transform: uppercase;
        background-color: var(--t-color-black);
        font-weight: var(--t-weight-semibold);
        letter-spacing: var(--t-tracking-wide);
        color: var(--t-color-white);
        font-size: var(--t-text-lg);
        transition: all var(--t-duration-base);
    }

#login .register-button {
        padding: 12px var(--t-space-5);
    }

#login .submit-button {
        padding: 12px 0;
        width: 100%;
    }

#login .submit-button:hover {
        background-color: var(--t-color-red);
        color: var(--t-color-white);
    }

#login .form-check{
        margin-right: 1.3rem;
    }

/*ERROR FORM*/

#login .form-auth ul{
        padding: 0;
    }

#login .form-auth ul li{
        color: var(--t-color-red);
    }

#login .form-error {
        color: var(--t-color-red);
        margin: 5px 0 var(--t-space-3) 0;
    }

@media (max-width: 1200px) {

        #login .form-auth, #login .register-part {
            margin: var(--t-space-5) 0 0 0;
        }
    }