html{
    background: url("../model/data/bg.jpg") no-repeat center center;
    min-height:100%;
    background-size:cover;
}

body{
    min-height:100%;
    background: none;
}
h1{
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
}
#form{
    margin-top: 50px;
    padding-top: 20px;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.9);
}
input{
    margin-bottom: 20px;
}
.btn:hover, input[type=submit]:hover, #creation_compte:hover{
    background-color: grey;
    color: white;
    transition: 0.3s;
}
.form-control{
    display: inline-block !important;
}
#backConnexion{
    font-size: 16px;
}
i{
    margin: 0 5px 20px 0;

}

#reussite, #echec{
    display: none;
}
#reussite{
    background-color: green;
}
#echec{
    background-color: red;
}
input[type=submit]{
    background-color: #4a69bd;
    color: white;
    cursor: pointer;
}
a{
    color: #121212;
}
#creation_compte{
    background-color: #6c8BDF;
    color: white;
}