#login {
    width: 25%;
    padding: 8% 0 0;
    margin: auto;
}

.login-split img {
    margin-top: 60%;
}


body.login {
    font-size: 18px!important;
    line-height: 1.4em!important;
}

body.login p.forgetmenot label {
    margin-left: 2em;
}

.login form#loginform label[for="user_login"]:before {
    content: '\e825';
    margin-top: 1.3em;
}

.user-pass-wrap .wp-pwd:before, .login form#loginform label[for="user_login"]:before, .login form#loginform label[for="user_pass"]:before {
    font-size: 16px!important;
    line-height: 1.3em!important;
    top: 12px!important;}
    

.login form#loginform label[for="user_pass"]:before {
display:none !important;
}


.login-split {
    background-image: url(https://yapadage.fr/wp-content/uploads/2020/12/vdm_cg_rvb.gif), url(https://yapadage.fr/wp-content/uploads/2020/12/background.png)!important;
    background-size: 300px auto, cover!important;
    background-position:center bottom, 50% 50%!important;
	background-repeat: no-repeat, no-repeat!important;
}










@media (min-width: 992px){
body.login.login-split-page #login {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 10% !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
	}

	.login-split span {
    margin: 0 5%;
    display: inline-flex;
    text-align: center;
}


}


@media screen and (max-width: 992px) {
	
#login {
    width: 80%;
    padding: 8% 0 0;
    margin: auto;
}
	
body.login.login-split-page .login-split {
    display: flex !important;
	    min-height: 50%;
}
	
.login-split img {
margin-top: 1%;
    min-width: 60%;
    margin: 0 20%;
}
	
	.login-split span {
    margin: 0 5%;
    display: inline-flex;
    text-align: center;
}
	
	
}


@media screen and (max-width: 700px) {
	
body.login.login-split-page .login-split {
    display: flex !important;
	    min-height: 50%;
}
	

#login {
    width: 100%;
    padding: 8% 0 0;
    margin: auto;
}
	
@media screen and (max-width: 700px){
.login-split img {
    margin-top: 1%;
    max-width: 40%;
    margin: 0 30%;
}
	
	.login-split span {
    margin: 0 5%;
    display: inline-flex;
    text-align: center;
}

}