body.login {

  background: #572c5f;

  background-image: url('bg_connexion_mobile.png')!important;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



@media all and (min-width: 768px){

  body.login {

    background-image: url('bg_connexion_desktop.png')!important;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

  }

}



.login h1 a {

 	background-image: url('logo_mobile_connexion.png')!important;

	background-size: 180px;

	height: 85px;

	width: 180px;

  margin: 0 auto 0px!important;

}



#login {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  padding: 0;

}



#login #lostpasswordform{

  background: transparent;

  border: none;

}

#login #resetpassform{

  background: transparent;

  border: none;

}



/* @media all and (min-width: 768px){

  #login {

      padding: 8% 0 0;

  }

} */



#loginform{

  background: none;

  border: none;

}



.login label {

	font-size: 12px;

	color: white;

}



.login input[type="text"]{

	background-color: transparent;

  color: white;

	border: none;

  border-radius: 0;

  border-bottom: 1px solid white;

	-webkit-border-radius: 0px;

}



.login input[type="submit"]{

  width: 100%;

  background: none;

  font-size: 16px;

  border: 2px solid white;

  border-radius: 38px;

  text-transform: uppercase;

  margin-top: 30px;

  padding: 5px!important;

  transition: 0.5s;

  font-weight: 500;

}

.login input[type="submit"]:hover{

  background: white;

  color: #e26d38;

  border: 2px solid white;

  transition: 0.5s;z

}



.login input[type="password"]{

	background-color: transparent;

  color: white;

  border: none;

  border-radius: 0;

  border-bottom: 1px solid white;

	-webkit-border-radius: 0px;

}



.login form {

    box-shadow: none;

    padding: 26px 24px 0px;

}



.login form .wp-hide-pw{

    display: none!important;

}



.login #backtoblog a, .login #nav a {

    color: white;

}

.login #backtoblog a:hover, .login #nav a:hover {

    color: white;

}



p#backtoblog{

display: none;

}



.forgetmenot{

  display: none;

}



#nav{

  margin: 0;

  text-align: center;

}