html, body{
   min-height: 100%;
   height:100%;
}
body{
   background-image: url('../images/couverture_murs_rideaux.jpg');
   background-size: cover;
   background-attachment: fixed;
   margin:0;
   min-width: 240px;
   width:100%;
}
h1{
   font-family: "Open Sans";
   font-size: 17px;
   color: #000000;
   text-align: center;
   margin:0;
   margin-bottom:25px;
}


.content{
   width: 100%;
   min-height: 100%;
}

.content .dialog-cover img {
   width: 22px;
}


.content .dialog-cover{
   /*
   height: 185px;
   width: 100%;
   background-size: cover;
   position: absolute;
   top: 0;
   left: 0;
    */
}


.logo-image {
   width:150px;
   padding-top: 38px;
   padding-bottom: 20px;
}


.content .dialog-cover a{
   background-color: #15202c;
   padding: 6px 15px;
   border-radius: 5px;
   position: absolute;
   left: 15px;
   top: 15px;
   color: #56687d;
   text-decoration: none;
   font-size: 12px;
   line-height: 22px;
   font-weight: 600;
   color: #fff;
}
.content div{
   font-size: 13px;
   font-family: "Open Sans";
   text-align: center;
   color: #808080;
   line-height: 20px;
   margin-bottom:20px;
}
.center{
   float: right;
   width: 80%;
   min-width: 300px;
   padding: 10px 0px;
   box-sizing: border-box;
   display: table;
   height: 100%;
   position: absolute;
   right: 0;
   left:0;
   margin:auto;
}
.vertical-align{
   display: table-cell;
   vertical-align: middle;
}
form{
   position: relative;
   max-width: 380px;
   width: 70%;
   background-color: #FFF;
   margin: auto;
   z-index: 999;
   padding: 40px 45px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   text-align: center;
   -webkit-box-shadow: 0px 0px 75px -20px rgba(0,0,0,0.19);
   -moz-box-shadow: 0px 0px 75px -20px rgba(0,0,0,0.19);
   box-shadow: 0px 0px 75px -20px rgba(0,0,0,0.19);
   overflow: hidden;
}
form input {
   width: 100%;
   margin-top: 10px;
   padding: 15px 0px;
   border: none;
   border-bottom: solid 1px #e4e4e4;
   outline: none;
   text-align: center;
}
form input.error{
   border-bottom: solid 2px #f00;
}
form span{
   width: 100%;
   display: block;
   text-align: left;
   color: #e74c3c;
   font-family: sans-serif;
   font-size: 12px;
   margin-top:5px;
}
form span:empty{
   margin-bottom:0;
}
form input[type='submit'] {
   padding: 15px 0px;
   display: inline-block;
   margin-top: 30px;
   background-color: #2c3e50;
   color: #FFF;
   text-decoration: none;
   font-size: 12px;
   border-radius: 3px;
   -webkit-appearance: none;
}