/* Page Login */
.Login
{
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    background-position: center;
    background-size: cover;
    background-color:lightgrey;
}

.login-cadre
{
    display:flex;
    align-items: center;
    justify-content: center;
    width:500px;
    background-color: white;
    height:300px;
    flex-direction:column;
    border-radius:2px;
    border:1px solid transparent;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.login-cadre img
{
    width:20%;
    margin-bottom: 2%;
    height:auto;
    border-radius:68%;
}

.login-cadre hr
{
    width:60%;
}

.login-cadre input
{
    width:100%;
    border:none;
}

.login-cadre-user
{
    display:flex;
    position:relative;
    align-items:center;
    justify-content: center;
    width:60%;
    height:auto;
}

.login-cadre-pwd
{
    display:flex;
    position:relative;
    align-items:center;
    justify-content: center;
    width:60%;
    height:auto;
}

.login-cadre button
{
    width:60%;
    margin-top:5%;
    cursor:pointer;
    background-color: whitesmoke;
    color:black;
    font-weight:bold;
    border:1px solid gainsboro;
    height:35px;
    text-transform:uppercase;
}