/* ------------------------------------------------------------------------
   Icone scroll flottante (accueil + pages AImagination : WONDERLAND,
   NISHIKI-GOI, APOLLO, COLOSSEUM). Fixe en bas de l'ecran, disparait en
   fade des les premiers pixels de scroll. Voir js/scroll-indicator.js.
   ------------------------------------------------------------------------ */
.scroll-indicator {
	position: fixed;
	/* Centre sur la zone du slider (viewport moins la sidebar de 250px),
	   pas sur le viewport entier -- valeur par defaut desktop >=1200px. */
	left: calc(125px + 50vw);
	bottom: 151px; /* 262px - 111px */
	transform: translateX(-50%);
	width: 66px;
	height: 66px;
	pointer-events: none;
	z-index: 999;
	opacity: 1;
	transition: opacity 0.3s ease-out;
}
.scroll-indicator img {
	width: 100%;
	height: 100%;
	display: block;
}
.scroll-indicator.is-hidden {
	opacity: 0;
}

/* La sidebar passe a 210px sur ces deux plages (voir udt_media_queries.css) :
   on recale le centrage en consequence. */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.scroll-indicator { left: calc(105px + 50vw); }
}

/* En dessous de 960px la sidebar se replie en menu mobile : on masque
   l'icone flottante, comme le fait deja le site pour les GIF des slides
   (voir top-banner.css). */
@media only screen and (max-width: 959px) {
	.scroll-indicator { display: none; }
}

/* Anciennes icones scroll.gif repetees dans chaque slide du slider
   (heritees du template) : desormais remplacees par l'icone flottante
   unique ci-dessus, on les masque partout. */
.epic-slider .es-caption img[src*="scroll.gif"] {
	display: none !important;
}