/**
 * wow-animations.css
 * Sous-ensemble d'animate.css contenant uniquement ce que WOW.js utilise sur accueil.php :
 * fadeInUp, fadeInDown, fadeInLeft, fadeInRight.
 * Remplace le chargement de animate.min.css (~80 Ko) par ce fichier (~1 Ko).
 *
 * Comportement et noms de classes strictement identiques à animate.css pour ces 4 animations :
 * .wow ajoute .animated puis la classe d'animation (ex. .fadeInUp) au déclenchement du scroll.
 */

.animated {
	animation-duration: .8s;
	animation-fill-mode: both;
}

.wow {
	visibility: hidden;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 20px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.fadeInUp {
	animation-name: fadeInUp;
}

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -20px, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.fadeInDown {
	animation-name: fadeInDown;
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-20px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.fadeInLeft {
	animation-name: fadeInLeft;
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(20px, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
.fadeInRight {
	animation-name: fadeInRight;
}