root {
    display: block;
}

body {
    background-color: #F9F9F9;
}

.connexion {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    text-align: center;
}

.form_connexion {
    margin-right: auto;
    margin-left: auto;
    width: 400px;
}

.infos_connexion {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: 460px;
    margin-top: 20px;
}

.logo_imago {
    margin-right: auto;
    margin-left: auto;
    width: 320px;
}

.input_connexion {
    border: rgb(216, 213, 213) 1px solid;
    font-size: 16px;
    height: 25px;
    padding-left: 4%;
    width: 100%;
}

.button_connexion {
    background-color: #95CA5B;
    width: 100%;
    height: 33px;
    border: rgb(216, 213, 213) 1px solid;
    color: white;
    font-size: 18px;
}

.infos_connexion img {
    padding-top: 19px;
    padding-right: 19px;
    padding-left: 19px;
}

.infos_connexion .mail,
.infos_connexion .lock,
.infos_connexion .compte {
    width: 147px;
}

.infos_connexion .mail a,
.infos_connexion .lock a,
.infos_connexion .compte a {
    font-size: 15px;
    text-decoration: none;
    color: grey;
    border: none;
}

.heure_date {
    float: left;
    margin-left: 5%;
    width: 24%;
}

.heure {
    display: block;
}

.date {
    display: block;
}

.compte, .lock, .mail {
    display: inline-block;
}

.compte span {
    margin-left: -10px;
}

.lock span {
    margin-left: -4px;
}

.mail span {
    margin-left: 10px;
}

#footer {
    background-color: rgb(224, 224, 224);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25px;
}

#footer .copyright {
    color: grey;
    font-size: 15px;
    width: 310px;
    margin-left: auto;
    margin-right: auto;

}

#contenu_connexion {
    margin-left: auto;
    margin-right: auto;
    width: 610px;

}

.error_login {
    color: red;
}

.teamViever {
    text-decoration: none;
    color: gray;
    font-size: 1.2vw;
    display: inline-block;
    margin-top: 3%;
}

#teamVieverHp2 {
    /*display: inline-block;*/
}

#teamVieverHp2 a {
    color: grey;
    text-decoration: none;
}

#oClock {
    font-size: 1.5vw
}

.connexion .logo_imago {
    width: 430px;
}