From 2b418bcee7d286649df58bd79c8369eccdd78bc6 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Mon, 12 Jan 2026 18:22:37 +0000
Subject: [PATCH] f

---
 Vue/Plafondadherent/index.php | 39 +++++++++++++++--------------------
 1 file changed, 17 insertions(+), 22 deletions(-)

diff --git a/Vue/Plafondadherent/index.php b/Vue/Plafondadherent/index.php
index 72289c1..90b1e7d 100644
--- a/Vue/Plafondadherent/index.php
+++ b/Vue/Plafondadherent/index.php
@@ -3,35 +3,30 @@
 <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="d-flex flex-wrap justify-content-between align-items-center gap-3">
+			<div class="d-flex flex-column flex-md-row justify-content-between align-items-md-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>
-					
+					<h4 class="mb-0 text-primary fw-bold">
+						<i class="fa-solid fa-users-rectangle me-2"></i>
+						<?= _("Limites de la famille") ?>
+					</h4>
 					<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>
+						<i class="fa-solid fa-id-card text-muted me-2 small"></i>
+						<span class="fw-bold small me-2"><?= $_SESSION['numeroAdherent_C'] ?></span>
+						<span class="text-muted border-start ps-2 small"><?= $_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>
+				<div class="flex-shrink-0">
+					<div class="input-group shadow-sm" style="width: fit-content;">
+						<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 fw-bold text-primary" id="idEntetecontrat" name="idEntetecontrat" onChange="afficher_garantieadherent_entete_contrat();">
+						<select class="form-select border-primary fw-bold text-primary w-auto" 
+								style="min-width: 150px; width: auto;" 
+								id="idEntetecontrat" 
+								name="idEntetecontrat" 
+								onChange="afficher_garantieadherent_entete_contrat();">
 							<?php liste_options($entecontrats, $_SESSION['idEntetecontrat']); ?>
 						</select>
 					</div>