diff --git a/Vue/Fichebeneficiaire/index.php b/Vue/Fichebeneficiaire/index.php
index 96008ad..4538120 100755
--- a/Vue/Fichebeneficiaire/index.php
+++ b/Vue/Fichebeneficiaire/index.php
@@ -352,45 +352,45 @@
 			</div>
 
 			<div class="row mt-4 pt-3 border-top g-3">
-				<div class="col-6 col-sm-6 col-lg-3">
-					<div class="p-2 bg-light rounded border-start border-primary border-4 shadow-sm h-100 d-flex flex-column justify-content-center">
+				<div class="col-6 col-lg-3">
+					<div class="p-2 bg-light rounded border-bottom border-primary border-4 shadow-sm h-100 d-flex flex-column justify-content-center text-center align-items-center">
 						<small class="text-muted d-block text-uppercase lh-1 mb-1" style="font-size: 0.65rem;">
 							<i class="fas fa-handshake me-1 opacity-75"></i><?= _("Souscripteur") ?>
 						</small>
-						<span class="fw-bold text-dark small text-truncate" title="<?= $beneficiaire['nomClient'] ?>">
+						<span class="fw-bold text-dark small w-100 text-truncate" title="<?= $beneficiaire['nomClient'] ?>">
 							<?= $beneficiaire['nomClient'] ?>
 						</span>
 					</div>
 				</div>
 
-				<div class="col-6 col-sm-6 col-lg-3">
-					<div class="p-2 bg-light rounded border-start border-info border-4 shadow-sm h-100 d-flex flex-column justify-content-center">
+				<div class="col-6 col-lg-3">
+					<div class="p-2 bg-light rounded border-bottom border-info border-4 shadow-sm h-100 d-flex flex-column justify-content-center text-center align-items-center">
 						<small class="text-muted d-block text-uppercase lh-1 mb-1" style="font-size: 0.65rem;">
 							<i class="fas fa-users me-1 opacity-75"></i><?= _("Collège") ?>
 						</small>
-						<span class="fw-bold text-dark small text-truncate" title="<?= $beneficiaire['libelleCollege'] ?>">
+						<span class="fw-bold text-dark small w-100 text-truncate" title="<?= $beneficiaire['libelleCollege'] ?>">
 							<?= $beneficiaire['libelleCollege'] ?>
 						</span>
 					</div>
 				</div>
 
-				<div class="col-6 col-sm-6 col-lg-3">
-					<div class="p-2 bg-light rounded border-start border-secondary border-4 shadow-sm h-100 d-flex flex-column justify-content-center">
+				<div class="col-6 col-lg-3">
+					<div class="p-2 bg-light rounded border-bottom border-secondary border-4 shadow-sm h-100 d-flex flex-column justify-content-center text-center align-items-center">
 						<small class="text-muted d-block text-uppercase lh-1 mb-1" style="font-size: 0.65rem;">
 							<i class="fas fa-file-contract me-1 opacity-75"></i><?= _("N° Police") ?>
 						</small>
-						<span class="fw-bold text-secondary small">
+						<span class="fw-bold text-secondary small w-100">
 							<?= $beneficiaire['numeroPolice'] ?>
 						</span>
 					</div>
 				</div>
 
-				<div class="col-6 col-sm-6 col-lg-3">
-					<div class="p-2 bg-light rounded border-start border-warning border-4 shadow-sm h-100 d-flex flex-column justify-content-center">
+				<div class="col-6 col-lg-3">
+					<div class="p-2 bg-light rounded border-bottom border-warning border-4 shadow-sm h-100 d-flex flex-column justify-content-center text-center align-items-center">
 						<small class="text-muted d-block text-uppercase lh-1 mb-1" style="font-size: 0.65rem;">
 							<i class="fas fa-calendar-check me-1 opacity-75"></i><?= _("Exercice") ?>
 						</small>
-						<span class="fw-bold text-dark small">
+						<span class="fw-bold text-dark small w-100">
 							<?= $_SESSION['exercieReference_C'] ?>
 						</span>
 					</div>