/* Peau legacy — corrige uniquement ce qui dépendait du JavaScript de Divi.
   Toute règle ici doit être justifiée par un défaut constaté à l'écran. */

/* Divi masquait ces blocs et comptait sur son observateur pour les révéler.
   Sans son JS, la page restait blanche par endroits. */
.et-waypoint:not(.et_pb_counters) { opacity: 1 !important; }
.et_pb_animation_off, [class*="et_pb_animation_"] { opacity: 1 !important; animation: none !important; }

/* Le preloader tournait indéfiniment puisque plus personne ne l'arrête. */
#et-boc .et_pb_section .et_pb_preload, .et_pb_preload::before { display: none !important; }
.et_pb_preload { background-image: none !important; }

/* Sliders : sans JS, toutes les diapositives se superposaient. On montre la première. */
.et_pb_slides .et_pb_slide { display: none; }
.et_pb_slides .et_pb_slide:first-child { display: block; opacity: 1 !important; }

/* Le menu mobile est piloté par legacy.js (voir ce fichier). */
.et_mobile_menu { display: none; }
.et_mobile_menu.ouvert { display: block; }

/* Divi masque le module compteur en entier — `.et_pb_number_counter{opacity:0}` —
   et son JavaScript le revelait en fondu. Le chiffre etait bien dans le HTML, mais
   son conteneur restait invisible : espace reserve, rien de peint.
   Constate le 27/08/2026 en lisant l'opacite calculee des ANCETRES, pas seulement
   celle du chiffre. */
.et_pb_number_counter { opacity: 1 !important; }

/* Galerie filtrable : le plugin utilisait Shuffle.js, qui positionne chaque carte
   en absolu. Sans lui, les cartes retombaient en colonne unique. Leur largeur est
   deja definie en CSS (100%/4, puis /3, puis /2 selon l'ecran) : il suffit de les
   laisser s'aligner. */
.dsm-filterable-gallery-inner-container { display: flex; flex-wrap: wrap; align-items: flex-start; }
.dsm-filterable-gallery-item.peau-masquee { display: none !important; }
.dsm-filterable-gallery-filter-item { cursor: pointer; }
.dsm-gallery-number-pagination { cursor: pointer; user-select: none; }

/* ── Deux retouches d'accessibilite, validees par Alisson le 27/08/2026 ──────
   Ce sont les seuls endroits ou l'on s'ecarte volontairement du rendu d'origine.
   Elles corrigent des defauts presents sur le site actuel. */

/* Contraste du bas de pied de page : #666 sur #171717 donnait 3,12 alors qu'il
   faut 4,5. #808080 monte a 4,54 en restant un gris discret. */
#footer-info, #footer-info a { color: #808080; }

/* Liens du menu de pied de page : 18 px de haut, la ou une cible tactile doit
   faire 24 px. On ajoute la hauteur qui manque en marge interne, sans toucher
   au texte ni a l'alignement. */
#menu-footer li a { display: inline-block; padding-top: 4px; padding-bottom: 4px; }