#loadingDiv {
	position: fixed;
	display: none;
	top: 50%;
	left: 50%;
	width: auto;
	height: 50px;
	transform: translate(-50%,-50%);
	text-align :center;
	z-index: 999;
}

.spinner > span {
	display: block;
	text-transform: uppercase;
}

.spinner > div {
	background-color: #60225b;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }	
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
	0%, 40%, 100% { 
	transform: scaleY(0.4);
	-webkit-transform: scaleY(0.4);
	}	20% { 
	transform: scaleY(1.0);
	-webkit-transform: scaleY(1.0);
	}
}

/* Spinner spécifique aux index de la recherche avancée */
#loadingIndex {
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	width: auto;
	height: 50px;
	transform: translate(-50%,-50%);
	text-align :center;
	z-index: 999;
}

#loadingIndex > div {
	background-color: #FFFFFF;
}