.conteneur-zones-attente
{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(40, 40, 40, 0.75);
	z-index: 10;
}
.conteneur-zones-attente .zone
{
	position: absolute;
	background-color: rgba(20, 20, 20, 0.90);
	z-index: 1;
	
	width: 600px;
	padding: 30px 0;
}
.conteneur-zones-attente .zone .modale-attente-zone-3
{
	text-align: center;
	padding-top: 20px;
	color: #FFFFFF;
	cursor: pointer;
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-zones-attente .zone
	{
		width: 90%;
	}
}









#cssload-loader
{
	margin: auto;
	width: 90px;
}
#cssload-loader ul
{
	margin: 0;
	list-style-type: none;
	height: 60px;
	padding: 0;
	
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
#cssload-loader ul li 
{
	display: block;			/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	
	margin: 0 3px;
	width: 1px;
	height: 0;
	background-color: #FFFFFF;
}


#cssload-loader li:nth-child(1)
{
	animation: cssload-sequence1 1.15s ease infinite;
		-o-animation: cssload-sequence1 1.15s ease infinite;
		-ms-animation: cssload-sequence1 1.15s ease infinite;
		-webkit-animation: cssload-sequence1 1.15s ease infinite;
		-moz-animation: cssload-sequence1 1.15s ease infinite;
}
#cssload-loader li:nth-child(2)
{
	animation: cssload-sequence2 1.15s ease infinite 0.12s;
		-o-animation: cssload-sequence2 1.15s ease infinite 0.12s;
		-ms-animation: cssload-sequence2 1.15s ease infinite 0.12s;
		-webkit-animation: cssload-sequence2 1.15s ease infinite 0.12s;
		-moz-animation: cssload-sequence2 1.15s ease infinite 0.12s;
}
#cssload-loader li:nth-child(3)
{
	animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s;
		-o-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s;
		-ms-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s;
		-webkit-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s;
		-moz-animation: cssload-sequence1 1.15s ease-in-out infinite 0.23s;
}
#cssload-loader li:nth-child(4)
{
	animation: cssload-sequence2 1.15s ease-in infinite 0.35s;
		-o-animation: cssload-sequence2 1.15s ease-in infinite 0.35s;
		-ms-animation: cssload-sequence2 1.15s ease-in infinite 0.35s;
		-webkit-animation: cssload-sequence2 1.15s ease-in infinite 0.35s;
		-moz-animation: cssload-sequence2 1.15s ease-in infinite 0.35s;
}
#cssload-loader li:nth-child(5)
{
	animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s;
		-o-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s;
		-ms-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s;
		-webkit-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s;
		-moz-animation: cssload-sequence1 1.15s ease-in-out infinite 0.46s;
}
#cssload-loader li:nth-child(6)
{
	animation: cssload-sequence2 1.15s ease infinite 0.58s;
		-o-animation: cssload-sequence2 1.15s ease infinite 0.58s;
		-ms-animation: cssload-sequence2 1.15s ease infinite 0.58s;
		-webkit-animation: cssload-sequence2 1.15s ease infinite 0.58s;
		-moz-animation: cssload-sequence2 1.15s ease infinite 0.58s;
}

@keyframes cssload-sequence1
{
	0% { height: 20%; }
	50% { height: 60%; }
	100% { height: 20%; }
}
@-o-keyframes cssload-sequence1
{
	0% { height: 20%; }
	50% { height: 60%; }
	100% { height: 20%; }
}
@-ms-keyframes cssload-sequence1
{
	0% { height: 20%; }
	50% { height: 60%; }
	100% { height: 20%; }
}
@-webkit-keyframes cssload-sequence1
{
	0% { height: 20%; }
	50% { height: 60%; }
	100% { height: 20%; }
}
@-moz-keyframes cssload-sequence1
{
	0% { height: 20%; }
	50% { height: 60%; }
	100% { height: 20%; }
}
@keyframes cssload-sequence2
{
	0% { height: 40%; }
	50% { height: 100%; }
	100% { height: 40%; }
}
@-o-keyframes cssload-sequence2
{
	0% { height: 40%; }
	50% { height: 100%; }
	100% { height: 40%; }
}
@-ms-keyframes cssload-sequence2
{
	0% { height: 40%; }
	50% { height: 100%; }
	100% { height: 40%; }
}
@-webkit-keyframes cssload-sequence2
{
	0% { height: 40%; }
	50% { height: 100%; }
	100% { height: 40%; }
}
@-moz-keyframes cssload-sequence2
{
	0% { height: 40%; }
	50% { height: 100%; }
	100% { height: 40%; }
}