diff --git a/Vue/Ajaxdiagnosticsbeneficiaire/index.php b/Vue/Ajaxdiagnosticsbeneficiaire/index.php
index 545901a..816d888 100755
--- a/Vue/Ajaxdiagnosticsbeneficiaire/index.php
+++ b/Vue/Ajaxdiagnosticsbeneficiaire/index.php
@@ -85,16 +85,16 @@
 				<div class="row">
 					<div class="col-12 mb-2">
 						<small class="text-muted"><?= _("Prestataire") ?></small><br>
-						<span class="fw-bold"><?= $this->nettoyer($diagnostic['prestataire']) ?></span>
+						<span class="fw-bold text-truncate" style="max-width: 200px;"><?= $this->nettoyer($diagnostic['prestataire']) ?></span>
 					</div>
 					<div class="col-12 mb-2">
 						<small class="text-muted"><?= _("Médecin") ?></small><br>
-						<span class="fw-bold"><?= $this->nettoyer($diagnostic['medecin']) ?></span>
+						<span class="fw-bold text-truncate" style="max-width: 200px;"><?= $this->nettoyer($diagnostic['medecin']) ?></span>
 					</div>
 					
 					<div class="col-12 mb-2">
 						<small class="text-muted"><?= _("Diagnostic") ?></small><br>
-						<span class="fw-bold"><?= $libelleAffection ?></span>
+						<span class="fw-bold text-truncate" style="max-width: 200px;"><?= $libelleAffection ?></span>
 					</div>
 				</div>
 			</div>
diff --git a/Vue/Ajaxnotesbeneficiaire/index.php b/Vue/Ajaxnotesbeneficiaire/index.php
index 3ac9989..ff67fee 100755
--- a/Vue/Ajaxnotesbeneficiaire/index.php
+++ b/Vue/Ajaxnotesbeneficiaire/index.php
@@ -60,9 +60,9 @@
 						<div class="d-flex justify-content-between align-items-center">
 							<span class="text-muted small"><?= _("Auteur") ?></span>
 							<?php if($source=='C'): ?>
-							<span class="fw-bold"><?= $this->nettoyer($_SESSION['adherent_C']) ?></span>
+							<span class="fw-bold text-truncate" style="max-width: 200px;"><?= $this->nettoyer($_SESSION['adherent_C']) ?></span>
 							<?php else: ?>
-							<span class="fw-bold"><?= $this->nettoyer($notefeuillemaladie['redacteur']) ?></span>
+							<span class="fw-bold text-truncate" style="max-width: 200px;"><?= $this->nettoyer($notefeuillemaladie['redacteur']) ?></span>
 							<?php endif; ?>
 						</div>
 					</div>
diff --git a/Vue/Ged/index.php b/Vue/Ged/index.php
index 6c1e6dd..b829547 100755
--- a/Vue/Ged/index.php
+++ b/Vue/Ged/index.php
@@ -1,7 +1,7 @@
 <?php 
     $this->titre = "Intersanté - GED Globale"; 
 ?>
-
+<!-- -->
 <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">
diff --git a/Vue/Gedbeneficiaireass/index.php b/Vue/Gedbeneficiaireass/index.php
index 35fb022..03717f3 100755
--- a/Vue/Gedbeneficiaireass/index.php
+++ b/Vue/Gedbeneficiaireass/index.php
@@ -2,76 +2,203 @@
 	$this->titre = "Intersanté - GED Bénéficiaire";  
 ?>
 
-<legend> GED Bénéficiaire => NB : Limité à 50 documents => Filtrer sur période pour obtenir le résultat souhaité </legend>
 
