.login {background: white; width: 100%; max-width: 100%; margin: 0; border: none; height: 100vh; position: relative; overflow: hidden; text-align: center;}
.login h1 a {background-image: none; width: 0; height: 0;}
.login-action-lostpassword h1:before {content: "Réinitialisez votre mot de passe"; position: relative;}
.login-action-lostpassword #nav a {display: none;}
#login {width: 400px;}
.login #login_error, .login .message, .login .success {background: white; border-radius: 5px; border: none; box-shadow: none;}
.login form {background: #edf1f5; border-radius: 5px; border: none; box-shadow: none;}
.wp-core-ui p .button {background: #1a416d!important; border: none; padding: 6px 15px !important; float: none; display: block; width: 100%;}
.login form .input, .login form input[type=checkbox], .login input[type=text] {border: solid 2px #b4c1cd!important; background: none!important;}
.login label {color: #1a416d!important; background: #edf1f5; position: relative; display: table!important; width: auto; margin: 0 auto -10px auto; padding: 0 10px; font-weight: bold; z-index: 1;}
.login #backtoblog a {padding: 10px 15px; border-radius: 3px; display: table; margin: auto; background: #edf1f5;}
.login form .input:focus {box-shadow: none;}
.forgetmenot {width: 100%; display: flex; align-items: center; margin-bottom: 20px !important;}
.forgetmenot input, .forgetmenot label {margin: 0;}
@media only screen and (max-width: 450px){
    #login {margin: 0 10%; width: auto;}
    
}