diff --git a/Vue/Ajaxfraisfuneraires/index.php b/Vue/Ajaxfraisfuneraires/index.php
new file mode 100644
index 00000000..96d2261f
--- /dev/null
+++ b/Vue/Ajaxfraisfuneraires/index.php
@@ -0,0 +1,104 @@
+<div class="panel panel-default" style="border-radius: 4px; border: 1px solid #ddd; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
+    <?php if (empty($demandes)): ?>
+    <div class="alert alert-info" style="margin: 15px; text-align: center; border-radius: 4px;">
+        <span class="glyphicon glyphicon-info-sign" style="margin-right: 8px;"></span>
+        <?= _("Aucune demande trouvée pour ce filtre") ?>
+    </div>
+    <?php else: ?>
+    <div class="panel-heading" style="background-color: #fff; border-bottom: 1px solid #eee; padding: 15px;">
+        <div class="row">
+            <div class="col-xs-7">
+                <h4 style="margin: 0; font-weight: bold; color: #337ab7;">
+                    <span class="glyphicon glyphicon-list" style="margin-right: 8px;"></span>
+                    <span class="hidden-xs"><?= _("Liste des demandes")?></span>
+                </h4>
+            </div>
+            <div class="col-xs-5 text-right">
+                <span class="label label-primary" style="padding: 6px 12px; font-size: 12px; border-radius: 12px;">
+                    <span class="glyphicon glyphicon-file" style="margin-right: 5px;"></span> 
+                    <?= format_N(count($demandes)).' '._("demande(s)") ?>
+                </span>
+            </div>
+        </div>
+    </div>
+    
+    <div class="table-responsive">
+        <table id="table_frais_funeraires" class="table table-striped table-hover" style="font-size: 11px; margin-bottom: 0;">
+            <thead>
+                <tr style="background-color: #333; color: #fff; text-transform: uppercase;">
+                    <th class="text-center"><?= _("N° Demande") ?></th>
+                    <th class="text-center"><?= _("Date Saisie") ?></th>
+                    <th><?= _("Bénéficiaire") ?></th>
+                    <th class="text-center"><?= _("Lien Parenté") ?></th>
+                    <th class="text-center"><?= _("État") ?></th>
+                    <th><?= _("Observations") ?></th>
+                </tr>
+            </thead>
+            <tbody>
+                <?php foreach ($demandes as $v):
+                    $idDemande = $this->nettoyer($v['id']);
+                    $numeroFraisFuneraire = $this->nettoyer($v['numeroFraisFuneraire']);
+                    $dateSysteme = $this->nettoyer($v['dateSysteme']);
+                    $codeEtatDemandeFrais = $v['codeEtatDemandeFrais'];
+                ?>
+                <tr>
+                    <td class="text-center" style="vertical-align: middle;">
+                        <button class="btn btn-default btn-xs" 
+                                style="color: #337ab7; font-weight: bold; border-color: #337ab7; padding: 2px 10px;"
+                                onClick="afficher_demande_fraisfun('<?= $idDemande ?>');">
+                            <?= $numeroFraisFuneraire ?>
+                        </button>
+                    </td>
+                    <td class="text-center" style="vertical-align: middle; color: #777;">
+                        <?= dateheureLang($dateSysteme, $_SESSION['lang']) ?>
+                    </td>
+                    <td style="vertical-align: middle;">
+                        <div style="font-weight: bold; text-transform: uppercase; color: #333;"><?= $this->nettoyer($v['beneficiaire']) ?></div>
+                        <div style="font-size: 10px; color: #999; font-style: italic;"><?= $this->nettoyer($v['numeroBeneficiaire']) ?></div>
+                    </td>
+                    <td class="text-center" style="vertical-align: middle;">
+                        <span class="label label-default" style="background-color: #fff; color: #777; border: 1px solid #ccc; font-weight: normal;">
+                            <?= $v['lienbeneficiaire'] ?>
+                        </span>
+                    </td>
+                    <td class="text-center" style="vertical-align: middle;">
+                        <?php if($codeEtatDemandeFrais == "1"):?>
+                            <span class="label label-success" style="padding: 4px 10px;">
+                                <span class="glyphicon glyphicon-ok-sign"></span> <?= _("Accordée")?>
+                            </span>
+                        <?php elseif($codeEtatDemandeFrais == "0"): ?>
+                            <span class="label label-warning" style="padding: 4px 10px;">
+                                <span class="glyphicon glyphicon-time"></span> <?= _("En attente")?>
+                            </span>
+                        <?php else: ?>
+                            <span class="label label-danger" style="padding: 4px 10px;">
+                                <span class="glyphicon glyphicon-remove-sign"></span> <?= _("Refusée")?>
+                            </span>
+                        <?php endif; ?>
+                    </td>
+                    <td style="vertical-align: middle; color: #777; font-style: italic; font-size: 10px;">
+                        <?= $v['observations'] ? $this->nettoyer($v['observations']) : '<span style="opacity: 0.3;">-</span>' ?>
+                    </td>
+                </tr>
+                <?php endforeach; ?>
+            </tbody>
+        </table>
+    </div>
+    <?php endif; ?>
+</div>
+
+<style>
+    /* Correction pour l'alignement vertical en Bootstrap 3 */
+    .table > tbody > tr > td {
+        vertical-align: middle !important;
+    }
+    
+    /* Animation simple */
+    .panel {
+        animation: fadeIn 0.4s ease-in;
+    }
+    @keyframes fadeIn {
+        from { opacity: 0; }
+        to { opacity: 1; }
+    }
+</style>
\ No newline at end of file