diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css
index 82c7a548..3f9f805d 100644
--- a/Bootstrap_new/css/theme-modern.css
+++ b/Bootstrap_new/css/theme-modern.css
@@ -1392,16 +1392,30 @@ select[class*="selectpicker"],
     to { opacity: 1; transform: translateY(0); }
 }
 
+/* Optionnel : Réduire légèrement l'entête lors du scroll (via JS si besoin) */
 #titre-page {
-  color: var(--color-primary);
-  letter-spacing: -0.5px;
-  font-family: 'DM Sans', sans-serif; /* Ou votre police SaaS */
+    color: var(--color-primary);
+    letter-spacing: -0.5px;
+     font-family: 'DM Sans', sans-serif; /* Ou votre police SaaS */
 }
 
-/* On réduit la marge de la section pour coller davantage au contenu */
+/* ENTÊTE FIXE "STICKY" */
 .header-section {
-    width: 100%;
-    margin-bottom: 1.5rem !important; /* Ajustez cette valeur si c'est encore trop grand */
+    position: -webkit-sticky; /* Pour Safari */
+    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: 15px;
+    padding-bottom: 15px;
+    margin-bottom: 1.5rem !important;
+    transition: all 0.3s ease;
+}
+
+/* On s'assure que la carte à l'intérieur de la section fixe garde son ombre */
+.header-section > div {
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
 }
 
 /* Ajustement des icônes pour plus de finesse */
diff --git a/Vue/Modifautresparametresprod/index.php b/Vue/Modifautresparametresprod/index.php
index a58e0a04..5a08822f 100755
--- a/Vue/Modifautresparametresprod/index.php
+++ b/Vue/Modifautresparametresprod/index.php
@@ -3,33 +3,34 @@
 <div class="page-content">
     <input class="sr-only" type="text" id="idSocieteuser" name="idSocieteuser" value="<?= $this->nettoyer($societeuser['idSocieteuser']) ?>">
 
-    <div class="header-section mb-4">
-        <div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between bg-white p-3 shadow-sm border-start border-warning border-4" style="border-radius: var(--radius-md);">
-            <div class="d-flex align-items-center">
-                <div class="icon-shape bg-warning-ghost text-warning rounded-circle me-3" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">
-                    <i class="fas fa-edit fs-5"></i>
-                </div>
-                <div>
-                    <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Modifier Règles Métier") ?></h4>
-                    <p class="text-muted small mb-0"><?= _("Production & Comptabilité — Ajustement des seuils et taux opérationnels") ?></p>
-                </div>
-            </div>
+    <div class="header-section">
+		<div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between bg-white p-3 border-start border-warning border-4" style="border-radius: var(--radius-md);">
+			
+			<div class="d-flex align-items-center">
+				<div class="icon-shape bg-warning-ghost text-warning rounded-circle me-3" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;">
+					<i class="fas fa-edit fs-5"></i>
+				</div>
+				<div>
+					<h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Modifier Règles Métier") ?></h4>
+					<p class="text-muted small mb-0"><?= _("Production & Comptabilité") ?></p>
+				</div>
+			</div>
 
-            <div class="position-relative mt-3 mt-md-0" style="min-width: 300px;">
-                <i class="fas fa-search position-absolute top-50 start-0 translate-middle-y ms-3 text-muted"></i>
-                <input type="text" id="globalSearch" class="form-control ps-5 border-2 rounded-pill shadow-none" style="font-size: 0.85rem;" placeholder="<?= _('Chercher un paramètre...') ?>">
-            </div>
+			<div class="position-relative mx-md-3 mt-3 mt-md-0" style="min-width: 250px; flex-grow: 1; max-width: 400px;">
+				<i class="fas fa-search position-absolute top-50 start-0 translate-middle-y ms-3 text-muted"></i>
+				<input type="text" id="globalSearch" class="form-control ps-5 border-2 rounded-pill shadow-none" placeholder="<?= _('Filtrer les paramètres...') ?>">
+			</div>
 
-            <div class="d-flex gap-2 mt-3 mt-md-0">
-                <button class="btn btn-outline-secondary btn-sm px-3 fw-bold" onclick="javascript:afficher_autres_parametresgeneraux();">
-                    <i class="fas fa-undo me-2"></i><?= _("Annuler") ?>
-                </button>
-                <button class="btn btn-primary btn-sm px-3 fw-bold shadow-sm" id="btn_enreg" onclick="javascript:enregistrer_modif_parametres_prod();">
-                    <i class="fas fa-save me-2"></i><?= _("Enregistrer") ?>
-                </button>
-            </div>
-        </div>
-    </div>
+			<div class="d-flex gap-2 mt-3 mt-md-0">
+				<button class="btn btn-outline-secondary btn-sm px-3 fw-bold" onclick="javascript:afficher_autres_parametresgeneraux();">
+					<i class="fas fa-undo me-2"></i><?= _("Annuler") ?>
+				</button>
+				<button class="btn btn-primary btn-sm px-3 fw-bold shadow-sm" id="btn_enreg" onclick="javascript:enregistrer_modif_parametres_prod();">
+					<i class="fas fa-save me-2"></i><?= _("Enregistrer") ?>
+				</button>
+			</div>
+		</div>
+	</div>
 
     <form id="formModifProd">