diff --git a/Vue/Baremepriseenchargelettrecle/index.php b/Vue/Baremepriseenchargelettrecle/index.php
index 5a9b6066..d39aa598 100644
--- a/Vue/Baremepriseenchargelettrecle/index.php
+++ b/Vue/Baremepriseenchargelettrecle/index.php
@@ -6,11 +6,22 @@
 <input type="hidden" id="adminSin" name="adminSin" value="<?= $adminSin; ?>">
 <input type="hidden" id="masquerActe" name="masquerActe" value="1">
 
-<div id="div_entete_bareme" class="bg-light p-3 rounded shadow-sm border">
-    <div class="alert alert-secondary text-center py-2 mb-3" style="background-color: #939597; border: none;">
-        <h6 class="text-white mb-0 fw-bold text-uppercase">
-            <i class="fas fa-file-invoice-dollar me-2"></i> <?= _("Barème de prestations par lettres clés") ?>
-        </h6>
+<div id="div_entete_bareme" class="page-content animate__animated animate__fadeIn">
+    <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-file-invoice-dollar me-2"></i>
+            </div>
+            <div class="flex-grow-1">
+                <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Barème de prestations par lettres clés") ?></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>
 
     <div id="div_maxdateeffetactebareme" class="sr-only"></div>