diff --git a/Vue/Paramsin/index.php b/Vue/Paramsin/index.php
index 57509235..513391fa 100755
--- a/Vue/Paramsin/index.php
+++ b/Vue/Paramsin/index.php
@@ -1,116 +1,81 @@
-<?php $this->titre = "INTER SANTE - Paramètres Sinistres"; ?>
+<div class="page-content animate__animated animate__fadeIn">
+    <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 d-flex align-items-center justify-content-center" style="width: 50px; height: 50px;">
+                <i class="fas fa-cogs fs-4"></i>
+            </div>
+            <div>
+                <h4 class="mb-0 fw-bold text-uppercase"><?= _("Paramètres de Prestation") ?></h4>
+                <p class="text-muted small mb-0"><?= _("Configuration des référentiels sinistres et tarifications") ?></p>
+            </div>
+        </div>
+    </div>
+
+    <div class="row g-3">
+        <?php
+        $menus = [
+            ['url' => 'Tarifsactes/', 'icon' => 'fa-stethoscope', 'title' => _("Actes médicaux et tarifs"), 'desc' => _("Gestion de la nomenclature des actes")],
+            ['url' => 'Tarifsmedicaments/', 'icon' => 'fa-pills', 'title' => _("Médicaments et tarifs"), 'desc' => _("Base de données pharmaceutique")],
+            ['url' => 'Tarifsoptiques/', 'icon' => 'fa-glasses', 'title' => _("Verres / optiques et tarifs"), 'desc' => _("Référentiel optique et montures")],
+            ['url' => 'Tmnegocies/', 'icon' => 'fa-handshake', 'title' => _("Tickets Modérateurs négociés"), 'desc' => _("Conventions spécifiques partenaires")]
+        ];
+
+        foreach ($menus as $menu) :
+        ?>
+        <div class="col-md-6 col-lg-3">
+            <a href="<?= $menu['url'] ?>" class="text-decoration-none">
+                <div class="card h-100 border-0 shadow-sm menu-card-esi">
+                    <div class="card-body p-4 text-center">
+                        <div class="icon-box mb-3 mx-auto shadow-xs">
+                            <i class="fas <?= $menu['icon'] ?> fa-2x text-primary"></i>
+                        </div>
+                        <h6 class="fw-bold text-dark mb-2"><?= $menu['title'] ?></h6>
+                        <p class="text-muted small mb-0"><?= $menu['desc'] ?></p>
+                    </div>
+                    <div class="card-footer bg-transparent border-0 text-center pb-3">
+                        <span class="btn-link text-primary small fw-bold text-uppercase">
+                            <?= _("Accéder") ?> <i class="fas fa-chevron-right ms-1"></i>
+                        </span>
+                    </div>
+                </div>
+            </a>
+        </div>
+        <?php endforeach; ?>
+    </div>
+</div>
 
 <style>
-.card {  
-	background: white;  
-	border-radius: 8px;  
-	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);  
-	margin: 10px;  
-	padding: 15px;  
-	transition: transform 0.2s;  
-}  
+    /* Style spécifique au menu ESI */
+    .menu-card-esi {
+        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+        border-bottom: 3px solid transparent !important;
+    }
 
-.card:hover {  
-	transform: scale(1.02); 
-	background-color: #dcdcdc;
-}  
+    .menu-card-esi:hover {
+        transform: translateY(-5px);
+        background-color: #f8f9fa;
+        border-bottom: 3px solid #0d6efd !important;
+        box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;
+    }
 
-.card-content {  
-	display: flex;  
-	justify-content: space-between;  
-	align-items: center;  
-}  
+    .menu-card-esi .icon-box {
+        width: 70px;
+        height: 70px;
+        background-color: rgba(13, 110, 253, 0.05);
+        border-radius: 15px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: 0.3s;
+    }
 
-.text {  
-	flex: 1;  
-	margin-left: 10px; 
-	font-size: 13pt;
-}  
+    .menu-card-esi:hover .icon-box {
+        background-color: #0d6efd;
+    }
 
-.card a {  
-	text-decoration: none;  
-	color: black;  
-	width: 100%;  
-}  
+    .menu-card-esi:hover .icon-box i {
+        color: white !important;
+    }
 
-.card a:hover {  
-	color: #007bff; /* Couleur au survol */  
-}   
-</style>
-
-
-
-<legend > <?= _("PARAMETRES DE PRESTATION") ?> </legend>
-
-<div class="card">  
-	<a href="Tarifsactes/">  
-		<div class="card-content">  
-			<i class="fas fa-stethoscope text-primary"></i>  
-			<span class="text"> <?= _("Actes médicaux et tarifs") ?> </span>  
-			<i class="fas fa-chevron-right"></i>  
-		</div>  
-	</a>  
-</div>
-
-<div class="card">  
-	<a href="Tarifsmedicaments/">  
-		<div class="card-content">  
-			<i class="fas fa-pills text-primary"></i>  
-			<span class="text"> <?= _("Médicaments et tarifs") ?> </span>  
-			<i class="fas fa-chevron-right"></i>  
-		</div>  
-	</a>  
-</div>
-
-
-<div class="card">  
-	<a href="Tarifsoptiques/">  
-		<div class="card-content">  
-			<i class="fas fa-glasses text-primary"></i>  
-			<span class="text"> <?= _("Verres / optiques et tarifs") ?> </span>  
-			<i class="fas fa-chevron-right"></i>  
-		</div>  
-	</a>  
-</div>
-
-<div class="card">  
-	<a href="Tmnegocies/">  
-		<div class="card-content">  
-			<i class="fa-solid fa-handshake text-primary"></i>  
-			<span class="text"> <?= _("Tickets Modérateurs négociés") ?> </span>  
-			<i class="fas fa-chevron-right"></i>  
-		</div>  
-	</a>  
-</div>
-
-<!--
-<div class="card">  
-	<a href="Caracteristiquesecte/">  
-		<div class="card-content">  
-			<i class="fas fa-info-circle"></i>  
-			<span class="text"> <?= _("Caractéristiques des actes médicaux") ?> </span>  
-			<i class="fas fa-chevron-right"></i>  
-		</div>  
-	</a>  
-</div>
-
-<div class="card">  
-	<a href="Exclusionactesparproduit/">  
-		<div class="card-content">  
-			<i class="fas fa-ban"></i>  
-			<span class="text"> <?= _("Exclusion des actes médicaux par produit") ?> </span>  
-			<i class="fas fa-chevron-right"></i>  
-		</div>  
-	</a>  
-</div>
-
-<div class="card">  
-	<a href="Paramactevisible/">  
-		<div class="card-content">  
-			<i class="fas fa-eye"></i>  
-			<span class="text"> <?= _("Visibilité des actes médicaux par profil utilisateur") ?> </span>  
-			<i class="fas fa-chevron-right"></i>  
-		</div>  
-	</a>  
-</div>
--->    
\ No newline at end of file
+    .bg-primary-ghost { background-color: rgba(13, 110, 253, 0.1); }
+</style>
\ No newline at end of file