diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css index e226def5..6ae28e78 100644 --- a/Bootstrap_new/css/theme-modern.css +++ b/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; }