diff --git a/Vue/Parametresgeneraux/index.php b/Vue/Parametresgeneraux/index.php
index d92825f2..03e43c15 100755
--- a/Vue/Parametresgeneraux/index.php
+++ b/Vue/Parametresgeneraux/index.php
@@ -1,152 +1,213 @@
 <?php $this->titre = "INTER SANTE - Paramètres Généraux"; ?>
 
-<script type="text/javascript">
+<div class="page-content">
+    <input class="sr-only" type="text" id="idSocieteuser" name="idSocieteuser" value="<?= $this->nettoyer($societeuser['idSocieteuser']) ?>">
 
-</script>
+    <div class="d-flex align-items-center mb-4">
+        <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-cogs fs-4"></i>
+        </div>
+        <div>
+            <h4 class="mb-0 fw-bold" style="color: var(--color-primary);"><?= _("Paramètres système") ?></h4>
+            <p class="text-muted small mb-0"><?= _("Configuration du centre de gestion et seuils d'alertes") ?></p>
+        </div>
+    </div>
 
-<input class="sr-only" type="text" id="idSocieteuser" name="idSocieteuser" value="<?= $this->nettoyer($societeuser['idSocieteuser']) ?>" >
+    <div class="row g-4">
+        <div class="col-xl-6">
+            <div class="card h-100 shadow-sm border-0" style="border-radius: var(--radius-md);">
+                <div class="card-header bg-white py-3 border-bottom-0">
+                    <h6 class="mb-0 fw-bold"><i class="fas fa-building me-2 text-muted"></i><?= _("Identité du Centre") ?></h6>
+                </div>
+                <div class="card-body pt-0">
+                    <div class="row g-3">
+                        <div class="col-md-4">
+                            <label class="form-label small text-muted"><?= _("Code") ?></label>
+                            <input class="form-control bg-light fw-bold" type="text" value="<?=$this->nettoyer($societeuser['codeSociete'])?>" readonly>
+                        </div>
+                        <div class="col-md-8">
+                            <label class="form-label small text-muted"><?= _("Nom de la Société") ?></label>
+                            <input class="form-control bg-light" type="text" value="<?=$this->nettoyer($societeuser['nomSociete'])?>" readonly>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted"><?= _("Sigle") ?></label>
+                            <input class="form-control bg-light" type="text" value="<?=$this->nettoyer($societeuser['sigleSociete'])?>" readonly>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted"><?= _("Responsable") ?></label>
+                            <input class="form-control bg-light" type="text" value="<?=$this->nettoyer($societeuser['nomResponsable'])?>" readonly>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted"><?= _("Ville") ?></label>
+                            <select class="form-select bg-light" disabled>
+                                <?php liste_options($villes, $this->nettoyer($societeuser['ville'])); ?>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted"><?= _("Pays") ?></label>
+                            <input class="form-control bg-light" type="text" value="<?=$societeuser['pays']?>" readonly>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted"><?= _("Adresse Géo") ?></label>
+                            <textarea class="form-control bg-light" rows="2" readonly><?=$this->nettoyer($societeuser['adresseGeoSociete'])?></textarea>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted"><?= _("Adresse Postale") ?></label>
+                            <textarea class="form-control bg-light" rows="2" readonly><?=$this->nettoyer($societeuser['adressePostSociete'])?></textarea>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
 
