/*
 * Gabarit uscrmgp (Microgrid) - diaporamas pilotes par Swiper (js/diaporamas.js), version 2.2.0 (etape MG-6b).
 * Seules regles de disposition dont Swiper a besoin, limitees aux diaporamas qu'il pilote (classe jo-swiper, ajoutee
 * par le script) ; aucune regle globale. La feuille swiper-bundle.min.css de JO n'est pas utilisee par ces diaporamas
 * (classes Swiper renommees : jo-*, jo-diapositive, slides).
 * FlexSlider posait en ligne display:block sur chaque diapositive (flexslider.css les masque par defaut).
 */
.flexslider.jo-swiper .slides > li.jo-diapositive {
	display: block;
}

/* Defilement (galeries des actualites, carrousel des partenaires) : rangee de FLOTTANTS, comme FlexSlider (float: left
   sur chaque diapositive, rangee large de (diapositives + copies) x 200 %, fin de rangee par le :after de
   flexslider.css). Memes positions au sous-pixel que la reference, et meme effet qu'en production pour une diapositive
   vide (<li></li>, article 24) : un flottant de hauteur nulle ne prend pas de place, la suivante se place au meme
   endroit, alors que le pas de defilement reste celui d'une diapositive. Swiper ne fait que deplacer la rangee.
   Aucune autre propriete : rangee et diapositives restent non positionnees (position static), en border-box et avec
   la propriete de transition par defaut, comme sous FlexSlider (styles calcules identiques a la reference). */
.flexslider.jo-swiper:not(.jo-fade) .slides {
	display: block;
}

.flexslider.jo-swiper:not(.jo-fade) .slides > li.jo-diapositive {
	float: left;
}

/* Fondu enchaine (diaporama d'accueil) : rangee flexible (Swiper superpose les diapositives par translation), courbe
   lineaire comme l'animation jQuery de FlexSlider (easing: linear). Sous FlexSlider, ul.slides n'etait pas positionnee,
   si bien que son z-index: 5 (css/diaporama-accueil.css, regle de JoomSpirit) restait sans effet et que l'icone de
   defilement a.scrollbottom (z-index: 2, placee apres le diaporama) restait au-dessus des images : on retire a la ul
   son contexte d'empilement, pour le meme ordre d'affichage qu'en production. */
.flexslider.jo-swiper.jo-fade .slides {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	position: relative;
	z-index: auto;
	width: 100%;
	box-sizing: content-box;
	transition-property: transform;
}

.flexslider.jo-swiper.jo-fade .slides::after {
	display: none;
}

.flexslider.jo-swiper.jo-fade .slides > li.jo-diapositive {
	flex-shrink: 0;
	position: relative;
	transition-property: opacity;
	transition-timing-function: linear;
	pointer-events: none;
	z-index: 1;
}

.flexslider.jo-swiper.jo-fade .slides > li.jo-diapositive.flex-active-slide {
	pointer-events: auto;
	z-index: 2;
}

.flexslider.jo-swiper .jo-horizontal {
	touch-action: pan-y;
}