diff --git a/Vue/Ajaxtblisterjoursferiers/index.php b/Vue/Ajaxtblisterjoursferiers/index.php
index 631bfe67..7f2c5a80 100755
--- a/Vue/Ajaxtblisterjoursferiers/index.php
+++ b/Vue/Ajaxtblisterjoursferiers/index.php
@@ -1,6 +1,6 @@
 <div class="card border-0 shadow-sm overflow-hidden" style="border-radius: 12px;">
     <div class="card-header bg-white py-3 border-bottom d-flex justify-content-between align-items-center">
-        <div class="d-flex align-items-center">
+        <div class="d-flex align-items-center" style="flex: 1;">
             <h6 class="mb-0 fw-bold text-uppercase text-primary small">
                 <i class="fas fa-calendar-alt me-2"></i><?= _("Calendrier des Jours Fériés") ?>
             </h6>
@@ -9,23 +9,23 @@
             </span>
         </div>
         
-        <div class="d-flex align-items-center gap-3">
-            <div class="input-group input-group-sm shadow-xs" style="width: 150px;">
+       <div class="d-flex justify-content-center align-items-center" style="flex: 1;">
+            <div class="input-group shadow-xs" style="width: 160px;">
                 <span class="input-group-text bg-white border-2 border-end-0 text-muted small fw-bold">
-                    <i class="fas fa-filter me-1"></i> <?= _("ANNÉE") ?>
+                    <i class="fas fa-filter"></i>
                 </span>
                 <input type="number" 
-                       class="form-control border-2 border-start-0 fw-bold text-primary" 
-                       id="annee" 
-                       name="annee" 
-                       value="<?= date('Y'); ?>" 
-                       min="2020" 
-                       max="<?= date('Y'); ?>" 
-                       step="1"
-                       onchange="afficheDonneesTableChoisie('Ajaxtblisterjoursferiers');">
+                    class="form-control border-2 border-start-0 fw-bold text-primary text-center" 
+                    id="annee" 
+                    name="annee" 
+                    value="<?= $annee_selectionnee ?? date('Y'); ?>" 
+                    min="2020" 
+                    max="<?= date('Y'); ?>" 
+                    step="1"
+                    onchange="changerAnneeFiltre(this.value);">
             </div>
-            <div id="table-buttons" class="d-flex gap-2"></div>
         </div>
+        <div id="table-buttons" class="d-flex gap-2 justify-content-end" style="flex: 1;"></div>
     </div>
 
     <div class="card-body p-0">