From 1606f9f9752a6c5b47aa6a71a0e7ce9e53cb078a Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 12 Jan 2026 18:19:36 +0000
Subject: [PATCH] d

---
 Vue/Plafondadherent/index.php | 62 +++++++++++++++++++++--------------
 1 file changed, 38 insertions(+), 24 deletions(-)

diff --git a/Vue/Plafondadherent/index.php b/Vue/Plafondadherent/index.php
index ba5cc62..72289c1 100644
--- a/Vue/Plafondadherent/index.php
+++ b/Vue/Plafondadherent/index.php
@@ -2,30 +2,44 @@
 
 <div id="div_adherent" class="container-fluid py-1 animate__animated animate__fadeIn">
     <div class="card shadow-sm mb-4 border-0">
-        <div class="card-header bg-white py-3">
-            <div class="row">
-                <div class="col-6">
-                    <h4 class="mb-0 text-primary">
-                        <i class="fa-solid fa-users-rectangle me-2"></i>
-                        <?= _("Limites de la famille") ?>
-                    </h4>
-                    <span class="badge bg-light text-dark border mt-2">
-                        <i class="fa-solid fa-id-card me-1"></i> <?= $_SESSION['numeroAdherent_C'] ?> | <?= $_SESSION['nomAdherent_C'] ?>
-                    </span>
-                </div>
-                <div class="col-6">
-                    <div class="input-group">
-                        <span class="input-group-text bg-primary text-white border-primary">
-                            <i class="fa-solid fa-calendar-check me-2"></i> <?= _("Exercice") ?>
-                        </span>
-                        <select class="form-select border-primary" id="idEntetecontrat" name="idEntetecontrat" autofocus onChange="afficher_garantieadherent_entete_contrat();" style="font-size:8pt;">
-                            <?php liste_options($entecontrats, $_SESSION['idEntetecontrat']); ?>
-                        </select>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
+		<div class="card-header bg-white py-3">
+			<div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
+				
+				<div class="flex-grow-1">
+					<div class="d-flex align-items-center mb-1">
+						<div class="bg-primary bg-opacity-10 p-2 rounded me-3">
+							<i class="fa-solid fa-users-rectangle text-primary fs-4"></i>
+						</div>
+						<div>
+							<h4 class="mb-0 text-dark fw-bold"><?= _("Limites de la famille") ?></h4>
+							<p class="text-muted mb-0 small"><?= _("Consultation des plafonds et consommations en temps réel") ?></p>
+						</div>
+					</div>
+					
+					<div class="d-inline-flex align-items-center bg-light border rounded-pill px-3 py-1 mt-2">
+						<i class="fa-solid fa-id-card text-secondary me-2"></i>
+						<span class="fw-bold text-dark me-2"><?= $_SESSION['numeroAdherent_C'] ?></span>
+						<span class="text-muted border-start ps-2"><?= $_SESSION['nomAdherent_C'] ?></span>
+					</div>
+				</div>
+
+				<div class="col-12 col-md-4 col-lg-3">
+					<label class="form-label small fw-bold text-secondary mb-1">
+						<i class="fa-solid fa-filter me-1"></i> <?= _("Filtrer par Exercice") ?>
+					</label>
+					<div class="input-group shadow-sm">
+						<span class="input-group-text bg-white border-primary text-primary">
+							<i class="fa-solid fa-calendar-day"></i>
+						</span>
+						<select class="form-select border-primary fw-bold text-primary" id="idEntetecontrat" name="idEntetecontrat" onChange="afficher_garantieadherent_entete_contrat();">
+							<?php liste_options($entecontrats, $_SESSION['idEntetecontrat']); ?>
+						</select>
+					</div>
+				</div>
+
+			</div>
+		</div>
+	</div>
 
     <div id="div_gar_exo">
         <div class="card shadow-sm border-0">