-<form enctype="multipart/form-data" action="Gedbeneficiaireass" method="post">
-	<table class="table table-responsive table-condensed" style='font-size:10pt;'>
-		<tbody>	
-			<tr> 
-				<td  width="7%" > Période du </td>
-				<td  width="15%" ><INPUT style='text-align:center; font-size:10pt;' class="form-control datepicker" TYPE="text" id="d1" NAME="d1" value="<?= $_SESSION['dUneSemaineAvantFr_C'] ?>"   required></td>
-
-				<td  width="7%" align="center" > au </td>
-				<td width="15%" ><INPUT style='text-align:center; font-size:10pt;'  class="form-control datepicker" TYPE="text" id="d2" NAME="d2" value="<?= dateCouranteLang($_SESSION['lang']) ?>" required></td>
-
-				<td align="center" width="4%" > Doc.  </td>
-				<td colspan="1"> <INPUT style='font-size:10pt;' class="form-control" type="text" id="nomOrigine" name="nomOrigine" onkeypress="javascript:ctrlkeypress_lister_ged(event);"  > </td>
-
-				<td width="2%">  </td>
-				<td >  <button style='font-size:10pt;' type="button" class="form-control btn btn-primary" onclick="javascript:lister_ged_beneficiaire_prest();">Actualiser..</button> </td>
-			</tr>			
-			
-			<tr> 
-				<td> Upload </td>
-				<td colspan="5"> <input style="font-size: 15px; height: 40px" class="form-control btn btn-info" name="fichier_upload" type="file" id="fichier_upload" /> </td>
-
-				<td> </td>
-				<td> <input style='font-size:10pt;' class="form-control btn btn-primary" type="submit" name="submit" value=" Envoyer / Send" /> </td>
-			</tr>			
-			
-		</tbody>
-	</table>	
-</form>
-
-
-<div id="div_ged">	
-	<?php if((isset($msgErreur)) && ($msgErreur>" ")) : ?>
-		<INPUT style='font-size:14pt; color:red; text-align:center;' class="form-control" type="text" value="<?= $msgErreur ?>" readonly >
-	<?php endif; ?>
+<!-- -->
+<div class="shadow-lg border-0 mb-4 bg-light" style="border-radius: 15px; padding-bottom: 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">
+				<h4 id="h4_titre" class="mb-2 text-center">
+					<i class="fas fa-heartbeat me-2"></i>
+					<?= _("GED Bénéficiaire") ?>
+				</h4>
+			</div>
+		</div>
+	</div>
 	
