/* Ce que le WordPress ajoutait dans l'en-tête (réglages Apex Pro, fitvids), puis
   ce qu'exige la reconstruction statique (diaporama, icône). */
h1, h2, h3, h4, h5, h6 { font-family: 'Satisfy'; font-weight: 400; }
.site-title { font-weight: 900; }
.fluid-width-video-wrapper { width: 100%; position: relative; padding: 0; }
.fluid-width-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.icone-commentaire { display: inline-block; vertical-align: -1px; margin-right: 2px; }

/* Diaporama « DroneCrash » (Supsystic sur le WordPress) : défilement automatique,
   points cliquables, comme l'original. */
.diaporama { margin: 0 auto 1.5em; max-width: 1200px; }
.diaporama ul { list-style: none; margin: 0; padding: 0; position: relative; }
.diaporama li { display: none; margin: 0; }
.diaporama li.actif { display: block; }
.diaporama img { display: block; width: 100%; height: auto; }
.diaporama-points { text-align: center; padding-top: 12px; line-height: 0; }
.diaporama-points button { width: 10px; height: 10px; margin: 0 4px; padding: 0; border: 0; border-radius: 50%; background: #666; opacity: .5; cursor: pointer; }
.diaporama-points button[aria-current=true] { opacity: 1; background: #000; }

/* Vidéos de l'extension ARVE (sa feuille n'est pas archivée) : cadre 16/9 fluide */
.arve { position: relative; margin: 0 auto 1.5em; width: 100%; }
.arve.aligncenter { margin-left: auto; margin-right: auto; }
.arve-inner, .arve-embed { display: block; position: relative; overflow: hidden; }
.arve-ar { display: block; }
.arve-iframe, .arve iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

/* Légendes des diaporamas Meta Slider : bandeau sombre en bas de l'image */
.diaporama li { position: relative; }
.diaporama-legende { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: 6px 10px; background: rgba(0, 0, 0, .7); color: #fff; font-size: 14px; line-height: 1.4; }

/* Image que ni la sauvegarde ni les archives n'ont conservée */
.image-perdue { display: block; margin: 0 auto 1.5em; padding: 2.5em 1em; max-width: 600px; border: 1px dashed #bbb; background: #f6f6f6; color: #777; font-size: 14px; text-align: center; }
a > .image-perdue { cursor: default; }