-<legend > <?= _("Paramètres système du centre de gestion") ?> </legend>
+        <div class="col-xl-6">
+            <div class="card h-100 shadow-sm border-0" style="border-radius: var(--radius-md);">
+                <div class="card-header bg-white py-3 border-bottom-0">
+                    <h6 class="mb-0 fw-bold"><i class="fas fa-address-book me-2 text-muted"></i><?= _("Contacts & Canaux") ?></h6>
+                </div>
+                <div class="card-body pt-0">
+                    <div class="row g-3">
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted"><?= _("Téléphone Fixe") ?></label>
+                            <div class="input-group">
+                                <span class="input-group-text bg-light border-end-0"><i class="fas fa-phone-alt fa-xs"></i></span>
+                                <input class="form-control bg-light border-start-0" type="text" value="<?=$this->nettoyer($societeuser['telephoneSociete'])?>" readonly>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted"><?= _("Tél Portable") ?></label>
+                            <div class="input-group">
+                                <span class="input-group-text bg-light border-end-0"><i class="fas fa-mobile-alt fa-xs"></i></span>
+                                <input class="form-control bg-light border-start-0" type="text" value="<?=$this->nettoyer($societeuser['portable'])?>" readonly>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted">Fax</label>
+                            <input class="form-control bg-light" type="text" value="<?=$this->nettoyer($societeuser['faxSociete'])?>" readonly>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted">E-mail Principal</label>
+                            <input class="form-control bg-light" type="text" value="<?=$this->nettoyer($societeuser['emailSociete'])?>" readonly>
+                        </div>
+                        <div class="col-12 mt-4">
+                            <h6 class="small fw-bold text-uppercase text-primary border-bottom pb-2 mb-3"><?= _("Canaux de notification") ?></h6>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted"><?= _("Indicatif Pays") ?></label>
+                            <input class="form-control bg-light" type="text" value="<?=$this->nettoyer($societeuser['indicatifTelephone'])?>" readonly>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label small text-muted"><?= _("Langue Système") ?></label>
+                            <input class="form-control bg-light" type="text" value="<?=$this->nettoyer($_SESSION['libelleLang'])?>" readonly>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
 
-<table class="table table-responsive table-condensed" style='font-size:9pt;'>
-	<tbody>	
-		<tr> 
-		
-			<td width="10%" >Code</td>
-			<td width="10%"><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="codeSociete" NAME="codeSociete" value="<?=$this->nettoyer($societeuser['codeSociete'])?>" readonly></td>
+        <div class="col-12">
+            <div class="card shadow-sm border-0" style="border-radius: var(--radius-md);">
+                <div class="card-header bg-white py-3 border-bottom-0">
+                    <h6 class="mb-0 fw-bold"><i class="fas fa-at me-2 text-muted"></i><?= _("Configuration des Emails par Service") ?></h6>
+                </div>
+                <div class="card-body pt-0">
+                    <div class="row g-3">
+                        <?php 
+                        $emails = [
+                            ['label' => 'Médecin Conseil', 'val' => 'emailMedecinConseil', 'icon' => 'fa-user-md'],
+                            ['label' => 'Bons / Prises en charge', 'val' => 'emailGestionBon', 'icon' => 'fa-ticket-alt'],
+                            ['label' => 'Comptabilité', 'val' => 'emailCcomptabilite', 'icon' => 'fa-calculator'],
+                            ['label' => 'Dérogation', 'val' => 'emailDerogation', 'icon' => 'fa-exclamation-circle'],
+                            ['label' => 'Accord Préalable', 'val' => 'emailAccordPrealable', 'icon' => 'fa-check-double'],
+                            ['label' => 'Fraude (Biométrie)', 'val' => 'emailFraudeFinger', 'icon' => 'fa-fingerprint'],
+                            ['label' => 'Remboursement (RD)', 'val' => 'emailRd', 'icon' => 'fa-hand-holding-usd'],
+                        ];
+                        foreach($emails as $e): ?>
+                        <div class="col-md-6 col-lg-4">
+                            <label class="form-label small text-muted"><?= _($e['label']) ?></label>
+                            <div class="input-group input-group-sm">
+                                <span class="input-group-text bg-white border-end-0"><i class="fas <?= $e['icon'] ?> fa-fw text-muted opacity-50"></i></span>
+                                <input class="form-control bg-light border-start-0" type="text" value="<?=$this->nettoyer($societeuser[$e['val']])?>" readonly>
+                            </div>
+                        </div>
+                        <?php endforeach; ?>
+                    </div>
+                </div>
+            </div>
+        </div>
 
