From f8d83d8481088737886e712c376db6e0dd238edc Mon Sep 17 00:00:00 2001
From: Jules <contact@copydev.fr>
Date: Tue, 7 Apr 2026 18:29:56 +0200
Subject: [PATCH] Fix clics qui traversent les ecrans (z-index + background
 opaque)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/css/style.css | 3 +++
 frontend/index.html    | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/css/style.css b/frontend/css/style.css
index 694bde8..5bb4f5e 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -44,11 +44,14 @@ html, body {
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.4s ease;
+  z-index: 1;
+  background: var(--fond);
 }
 
 .ecran.actif {
   opacity: 1;
   pointer-events: all;
+  z-index: 10;
 }
 
 /* === Ecran d'accueil === */
diff --git a/frontend/index.html b/frontend/index.html
index ae1e8a9..d09431c 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -135,7 +135,7 @@
     </section>
 
     <!-- Choix admin : wizard ou parametres -->
-    <section id="ecran-admin-choix" class="ecran">
+    <section id="ecran-admin-choix" class="ecran" onclick="event.stopPropagation()">
       <h2>Administration</h2>
       <div class="grille-modes">
         <button class="btn-mode" onclick="ouvrirWizard()">