/* NEUVLANDS : animations d'apparition, 100 % CSS, aucun JavaScript.
   S'appliquent a tout bloc portant la classe nv-anim, ajoutee dans
   « Avancé, classe(s) CSS additionnelle(s) » du bloc.
   Ajoutez nv-d1 a nv-d4 pour decaler l'apparition. */

@keyframes nv-monte {
	from { opacity: 0; transform: translateY(30px); }
	to   { opacity: 1; transform: none; }
}

/* Sans prise en charge des animations liees au defilement, le contenu
   s'affiche normalement : rien n'est jamais masque durablement. */
@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		.nv-anim {
			animation: nv-monte linear both;
			animation-timeline: view();
			animation-range: entry 0% cover 24%;
		}
		.nv-anim.nv-d1 { animation-range: entry 0% cover 30%; }
		.nv-anim.nv-d2 { animation-range: entry 0% cover 36%; }
		.nv-anim.nv-d3 { animation-range: entry 0% cover 42%; }
		.nv-anim.nv-d4 { animation-range: entry 0% cover 48%; }
	}
}

/* Dans l'editeur de site, on n'anime pas : sinon les blocs
   disparaissent pendant que vous les modifiez. */
.editor-styles-wrapper .nv-anim {
	animation: none !important;
	opacity: 1 !important;
	transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.nv-anim {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}

/* ---------------------------------------------------------------
   Le bandeau du haut ne s'anime pas.

   Il est visible avant tout defilement : l'animer revient a le
   montrer a mi-fondu pendant les premiers instants, et un bouton
   d'appel a l'action a mi-fondu a l'air desactive. Le bandeau
   s'affiche donc d'emblee, en pleine opacite. Les animations
   commencent a la section suivante.
   --------------------------------------------------------------- */
.nv-halo .nv-anim {
	animation: none !important;
	opacity: 1 !important;
	transform: none !important;
}

/* Impression et export PDF : tout est visible, jamais a mi-fondu. */
@media print {
	.nv-anim, .nv-rule {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}