-			<td width="12%" align="center"> <?= _("Nom") ?> </td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="nomSociete" NAME="nomSociete" value="<?=$this->nettoyer($societeuser['nomSociete'])?>" readonly></td>
-			
-			<td width="12%" align="center" ><?= _("Adresse Géo") ?></td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="adresseGeoSociete" NAME="adresseGeoSociete" value="<?=$this->nettoyer($societeuser['adresseGeoSociete'])?>" readonly></td>
+        <div class="col-12">
+            <div class="card shadow-sm border-0 mb-4" style="border-radius: var(--radius-md);">
+                <div class="card-header bg-white py-3 border-bottom-0">
+                    <h6 class="mb-0 fw-bold"><i class="fas fa-bell me-2 text-muted"></i><?= _("SMS, Seuils & Alertes") ?></h6>
+                </div>
+                <div class="card-body pt-0">
+                    <div class="row g-3 align-items-end">
+                        <div class="col-md-3">
+                            <label class="form-label small text-muted"><?= _("Alerte Conso (%)") ?></label>
+                            <div class="input-group">
+                                <input class="form-control bg-light" type="number" value="<?=$this->nettoyer($societeuser['alertLimiteConsommation'])?>" disabled>
+                                <span class="input-group-text bg-light">%</span>
+                            </div>
+                        </div>
+                        <div class="col-md-5">
+                            <label class="form-label small text-muted"><?= _("Email Alerte Conso") ?></label>
+                            <input class="form-control bg-light" type="text" value="<?=$this->nettoyer($societeuser['emailAlertLimiteConsommation'])?>" disabled>
+                        </div>
+                        <div class="col-md-2">
+                            <label class="form-label small text-muted"><?= _("Alerte S/P (%)") ?></label>
+                            <input class="form-control bg-light fw-bold text-danger" type="number" value="<?=$this->nettoyer($societeuser['spMax'])?>" readonly>
+                        </div>
+                        <div class="col-md-2">
+                            <label class="form-label small text-muted"><?= _("Frais Carte") ?></label>
+                            <input class="form-control bg-light" type="text" value="<?=format_N($this->nettoyer($societeuser['fraisCarteAN']))?>" readonly>
+                        </div>
 
-			<td width="10%" align="center"> <?= _("Adresse Postale") ?> </td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="adressePostSociete" NAME="adressePostSociete" value="<?=$this->nettoyer($societeuser['adressePostSociete'])?>" readonly></td>
-		</tr>
+                        <div class="col-12 mt-4"><hr class="opacity-10"></div>
+                        
+                        <?php 
+                        $smsFields = [
+                            ['l' => 'SMS RD', 'v' => 'smsRd'],
+                            ['l' => 'SMS Méd. Cons', 'v' => 'smsMedecinConseil'],
+                            ['l' => 'SMS Bons', 'v' => 'smsGestionBon'],
+                            ['l' => 'SMS Dérogation', 'v' => 'smsDerogation'],
+                            ['l' => 'SMS Accord', 'v' => 'smsAccordPrealable'],
+                        ];
+                        foreach($smsFields as $s): ?>
+                        <div class="col-md-4 col-lg-2">
+                            <label class="form-label small text-muted"><?= _($s['l']) ?></label>
+                            <input class="form-control bg-light" type="text" value="<?=$this->nettoyer($societeuser[$s['v']])?>" readonly>
+                        </div>
+                        <?php endforeach; ?>
 