-	<table class="table table-striped table-bordered table-hover table-condensed table-responsive" style="font-size:7pt;">
-		<thead>
-		  <tr>
-			<th style='text-align:center'> Date </th>
-			<th style='text-align:center'> Src </th>
-			<th> Souscripteur </th>
-			<th style='text-align:center'> Police </th>
-			<th> Adhérent </th>
-			<th style='text-align:center' colspan="2"> Bénéficiaire </th>
-			<th> Document </th>
-			<th style='text-align:center'> Download </th>
-		  </tr>
-		</thead>
-		
-		<tbody>
-			<?php foreach ($geds as $ged):
-				$idGed=$this->nettoyer($ged['idGed']);
-				$cheminFichier = $this->nettoyer($ged['cheminFichier']);
-			?>
-			<tr valign="top">
-				<td align='center'><?= dateheureFr($this->nettoyer($ged['dateSysteme'])) ?></td>
-				<td align='center'><?= $this->nettoyer($ged['source']) ?></td>				
-				<td><?= $this->nettoyer($ged['souscripteur']) ?></td>
-				<td align='center'><?= $this->nettoyer($ged['numeroPolice']) ?></td>				
-				<td><?= $this->nettoyer($ged['adherent']) ?></td>
-				<td align='center'><?= $this->nettoyer($ged['numeroBeneficiaire']) ?></td>
-				<td><?= $this->nettoyer($ged['beneficiaire']) ?></td>
-				<td><?= $this->nettoyer($ged['nomOrigine']) ?></td>				
-				<td align="center"> 
-					<a id="btn_ged<?= $idGed ?>" name="btn_ged<?= $idGed ?>"  style="font-size:8pt;" href="<?= $cheminFichier ?>" target="_blank" > Download</a> 
-				</td>
-			</tr>
-			<?php endforeach; ?>
-		</tbody>
-	</table>
-</div>	
+	<div class="card-header bg-secondary py-2">
+		<h5 class="mb-0 text-center text-light text-truncate" style="max-width:280px;">
+			<?= $this->nettoyer($_SESSION['beneficiaire_C']). " ( " .$_SESSION['numeroBeneficiaire_C']. " )" ?>
+		</h5>
+	</div>
+
+	<div class="row">
+        <div class="col-12">
+            <div class="alert alert-info mb-4">
+				<small>
+					<i class="fas fa-info-circle me-2"></i>
+					<?= _("NB : Limité à 50 documents => Filtrer sur période pour obtenir le résultat souhaité") ?>
+				</small>
+			</div>
+
+			<!-- Formulaire de filtres et upload -->
+            <div class="card shadow-sm mb-8">
+                <div class="card-body">
+					<form enctype="multipart/form-data" action="Gedbeneficiaireass" method="post">
+						  <div class="row g-3 align-items-end">
+							<!-- Période du -->
+                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
+                                <label class="form-label fw-bold"><?= _("Période du") ?></label>
+                                <input class="form-control form-control-sm datepicker" type="text" 
+                                       id="d1" name="d1" 
+                                       value="<?= $_SESSION['dUneSemaineAvantFr_C'] ?>" required>
+                            </div>
+
+							<!-- Période au -->
+                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
+                                <label class="form-label fw-bold"><?= _("au") ?></label>
+                                <input class="form-control form-control-sm datepicker" type="text" 
+                                       id="d2" name="d2" 
+                                       value="<?= dateCouranteLang($_SESSION['lang']) ?>" required>
+                            </div>
+
+							 <!-- Recherche document -->
+                            <div class="col-12 col-md-4 col-lg-3">
+                                <label class="form-label fw-bold"><?= _("Document") ?></label>
+                                <input class="form-control form-control-sm" type="text" 
+                                       id="nomOrigine" name="nomOrigine" 
+                                       placeholder="<?= _('Rechercher un document') ?>">
+                            </div>
+                            
+                            <!-- Bouton Actualiser -->
+                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
+                                <button type="button" class="btn btn-primary w-100 btn_autre" 
+                                        onclick="javascript:lister_ged_beneficiaire_prest();">
+                                    <i class="fas fa-sync-alt me-2"></i><?= _("Actualiser") ?>
+                                </button>
+                            </div>
+                            
+                            <!-- Upload de fichier -->
+                            <div class="col-12 col-sm-6 col-md-4 col-lg-9">
+                                <label class="form-label fw-bold"><?= _("Envoyer un document") ?></label>
+                                <input class="form-control" name="fichier_upload" type="file" 
+                                       id="fichier_upload" />
+                            </div>
+                            
+                            <!-- Bouton Envoyer -->
+                            <div class="col-12 col-sm-6 col-md-4 col-lg-3">
+                                <button type="submit" name="submit" class="btn btn-success w-100 mt-md-0 btn_autre">
+                                    <i class="fas fa-upload me-2"></i><?= _("Envoyer / Send") ?>
+                                </button>
+                            </div>
+                        </div>
+					</form>
+				</div>
+            </div>
+
+			<!-- Résultats -->
+			<div id="div_ged">
+				<div class="card shadow-sm">
+					<div class="card-header bg-light py-2 d-flex justify-content-between align-items-center">
+						<h5 class="mb-0 text-dark">
+							<i class="fas fa-list me-2"></i>
+							<span class="hide-on-mobile"><?= _("Liste des documents")?></span>
+							<span class="badge bg-primary view-end"><?= format_N(count($geds)).' '._("document(s)") ?> </span>
+						</h5>
+					</div>
+					
+					
+					<div class="card-body p-0">
+                        <?php if((isset($msgErreur)) && ($msgErreur>" ")) : ?>
+                            <div class="alert alert-danger m-3" role="alert">
+                                <i class="fas fa-exclamation-circle me-2"></i>
+                                <?= $msgErreur ?>
+                            </div>
+                        <?php endif; ?>
+                        
+						<div class="d-none d-md-block">
+							<div class="table-responsive">
+								<table class="table table-striped table-hover mb-0" style="font-size:9pt; white-space: nowrap;">
+									<thead class="table-dark">
+										<tr>
+											<th style='text-align:center'> Date </th>
+											<th style='text-align:center'> Src </th>
+											<th> Souscripteur </th>
+											<th style='text-align:center'> Police </th>
+											<th> Adhérent </th>
+											<th style='text-align:center' colspan="2"> Bénéficiaire </th>
+											<th> Document </th>
+											<th style='text-align:center'> Download </th>
+										</tr>
+									</thead>
+									<tbody>
+										<?php if (count($geds) > 0): ?>
+											<?php foreach ($geds as $ged):
+												$idGed = $this->nettoyer($ged['idGed']);
+												$cheminFichier = $this->nettoyer($ged['cheminFichier']);
+											?>
+											<tr valign="top">
+												<td align='center'><?= dateheureLang($this->nettoyer($ged['dateSysteme']), $_SESSION['lang']) ?></td>
+												<td align='center'><?= $this->nettoyer($ged['source']) ?></td>				
+												<td><?= $this->nettoyer($ged['souscripteur']) ?></td>
+												<td align='center'><?= $this->nettoyer($ged['numeroPolice']) ?></td>				
+												<td><?= $this->nettoyer($ged['adherent']) ?></td>
+												<td align='center'><?= $this->nettoyer($ged['numeroBeneficiaire']) ?></td>
+												<td><?= $this->nettoyer($ged['beneficiaire']) ?></td>
+												<td><?= $this->nettoyer($ged['nomOrigine']) ?></td>				
+												<td align="center"> 
+													<a id="btn_ged<?= $idGed ?>" name="btn_ged<?= $idGed ?>"  style="font-size:8pt;" href="<?= $cheminFichier ?>" target="_blank" > Download</a> 
+												</td>
+											</tr>
+											<?php endforeach; ?>
+										<?php else: ?>
+											<tr>
+												<div class="text-center text-muted py-4">
+													<div class="alert alert-info mt-3" style="margin-bottom:15px;">
+														<small> 
+															<i class="fas fa-info-circle me-2"></i>
+															<?= _("Aucun document trouvé pour les critères sélectionnés") ?>
+														</small> 
+													</div>
+												</div>
+											</tr>
+										<?php endif; ?>
+									</tbody>
+								</table>
+							</div>
+						</div>
+						
+						<!-- Affichage mobile (cartes) -->
+						<div class="d-md-none">
+							<?php foreach ($geds as $ged):
+								$idGed = $this->nettoyer($ged['idGed']);
+								$cheminFichier = $this->nettoyer($ged['cheminFichier']);
+							?>
+							<div class="card-body py-2">
+								<div class="row mb-2">
+									<div class="col-12 mb-2">
+										<div class="d-flex justify-content-between align-items-center">
+											<span class="text-muted small me-3">Date</span>
+											<span class="fw-bold me-2"><?= dateheureLang($this->nettoyer($ged['dateSysteme']), $_SESSION['lang']) ?></span>
+										</div>
+									</div>
+									
+									<div class="col-10 mb-2">
+										<div class="d-flex justify-content-between align-items-center">
+											<span class="text-muted small me-3"><?= _("Document") ?></span>
+											<span class="text-truncate" style="max-width: 200px;"><?= $this->nettoyer($ged['nomOrigine']) ?></span>
+										</div>
+									</div>
+									
+									<div class="col-2 mb-2">
+										<div class="d-flex justify-content-between align-items-center">
+											<a href="<?= $cheminFichier ?>" 
+											    class="btn btn-sm btn-danger w-100">
+												<i class="fas fa-download me-1 d-sm-inline" style="font-size:1.8rem !important"></i>
+											</a>
+										</div>
+									</div>
+								</div>
+							</div>
+							<?php endforeach; ?>
+						</div>
+					</div>	
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+
+