fg

Bootstrap_new/css/theme-modern.css

@@ -1415,15 +1415,19 @@ select[class*="selectpicker"],
 
 /* ENTÊTE FIXE "STICKY" */
 .header-section {
-    position: -webkit-sticky; /* Pour Safari */
+    position: -webkit-sticky;
     position: sticky;
     top: 0;
-    z-index: 1050; /* Doit être supérieur aux cartes et tableaux */
-    background-color: rgba(244, 247, 250, 0.8); /* Couleur de fond de votre page avec transparence */
-    backdrop-filter: blur(10px); /* Effet de flou moderne */
-    padding-top: 2px;
+    /* On descend à 1020 : assez pour survoler la page, 
+       mais assez bas pour laisser passer les dropdowns (1050+) */
+    z-index: 1020; 
+    background-color: rgba(255, 255, 255, 0.85); /* Un blanc légèrement plus opaque pour la lisibilité */
+    backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
+    padding-top: 5px;
     padding-bottom: 5px;
-    margin-bottom: 0.01rem !important;
+    margin-bottom: 1rem !important; /* Un peu plus d'espace pour respirer */
+    border-bottom: 1px solid rgba(0,0,0,0.05); /* Optionnel : une ligne très fine pour marquer la séparation au scroll */
     transition: all 0.3s ease;
 }