@import url('https://fonts.googleapis.com/css2?family=Open+Sans');

.body_login               { background-color: #002F3C; background-image: none; font-family: 'Open Sans', sans-serif; }

#page_login,
#outer                    { height: 100%; width: 100%; }
#login_box                { width: 400px; background: transparent; border-radius: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); box-sizing: border-box; }

#login_box #logo img      { padding: 0px; background: none; }
#logo img                 { display: block; margin: 0 auto; }

#formulaire input         { width: 100%; margin: 10px 0px; box-sizing: border-box; line-height: 30px; }
.form_password            { width: inherit; }

#formulaire input[type=submit] { margin-top: 35px; border-radius: 8px; transition: .3s ease; border: none; background-color: #FFFFFF; color: #6F6F6F !important; }
#formulaire input[type=submit]:not(.inactif):hover { box-shadow: none; border: none; background-color: #eaeaea !important; border-color: #FFD0C3; filter: invert(0); color: #000000 !important; }

#login_box #mdp_perdu       { color: #fff; font-size: 12px; }
#login_box #mdp_perdu:hover { text-decoration: underline; }

#login_box #explication     { color: #FFFFFF; }
div#page_login #bienvenue   { color: #C0C0C0; }

#login_messages               { position: relative; max-height: 400px; overflow-x: hidden; overflow-y: auto; }
#login_messages .msg_debug    { color: #FFFFFF; }