/* =====================================================================
   Animations du site — extrait d'animate.css

   Le site n'utilise qu'une seule animation : « fadeInUp », déclenchée
   par wow.js au défilement, quatre-vingt-huit fois réparties sur douze
   gabarits. Il embarquait pourtant animate.css en entier — quatre-vingts
   kilo-octets de soixante-dix animations dont aucune autre ne servait,
   téléchargés à chaque page.

   Ce fichier ne contient que ce qui est réellement joué : la classe de
   base que wow.js applique, l'animation, et ses images-clés. Huit cents
   octets.

   ---------------------------------------------------------------------
   Le jour où une autre animation sera voulue

   Reprendre sa règle et ses images-clés dans animate.css, et les coller
   ici. Ne pas remplacer ce fichier par animate.css version 4 : celle-ci
   a renommé toutes ses classes avec un préfixe « animate__ », et le
   balisage du site — « class="wow fadeInUp" » — est resté en syntaxe 3.
   Le remplacement passerait la validation et éteindrait silencieusement
   les quatre-vingt-huit animations.

   ---------------------------------------------------------------------
   Extrait d'animate.css, sous licence MIT.
   Copyright (c) 2013 Daniel Eden — http://daneden.me/animate
   ===================================================================== */

/* wow.js pose cette classe au moment où l'élément entre dans l'écran ;
   c'est elle qui déclenche la lecture. Le délai éventuel arrive en
   style en ligne, depuis l'attribut data-wow-delay du balisage. */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
  0%   { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0);    transform: translateY(0); }
}

@keyframes fadeInUp {
  0%   { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0);    -ms-transform: translateY(0);    transform: translateY(0); }
}

/* Certaines personnes souffrent du mouvement — vertiges, migraines — et
   le disent à leur système d'exploitation. La version 3 d'animate.css
   ignorait ce réglage ; la 4 l'a ajouté, et il n'y a aucune raison de
   s'en priver.

   Le contenu reste visible : on retire l'animation, pas le texte. */
@media (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation: none !important;
    animation: none !important;
    opacity: 1 !important;
  }
}