diff --git a/Vue/Nouveaureseausoins/index.php b/Vue/Nouveaureseausoins/index.php
index 0be9cf07..b794fe61 100755
--- a/Vue/Nouveaureseausoins/index.php
+++ b/Vue/Nouveaureseausoins/index.php
@@ -1,25 +1,73 @@
-<?php $this->titre = "INTER SANTE - Créer un nouveau Réseau de soins"; ?>
+<div class="page-content animate__animated animate__fadeIn">
+    
+    <div class="header-section mb-1">
+        <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-network-wired fs-4"></i>
+            </div>
+            <div>
+                <h4 id="titre-page" class="mb-0 fw-bold text-uppercase"><?= _("Nouveau Réseau Soins") ?></h4>
+                <p class="text-muted small mb-0"><?= _("Initialisation d'un nouveau réseau de prestataires") ?></p>
+            </div>
+        </div>
+    </div>
 
-<legend> <?= _("Nouveau Réseau de soins") ?> </legend>
+    <form id="form_nouveau_reseau">
+        <div class="row g-2">
+            <div class="col-lg-12">
+                <div class="card border-0 shadow-sm">
+                    <div class="card-header bg-white py-3 border-bottom border-2 border-primary-light">
+                        <h6 class="mb-0 fw-bold text-primary text-uppercase small"><i class="fas fa-info-circle me-2"></i><?= _("Informations du Réseau") ?></h6>
+                    </div>
+                    <div class="card-body p-5">
+                        <div class="row justify-content-center">
+                            <div class="col-md-8">
+                                <label class="form-label small fw-bold text-muted text-uppercase mb-2">
+                                    <?= _("Libellé du Réseau") ?> <span class="text-danger">*</span>
+                                </label>
+                                <div class="input-group">
+                                    <span class="input-group-text bg-white border-2 border-end-0 text-primary">
+                                        <i class="fas fa-signature"></i>
+                                    </span>
+                                    <input class="form-control form-control-lg border-2 border-start-0 shadow-none majuscule fw-bold" 
+                                           type="text" id="libelle" name="libelle" 
+                                           placeholder="<?= _("EX: RÉSEAU DE SOINS OUEST") ?>"
+                                           required autofocus autocomplete="off">
+                                </div>
+                                <small class="text-muted mt-2 d-block">
+                                    <i class="fas fa-lightbulb me-1 text-warning"></i> 
+                                    <?= _("Choisissez un nom explicite pour faciliter la configuration ultérieure des prestataires.") ?>
+                                </small>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-<table class="table table-responsive table-condensed" style="font-size:10pt;">
-	<tbody>	
-		<tr> 
-			
-			<td width="10%" align="center" class="required"> <?= _("Libellé") ?> </td>
-			<td colspan="5"><INPUT style="font-size:10pt;" class="form-control majuscule" TYPE="text" id="libelle" NAME="libelle" required AUTOFOCUS></td>
-			
-		</tr>
-		
-		<tr>
-			<td colspan="6" height="25" ></td>
-		</tr>
-		
-		<tr> 
-			<td colspan="3" > <input id="btn_enreg" name="btn_enreg"  class = "form-control btn btn-primary" type="button" value="<?= _("Enregistrer") ?>" onClick="javascript:creer_reseau();" style='font-size:10pt;' > </td>
+            <div class="col-lg-12 mb-5">
+                <div class="card border-0 shadow-sm bg-light">
+                    <div class="card-body d-flex justify-content-end gap-2 py-3">
+                        <button type="button" class="btn btn-light rounded-pill px-4 fw-bold text-muted border shadow-xs" onclick="retour_liste_reseaus();">
+                            <i class="fas fa-times me-2"></i> <?= _("Annuler") ?>
+                        </button>
+                        <button type="button" id="btn_enreg" class="btn btn-primary rounded-pill px-5 fw-bold shadow-sm" onclick="creer_reseau();">
+                            <i class="fas fa-save me-2"></i> <?= _("Enregistrer le Réseau") ?>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </form>
+</div>
 
-			<td> </td>
-			<td colspan="2" > <input class = "form-control btn btn-warning" type="button" value="<?= _("Annuler") ?>" onClick="javascript:retour_liste_reseaus();" style='font-size:10pt;' > </td>
-		</tr>
-	</tbody>
-</table>	
+<style>
+    .bg-primary-ghost { background-color: rgba(33, 46, 83, 0.08) !important; }
+    .border-primary-light { border-color: rgba(33, 46, 83, 0.1) !important; }
+    .majuscule { text-transform: uppercase; }
+    
+    /* Focus Style */
+    .form-control:focus {
+        border-color: var(--bs-primary);
+        box-shadow: 0 0 0 0.25rem rgba(33, 46, 83, 0.1);
+    }
+</style>
\ No newline at end of file