diff --git a/Vue/Detailbaremepriseencharge/index.php b/Vue/Detailbaremepriseencharge/index.php
index 94ebddf5..b1da852d 100755
--- a/Vue/Detailbaremepriseencharge/index.php
+++ b/Vue/Detailbaremepriseencharge/index.php
@@ -5,27 +5,23 @@
 ?>
 
 <div class="page-content animate__animated animate__fadeIn">
-    <div class="header-section mb-3">
-        <div class="card border-0 shadow-sm border-start border-primary border-4">
-            <div class="card-body d-flex align-items-center justify-content-between py-2">
-                <div class="d-flex align-items-center">
-                    <div class="icon-box bg-primary bg-opacity-10 text-primary rounded-3 p-2 me-3">
-                        <i class="fas fa-sliders-h"></i>
-                    </div>
-                    <div>
-                        <h5 class="mb-0 fw-bold text-dark text-uppercase"><?= _("Pilotage du Barème") ?></h5>
-                        <small class="text-primary fw-bold"><?= $libelleBareme ?></small>
-                    </div>
-                </div>
-                <div class="text-end">
-                    <span class="badge bg-light text-dark border">
-                        <i class="fas fa-fingerprint me-1 text-primary"></i>ID: #<?= $idBareme ?>
-                    </span>
-                </div>
+    <div class="header-section mb-1">
+        <div class="d-flex align-items-center bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
+            <div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
+                <i class="fas fa-sliders-h"></i>
+            </div>
+            <div class="flex-grow-1">
+                <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Configuration du Barème Modèle") ?></h4>
+                <p class="text-muted small mb-0"><span class="badge bg-light text-primary border"><?= $libelleBareme ?></span></p>
+            </div>
+            <div class="text-end">
+                <span class="badge bg-light text-dark border">
+                    <i class="fas fa-fingerprint me-1 text-primary"></i>ID: #<?= $idBareme ?>
+                </span>
             </div>
         </div>
     </div>
-
+    
     <input type="hidden" id="idBaremePriseEnCharge" value="<?= $idBareme ?>">
 
     <div class="row g-3">