/*-------------------------------------*/
/*------------- IMG LOGIN -------------*/
/*-------------------------------------*/

body.fond01 {
	background: url(../IMG/fond/fond01.jpg) 50% 50% / cover no-repeat fixed;
}

body.fond02 {
	background: url(../IMG/fond/fond02.jpg) 50% 50% / cover no-repeat fixed;
}

body.fond03 {
	background: url(../IMG/fond/fond03.jpg) 50% 50% / cover no-repeat fixed;
}

body.fond04 {
	background: url(../IMG/fond/fond04.jpg) 50% 50% / cover no-repeat fixed;
}

body.fond05 {
	background: url(../IMG/fond/fond05.jpg) 50% 50% / cover no-repeat fixed;
}

body.fond06 {
	background: url(../IMG/fond/fond06.jpg) 50% 50% / cover no-repeat fixed;
}

body.fond07 {
	background: url(../IMG/fond/fond01.jpg) 50% 50% / cover no-repeat fixed;
}

body.fond08 {
	background: url(../IMG/fond/fond02.jpg) 50% 50% / cover no-repeat fixed;
}

body.fond09 {
	background: url(../IMG/fond/fond03.jpg) 50% 50% / cover no-repeat fixed;
}

body.fond10 {
	background: url(../IMG/fond/fond04.jpg) 50% 50% / cover no-repeat fixed;
}

body.fond11 {
	background: url(../IMG/fond/fond05.jpg) 50% 50% / cover no-repeat fixed;
}

body.fond12 {
	background: url(../IMG/fond/fond06.jpg) 50% 50% / cover no-repeat fixed;
}

.logo img {
	width: 300px;
}

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

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

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

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