html { height : 100%; }
body { margin: 0px; padding: 0px; width: 100%; background-color : #ffffff; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-size : 14px; }
header img { margin : 0 0 20px 0; }
#login-content { width : 100%; position : relative; z-index : 18; }
#login { display : block; width : 100%; height : 100%; background-color: #000000; }
#login-left { 
    float : left; 
    width : 50%; 
    height : 100vh; 
    background: linear-gradient(
        rgba(255, 255, 255, 0.45), 
        rgba(255, 255, 255, 0.45)
        ),url("../img/building.png") no-repeat;
    background-size : cover;
    background-position: center top;
    opacity: 0.9;
}

#login-left-hbo { 
    float : left; 
    width : 50%; 
    height : 100vh; 
    background: linear-gradient(
        rgba(241, 241, 241, 0.25), 
        rgba(66, 86, 70, 0.45)
        ),url("../img/accueil-hbo.png") no-repeat;
        /*
        rgba(113, 0, 0, 0.45), 
        rgba(0, 0, 0, 0.45)
        ),url("../img/photo_44711_20151005.png") no-repeat;*/
    background-size : cover;
    background-position: center top;
    opacity: 0.9;
}
#login-right { float : left; width : 48%; height : 100vh; }
#login-right header, #login-right form { width : 60%; margin : 5% auto 0 auto; }
#login-right header p { text-align : center; }
#login-right header .login-logo-container img { max-width : 100%; }
#login-right header .login-logo-container { width : 100%; display: flex; align-items: center; justify-content: center; }

#login-right form p { margin: 15px 0; display: block; width: 100%; }
#login-right form label { width : 100%; display : inline-block; }
#login-right form .input
{ 
    width : 96%;
    border-bottom: 2px solid;
    border-radius: 3px 3px 0 0;
    margin-top: 15px;
    padding: 15px 2% 15px 2%;
    box-shadow: none !important;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    background: #F8F8F8;
    border-color : #9e9e9e;
}

.infobox {
    border-radius: 5px;
    padding: 20px;
    color: #FFF;
    margin: 30px 0 10px 0;
    position: relative;
    overflow: hidden;
}

input[type="submit"] {
    margin-left: 0; margin-right: 0; float: right; border: 0 !important; padding : 8px 15px; text-decoration : none; cursor : pointer;
    border-radius : 5px; 
}
/* Gestion des couleurs de background */
.orangeBg { background-color : #fdb620; }

/* Gestion des boutons */
.loginButton { background-color : #61aa7e; color : #ffffff; font-size : bold; }


/* PAGES */
#menuleft { float : left; width : 10%; margin : 0; padding : 0; padding-top : 5%; background-color : #3a4349; color : #ffffff; height : 100vh; }
#menuleft ul { margin : 0; padding : 0 5px 0 5px; list-style-type : none; }
#menuleft ul li { height : 80px; }
#menuleft ul li:hover { height : 80px; background-color : #228cbc; }
#menuleft ul a { color : #ffffff; text-decoration : none; }

.btn { font-weight : normal; }
.btn-secondary { background-color : #cccccc; border-color : #cdcdcd; }
.btn-success { border-color : #cdcdcd; }