From 40abcee3254a0f33c834836138371c5f4801892e Mon Sep 17 00:00:00 2001
From: mathis <mathis.grillot1@gmail.com>
Date: Sun, 30 Aug 2026 22:56:06 +0200
Subject: [PATCH] =?UTF-8?q?Correction=20de=20la=20hi=C3=A9rarchie=20des=20?=
 =?UTF-8?q?calques:=20le=20watermark=20est=20au-dessus=20des=20lignes,=20e?=
 =?UTF-8?q?t=20les=20quais=20sont=20au-dessus=20du=20watermark?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../classiques/ClassiquesArrivees.css         | 29 +++++++++++--------
 .../classiques/ClassiquesDeparts.css          | 29 +++++++++++--------
 2 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/src/pages/afficheurs/classiques/ClassiquesArrivees.css b/src/pages/afficheurs/classiques/ClassiquesArrivees.css
index 70738a7..a492818 100644
--- a/src/pages/afficheurs/classiques/ClassiquesArrivees.css
+++ b/src/pages/afficheurs/classiques/ClassiquesArrivees.css
@@ -23,25 +23,23 @@
   box-sizing: border-box;
 }
 
-/* Watermark / Texte vertical "arrivées" sur la droite (du rang 2 au rang 10) */
+/* Watermark / Texte vertical "arrivées" sur la droite (Calque intermédiaire z-index: 10) */
 .aff-classiques-arrivees__sidebar {
   position: absolute;
-  top: 108px;
-  bottom: 0;
+  top: 0;
   right: 0;
-  width: 250px;
-  height: 972px;
+  width: 260px;
+  height: 1080px;
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 5;
+  z-index: 10;
   pointer-events: none;
-  overflow: hidden;
 }
 
 .aff-classiques-arrivees__sidebar-text {
   color: var(--sidebar-green);
-  font-size: 190px;
+  font-size: 210px;
   font-weight: 700;
   letter-spacing: -2px;
   line-height: 1;
@@ -52,7 +50,7 @@
   user-select: none;
 }
 
-/* Liste des 10 lignes */
+/* Liste des 10 lignes (Calque de fond z-index: 1) */
 .aff-classiques-arrivees__list {
   list-style: none;
   margin: 0;
@@ -61,6 +59,7 @@
   height: 1080px;
   display: flex;
   flex-direction: column;
+  position: relative;
 }
 
 /* Chaque ligne (108px de haut) */
@@ -74,8 +73,6 @@
   padding-left: 20px;
   padding-right: 24px;
   position: relative;
-  z-index: 2;
-  overflow: hidden;
 }
 
 .aff-classiques-arrivees__row:nth-child(odd) {
@@ -98,6 +95,8 @@
   align-items: center;
   justify-content: center;
   height: 100%;
+  position: relative;
+  z-index: 2;
 }
 
 .aff-classiques-arrivees__op-logo {
@@ -118,6 +117,8 @@
   padding-left: 12px;
   height: 100%;
   box-sizing: border-box;
+  position: relative;
+  z-index: 2;
 }
 
 .aff-classiques-arrivees__train-type {
@@ -148,6 +149,8 @@
   padding-left: 18px;
   height: 100%;
   box-sizing: border-box;
+  position: relative;
+  z-index: 2;
 }
 
 .aff-classiques-arrivees__time {
@@ -172,6 +175,8 @@
   height: 100%;
   overflow: hidden;
   box-sizing: border-box;
+  position: relative;
+  z-index: 2;
 }
 
 .aff-classiques-arrivees__destination {
@@ -185,7 +190,7 @@
   font-family: "Achemine", sans-serif;
 }
 
-/* Colonne 5 : Quai / Voie */
+/* Colonne 5 : Quai / Voie (Premier plan absolu z-index: 20, au-dessus du watermark) */
 .aff-classiques-arrivees__col-platform {
   width: 120px;
   min-width: 120px;
diff --git a/src/pages/afficheurs/classiques/ClassiquesDeparts.css b/src/pages/afficheurs/classiques/ClassiquesDeparts.css
index 056b2f5..469557b 100644
--- a/src/pages/afficheurs/classiques/ClassiquesDeparts.css
+++ b/src/pages/afficheurs/classiques/ClassiquesDeparts.css
@@ -23,25 +23,23 @@
   box-sizing: border-box;
 }
 
-/* Watermark / Texte vertical "départs" sur la droite (du rang 2 au rang 10) */
+/* Watermark / Texte vertical "départs" sur la droite (Calque intermédiaire z-index: 10) */
 .aff-classiques-departs__sidebar {
   position: absolute;
-  top: 108px;
-  bottom: 0;
+  top: 0;
   right: 0;
-  width: 250px;
-  height: 972px;
+  width: 260px;
+  height: 1080px;
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 5;
+  z-index: 10;
   pointer-events: none;
-  overflow: hidden;
 }
 
 .aff-classiques-departs__sidebar-text {
   color: var(--sidebar-blue);
-  font-size: 200px;
+  font-size: 210px;
   font-weight: 700;
   letter-spacing: -2px;
   line-height: 1;
@@ -52,7 +50,7 @@
   user-select: none;
 }
 
-/* Liste des 10 lignes */
+/* Liste des 10 lignes (Calque de fond z-index: 1) */
 .aff-classiques-departs__list {
   list-style: none;
   margin: 0;
@@ -61,6 +59,7 @@
   height: 1080px;
   display: flex;
   flex-direction: column;
+  position: relative;
 }
 
 /* Chaque ligne (108px de haut) */
@@ -74,8 +73,6 @@
   padding-left: 20px;
   padding-right: 24px;
   position: relative;
-  z-index: 2;
-  overflow: hidden;
 }
 
 .aff-classiques-departs__row:nth-child(odd) {
@@ -98,6 +95,8 @@
   align-items: center;
   justify-content: center;
   height: 100%;
+  position: relative;
+  z-index: 2;
 }
 
 .aff-classiques-departs__op-logo {
@@ -118,6 +117,8 @@
   padding-left: 12px;
   height: 100%;
   box-sizing: border-box;
+  position: relative;
+  z-index: 2;
 }
 
 .aff-classiques-departs__train-type {
@@ -148,6 +149,8 @@
   padding-left: 18px;
   height: 100%;
   box-sizing: border-box;
+  position: relative;
+  z-index: 2;
 }
 
 .aff-classiques-departs__time {
@@ -172,6 +175,8 @@
   height: 100%;
   overflow: hidden;
   box-sizing: border-box;
+  position: relative;
+  z-index: 2;
 }
 
 .aff-classiques-departs__destination {
@@ -185,7 +190,7 @@
   font-family: "Achemine", sans-serif;
 }
 
-/* Colonne 5 : Quai / Voie */
+/* Colonne 5 : Quai / Voie (Premier plan absolu z-index: 20, au-dessus du watermark) */
 .aff-classiques-departs__col-platform {
   width: 120px;
   min-width: 120px;