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