diff --git a/Vue/Accueilassure/index.php b/Vue/Accueilassure/index.php
index 66dab5a..5599149 100755
--- a/Vue/Accueilassure/index.php
+++ b/Vue/Accueilassure/index.php
@@ -148,7 +148,138 @@
 ?>
 	<input type="text" id="nomForm" name="nomForm" class="sr-only" value="frmaccueil">
 	
-	KANE
+	debut
+	<div class="card shadow-lg border-0 mb-4" style="border-radius: 15px;">
+        <div class="card-header bg-primary text-white py-3" style="border-radius: 15px 15px 0 0;">
+			<div class="row align-items-center">
+                <div class="col-8">
+					<div class="d-none d-md-block">
+						<h4 id="h4_titre" class="mb-0 text-center text-truncate">
+							<i class="fas fa-home me-2"></i>
+							<?= _("Bonjour Famille") ?> <?= $adherent['nomAdherent'] ?>
+						</h4>
+					</div>
+
+					<!-- Affichage mobile (cartes) -->
+
+					<div class="d-md-none">
+						<h4 id="h4_titre" class="mb-0 text-center text-truncate" style="max-width: 200px;">
+							<i class="fas fa-home me-2"></i>
+							<?= _("Famille") ?> <?= $adherent['nomAdherent'] ?>
+						</h4>
+					</div>
+					
+                </div>
+                <div class="col-4 text-end">
+                    <span class="badge bg-light text-dark fs-8">
+                        <?= $_SESSION['numeroAdherent_C'] ?>
+                    </span>
+                </div>
+            </div>
+		</div>
+		
+		<!-- Message d'information -->
+		<?php if($_SESSION['envoismswhatsappactif'] =='1'): ?>
+			<div class="alert alert-info mt-3" style="margin-bottom:10px;">
+				<small> 
+					<i class="fas fa-info-circle me-2"></i>
+					<?= _("En cas de réclamation ou tout autre sujet lié à votre police d'assurance, cliquez ici")." " ?>
+					<a class="whatsapp-link" href="javascript:envoyer_message();">
+						<i class="fab fa-whatsapp"></i>
+					</a>
+					
+				</small>
+			</div>
+		<?php endif; ?>
+			
+		<!-- Cards Section -->
+		<div class="row">
+			<!-- Taux de couverture -->
+			<h1 class="fw-bold w100 text-center text-dark" style="margin-top:-10px;"><?= _("Année")." : ".$_SESSION['exercieReference_C']?></h1>
+
+			<!-- Plafond annuel -->
+			<div class="col-xl-4 col-6 mb-4">
+				<div class="card shadow h-100 border border-primary">
+					<div class="card-body p-3">
+						<div class="d-flex align-items-center">
+							<div class="flex-grow-1">
+								<div class="h4 text-primary text-uppercase mb-1" >
+									<?= _("Plafond") ?>
+								</div>
+								<div class="h4 mb-0" style="font-weight:bold">
+									<?= format_N($limite_adherent['plafondOut'])." ".substr($_SESSION['devise_C'],0,1) ?>
+								</div>
+							</div>
+							<div class="ml-2">
+								<i class="fas fa-minus-circle fa-2x text-primary"></i>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			
+			<!-- Consommation Annuelle -->
+			<div class="col-xl-4 col-6 mb-4">
+				<div class="card shadow h-100 border border-info">
+					<div class="card-body p-3">
+						<div class="d-flex flex-column">
+							<div class="h4 text-info text-uppercase mb-1" >
+								<?= _("Dépenses") ?>
+							</div>
+							<div class="d-flex align-items-center">
+								<div class="h4 mb-0 mr-2 me-2" style="font-weight:bold">
+									<?= format_N($limite_adherent['consommationOut'])." ".substr($_SESSION['devise_C'],0,1) ?>
+								</div>
+								<div class="progress flex-grow-1" style="height: 6px;">
+									<div class="progress-bar bg-info border border-info" role="progressbar" 
+										style="width: <?= $pourcentage; ?>%" 
+										aria-valuenow="<?= $pourcentageOut; ?>" 
+										aria-valuemin="0"
+										aria-valuemax="100">
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+			<!-- Solde Annuel -->
+			<div class="col-xl-4 col-6 mb-4">
+				<div class="card shadow h-100 border border-danger">
+					<div class="card-body p-3">
+						<div class="d-flex align-items-center">
+							<div class="flex-grow-1">
+								<div class="h4 text-danger text-uppercase mb-1" >
+									<?= _("Solde") ?>
+								</div>
+								<div class="h4 mb-0" style="font-weight:bold">
+									<?= format_N($limite_adherent['soldeConsommationOut'])." ".substr($_SESSION['devise_C'],0,1) ?>
+								</div>
+							</div>
+							<div class="ml-2">
+								<i class="fas fa-money-bill-wave fa-2x text-danger"></i>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+		</div>
+
+		<!-- progress-bar -->
+		<div class="progress mb-3" >
+			<div class="progress-bar <?= $niveauGlobalConsoFamilleOut >= 80 ? 'bg-danger' : ($niveauGlobalConsoFamilleOut >= 50 ? 'bg-warning' : 'bg-success') ?>" 
+					style="width: <?= min($niveauGlobalConsoFamilleOut, 100) ?>%">
+				<?= number_format($niveauGlobalConsoFamilleOut, 1) ?>%
+			</div>
+		</div>
+
+	</div>
+
+
+	fin
+
 		<script>
 			// Configuration commune
 			(function() {