/* CSS LOADING AVANT CHARGEMENT DE LA PAGE:
Collez ce CSS dans votre fichier de feuille de style ou sous la balise head.
Cela ne fonctionne qu'avec JavaScript, s'il n'est pas présent,
ça n'affiche pas le Loader */

/* VERSION AVEC GIF LOADING 
.loading_page {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/Pre_Chargement_Page.gif) center no-repeat #fff;
}
*/

/* VERSION AVEC ANIMATION CSS (SANS IMAGE GIF) */

/* On peut modifier facilement :
Couleurs : Changez #5f5f5f pour la couleur du spinner
Taille : Modifiez width: 60px; height: 60px
Vitesse : Changez 1s dans l'animation
Texte : Modifiez le content: 'Chargement...'
Délai : Ajustez 500 (en millisecondes) dans delayUrlLoad */


/* 1ère Version
.loading_page {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loading_page::after {
	content: '';
	width: 50px;
	height: 50px;
	border: 5px solid #f3f3f3;
	border-top: 5px solid #5f5f5f;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
*/


/* 2ème Version */
.loading_page {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.loading_page::before {
	content: '';
	width: 60px;
	height: 60px;
	border: 6px solid #f3f3f3;
	border-top: 6px solid #5f5f5f;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}
.loading_page::after {
	content: 'Chargement...';
	margin-top: 20px;
	color: #5f5f5f;
	font-size: 18px;
	font-family: Arial, sans-serif;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}