From bf193e9d6c66ffd3ee71ad6e440e392662c30a99 Mon Sep 17 00:00:00 2001
From: Florian Mathieu <florianmathieu62@gmail.com>
Date: Fri, 18 Sep 2026 08:16:50 +0200
Subject: [PATCH] =?UTF-8?q?page=202026=20:=20contenu=20visible=20m=C3=AAme?=
 =?UTF-8?q?=20sans=20JavaScript?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sequences/web/epoques/2026.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/sequences/web/epoques/2026.html b/sequences/web/epoques/2026.html
index 0d7c3da..963b936 100644
--- a/sequences/web/epoques/2026.html
+++ b/sequences/web/epoques/2026.html
@@ -2,6 +2,7 @@
 <html lang="fr">
 <head>
 <meta charset="utf-8">
+<script>document.documentElement.classList.add("js");</script>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Cours NSI / SNT / Socio</title>
 
@@ -86,10 +87,10 @@ h1 {
 /* Apparition au defilement. La preference systeme "reduire les animations"
    est respectee juste en dessous : sans cela, la page serait penible pour
    les personnes sensibles au mouvement. */
-.apparait { opacity: 0; transform: translateY(14px); transition: opacity 0.5s ease, transform 0.5s ease; }
-.apparait.visible { opacity: 1; transform: none; }
+.js .apparait { opacity: 0; transform: translateY(14px); transition: opacity 0.5s ease, transform 0.5s ease; }
+.js .apparait.visible { opacity: 1; transform: none; }
 @media (prefers-reduced-motion: reduce) {
-  .apparait { opacity: 1; transform: none; transition: none; }
+  .js .apparait { opacity: 1; transform: none; transition: none; }
   .carte:hover { transform: none; }
 }