.login{

    background:#fff;
}
#login{

    width: 26%;
    margin: 0 0 0 auto;
    padding: 15vh 7% ;
}
#login:before{
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    height: calc(100% - 30vh);
    width: 60%;
    background: transparent url(IMG_2297.jpg) no-repeat left center fixed;
    background-size: cover;
    padding: 15vh 0;
}


#login h1 a, .login h1 a{
    background:url('logo-vecteur_2020.svg') left center no-repeat transparent;
    height:150px;
}
#loginform:before{
    content:"Connexion à l'intranet";
    display:block;
    font-size: 22px;
    margin:1em 0;
}
#loginform,.login #backtoblog, .login #nav,#lostpasswordform,#wfls-prompt-overlay{
    padding-left:0;
    padding-right:0;
    border:0;
}
.login #backtoblog,.language-switcher{
    display:none;
}
.login #backtoblog a, .login #nav a{
    color:#ec1b46
}
.wp-core-ui .button-primary{
    background:#ec1b46;
    border-color:#ec1b46;
    transition:0.3s all ease-out;
}
.wp-core-ui .button-primary:hover{
    border-color:#ec1b46;
    background:transparent;
    color:#ec1b46;
}

@media(max-width:1024px){
    #login:before {
        height: 7%;
        width: 100vw;
        padding: 7%;
    }
    #login {
        width: auto;
        margin: 0 0 0 auto;
        padding: 19% 7% 0% 7%;
    }
}