-		<tr> 
-			<td> <?= _("Ville") ?> </td>
-			<td>
-				<select class="form-select" id="ville" NAME="ville" disabled>
-					<?php liste_options($villes, $this->nettoyer($societeuser['ville'])); ?>
-				</SELECT>
-			</td>
+                        <div class="col-md-4 col-lg-2">
+                            <label class="form-label small text-muted"><?= _("Log Visite Page") ?></label>
+                            <select class="form-select bg-light" disabled>
+                                <?php liste_options($visitePage, $this->nettoyer($societeuser['activerLogVisitePages']), true); ?>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 
-			<td align="center"> <?= _("Téléphone") ?> </td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="telephoneSociete" NAME="telephoneSociete" value="<?=$this->nettoyer($societeuser['telephoneSociete'])?>" readonly></td>
-			
-			<td align="center"> Fax </td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="faxSociete" NAME="faxSociete" value="<?=$this->nettoyer($societeuser['faxSociete'])?>" readonly></td>
-
-			<td align="center"> E-mail </td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="emailSociete" NAME="emailSociete" value="<?=$this->nettoyer($societeuser['emailSociete'])?>" readonly></td>
-		</tr>
-		
-		<tr> 
-			<td> <?= _("Tél Portable") ?> </td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="portable" NAME="portable" value="<?=$this->nettoyer($societeuser['portable'])?>" readonly></td>
-
-			<td align="center"> <?= _("Responsable") ?> </td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="nomResponsable" NAME="nomResponsable" value="<?=$this->nettoyer($societeuser['nomResponsable'])?>" readonly></td>
-
-			<td align="center"> <?= _("Pays") ?> </td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="pays" NAME="pays" value="<?=$societeuser['pays']?>" readonly></td>	
-
-			<td align="center"> <?= _("Sigle") ?> </td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="sigleSociete" NAME="sigleSociete" value="<?=$this->nettoyer($societeuser['sigleSociete'])?>" readonly></td>
-		</tr>
-		
-		<tr> 
-			<td> <?= _("E-mail Médecin Conseil") ?> </td>
-			<td colspan="7" ><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="emailMedecinConseil" NAME="emailMedecinConseil" value="<?=$this->nettoyer($societeuser['emailMedecinConseil'])?>" readonly></td>
-		</tr>
-		
-		<tr> 
-			<td> <?= _("E-mail Bons") ?> </td>
-			<td colspan="7" ><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="emailGestionBon" NAME="emailGestionBon" value="<?=$this->nettoyer($societeuser['emailGestionBon'])?>" readonly></td>
-		</tr>
-
-		<tr> 
-			<td> <?= _("E-mail Comptabilité") ?> </td>
-			<td colspan="7" ><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="emailCcomptabilite" NAME="emailCcomptabilite" value="<?=$this->nettoyer($societeuser['emailCcomptabilite'])?>" readonly></td>
-		</tr>
-		
-		<tr> 
-			<td> <?= _("E-mail Dérogation") ?> </td>
-			<td colspan="7" ><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="emailDerogation" NAME="emailDerogation" value="<?=$this->nettoyer($societeuser['emailDerogation'])?>" readonly></td>
-		</tr>
-
-		<tr> 
-			<td> <?= _("E-mail Accord") ?> </td>
-			<td colspan="7" ><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="emailAccordPrealable" NAME="emailAccordPrealable" value="<?=$this->nettoyer($societeuser['emailAccordPrealable'])?>" readonly></td>
-		</tr>
-		
-		
-		<tr> 
-			<td> <?= _("E-mail Fraude") ?> </td>
-			<td colspan="7" ><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="emailFraudeFinger" NAME="emailFraudeFinger" value="<?=$this->nettoyer($societeuser['emailFraudeFinger'])?>" readonly></td>
-		</tr>
-		
-		<tr> 
-			<td> <?= _("E-mail RD") ?> </td>
-			<td colspan="7" ><INPUT style='font-size:9pt;' class="form-control" TYPE="email" id="emailRd" NAME="emailRd" value="<?=$this->nettoyer($societeuser['emailRd'])?>" readonly></td>
-		</tr>
-		
-		<tr> 
-			<td > <?= _("Code Préfixe Police") ?> </td>
-			<td colspan="3"><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="codePrefixePolice" NAME="codePrefixePolice" value="<?=$this->nettoyer($societeuser['codePrefixePolice'])?>" readonly></td>
-		
-			<td align="center"> <?= _("SMS RD") ?> </td>
-			<td colspan="3" ><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="smsRd" NAME="smsRd" value="<?=$this->nettoyer($societeuser['smsRd'])?>" readonly></td>
-		</tr>
-
-		<tr> 
-			<td> <?= _("SMS Méd Cons") ?> </td>
-			<td colspan="3" ><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="smsMedecinConseil" NAME="smsMedecinConseil" value="<?=$this->nettoyer($societeuser['smsMedecinConseil'])?>" readonly></td>
-
-			<td align="center"> <?= _("SMS Bons") ?> </td>
-			<td colspan="3" ><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="smsGestionBon" NAME="smsGestionBon" value="<?=$this->nettoyer($societeuser['smsGestionBon'])?>" readonly></td>
-		</tr>
-
-		<tr> 
-			<td> <?= _("SMS Dérogation") ?> </td>
-			<td colspan="3" > <INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="smsDerogation" NAME="smsDerogation" value="<?=$this->nettoyer($societeuser['smsDerogation'])?>" readonly></td>
-
-			<td align="center"> <?= _("SMS Accord") ?> </td>
-			<td colspan="3" > <INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="smsAccordPrealable" NAME="smsAccordPrealable" value="<?=$this->nettoyer($societeuser['smsAccordPrealable'])?>" readonly></td>
-		</tr>
-		
-		<tr> 
-			<td> <?= _("Activer Logs Visite Page ?") ?> </td>
-			<td>
-				<SELECT style="font-size:9pt;" class="form-select" id="activerLogVisitePages" NAME="activerLogVisitePages" disabled >
-					<?php liste_options($visitePage, $this->nettoyer($societeuser['activerLogVisitePages']), true); ?>						
-				</SELECT>						
-			</td>
-
-			<td align="center"> <?= _("Taux Alerte Limite Conso (%)") ?> </td>
-			<td>
-				<INPUT style='font-size:9pt;' class="form-control" TYPE="number" id="alertLimiteConsommation" NAME="alertLimiteConsommation" value="<?=$this->nettoyer($societeuser['alertLimiteConsommation'])?>" disabled>						
-			</td>
-			
-			<td align="center"> <?= _("E-mail Alerte Limite Conso") ?> </td>
-			<td colspan="3"><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="emailAlertLimiteConsommation" NAME="emailAlertLimiteConsommation" value="<?=$this->nettoyer($societeuser['emailAlertLimiteConsommation'])?>" disabled></td>
-		</tr>
-		
-		<tr> 
-			<td> <?= _("Langue") ?> </td>
-			<td> <INPUT style='font-size:9pt;' class="form-control" TYPE="text" value="<?=$this->nettoyer($_SESSION['libelleLang'])?>" readonly></td>
-
-			<td align="center"> <?= _("Indicatif Téléphone") ?> </td>
-			<td><INPUT class="form-control" style='font-size:9pt;' TYPE="text" id="indicatifTelephone" NAME="indicatifTelephone" value="<?=$this->nettoyer($societeuser['indicatifTelephone'])?>" readonly></td>
-			
-			<td align="center"> <?= _("Taux Alerte S/P (%)") ?> </td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="number" id="spMax" NAME="spMax" value="<?=$this->nettoyer($societeuser['spMax'])?>" readonly></td>
-
-			<td align="center"> <?= _("Carte AFN") ?> </td>
-			<td><INPUT style='font-size:9pt;' class="form-control" TYPE="text" id="fraisCarteAN" NAME="fraisCarteAN" value="<?=format_N($this->nettoyer($societeuser['fraisCarteAN']))?>" readonly></td>
-		</tr>
-
-	</tbody>
-</table>	
+<style>
+/* Ajustements spécifiques pour compacité professionnelle */
+.form-control, .form-select, .input-group-text {
+    font-size: 0.85rem !important;
+    padding: 0.5rem 0.75rem;
+}
+.card-header h6 {
+    color: var(--color-primary);
+    letter-spacing: 0.02em;
+}
+.input-group-text {
+    color: var(--text-muted);
+}
+/* Style pour les champs en lecture seule afin qu'ils ne paraissent pas "désactivés" mais "informatifs" */
+.form-control[readonly] {
+    border-color: var(--border-light);
+}
+</style>