diff --git a/Vue/Gctypegarant/index.php b/Vue/Gctypegarant/index.php
index 21a0c2a2..f40338d7 100755
--- a/Vue/Gctypegarant/index.php
+++ b/Vue/Gctypegarant/index.php
@@ -1,65 +1,87 @@
-<div class="page-content">
-    <div class="header-section mb-4">
-        <div class="d-flex align-items-center bg-white p-3 shadow-sm border-start border-primary border-4" style="border-radius: var(--radius-md);">
-            <div class="icon-shape bg-primary-ghost text-primary rounded-circle me-3" style="width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;">
-                <i class="fas fa-tags fs-4"></i>
-            </div>
-            <div>
-                <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Types de Porteur de Risque") ?></h4>
-                <p class="text-muted small mb-0"><?= _("Configuration des catégories d'entités garantes") ?></p>
-            </div>
-        </div>
-    </div>
+<legend> <?= _("TYPES DE GARANT") ?> </legend>
 
-    <div class="d-flex justify-content-between align-items-center mb-3">
-        <div>
-            </div>
-        <button type="button" class="btn btn-primary rounded-pill px-4 shadow-sm fw-bold" onclick="addgctypegarant();">
-            <i class="fas fa-plus-circle me-2"></i><?= _("Nouveau Type") ?>
-        </button>
-    </div>
 
-    <div id="div_lister_table">
-        <div class="text-center p-5 bg-white rounded shadow-sm border border-dashed">
-            <div class="spinner-border text-primary mb-3" role="status"></div>
-            <p class="text-muted fw-bold"><?= _("Chargement de la liste...") ?></p>
-        </div>
-    </div>
+
+<div id="div_lister_table">
+
+    <table class="table table-striped table-bordered table-hover table-condensed table-responsive tabspeciale compact">
+
+        <thead>
+
+            <tr>
+
+                <th style="text-align:center" > <?= _("N°") ?> </th>
+
+                <th style="text-align:center" > <?= _("Code") ?> </th>
+
+                <th style="text-align:center" > <?= _("Libellé") ?> </th>
+
+                <th style="text-align:center" > <?= _("Action") ?> </th>
+
+                <!--<th style="text-align:center" > <?= _("Supprimer") ?> </th>-->
+
+            </tr>
+
+        </thead>
+
+        <tbody>
+
+            <?php $i = 0;?>
+
+            <?php
+
+                foreach ($typesgarant as $v):
+
+                $idData = $this->nettoyer($v['id']);
+
+            ?>
+
+                <tr>
+
+                    <td align="center" width="5%"><?= ++$i; ?></td>
+
+                    <td align="center" width="10%"><?= $this->nettoyer($v['codeTypeGarant']); ?></td>
+
+                    <td width="50%"><?= $this->nettoyer($v['libelle']); ?></td>
+
+                    <td class="text-center" width="10%">
+
+                        <button class = "form-control btn btn-primary" type="button" id="btn-modifier" name="btn-modifier"
+
+                        style="font-size:10pt;" onclick="JAVASCRIPT:editgctypegarant(<?= $idData; ?>);"><?= _("Modifier") ?></button>
+
+                    </td>
+
+                    <!--
+
+                    <td class="text-center" width="10%">
+
+                        <button class = "form-control btn-danger" type="button" id="btn-supprimer" name="btn-supprimer"
+
+                        style="font-size:10pt;" onclick="JAVASCRIPT:supprimeLigneTypeGarant(<?= $idData; ?>)" >Supprimer</button>
+
+                    </td>
+
+                    -->
+
+                </tr>
+
+            <?php endforeach; ?>
+
+        </tbody>
+
+    </table>
+
 </div>
 
-<div id="div_add_typegarant" class="modal fade" tabindex="-1" aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered">
-        <div class="modal-content border-0 shadow-lg" id="content_add_typegarant">
-            </div>
-    </div>
+
+
+<div id="div_add_typegarant" class="modal fade">
+
+
+
 </div>
 
-<div id="div_edit_typegarant" class="modal fade" tabindex="-1" aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered">
-        <div class="modal-content border-0 shadow-lg" id="content_edit_typegarant">
-            </div>
-    </div>
-</div>
+<div id="div_edit_typegarant" class="modal fade">
 
-<style>
-    .bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
-    .border-dashed { border-style: dashed !important; border-width: 2px; }
-    
-    /* Animation pour les modales */
-    .modal.fade .modal-dialog {
-        transition: transform 0.3s ease-out;
-        transform: scale(0.95);
-    }
-    .modal.show .modal-dialog {
-        transform: scale(1);
-    }
-</style>
-
-<script>
-    $(document).ready(function() {
-        // Chargement initial de la liste
-        if (typeof actualiser_liste_type_garant === 'function') {
-            actualiser_liste_type_garant();
-        }
-    });
-</script>
\ No newline at end of file
+</div>
\ No newline at end of file