#login{display:flex;min-height:100vh}#login .image_login{background:url(./image_login.BfXYXOp6.avif) 50% no-repeat;background-size:cover;height:100vh;position:relative;width:55%}#login .image_login .phrase_login{background:var(--secondary-color);bottom:0;color:#fff;font-size:1.3em;font-weight:300;left:0;letter-spacing:1px;margin:auto;padding:25px;position:absolute;text-align:center;text-transform:uppercase;width:100%}#login .formulaire_login{display:flex;flex-direction:column;height:100vh;overflow-y:auto;width:45%}#login form .mdp_oublie{color:#828282;display:inline-block;font-size:.8em;margin-top:6px;transition:.2s ease;vertical-align:middle}#login form .mdp_oublie:hover{color:var(--secondary-color)}@media only screen and (max-width:1200px){#login .formulaire_login{padding:0 2.5rem}}@media only screen and (max-width:992px){#login{flex-direction:column-reverse}#login .image_login{height:77px;width:100%}#login .formulaire_login{height:auto;width:100%}}