diff --git a/Gettext/locale/en_US/LC_MESSAGES/messages.mo b/Gettext/locale/en_US/LC_MESSAGES/messages.mo
index 8c1be74..7e5fcb2 100755
Binary files a/Gettext/locale/en_US/LC_MESSAGES/messages.mo and b/Gettext/locale/en_US/LC_MESSAGES/messages.mo differ
diff --git a/Gettext/locale/en_US/LC_MESSAGES/messages.po b/Gettext/locale/en_US/LC_MESSAGES/messages.po
index f1f5f9b..51edb3c 100755
--- a/Gettext/locale/en_US/LC_MESSAGES/messages.po
+++ b/Gettext/locale/en_US/LC_MESSAGES/messages.po
@@ -2,7 +2,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: RADIANT RH\n"
 "POT-Creation-Date: 2026-03-30 11:54+0000\n"
-"PO-Revision-Date: 2026-03-30 12:06+0000\n"
+"PO-Revision-Date: 2026-03-30 17:17+0000\n"
 "Last-Translator: KANE LAZENI <lkae@ebene.info>\n"
 "Language-Team: EBENE TEAM\n"
 "Language: en_US\n"
@@ -4353,7 +4353,7 @@ msgstr "Per Beneficiary?"
 
 #: Vue/Requetes/index.php:4
 msgid "Requêtes & Analyses"
-msgstr "Requests & Analyses"
+msgstr "Queries & Analysis"
 
 #: Vue/Requetes/index.php:12
 msgid "Contrat du"
diff --git a/Vue/Ficheuserrhclient/index.php b/Vue/Ficheuserrhclient/index.php
index 94fe7d7..058dc15 100755
--- a/Vue/Ficheuserrhclient/index.php
+++ b/Vue/Ficheuserrhclient/index.php
@@ -1,5 +1,5 @@
 <?php 
-    $this->titre = "ISA WEB - Modifier Utilisateur"; 
+    $this->titre = "INTER SANTE - Modifier Utilisateur"; 
 
     $idClient         = $this->nettoyer($user_rh['idClient']);
     $idUtilisateur    = $user_rh['id'];
diff --git a/Vue/Roles/index.php b/Vue/Roles/index.php
index 8f51092..0a9bcb6 100755
--- a/Vue/Roles/index.php
+++ b/Vue/Roles/index.php
@@ -1,51 +1,69 @@
 <?php $this->titre = "INTER SANTE - Configuration des Accès"; ?>
 
-<div id="div_liste" class="container-fluid py-4 animate__animated animate__fadeIn">
-    <div class="d-flex align-items-center mb-4">
-        <div class="bg-primary text-white p-3 rounded-3 shadow-sm me-3">
-            <i class="fas fa-shield-alt fa-2x"></i>
-        </div>
-        <div>
-            <h1 class="mb-0 fw-bold text-primary"><?= _("Gestion des Menus & Droits") ?></h1>
-            <p class="text-muted small mb-0"><?= _("Configurez les accès au menu principal selon le profil utilisateur RH") ?></p>
+<div id="div_liste" class="container-fluid" style="padding-top: 20px; padding-bottom: 20px;">
+    
+    <div class="page-header" style="margin-top: 0; border-bottom: 2px solid #337ab7; padding-bottom: 15px;">
+        <div class="row">
+            <div class="col-xs-2 col-sm-1">
+                <div style="background-color: #337ab7; color: #fff; padding: 15px; border-radius: 6px; text-align: center;">
+                    <span class="glyphicon glyphicon-lock" style="font-size: 24px;"></span>
+                </div>
+            </div>
+            <div class="col-xs-10 col-sm-11">
+                <h1 style="margin-top: 0; color: #337ab7; font-weight: bold; font-size: 24px;">
+                    <?= _("Gestion des Menus & Droits") ?>
+                </h1>
+                <p class="text-muted"><?= _("Configurez les accès au menu principal selon le profil utilisateur RH") ?></p>
+            </div>
         </div>
     </div>
 
-    <div class="card shadow-sm border-0 mb-4">
-        <div class="card-body bg-light p-4 rounded-3 border">
-            <div class="row align-items-center">
+    <div class="panel panel-default">
+        <div class="panel-body" style="background-color: #f9f9f9;">
+            <div class="row">
                 <div class="col-md-5">
