/* page de connexion et inscription */
.loginCard {
    width:500px;
    margin:0 auto;
    margin-top:10%;
    text-align: center;
}

.loginCard h1{

    margin: 0 auto;
    padding-bottom: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

.loginUser {
    background-color:#ADD8E6 ;
    color: black;
    font-size: 17px;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

.loginUser:hover{
    background-color: white;
    color: #53af57;
    border: 1px solid #53af57;
}


input[type=password], input[type=email], input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

form {
    padding: 30px;
    border: 1px solid #e6e6e6;
    background: #e6e6e6;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.formElmt input{
    width:100%;
}
.formElmt{
    margin-top: 10px;
}
.page{
    display:flex;
    flex-flow: row wrap;
}

.font{
    background-image: url("/projet1Hotel/assets/background.jpg");
    height: 100%;
    background-size:cover; 
}

.placementBoutons a{
    margin: 5px;
    text-decoration:none;
    color:darkcyan;
}
.placementBoutons a:hover{
    margin: 5px;
    text-decoration:none;
    color:rgb(1, 70, 102);
}