.form_login {
    width: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: auto;
}

.form_login_label {
    padding: 20px 0 10px 0;
}

.form_login_input {
    padding: 10px;
    background-color: #eeeeee;
    width: 100%;
    min-width: 400px;
}

.form_rows {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.form_rows .form_label {
    width: 40%;
    padding: 15px 0;
}

.form_rows .form_input {
    width: 60%;
    text-align: start;
}

.form_spliter {
    width: 100%;
    height: 2px;
    background-color: lightgrey;
    margin: 20px auto;
}

.form_login_btn {
    align-self: center;
    width: 120px;
    margin: 20px auto 10px auto;
}

.signin_btn {
    margin: 20px auto;
    width: 120px;
}

.signin_forgotten {
    margin: 10px auto;
    color: #cdcdcd;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.signin_forgotten:hover {
    color: #000000;
}

.login_form {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 350px;
    margin: auto;
}

.login_form select {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.login_form_row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 8px;
}

.login_form_row label {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.success {
    margin: 20px auto;
    padding: 10px;
    background-color: #bfff9a;
    color: #5ea136;
    text-align: center;
    max-width: 500px;
}

.erreur {
    margin: 20px auto;
    padding: 10px;
    background-color: #ff9a9a;
    color: #8d3030;
    text-align: center;
    max-width: 500px;
}

@media all and (max-width: 500px) {
    .form_login {
        width: 90%;
    }
}