diff --git a/Vue/Ajaxrequetedetailsinistres/index.php b/Vue/Ajaxrequetedetailsinistres/index.php
index e73de88..8bf3ed7 100644
--- a/Vue/Ajaxrequetedetailsinistres/index.php
+++ b/Vue/Ajaxrequetedetailsinistres/index.php
@@ -1,15 +1,25 @@
 <?php $nbligne = 0; ?>
 
 <div id="div_detail_requete" class="card border-0 shadow-sm animate__animated animate__fadeIn">
-    <div class="card-header bg-dark text-white p-3">
-        <div class="row align-items-center text-center">
-            <div class="col-md-6 border-end border-secondary">
-                <small class="text-uppercase opacity-75 d-block"><?= _("Volume Total") ?></small>
-                <span class="h5 fw-bold"><?= format_N($rpsinistres_total['nbLigne']) ?> <?= _("Lignes") ?></span>
+    <div class="card-header bg-dark text-white p-4 border-0" style="border-radius: 12px 12px 0 0;">
+        <div class="row w-100 m-0 align-items-center">
+            <div class="col-md-6 border-end border-secondary text-center py-2">
+                <div class="text-uppercase opacity-75 mb-2" style="font-size: 9pt; letter-spacing: 1px;">
+                    <i class="fas fa-layer-group me-2 text-primary"></i> <?= _("Volume Total") ?>
+                </div>
+                <div class="display-6 fw-bold">
+                    <?= format_N($rpsinistres_total['nbLigne']) ?> 
+                    <small class="h5 opacity-50 fw-normal"><?= _("Lignes") ?></small>
+                </div>
             </div>
-            <div class="col-md-6 border-end border-secondary">
-                <small class="text-uppercase opacity-75 d-block"><?= _("Montant Total") ?></small>
-                <span class="h5 fw-bold text-warning"><?= format_N($rpsinistres_total['montant_total']) ?></span>
+            
+            <div class="col-md-6 text-center py-2">
+                <div class="text-uppercase opacity-75 mb-2" style="font-size: 9pt; letter-spacing: 1px;">
+                    <i class="fas fa-money-bill-wave me-2 text-warning"></i> <?= _("Montant Total") ?>
+                </div>
+                <div class="display-6 fw-bold text-warning">
+                    <?= format_N($rpsinistres_total['montant_total']) ?>
+                </div>
             </div>
         </div>
     </div>
@@ -46,26 +56,46 @@
                     <td class="text-center"><span class="badge bg-light text-dark border"><?= $this->nettoyer($rpsinistre['codeGarantie']) ?></span></td>
                     <td class="text-end fw-bold px-3"><?= format_N($this->nettoyer($rpsinistre['fraisReel'])); ?></td>
                 </tr>
-                
-                <?php 
-                /*
-                    if ($nbligne == 200) {
-                        $nbligne = "> " . $nbligne . " => " . _("Export Excel");
-                        break;
-                    }
-                */
-                ?>
                 <?php endforeach; ?>
             </tbody>
+            <tfoot class="table-dark">
+                <tr>
+                    <td colspan="7" class="text-center fw-bold text-uppercase"><?= _("Total Général") ?></td>
+                    <td class="text-end fw-bold px-3 fs-6 text-warning"><?= format_N($rpsinistres_total['montant_total']) ?></td>
+                </tr>
+            </tfoot>
         </table>
     </div>
     
     <div class="card-footer bg-white d-flex justify-content-between align-items-center py-2">
         <span class="text-muted small italic">
-            <i class="fas fa-history me-1"></i><?= _("Généré le") ?> <?= date('d/m/Y H:i') ?>
+            <i class="fas fa-history me-1"></i><?= _("Généré le") ?> <?= dateheureLang(date('Y-m-d H:i:s'), $_SESSION['lang']) ?>
         </span>
         <span class="badge bg-secondary opacity-75"><?= $_SESSION['numeroPolice_C'] ?></span>
     </div>
 
     <input class="sr-only" type="text" id="nbligne_info" name="nbligne_info" value="<?= $nbligne ?>">
-</div>
\ No newline at end of file
+</div>
+
+<script>
+$(document).ready(function() {
+    const titreRapport = "<?= mb_strtoupper(_('DÉTAIL DES SINISTRES'), 'UTF-8'); ?>";
+    
+    const infosPolice = 
+        "<?= _('Souscripteur') ?> : <?= $_SESSION['nomClient_C'] ?>\n" +
+        "<?= _('Numéro Police') ?> : <?= $_SESSION['numeroPolice_C'] ?>\n" +
+        "<?= _('Période du') ?> : <?= $_SESSION['dateDebutRequete'] ?> <?= _('au') ?> <?= $_SESSION['dateFinRequete'] ?>";
+
+    appliquerDataTable('#table_sinistres_detail', {
+        pageLength: 50,
+        order: [[2, "desc"]], // Tri par date décroissante
+        buttons: [
+            { extend: 'excel', title: titreRapport, messageTop: infosPolice, footer: true },
+            { extend: 'pdf', title: titreRapport, messageTop: infosPolice, orientation: 'landscape', footer: true },
+            { extend: 'print', title: titreRapport, messageTop: infosPolice, footer: true }
+        ]
+    }, titreRapport, infosPolice);
+
+    $('#nbligne').val($('#nbligne_info').val());
+});
+</script>
\ No newline at end of file