/*-------------------------------------*/
/*------------- IMG LOGIN -------------*/
/*-------------------------------------*/
body.login0 {
	background: url(../img/fond_login0.jpg) 50% 50% / cover no-repeat;
	padding-top: 0 !important;
}

body.login1 {
	background: url(../img/fond_login1.jpg) 50% 50% / cover no-repeat;
	padding-top: 0 !important;
}

body.login2 {
	background: url(../img/fond_login2.jpg) 50% 50% / cover no-repeat;
	padding-top: 0 !important;
}

body.login3 {
	background: url(../img/fond_login3.jpg) 50% 50% / cover no-repeat;
	padding-top: 0 !important;
}

body.login4 {
	background: url(../img/fond_login4.jpg) 50% 50% / cover no-repeat;
	padding-top: 0 !important;
}

body.login5 {
	background: url(../img/fond_login5.jpg) 50% 50% / cover no-repeat;
	padding-top: 0 !important;
}

body.login6 {
	background: url(../img/fond_login6.jpg) 50% 50% / cover no-repeat;
	padding-top: 0 !important;
}

body.login7 {
	background: url(../img/fond_login7.jpg) 50% 50% / cover no-repeat;
	padding-top: 0 !important;
}

.logo img {
	width: 300px;
}

/*-------------------------------------*/
/*------------- FORM LOGIN ------------*/
/*-------------------------------------*/
form.login
{
    width: 300px;
    margin: 0 auto;
}

form.login input[type="text"], form.login input[type="password"]
{
    width: 100%;
    color: #FFFFFF;
    margin: 15px 0;
    padding: 5px 0;
    background: 0;
    border: 0;
    border-bottom: 1px solid #FFFFFF;
    outline: 0;
}

form.login input[type="submit"]
{
    width: 100%;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 16px;
    outline: 0;
    cursor: pointer;
    letter-spacing: 1px;
}

form.login input[type="submit"]:hover
{
    transition: background-color 0.5s ease;
}

/*-------------------------------------*/
/*------------ OUBLI LOGIN ------------*/
/*-------------------------------------*/

.oubliPass {
	text-decoration: none;
	font-size: .6rem;
	cursor: pointer;
}

/*-------------------------------------*/
/*------------ NOUVEL USER ------------*/
/*-------------------------------------*/

#password-validation ul {
  list-style: none; /* Supprime les puces */
  padding: 0; /* Supprime le padding par défaut */
}

.password-toggle {
  position: relative; /* Pour positionner l'icône */
  top: -40px; /* Ajustez la position verticale */
  left: 220px; /* Ajustez la position horizontale */
  cursor: pointer; /* Curseur en forme de main */
}

/*-------------------------------------*/
/*------------- RESPONSIVE ------------*/
/*-------------------------------------*/

@media (max-width: 768px) {
	
	.logo img {
		width: 150px;	
	}
	
}