-                    <label for="codeProfil" class="form-label small fw-bold text-uppercase mb-2">
-                        <i class="fas fa-user-tag me-2"></i><?= _("Profil Utilisateur cible") ?>
-                    </label>
-                    <div class="input-group input-group-lg shadow-sm">
-                        <select class="form-select fw-bold border-0" 
-                                id="codeProfil" 
-                                name="codeProfil" 
-                                required 
-                                autofocus 
-                                onChange="javascript:afficher_menu_principal_profil_rh();"
-                                style="font-size: 11pt;">
-                            <?php liste_options($profil, ""); ?>
-                        </select>
+                    <div class="form-group">
+                        <label for="codeProfil" class="control-label" style="text-transform: uppercase; font-size: 11px; color: #666;">
+                            <span class="glyphicon glyphicon-user" style="margin-right: 5px;"></span>
+                            <?= _("Profil Utilisateur cible") ?>
+                        </label>
+                        <div class="input-group input-group-lg">
+                            <select class="form-control" 
+                                    id="codeProfil" 
+                                    name="codeProfil" 
+                                    required 
+                                    onChange="javascript:afficher_menu_principal_profil_rh();"
+                                    style="font-weight: bold;">
+                                <?php liste_options($profil, ""); ?>
+                            </select>
+                            <span class="input-group-addon">
+                                <span class="glyphicon glyphicon-search"></span>
+                            </span>
+                        </div>
                     </div>
                 </div>
-                <div class="col-md-7 pt-4">
-                    <div class="alert alert-info border-0 shadow-xs mb-0 py-2 px-3 d-flex align-items-center">
-                        <i class="fas fa-info-circle me-3 fa-lg"></i>
-                        <span class="small">
-                            <?= _("La sélection d'un profil chargera automatiquement la liste des menus disponibles pour modification.") ?>
-                        </span>
+                <div class="col-md-7" style="margin-top: 25px;">
+                    <div class="alert alert-info" style="margin-bottom: 0;">
+                        <table style="width: 100%;">
+                            <tr>
+                                <td style="width: 40px; vertical-align: middle;">
+                                    <span class="glyphicon glyphicon-info-sign" style="font-size: 20px;"></span>
+                                </td>
+                                <td>
+                                    <small><?= _("La sélection d'un profil chargera automatiquement la liste des menus disponibles pour modification.") ?></small>
+                                </td>
+                            </tr>
+                        </table>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 
-    <div id="div_menu_profil" class="min-vh-50 rounded-3 d-flex align-items-center justify-content-center border-dashed">
-        <div class="text-center text-muted opacity-50 p-5">
-            <i class="fas fa-th-list fa-4x mb-3"></i>
-            <h5><?= _("En attente de sélection") ?></h5>
+    <div id="div_menu_profil" class="well" style="min-height: 400px; background-color: #ffffff; border: 2px dashed #ccc; text-align: center; margin-top: 20px;">
+        <div style="margin-top: 100px; color: #999;">
+            <span class="glyphicon glyphicon-list-alt" style="font-size: 60px; margin-bottom: 20px;"></span>
+            <h3><?= _("En attente de sélection") ?></h3>
             <p><?= _("Veuillez choisir un profil ci-dessus pour gérer ses accès.") ?></p>
         </div>
     </div>
@@ -53,25 +71,25 @@
 </div>
 
 <style>
-    .min-vh-50 { min-height: 400px; transition: all 0.3s ease; }
-    
-    /* Style pour le conteneur vide */
-    .border-dashed {
-        border: 2px dashed #dee2e6;
-        background-color: #fcfcfc;
-    }
-
-    .form-select:focus {
+    /* Ajustements manuels car Bootstrap 3 n'a pas les utilitaires de bordure modernes */
+    .well {
         box-shadow: none;
-        border-color: #0d6efd;
+        -webkit-box-shadow: none;
     }
 
-    /* Animation lors du chargement des données */
     #div_menu_profil:not(:empty) {
-        border: none;
+        border: 1px solid #ddd;
+        border-radius: 4px;
         background-color: transparent;
-        display: block !important;
     }
 
-    .shadow-xs { box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
+    /* Simulation du comportement "animate" en CSS simple */
+    .animate-fade {
+        animation: fadeIn 0.5s;
+    }
+
+    @keyframes fadeIn {
+        from { opacity: 0; }
+        to { opacity: 1; }
+    }
 </style>
\ No newline at end of file