From eacaa0e950815780c3aab4232cc6b8cb49c7105d Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Thu, 19 Feb 2026 18:09:08 +0000
Subject: [PATCH] Autosave: 20260219-180907

---
 auth/login.php    |  20 +-
 auth/register.php |  24 +-
 index.php         | 708 +++++++++++++++++++++++++++++-----------------
 3 files changed, 474 insertions(+), 278 deletions(-)
diff --git a/auth/login.php b/auth/login.php
index aa6ef5b..91e3b0a 100644
--- a/auth/login.php
+++ b/auth/login.php
@@ -16,10 +16,10 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
             header('Location: ../index.php');
             exit;
         } else {
-            $error = "Invalid email or password.";
+            $error = "Email ou mot de passe invalide.";
         }
     } else {
-        $error = "Please fill all fields.";
+        $error = "Veuillez remplir tous les champs.";
     }
 }
 ?>
@@ -27,7 +27,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Login | Discord Clone</title>
+    <title>Connexion | Discord Clone</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="../assets/css/discord.css">
     <style>
@@ -44,24 +44,24 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
 </head>
 <body>
     <div class="auth-card">
-        <h3 class="text-center mb-1">Welcome back!</h3>
-        <p class="text-center mb-4" style="color: #b5bac1;">We're so excited to see you again!</p>
+        <h3 class="text-center mb-1">Bon retour !</h3>
+        <p class="text-center mb-4" style="color: #b5bac1;">Nous sommes ravis de vous revoir !</p>
         <?php if($error): ?>
             <div class="alert alert-danger"><?php echo htmlspecialchars($error); ?></div>
         <?php endif; ?>
         <form method="POST">
             <div class="mb-3">
-                <label class="form-label">Email or Phone Number</label>
+                <label class="form-label">Email ou numéro de téléphone</label>
                 <input type="email" name="email" class="form-control" required>
             </div>
             <div class="mb-3">
-                <label class="form-label">Password</label>
+                <label class="form-label">Mot de passe</label>
                 <input type="password" name="password" class="form-control" required>
             </div>
-            <a href="#" style="color: #00a8fc; font-size: 14px; text-decoration: none;">Forgot your password?</a>
-            <button type="submit" class="btn btn-blurple">Log In</button>
+            <a href="#" style="color: #00a8fc; font-size: 14px; text-decoration: none;">Mot de passe oublié ?</a>
+            <button type="submit" class="btn btn-blurple">Se connecter</button>
             <div class="auth-footer">
-                Need an account? <a href="register.php">Register</a>
+                Besoin d'un compte ? <a href="register.php">S'inscrire</a>
             </div>
         </form>
     </div>
diff --git a/auth/register.php b/auth/register.php
index b179479..9c7fd8a 100644
--- a/auth/register.php
+++ b/auth/register.php
@@ -12,15 +12,15 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
         $server_id = 1; // Default server
         if (PRIVATE_REGISTRATION) {
             if (empty($invite_code)) {
-                $error = "An invitation code is required.";
+                $error = "Un code d'invitation est requis.";
             } else {
                 $stmt = db()->prepare("SELECT id, invite_code_expires_at FROM servers WHERE invite_code = ?");
                 $stmt->execute([$invite_code]);
                 $server = $stmt->fetch();
                 if (!$server) {
-                    $error = "Invalid invitation code.";
+                    $error = "Code d'invitation invalide.";
                 } elseif ($server['invite_code_expires_at'] && strtotime($server['invite_code_expires_at']) < time()) {
-                    $error = "This invitation code has expired.";
+                    $error = "Ce code d'invitation a expiré.";
                 } else {
                     $server_id = $server['id'];
                 }
@@ -42,11 +42,11 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
                 header('Location: ../index.php?server_id=' . $server_id);
                 exit;
             } catch (Exception $e) {
-                $error = "Registration failed: " . $e->getMessage();
+                $error = "L'inscription a échoué : " . $e->getMessage();
             }
         }
     } else {
-        $error = "Please fill all fields.";
+        $error = "Veuillez remplir tous les champs.";
     }
 }
 ?>
@@ -54,7 +54,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Register | Discord Clone</title>
+    <title>Inscription | Discord Clone</title>
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="../assets/css/discord.css">
     <style>
@@ -71,13 +71,13 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
 </head>
 <body>
     <div class="auth-card">
-        <h3 class="text-center mb-4">Create an account</h3>
+        <h3 class="text-center mb-4">Créer un compte</h3>
         <?php if($error): ?>
             <div class="alert alert-danger"><?php echo htmlspecialchars($error); ?></div>
         <?php endif; ?>
         <form method="POST">
             <div class="mb-3">
-                <label class="form-label">Username</label>
+                <label class="form-label">Nom d'utilisateur</label>
                 <input type="text" name="username" class="form-control" required>
             </div>
             <div class="mb-3">
@@ -85,18 +85,18 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
                 <input type="email" name="email" class="form-control" required>
             </div>
             <div class="mb-3">
-                <label class="form-label">Password</label>
+                <label class="form-label">Mot de passe</label>
                 <input type="password" name="password" class="form-control" required>
             </div>
             <?php if (PRIVATE_REGISTRATION): ?>
             <div class="mb-3">
-                <label class="form-label">Invite Code</label>
+                <label class="form-label">Code d'invitation</label>
                 <input type="text" name="invite_code" class="form-control" placeholder="Ex: aB1!c2D3@4" required>
             </div>
             <?php endif; ?>
-            <button type="submit" class="btn btn-blurple">Continue</button>
+            <button type="submit" class="btn btn-blurple">Continuer</button>
             <div class="auth-footer">
-                Already have an account? <a href="login.php">Login</a>
+                Vous avez déjà un compte ? <a href="login.php">Se connecter</a>
             </div>
         </form>
     </div>
diff --git a/index.php b/index.php
index 1769848..ffbc74c 100644
--- a/index.php
+++ b/index.php
@@ -181,7 +181,7 @@ if ($is_dm_view) {
         $stmt->execute([$active_channel_id]);
         $messages = $stmt->fetchAll();
         
-        $current_channel_name = 'Direct Message';
+        $current_channel_name = 'Message privé';
         foreach($dm_channels as $dm) {
             if ($dm['id'] == $active_channel_id) {
                 $current_channel_name = $dm['other_user'];
@@ -190,7 +190,7 @@ if ($is_dm_view) {
         }
     } else {
         $messages = [];
-        $current_channel_name = 'Direct Messages';
+        $current_channel_name = 'Messages privés';
     }
     $channels = [];
     $members = []; // Members list is different for DMs or hidden
@@ -394,7 +394,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
         window.currentChannelName = "<?php echo addslashes($current_channel_name); ?>";
         window.isDndMode = <?php echo ($user['dnd_mode'] ?? 0) ? 'true' : 'false'; ?>;
         window.soundNotifications = <?php echo ($user['sound_notifications'] ?? 0) ? 'true' : 'false'; ?>;
-        window.voiceSettings = {
+        window.voiceParamètres = {
             mode: "<?php echo $user['voice_mode'] ?? 'vox'; ?>",
             pttKey: "<?php echo addslashes($user['voice_ptt_key'] ?? 'v'); ?>",
             voxThreshold: <?php echo $user['voice_vox_threshold'] ?? 0.1; ?>,
@@ -432,7 +432,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
 <div class="discord-app">
     <!-- Servers Sidebar -->
     <div class="servers-sidebar">
-        <a href="index.php?server_id=dms" class="server-icon <?php echo $active_server_id == 'dms' ? 'active' : ''; ?>" title="Direct Messages">
+        <a href="index.php?server_id=dms" class="server-icon <?php echo $active_server_id == 'dms' ? 'active' : ''; ?>" title="Messages privés">
             <svg width="28" height="20" viewBox="0 0 28 20" fill="currentColor"><path d="M23.0212 1.67671C21.3107 0.883335 19.4805 0.314845 17.5566 0C17.3137 0.434033 17.0423 1.00252 16.8488 1.46581C14.8193 1.16016 12.8016 1.16016 10.8011 1.46581C10.6076 1.00252 10.3255 0.434033 10.0827 0C8.14811 0.314845 6.31792 0.883335 4.60741 1.67671C1.14775 6.84711 0.210418 11.8962 0.67293 16.8681C2.9723 18.5677 5.19143 19.5997 7.37191 20C7.91578 19.2558 8.3897 18.4616 8.79155 17.6166C7.99616 17.3148 7.2343 16.9416 6.51603 16.505C6.70881 16.3639 6.89745 16.2125 7.07923 16.052C11.4116 18.0494 16.1264 18.0494 20.4137 16.052C20.597 16.2125 20.7856 16.3639 20.9784 16.505C20.2586 16.9416 19.4967 17.3148 18.7013 17.6166C19.1031 18.4616 19.577 19.2558 20.1209 20C22.3014 19.5997 24.5205 18.5677 26.8199 16.8681C27.3693 11.127 25.9189 6.13063 23.0212 1.67671ZM9.51636 13.6749C8.21405 13.6749 7.14188 12.4839 7.14188 11.026C7.14188 9.56816 8.19284 8.3771 9.51636 8.3771C10.8399 8.3771 11.912 9.56816 11.8908 11.026C11.8908 12.4839 10.8399 13.6749 9.51636 13.6749ZM18.0051 13.6749C16.7028 13.6749 15.6306 12.4839 15.6306 11.026C15.6306 9.56816 16.6815 8.3771 18.0051 8.3771C19.3286 8.3771 20.4008 9.56816 20.3796 11.026C20.3796 12.4839 19.3286 13.6749 18.0051 13.6749Z"/></svg>
         </a>
         <hr style="width: 32px; border-color: var(--separator); margin: 4px 0;">
@@ -450,7 +450,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                 <?php echo empty($s['icon_url']) ? mb_substr($s['name'], 0, 1) : ''; ?>
             </a>
         <?php endforeach; ?>
-        <a href="#" class="server-icon add-btn" title="Add a Server" data-bs-toggle="modal" data-bs-target="#addServerModal">
+        <a href="#" class="server-icon add-btn" title="Ajouter un serveur" data-bs-toggle="modal" data-bs-target="#addServerModal">
             <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
         </a>
     </div>
@@ -460,9 +460,9 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
         <div class="channels-header">
             <?php 
                 if ($is_dm_view) {
-                    echo '<span class="text-truncate flex-grow-1" style="min-width: 0;">Direct Messages</span>';
+                    echo '<span class="text-truncate flex-grow-1" style="min-width: 0;">Messages privés</span>';
                 } else {
-                    $active_server_name = 'Server';
+                    $active_server_name = 'Serveur';
                     foreach($servers as $s) {
                         if($s['id'] == $active_server_id) {
                             $active_server_name = $s['name'];
@@ -473,12 +473,12 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                     ?>
                     <div class="d-flex align-items-center ps-2">
                         <?php if ($can_manage_channels): ?>
-                            <span class="add-channel-btn me-2" style="cursor: pointer; opacity: 0.7;" data-bs-toggle="modal" data-bs-target="#addChannelModal" data-type="chat" data-category-id="" title="Create Channel">
+                            <span class="add-channel-btn me-2" style="cursor: pointer; opacity: 0.7;" data-bs-toggle="modal" data-bs-target="#addChannelModal" data-type="chat" data-category-id="" title="Créer un salon">
                                 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
                             </span>
                         <?php endif; ?>
                         <?php if ($is_owner || $can_manage_server): ?>
-                            <span style="cursor: pointer; opacity: 0.7;" data-bs-toggle="modal" data-bs-target="#serverSettingsModal" title="Server Settings">
+                            <span style="cursor: pointer; opacity: 0.7;" data-bs-toggle="modal" data-bs-target="#serverParamètresModal" title="Paramètres du serveur">
                                 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 7a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/></svg>
                             </span>
                         <?php endif; ?>
@@ -623,7 +623,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                           data-theme="">
                                         <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33 1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82 1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
                                     </span>
-                                    <span class="add-channel-btn ms-1" title="Create Channel" data-bs-toggle="modal" data-bs-target="#addChannelModal" data-type="chat" data-category-id="<?php echo $item['id']; ?>">+</span>
+                                    <span class="add-channel-btn ms-1" title="Créer un salon" data-bs-toggle="modal" data-bs-target="#addChannelModal" data-type="chat" data-category-id="<?php echo $item['id']; ?>">+</span>
                                 <?php endif; ?>
                             </div>
                             <div class="category-group" data-category-id="<?php echo $item['id']; ?>">
@@ -646,7 +646,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
             <?php endif; ?>
         </div>
         <div class="user-panel">
-            <div class="user-info" data-bs-toggle="modal" data-bs-target="#userSettingsModal">
+            <div class="user-info" data-bs-toggle="modal" data-bs-target="#userParamètresModal">
                 <div class="message-avatar" style="width: 32px; height: 32px; <?php echo $user['avatar_url'] ? "background-image: url('{$user['avatar_url']}');" : ""; ?>"></div>
                 <div style="flex: 1; min-width: 0;">
                     <div style="font-weight: bold; font-size: 0.85em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
@@ -662,10 +662,10 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                 <button class="btn btn-link p-1 text-muted border-0" id="btn-panel-deafen" title="Deafen/Undeafen" onclick="if(window.voiceHandler) window.voiceHandler.toggleDeafen()">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 18v-6a9 9 0 0 1 18 0v6"></path><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"></path></svg>
                 </button>
-                <a href="#" title="Settings" class="p-1 text-muted d-inline-flex" data-bs-toggle="modal" data-bs-target="#userSettingsModal">
+                <a href="#" title="Paramètres" class="p-1 text-muted d-inline-flex" data-bs-toggle="modal" data-bs-target="#userParamètresModal">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33 1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
                 </a>
-                <a href="auth/logout.php" class="p-1 text-muted d-inline-flex" onclick="if(window.voiceHandler) window.voiceHandler.leave(); sessionStorage.clear();" title="Logout">
+                <a href="auth/logout.php" class="p-1 text-muted d-inline-flex" onclick="if(window.voiceHandler) window.voiceHandler.leave(); sessionStorage.clear();" title="Déconnexion">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
                 </a>
             </div>
@@ -699,19 +699,19 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
             <span class="flex-grow-1 text-truncate me-2" style="min-width: 0;"><?php echo htmlspecialchars($current_channel_name); ?></span>
             
             <div class="d-flex align-items-center">
-                <button id="toggle-members-btn" class="btn btn-link text-muted p-1 me-2" title="Toggle Members List">
+                <button id="toggle-members-btn" class="btn btn-link text-muted p-1 me-2" title="Afficher/Masquer la liste des membres">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                 </button>
-                <button id="pinned-messages-btn" class="btn btn-link text-muted p-1 me-2" title="Pinned Messages">
+                <button id="pinned-messages-btn" class="btn btn-link text-muted p-1 me-2" title="Messages épinglés">
                     <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
                 </button>
                 <div class="search-container">
                     <div class="input-group input-group-sm">
                         <select id="search-type" class="form-select bg-dark text-muted border-0" style="width: auto; max-width: 80px; font-size: 0.7em;">
                             <option value="messages">Chat</option>
-                            <option value="users">Users</option>
+                            <option value="users">Utilisateurs</option>
                         </select>
-                        <input type="text" id="global-search" class="search-input" placeholder="Search..." autocomplete="off">
+                        <input type="text" id="global-search" class="search-input" placeholder="Rechercher..." autocomplete="off">
                     </div>
                     <div id="search-results" class="search-results-dropdown"></div>
                 </div>
@@ -721,21 +721,21 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
             <?php if($active_thread): ?>
                 <div class="thread-view-container p-4">
                     <div class="d-flex justify-content-between align-items-center mb-3">
-                        <a href="?server_id=<?php echo $active_server_id; ?>&channel_id=<?php echo $active_channel_id; ?><?php echo isset($_GET['status']) ? '&status='.htmlspecialchars($_GET['status']) : ''; ?>" class="btn btn-sm btn-outline-secondary">← Back to Forum</a>
+                        <a href="?server_id=<?php echo $active_server_id; ?>&channel_id=<?php echo $active_channel_id; ?><?php echo isset($_GET['status']) ? '&status='.htmlspecialchars($_GET['status']) : ''; ?>" class="btn btn-sm btn-outline-secondary">← Retour au forum</a>
                         <div class="d-flex gap-2">
                             <?php if (Permissions::canDoInChannel($current_user_id, $active_channel_id, Permissions::PIN_THREADS)): ?>
                                 <button class="btn btn-sm <?php echo $active_thread['is_pinned'] ? 'btn-primary' : 'btn-outline-primary'; ?>" id="toggle-pin-thread" data-id="<?php echo $active_thread['id']; ?>" data-pinned="<?php echo $active_thread['is_pinned']; ?>">
-                                    <i class="fa-solid fa-thumbtack me-1"></i> <?php echo $active_thread['is_pinned'] ? 'Unpin' : 'Pin'; ?>
+                                    <i class="fa-solid fa-thumbtack me-1"></i> <?php echo $active_thread['is_pinned'] ? 'Désépingler' : 'Épingler'; ?>
                                 </button>
                             <?php endif; ?>
                             <?php if (Permissions::canDoInChannel($current_user_id, $active_channel_id, Permissions::LOCK_THREADS)): ?>
                                 <button class="btn btn-sm <?php echo $active_thread['is_locked'] ? 'btn-warning' : 'btn-outline-warning'; ?>" id="toggle-lock-thread" data-id="<?php echo $active_thread['id']; ?>" data-locked="<?php echo $active_thread['is_locked']; ?>">
-                                    <i class="fa-solid <?php echo $active_thread['is_locked'] ? 'fa-unlock' : 'fa-lock'; ?> me-1"></i> <?php echo $active_thread['is_locked'] ? 'Unlock' : 'Lock'; ?>
+                                    <i class="fa-solid <?php echo $active_thread['is_locked'] ? 'fa-unlock' : 'fa-lock'; ?> me-1"></i> <?php echo $active_thread['is_locked'] ? 'Déverrouiller' : 'Verrouiller'; ?>
                                 </button>
                             <?php endif; ?>
                             <?php if ($active_thread['user_id'] == $current_user_id || $can_manage_server): ?>
                                 <button class="btn btn-sm btn-outline-danger" id="delete-thread-btn" data-id="<?php echo $active_thread['id']; ?>" data-channel-id="<?php echo $active_channel_id; ?>" data-server-id="<?php echo $active_server_id; ?>">
-                                    <i class="fa-solid fa-trash me-1"></i> Delete
+                                    <i class="fa-solid fa-trash me-1"></i> Supprimer
                                 </button>
                             <?php endif; ?>
                         </div>
@@ -743,7 +743,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                     <h3>
                         <?php if($active_thread['is_pinned']): ?><i class="fa-solid fa-thumbtack text-primary me-2 small"></i><?php endif; ?>
                         <?php if($active_thread['is_locked']): ?><i class="fa-solid fa-lock text-warning me-2 small"></i><?php endif; ?>
-                        Discussion: <?php echo htmlspecialchars($active_thread['title']); ?>
+                        Discussion : <?php echo htmlspecialchars($active_thread['title']); ?>
                     </h3>
                     <?php
                         // Fetch tags for this thread
@@ -774,15 +774,15 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                         <?php endif; ?>
                                         <div class="message-actions-menu">
                                             <?php if (($active_thread['user_id'] == $current_user_id || $can_manage_server) && $m['user_id'] != $active_thread['user_id']): ?>
-                                                <span class="action-btn mark-solution <?php echo $is_solution ? 'active' : ''; ?>" title="<?php echo $is_solution ? 'Unmark as Solution' : 'Mark as Solution'; ?>" data-thread-id="<?php echo $active_thread['id']; ?>" data-message-id="<?php echo $m['id']; ?>">
+                                                <span class="action-btn mark-solution <?php echo $is_solution ? 'active' : ''; ?>" title="<?php echo $is_solution ? 'Retirer comme solution' : 'Marquer comme solution'; ?>" data-thread-id="<?php echo $active_thread['id']; ?>" data-message-id="<?php echo $m['id']; ?>">
                                                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>
                                                 </span>
                                             <?php endif; ?>
                                             <?php if ($m['user_id'] == $current_user_id): ?>
-                                                <span class="action-btn edit" title="Edit" data-id="<?php echo $m['id']; ?>">
+                                                <span class="action-btn edit" title="Modifier" data-id="<?php echo $m['id']; ?>">
                                                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
                                                 </span>
-                                                <span class="action-btn delete" title="Delete" data-id="<?php echo $m['id']; ?>">
+                                                <span class="action-btn delete" title="Supprimer" data-id="<?php echo $m['id']; ?>">
                                                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>
                                                 </span>
                                             <?php endif; ?>
@@ -804,7 +804,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                                 <?php echo htmlspecialchars($r['emoji']); ?> <span class="count"><?php echo $r['count']; ?></span>
                                             </span>
                                         <?php endforeach; ?>
-                                        <span class="add-reaction-btn" title="Add Reaction">+</span>
+                                        <span class="add-reaction-btn" title="Ajouter une réaction">+</span>
                                     </div>
                                 </div>
                             </div>
@@ -825,7 +825,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                     <div class="rule-actions ms-3 d-flex gap-2">
                                         <button class="btn btn-sm btn-outline-secondary move-rule-btn" data-id="<?php echo $rule['id']; ?>" data-dir="up">↑</button>
                                         <button class="btn btn-sm btn-outline-secondary move-rule-btn" data-id="<?php echo $rule['id']; ?>" data-dir="down">↓</button>
-                                        <button class="btn btn-sm btn-outline-light edit-rule-btn" data-id="<?php echo $rule['id']; ?>">Edit</button>
+                                        <button class="btn btn-sm btn-outline-light edit-rule-btn" data-id="<?php echo $rule['id']; ?>">Modifier</button>
                                         <button class="btn btn-sm btn-outline-danger delete-rule-btn" data-id="<?php echo $rule['id']; ?>">×</button>
                                     </div>
                                 <?php endif; ?>
@@ -906,7 +906,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                             <input type="hidden" name="id" value="<?php echo $ar['id']; ?>">
                                             <input type="hidden" name="channel_id" value="<?php echo $active_channel_id; ?>">
                                             <input type="hidden" name="server_id" value="<?php echo $active_server_id; ?>">
-                                            <button type="submit" class="btn btn-sm btn-link text-danger p-0 ms-1" title="Delete Autorole" onclick="return confirm('Supprimer cet autorole ?')">
+                                            <button type="submit" class="btn btn-sm btn-link text-danger p-0 ms-1" title="Supprimer Autorole" onclick="return confirm('Supprimer cet autorole ?')">
                                                 <i class="fa-solid fa-trash"></i> Supprimer
                                             </button>
                                         </form>
@@ -935,23 +935,23 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                     $c_id = $active_channel_id;
                                     $curr_status = $_GET['status'] ?? 'all';
                                 ?>
-                                <a href="?server_id=<?php echo $s_id; ?>&channel_id=<?php echo $c_id; ?>&status=all" class="btn btn-outline-secondary <?php echo $curr_status === 'all' ? 'active' : ''; ?>">All</a>
-                                <a href="?server_id=<?php echo $s_id; ?>&channel_id=<?php echo $c_id; ?>&status=unresolved" class="btn btn-outline-secondary <?php echo $curr_status === 'unresolved' ? 'active' : ''; ?>">Unresolved</a>
-                                <a href="?server_id=<?php echo $s_id; ?>&channel_id=<?php echo $c_id; ?>&status=resolved" class="btn btn-outline-secondary <?php echo $curr_status === 'resolved' ? 'active' : ''; ?>">Resolved</a>
+                                <a href="?server_id=<?php echo $s_id; ?>&channel_id=<?php echo $c_id; ?>&status=all" class="btn btn-outline-secondary <?php echo $curr_status === 'all' ? 'active' : ''; ?>">Tous</a>
+                                <a href="?server_id=<?php echo $s_id; ?>&channel_id=<?php echo $c_id; ?>&status=unresolved" class="btn btn-outline-secondary <?php echo $curr_status === 'unresolved' ? 'active' : ''; ?>">Non résolus</a>
+                                <a href="?server_id=<?php echo $s_id; ?>&channel_id=<?php echo $c_id; ?>&status=resolved" class="btn btn-outline-secondary <?php echo $curr_status === 'resolved' ? 'active' : ''; ?>">Résolus</a>
                             </div>
                         </div>
                         <div class="d-flex gap-2">
                             <?php if(Permissions::canDoInChannel($current_user_id, $active_channel_id, Permissions::MANAGE_TAGS)): ?>
-                                <button class="btn btn-outline-secondary" id="manage-tags-btn">Manage Tags</button>
+                                <button class="btn btn-outline-secondary" id="manage-tags-btn">Gérer les tags</button>
                             <?php endif; ?>
                             <?php if(Permissions::canDoInChannel($current_user_id, $active_channel_id, Permissions::CREATE_THREAD)): ?>
-                                <button class="btn btn-primary" id="new-thread-btn">New Discussion</button>
+                                <button class="btn btn-primary" id="new-thread-btn">Nouvelle Discussion</button>
                             <?php endif; ?>
                         </div>
                     </div>
                     <div class="thread-list">
                         <?php if(empty($threads)): ?>
-                            <div class="text-center text-muted mt-5">No discussions yet. Start one!</div>
+                            <div class="text-center text-muted mt-5">Pas encore de discussions. Commencez-en une !</div>
                         <?php endif; ?>
                         <?php foreach($threads as $thread): ?>
                             <a href="?server_id=<?php echo $active_server_id; ?>&channel_id=<?php echo $active_channel_id; ?>&thread_id=<?php echo $thread['id']; ?><?php echo isset($_GET['status']) ? '&status='.htmlspecialchars($_GET['status']) : ''; ?>" class="thread-item d-flex align-items-center p-3 mb-2 rounded bg-dark text-decoration-none text-white border-start border-4 <?php echo $thread['is_pinned'] ? 'border-primary' : 'border-secondary'; ?>">
@@ -967,7 +967,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                 <div class="thread-info flex-grow-1">
                                     <div class="thread-title fw-bold">
                                         <?php if($thread['solution_message_id']): ?>
-                                            <span class="text-success me-1" title="Solved">✔</span>
+                                            <span class="text-success me-1" title="Résolu">✔</span>
                                         <?php endif; ?>
                                         <?php if($thread['is_locked'] && !$thread['is_pinned']): ?>
                                             <i class="fa-solid fa-lock small me-1 text-muted"></i>
@@ -982,14 +982,14 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                         <?php endforeach; endif; ?>
                                     </div>
                                     <div class="thread-meta small text-muted">
-                                        Started by <span style="<?php echo !empty($thread['role_color']) ? "color: {$thread['role_color']};" : ""; ?>"><?php echo htmlspecialchars($thread['username']); ?></span>
+                                        Lancé par <span style="<?php echo !empty($thread['role_color']) ? "color: {$thread['role_color']};" : ""; ?>"><?php echo htmlspecialchars($thread['username']); ?></span>
                                         <?php echo renderRoleIcon($thread['role_icon'], '11px'); ?>
                                         • <?php echo $thread['message_count']; ?> messages
                                     </div>
                                 </div>
                                 <div class="thread-activity text-end small text-muted">
                                     <?php if($thread['last_activity_at']): ?>
-                                        Last active: <?php echo date('H:i', strtotime($thread['last_activity_at'])); ?>
+                                        Dernière activité : <?php echo date('H:i', strtotime($thread['last_activity_at'])); ?>
                                     <?php endif; ?>
                                 </div>
                             </a>
@@ -999,8 +999,8 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
             <?php else: ?>
                 <?php if(empty($messages)): ?>
                     <div style="text-align: center; color: var(--text-muted); margin-top: 40px;">
-                        <h4>Welcome to #<?php echo htmlspecialchars($current_channel_name); ?>!</h4>
-                        <p>This is the start of the #<?php echo htmlspecialchars($current_channel_name); ?> channel.</p>
+                        <h4>Bienvenue dans #<?php echo htmlspecialchars($current_channel_name); ?> !</h4>
+                        <p>C'est le début du salon #<?php echo htmlspecialchars($current_channel_name); ?>.</p>
                     </div>
                 <?php endif; ?>
                 <?php foreach($messages as $m): 
@@ -1017,9 +1017,9 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                 </span>
                                 <span class="message-time"><?php echo date('H:i', strtotime($m['created_at'])); ?></span>
                                 <?php if ($m['is_pinned']): ?>
-                                    <span class="pinned-badge ms-2" title="Pinned Message">
+                                    <span class="pinned-badge ms-2" title="Message épinglé">
                                         <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path></svg>
-                                        Pinned
+                                        Épinglé
                                     </span>
                                 <?php endif; ?>
                             </div>
@@ -1087,19 +1087,19 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                         <?php echo parse_emotes($r['emoji']); ?> <span class="count"><?php echo $r['count']; ?></span>
                                     </span>
                                 <?php endforeach; ?>
-                                <span class="add-reaction-btn" title="Add Reaction">+</span>
+                                <span class="add-reaction-btn" title="Ajouter une réaction">+</span>
                             </div>
                         </div>
                         <?php if ($m['user_id'] == $current_user_id || ($active_server_id != 'dms' && $can_manage_channels)): ?>
                             <div class="message-actions-menu">
-                                <span class="action-btn pin <?php echo $m['is_pinned'] ? 'active' : ''; ?>" title="<?php echo $m['is_pinned'] ? 'Unpin' : 'Pin'; ?>" data-id="<?php echo $m['id']; ?>" data-pinned="<?php echo $m['is_pinned'] ? '1' : '0'; ?>">
+                                <span class="action-btn pin <?php echo $m['is_pinned'] ? 'active' : ''; ?>" title="<?php echo $m['is_pinned'] ? 'Désépingler' : 'Épingler'; ?>" data-id="<?php echo $m['id']; ?>" data-pinned="<?php echo $m['is_pinned'] ? '1' : '0'; ?>">
                                     <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
                                 </span>
                                 <?php if ($m['user_id'] == $current_user_id): ?>
-                                    <span class="action-btn edit" title="Edit" data-id="<?php echo $m['id']; ?>">
+                                    <span class="action-btn edit" title="Modifier" data-id="<?php echo $m['id']; ?>">
                                         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg>
                                     </span>
-                                    <span class="action-btn delete" title="Delete" data-id="<?php echo $m['id']; ?>">
+                                    <span class="action-btn delete" title="Supprimer" data-id="<?php echo $m['id']; ?>">
                                         <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path></svg>
                                     </span>
                                 <?php endif; ?>
@@ -1149,21 +1149,21 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
             <form id="chat-form" enctype="multipart/form-data">
                 <div class="chat-input-wrapper">
                     <?php if ($allow_files): ?>
-                        <label for="file-upload" class="upload-btn-label" title="Upload File" <?php echo (isset($active_thread) && $active_thread['is_locked']) ? 'style="opacity: 0.3; cursor: not-allowed;"' : ''; ?>>
+                        <label for="file-upload" class="upload-btn-label" title="Télécharger un fichier" <?php echo (isset($active_thread) && $active_thread['is_locked']) ? 'style="opacity: 0.3; cursor: not-allowed;"' : ''; ?>>
                             <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="16"></line><line x1="8" y1="12" x2="16" y2="12"></line></svg>
                         </label>
                         <input type="file" id="file-upload" style="display: none;" <?php echo (isset($active_thread) && $active_thread['is_locked']) ? 'disabled' : ''; ?>>
                     <?php else: ?>
-                        <div class="upload-btn-label disabled" title="File sharing disabled" style="opacity: 0.3; cursor: not-allowed;">
+                        <div class="upload-btn-label disabled" title="Partage de fichiers désactivé" style="opacity: 0.3; cursor: not-allowed;">
                             <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="8" y1="8" x2="16" y2="16"></line><line x1="16" y1="8" x2="8" y2="16"></line></svg>
                         </div>
                     <?php endif; ?>
                     <?php if (isset($active_thread) && $active_thread['is_locked']): ?>
-                        <textarea id="chat-input" class="chat-input" placeholder="This discussion is locked." autocomplete="off" rows="1" disabled style="background-color: rgba(0,0,0,0.1); cursor: not-allowed;"></textarea>
+                        <textarea id="chat-input" class="chat-input" placeholder="Cette discussion est verrouillée." autocomplete="off" rows="1" disabled style="background-color: rgba(0,0,0,0.1); cursor: not-allowed;"></textarea>
                     <?php else: ?>
-                        <textarea id="chat-input" class="chat-input" placeholder="Message #<?php echo htmlspecialchars($current_channel_name); ?>" autocomplete="off" rows="1"></textarea>
+                        <textarea id="chat-input" class="chat-input" placeholder="Envoyer un message dans #<?php echo htmlspecialchars($current_channel_name); ?>" autocomplete="off" rows="1"></textarea>
                     <?php endif; ?>
-                    <button type="button" class="btn border-0 text-muted p-2" id="chat-emoji-btn" title="Emoji Picker" <?php echo (isset($active_thread) && $active_thread['is_locked']) ? 'disabled style="opacity: 0.5;"' : ''; ?>>
+                    <button type="button" class="btn border-0 text-muted p-2" id="chat-emoji-btn" title="Sélecteur d'emojis" <?php echo (isset($active_thread) && $active_thread['is_locked']) ? 'disabled style="opacity: 0.5;"' : ''; ?>>
                         <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><path d="M8 14s1.5 2 4 2 4-2 4-2"></path><line x1="9" y1="9" x2="9.01" y2="9"></line><line x1="15" y1="9" x2="15.01" y2="9"></line></svg>
                     </button>
                 </div>
@@ -1176,7 +1176,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
     <!-- Members Sidebar -->
     <div class="members-sidebar">
         <div style="color: var(--text-muted); font-size: 0.75em; text-transform: uppercase; font-weight: bold; margin-bottom: 16px;">
-            Members — <?php echo count($members); ?>
+            Membres — <?php echo count($members); ?>
         </div>
         <?php foreach($members as $m): ?>
             <div class="channel-item member-item" data-user-id="<?php echo $m['id']; ?>" data-username="<?php echo htmlspecialchars($m['username']); ?>" data-avatar="<?php echo htmlspecialchars($m['avatar_url'] ?? ''); ?>" data-role-ids="<?php echo $m['role_ids'] ?? ''; ?>" style="color: var(--text-primary); margin-bottom: 8px; cursor: pointer;">
@@ -1194,30 +1194,30 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
     </div>
 </div>
 
-<!-- User Settings Modal -->
-<div class="modal fade" id="userSettingsModal" tabindex="-1">
+<!-- Paramètres utilisateur Modal -->
+<div class="modal fade" id="userParamètresModal" tabindex="-1">
     <div class="modal-dialog modal-xl modal-dialog-centered">
         <div class="modal-content border-0 shadow-lg" style="min-height: 500px;">
             <div class="modal-header border-0 pb-0">
-                <h5 class="modal-title fw-bold">User Settings</h5>
+                <h5 class="modal-title fw-bold">Paramètres utilisateur</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body p-0">
                 <div class="d-flex flex-row h-100" style="min-height: 450px;">
-                    <!-- Settings Sidebar -->
+                    <!-- Paramètres Sidebar -->
                     <div class="settings-nav-sidebar p-3 border-end border-secondary" style="width: 200px;">
-                        <ul class="nav flex-column nav-pills" id="userSettingsTabs" role="tablist">
+                        <ul class="nav flex-column nav-pills" id="userParamètresTabs" role="tablist">
                             <li class="nav-item mb-1">
-                                <button class="nav-link active w-100 text-start border-0 py-2 px-3" data-bs-toggle="pill" data-bs-target="#settings-profile" type="button">My Profile</button>
+                                <button class="nav-link active w-100 text-start border-0 py-2 px-3" data-bs-toggle="pill" data-bs-target="#settings-profile" type="button">Mon profil</button>
                             </li>
                             <li class="nav-item mb-1">
-                                <button class="nav-link w-100 text-start border-0 py-2 px-3" data-bs-toggle="pill" data-bs-target="#settings-appearance" type="button">Appearance</button>
+                                <button class="nav-link w-100 text-start border-0 py-2 px-3" data-bs-toggle="pill" data-bs-target="#settings-appearance" type="button">Apparence</button>
                             </li>
                             <li class="nav-item mb-1">
-                                <button class="nav-link w-100 text-start border-0 py-2 px-3" data-bs-toggle="pill" data-bs-target="#settings-voice" type="button">Voice & Video</button>
+                                <button class="nav-link w-100 text-start border-0 py-2 px-3" data-bs-toggle="pill" data-bs-target="#settings-voice" type="button">Voix & Vidéo</button>
                             </li>
                             <li class="nav-item mb-1">
-                                <button class="nav-link w-100 text-start border-0 py-2 px-3" data-bs-toggle="pill" data-bs-target="#settings-whispers" type="button" onclick="loadWhisperSettings()">Whispers (TeamSpeak Style)</button>
+                                <button class="nav-link w-100 text-start border-0 py-2 px-3" data-bs-toggle="pill" data-bs-target="#settings-whispers" type="button" onclick="loadWhisperParamètres()">Whispers (TeamSpeak Style)</button>
                             </li>
                             <li class="nav-item mb-1">
                                 <button class="nav-link w-100 text-start border-0 py-2 px-3" data-bs-toggle="pill" data-bs-target="#settings-notifications" type="button">Notifications</button>
@@ -1225,13 +1225,13 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                         </ul>
                     </div>
                     
-                    <!-- Settings Content -->
+                    <!-- Paramètres Content -->
                     <div class="flex-grow-1 p-4 overflow-auto custom-scrollbar">
                         <form id="user-settings-form">
-                            <div class="tab-content" id="userSettingsContent">
+                            <div class="tab-content" id="userParamètresContent">
                                 <!-- Profile Tab -->
                                 <div class="tab-pane fade show active" id="settings-profile" role="tabpanel">
-                                    <h5 class="mb-4 fw-bold text-uppercase" style="font-size: 0.8em; color: var(--text-muted);">User Profile</h5>
+                                    <h5 class="mb-4 fw-bold text-uppercase" style="font-size: 0.8em; color: var(--text-muted);">Profil utilisateur</h5>
                                     <div class="row align-items-center mb-4 p-3 rounded settings-section-bg">
                                         <div class="col-md-3 text-center">
                                             <div class="message-avatar mx-auto mb-2" id="settings-avatar-preview" style="width: 80px; height: 80px; <?php echo $user['avatar_url'] ? "background-image: url('{$user['avatar_url']}');" : ""; ?>"></div>
@@ -1239,40 +1239,40 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                         </div>
                                         <div class="col-md-9">
                                             <div class="mb-3">
-                                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Username display</label>
+                                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Nom d'affichage</label>
                                                 <input type="text" name="display_name" class="form-control bg-dark text-white border-0" value="<?php echo htmlspecialchars($user['display_name'] ?? $user['username']); ?>" required>
                                             </div>
                                         </div>
                                     </div>
                                     
                                     <div class="mb-4">
-                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Search Avatars</label>
+                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Rechercher des avatars</label>
                                         <div class="input-group mb-2 shadow-sm">
-                                            <input type="text" id="avatar-search-query" class="form-control bg-dark border-0 text-white" placeholder="e.g. cat, abstract, gamer">
-                                            <button class="btn btn-primary px-3" type="button" id="search-avatar-btn">Search</button>
+                                            <input type="text" id="avatar-search-query" class="form-control bg-dark border-0 text-white" placeholder="ex: chat, abstrait, gamer">
+                                            <button class="btn btn-primary px-3" type="button" id="search-avatar-btn">Rechercher</button>
                                         </div>
                                         <div id="avatar-results" class="d-flex flex-wrap gap-2 overflow-auto p-2 rounded settings-inner-bg" style="max-height: 180px;">
-                                            <div class="w-100 text-center text-muted py-3 small">Search for images to change your avatar.</div>
+                                            <div class="w-100 text-center text-muted py-3 small">Recherchez des images pour changer votre avatar.</div>
                                         </div>
                                     </div>
                                 </div>
 
-                                <!-- Appearance Tab -->
+                                <!-- Apparence Tab -->
                                 <div class="tab-pane fade" id="settings-appearance" role="tabpanel">
-                                    <h5 class="mb-4 fw-bold text-uppercase" style="font-size: 0.8em; color: var(--text-muted);">Appearance Settings</h5>
+                                    <h5 class="mb-4 fw-bold text-uppercase" style="font-size: 0.8em; color: var(--text-muted);">Paramètres d'apparence</h5>
                                     <div class="row g-3">
                                         <div class="col-6">
                                             <input type="radio" class="btn-check" name="theme" id="theme-dark" value="dark" <?php echo ($user['theme'] ?? 'dark') == 'dark' ? 'checked' : ''; ?> onchange="document.body.setAttribute('data-theme', 'dark')">
                                             <label class="btn btn-outline-secondary w-100 py-4 d-flex flex-column align-items-center" for="theme-dark">
                                                 <i class="fa-solid fa-moon mb-2 fs-3"></i>
-                                                <span>Dark Theme</span>
+                                                <span>Thème sombre</span>
                                             </label>
                                         </div>
                                         <div class="col-6">
                                             <input type="radio" class="btn-check" name="theme" id="theme-light" value="light" <?php echo ($user['theme'] ?? 'dark') == 'light' ? 'checked' : ''; ?> onchange="document.body.setAttribute('data-theme', 'light')">
                                             <label class="btn btn-outline-secondary w-100 py-4 d-flex flex-column align-items-center" for="theme-light">
                                                 <i class="fa-solid fa-sun mb-2 fs-3"></i>
-                                                <span>Light Theme</span>
+                                                <span>Thème clair</span>
                                             </label>
                                         </div>
                                     </div>
@@ -1280,28 +1280,28 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
 
                                  <!-- Voice Tab -->
                                 <div class="tab-pane fade" id="settings-voice" role="tabpanel">
-                                    <h5 class="mb-4 fw-bold text-uppercase" style="font-size: 0.8em; color: var(--text-muted);">Voice Settings</h5>
+                                    <h5 class="mb-4 fw-bold text-uppercase" style="font-size: 0.8em; color: var(--text-muted);">Paramètres de voix</h5>
                                     
                                     <div class="row mb-4">
                                         <div class="col-md-6 mb-3">
-                                            <label class="form-label text-uppercase fw-bold mb-2" style="font-size: 0.7em; color: var(--text-muted);">Input Device</label>
+                                            <label class="form-label text-uppercase fw-bold mb-2" style="font-size: 0.7em; color: var(--text-muted);">Périphérique d'entrée</label>
                                             <select name="voice_input_device" id="voice_input_device" class="form-select bg-dark text-white border-0">
-                                                <option value="default">Default</option>
+                                                <option value="default">Défaut</option>
                                             </select>
                                         </div>
                                         <div class="col-md-6 mb-3">
-                                            <label class="form-label text-uppercase fw-bold mb-2" style="font-size: 0.7em; color: var(--text-muted);">Output Device</label>
+                                            <label class="form-label text-uppercase fw-bold mb-2" style="font-size: 0.7em; color: var(--text-muted);">Périphérique de sortie</label>
                                             <select name="voice_output_device" id="voice_output_device" class="form-select bg-dark text-white border-0">
-                                                <option value="default">Default</option>
+                                                <option value="default">Défaut</option>
                                             </select>
                                         </div>
                                          <div class="col-md-6 mb-3">
-                                            <label class="form-label text-uppercase fw-bold mb-2" style="font-size: 0.7em; color: var(--text-muted);">Input Volume</label>
+                                            <label class="form-label text-uppercase fw-bold mb-2" style="font-size: 0.7em; color: var(--text-muted);">Volume d'entrée</label>
                                             <input type="range" name="voice_input_volume" id="voice_input_volume" class="form-range" min="0" max="1" step="0.01" value="1.0">
                                             <script>document.getElementById('voice_input_volume').value = localStorage.getItem('voice_input_volume') || 1.0;</script>
                                         </div>
                                          <div class="col-md-6 mb-3">
-                                            <label class="form-label text-uppercase fw-bold mb-2" style="font-size: 0.7em; color: var(--text-muted);">Output Volume</label>
+                                            <label class="form-label text-uppercase fw-bold mb-2" style="font-size: 0.7em; color: var(--text-muted);">Volume de sortie</label>
                                             <input type="range" name="voice_output_volume" id="voice_output_volume" class="form-range" min="0" max="2" step="0.01" value="1.0">
                                             <script>document.getElementById('voice_output_volume').value = localStorage.getItem('voice_output_volume') || 1.0;</script>
                                         </div>
@@ -1311,41 +1311,41 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
                                         <div class="col-md-6">
                                             <div class="form-check form-switch mb-2">
                                                 <input class="form-check-input" type="checkbox" name="voice_echo_cancellation" id="echo-cancellation-switch" value="1" <?php echo ($user['voice_echo_cancellation'] ?? 1) ? 'checked' : ''; ?>>
-                                                <label class="form-check-label" for="echo-cancellation-switch">Echo Cancellation</label>
+                                                <label class="form-check-label" for="echo-cancellation-switch">Annulation de l'écho</label>
                                             </div>
-                                            <div class="form-text text-muted small mb-3">Reduces echo from your speakers being picked up by your mic.</div>
+                                            <div class="form-text text-muted small mb-3">Réduit l'écho causé par vos haut-parleurs captés par votre micro.</div>
                                         </div>
                                         <div class="col-md-6">
                                             <div class="form-check form-switch mb-2">
                                                 <input class="form-check-input" type="checkbox" name="voice_noise_suppression" id="noise-suppression-switch" value="1" <?php echo ($user['voice_noise_suppression'] ?? 1) ? 'checked' : ''; ?>>
-                                                <label class="form-check-label" for="noise-suppression-switch">Noise Suppression</label>
+                                                <label class="form-check-label" for="noise-suppression-switch">Suppression du bruit</label>
                                             </div>
-                                            <div class="form-text text-muted small mb-3">Filters out background noise like fans or keyboard clicks.</div>
+                                            <div class="form-text text-muted small mb-3">Filtre les bruits de fond comme les ventilateurs ou les clics de clavier.</div>
                                         </div>
                                     </div>
 
                                     <div class="p-3 rounded mb-4 settings-section-bg">
-                                        <label class="form-label text-uppercase fw-bold mb-3" style="font-size: 0.7em; color: var(--text-muted);">Input Mode</label>
+                                        <label class="form-label text-uppercase fw-bold mb-3" style="font-size: 0.7em; color: var(--text-muted);">Mode d'entrée</label>
                                         <div class="d-flex gap-3 mb-4">
                                             <div class="form-check custom-radio-card flex-grow-1">
-                                                <input class="form-check-input d-none" type="radio" name="voice_mode" id="voice-mode-vox" value="vox" <?php echo ($user['voice_mode'] ?? 'vox') == 'vox' ? 'checked' : ''; ?> onchange="togglePTTSettings('vox')">
+                                                <input class="form-check-input d-none" type="radio" name="voice_mode" id="voice-mode-vox" value="vox" <?php echo ($user['voice_mode'] ?? 'vox') == 'vox' ? 'checked' : ''; ?> onchange="togglePTTParamètres('vox')">
                                                 <label class="form-check-label w-100 p-3 rounded border border-secondary text-center cursor-pointer" for="voice-mode-vox" style="cursor: pointer;">
                                                     <i class="fa-solid fa-microphone mb-2 d-block"></i>
-                                                    Voice Activity
+                                                    Activité vocale
                                                 </label>
                                             </div>
                                             <div class="form-check custom-radio-card flex-grow-1">
-                                                <input class="form-check-input d-none" type="radio" name="voice_mode" id="voice-mode-ptt" value="ptt" <?php echo ($user['voice_mode'] ?? 'vox') == 'ptt' ? 'checked' : ''; ?> onchange="togglePTTSettings('ptt')">
+                                                <input class="form-check-input d-none" type="radio" name="voice_mode" id="voice-mode-ptt" value="ptt" <?php echo ($user['voice_mode'] ?? 'vox') == 'ptt' ? 'checked' : ''; ?> onchange="togglePTTParamètres('ptt')">
                                                 <label class="form-check-label w-100 p-3 rounded border border-secondary text-center cursor-pointer" for="voice-mode-ptt" style="cursor: pointer;">
                                                     <i class="fa-solid fa-keyboard mb-2 d-block"></i>
-                                                    Push to Talk
+                                                    Appuyer pour parler
                                                 </label>
                                             </div>
                                         </div>
 
                                         <div id="ptt-settings-container" style="<?php echo ($user['voice_mode'] ?? 'vox') == 'ptt' ? '' : 'display: none;'; ?>">
                                             <div class="mb-3">
-                                                <label class="form-label small fw-bold">Shortcut Key</label>
+                                                <label class="form-label small fw-bold">Raccourci clavier</label>
                                                 <input type="text" name="voice_ptt_key" id="voice_ptt_key_input" class="form-control bg-dark text-white border-0" value="<?php echo htmlspecialchars($user['voice_ptt_key'] ?? 'v'); ?>" placeholder="Click and press a key..." readonly style="cursor: pointer; caret-color: transparent;">
                                                 <div class="form-text text-muted" style="font-size: 0.8em;">Click the box and press any key to set your PTT shortcut.</div>
                                             </div>
@@ -1430,13 +1430,22 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
 
                                 <!-- Notifications Tab -->
                                 <div class="tab-pane fade" id="settings-notifications" role="tabpanel">
-                                    <h5 class="mb-4 fw-bold text-uppercase" style="font-size: 0.8em; color: var(--text-muted);">Notifications</h5>
-                                    <div class="p-3 rounded settings-section-bg">
+                                    <h5 class="mb-4 fw-bold text-uppercase" style="font-size: 0.8em; color: var(--text-muted);">Paramètres de notifications</h5>
+                                    
+                                    <div class="mb-4 p-3 rounded settings-section-bg">
                                         <div class="form-check form-switch mb-3">
-                                            <input class="form-check-input" type="checkbox" name="dnd_mode" id="dnd-switch" value="1" <?php echo ($user['dnd_mode'] ?? 0) ? 'checked' : ''; ?>>
-                                            <label class="form-check-label" for="dnd-switch">Do Not Disturb</label>
-                                            <div class="form-text text-muted" style="font-size: 0.8em;">Mute all desktop notifications.</div>
+                                            <input class="form-check-input" type="checkbox" name="dnd_mode" id="dnd-mode-switch" value="1" <?php echo ($user['dnd_mode'] ?? 0) ? 'checked' : ''; ?>>
+                                            <label class="form-check-label fw-bold" for="dnd-mode-switch">Mode Ne pas déranger</label>
+                                            <div class="form-text text-muted small">Désactive toutes les notifications sonores et visuelles.</div>
                                         </div>
+                                        
+                                        <div class="form-check form-switch">
+                                            <input class="form-check-input" type="checkbox" name="sound_notifications" id="sound-notifications-switch" value="1" <?php echo ($user['sound_notifications'] ?? 1) ? 'checked' : ''; ?>>
+                                            <label class="form-check-label fw-bold" for="sound-notifications-switch">Notifications sonores</label>
+                                            <div class="form-text text-muted small">Joue un son lors de la réception d'un nouveau message.</div>
+                                        </div>
+                                    </div>
+                                </div>
                                         <div class="form-check form-switch">
                                             <input class="form-check-input" type="checkbox" name="sound_notifications" id="sound-switch" value="1" <?php echo ($user['sound_notifications'] ?? 0) ? 'checked' : ''; ?>>
                                             <label class="form-check-label" for="sound-switch">Sound Notifications</label>
@@ -1451,7 +1460,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
             </div>
             <div class="modal-footer border-0 settings-footer-bg">
                 <button type="button" class="btn btn-link text-decoration-none settings-cancel-btn" data-bs-dismiss="modal">Cancel</button>
-                <button type="button" onclick="handleSaveUserSettings(this)" class="btn btn-primary" style="background-color: var(--blurple); border: none; padding: 10px 32px; font-weight: 600;">Save Changes</button>
+                <button type="button" onclick="handleSaveUserParamètres(this)" class="btn btn-primary" style="background-color: var(--blurple); border: none; padding: 10px 32px; font-weight: 600;">Save Changes</button>
             </div>
         </div>
     </div>
@@ -1470,7 +1479,7 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
 </style>
 
 <script>
-function togglePTTSettings(mode) {
+function togglePTTParamètres(mode) {
     console.log('Toggling voice mode to:', mode);
     const pttContainer = document.getElementById('ptt-settings-container');
     const voxContainer = document.getElementById('vox-settings-container');
@@ -1581,7 +1590,7 @@ function handlePTTKeyCapture(e, input) {
     input.value = e.key;
 }
 
-async function handleSaveUserSettings(btn) {
+async function handleSaveUserParamètres(btn) {
     const originalContent = btn.innerHTML;
     const form = document.getElementById('user-settings-form');
     if (!form) return;
@@ -1671,7 +1680,7 @@ async function handleSaveUserSettings(btn) {
                 btn.innerHTML = originalContent;
                 btn.disabled = false;
                 // Optional: close modal after save? 
-                // bootstrap.Modal.getInstance(document.getElementById('userSettingsModal')).hide();
+                // bootstrap.Modal.getInstance(document.getElementById('userParamètresModal')).hide();
             }, 1500);
         } else {
             alert('Error: ' + (result.error || 'Unknown error'));
@@ -1687,7 +1696,7 @@ async function handleSaveUserSettings(btn) {
 }
 
 // Whisper Logic
-async function loadWhisperSettings() {
+async function loadWhisperParamètres() {
     const listEl = document.getElementById('whisper-list');
     listEl.innerHTML = '<div class="text-center py-3 text-muted small"><span class="spinner-border spinner-border-sm me-2"></span> Loading whispers...</div>';
     
@@ -1706,15 +1715,15 @@ async function loadWhisperSettings() {
         updateWhisperTargetOptions(users.users || [], channels.channels || []);
         
         // Store globally for mapping names
-        window.whisperUsersMap = {};
-        if (users.users) users.users.forEach(u => window.whisperUsersMap[u.id] = u.display_name || u.username);
+        window.whisperUtilisateursMap = {};
+        if (users.users) users.users.forEach(u => window.whisperUtilisateursMap[u.id] = u.display_name || u.username);
         window.whisperChannelsMap = {};
         if (channels.channels) channels.channels.forEach(c => window.whisperChannelsMap[c.id] = c.name);
         
         if (whispers.success && whispers.whispers.length > 0) {
             listEl.innerHTML = '';
             whispers.whispers.forEach(w => {
-                const targetName = w.target_type === 'user' ? (window.whisperUsersMap[w.target_id] || 'User #'+w.target_id) : ('#' + (window.whisperChannelsMap[w.target_id] || w.target_id));
+                const targetName = w.target_type === 'user' ? (window.whisperUtilisateursMap[w.target_id] || 'User #'+w.target_id) : ('#' + (window.whisperChannelsMap[w.target_id] || w.target_id));
                 const row = document.createElement('div');
                 row.className = 'd-flex justify-content-between align-items-center p-2 mb-1 rounded bg-dark border-start border-3 border-info';
                 row.innerHTML = `
@@ -1733,7 +1742,7 @@ async function loadWhisperSettings() {
         
         // Re-initialize whisper handlers in voiceHandler if active
         if (window.voiceHandler) {
-            window.voiceHandler.whisperSettings = whispers.whispers || [];
+            window.voiceHandler.whisperParamètres = whispers.whispers || [];
             window.voiceHandler.setupWhisperListeners();
         }
     } catch (e) {
@@ -1748,7 +1757,7 @@ function updateWhisperTargetOptions(users, channels) {
     targetSelect.innerHTML = '';
     
     if (type === 'user') {
-        const usersList = users || Object.values(window.whisperUsersMap || {}).map((name, id) => ({id, username: name}));
+        const usersList = users || Object.values(window.whisperUtilisateursMap || {}).map((name, id) => ({id, username: name}));
         usersList.forEach(u => {
             if (u.id == window.currentUserId) return;
             const opt = document.createElement('option');
@@ -1779,7 +1788,7 @@ async function addWhisperSetting() {
         const data = await resp.json();
         if (data.success) {
             document.getElementById('new-whisper-key').value = '';
-            loadWhisperSettings();
+            loadWhisperParamètres();
         } else {
             alert('Error: ' + data.error);
         }
@@ -1787,12 +1796,12 @@ async function addWhisperSetting() {
 }
 
 async function deleteWhisperSetting(id) {
-    if (!confirm('Delete this whisper configuration?')) return;
+    if (!confirm('Supprimer this whisper configuration?')) return;
     try {
         const resp = await fetch('api_v1_voice.php?action=delete_whisper&id='+id);
         const data = await resp.json();
         if (data.success) {
-            loadWhisperSettings();
+            loadWhisperParamètres();
         }
     } catch (e) { console.error(e); }
 }
@@ -1810,31 +1819,31 @@ document.addEventListener('DOMContentLoaded', () => {
 </script>
 
 
-<!-- Server Settings Modal -->
-<!-- Server Settings Modal -->
-<div class="modal fade" id="serverSettingsModal" tabindex="-1">
+<!-- Paramètres du serveur Modal -->
+<!-- Paramètres du serveur Modal -->
+<div class="modal fade" id="serverParamètresModal" tabindex="-1">
     <div class="modal-dialog modal-xl">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">Server Settings</h5>
+                <h5 class="modal-title">Paramètres du serveur</h5>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body p-0">
-                <ul class="nav nav-tabs nav-fill" id="serverSettingsTabs" role="tablist">
+                <ul class="nav nav-tabs nav-fill" id="serverParamètresTabs" role="tablist">
                     <li class="nav-item">
-                        <button class="nav-link active text-white border-0 bg-transparent" data-bs-toggle="tab" data-bs-target="#settings-general" type="button">General</button>
+                        <button class="nav-link active text-white border-0 bg-transparent" data-bs-toggle="tab" data-bs-target="#settings-general" type="button">Général</button>
                     </li>
                     <li class="nav-item">
                         <button class="nav-link text-white border-0 bg-transparent" id="emotes-tab-btn" data-bs-toggle="tab" data-bs-target="#settings-emotes" type="button">Emotes</button>
                     </li>
                     <li class="nav-item">
-                        <button class="nav-link text-white border-0 bg-transparent" id="roles-tab-btn" data-bs-toggle="tab" data-bs-target="#settings-roles" type="button">Roles</button>
+                        <button class="nav-link text-white border-0 bg-transparent" id="roles-tab-btn" data-bs-toggle="tab" data-bs-target="#settings-roles" type="button">Rôles</button>
                     </li>
                     <li class="nav-item">
                         <button class="nav-link text-white border-0 bg-transparent" id="webhooks-tab-btn" data-bs-toggle="tab" data-bs-target="#settings-webhooks" type="button">Webhooks</button>
                     </li>
                     <li class="nav-item">
-                        <button class="nav-link text-white border-0 bg-transparent" id="members-tab-btn" data-bs-toggle="tab" data-bs-target="#settings-members" type="button">Members</button>
+                        <button class="nav-link text-white border-0 bg-transparent" id="members-tab-btn" data-bs-toggle="tab" data-bs-target="#settings-members" type="button">Membres</button>
                     </li>
                     <li class="nav-item">
                         <button class="nav-link text-white border-0 bg-transparent" id="stats-tab-btn" data-bs-toggle="tab" data-bs-target="#settings-stats" type="button">Stats</button>
@@ -1853,23 +1862,23 @@ document.addEventListener('DOMContentLoaded', () => {
                                 ?>
                                 <div class="message-avatar mx-auto mb-2" id="server-icon-preview" style="width: 80px; height: 80px; <?php echo $active_icon ? "background-image: url('{$active_icon}');" : ""; ?>"></div>
                                 <input type="hidden" name="icon_url" id="server-icon-url" value="<?php echo htmlspecialchars($active_icon); ?>">
-                                <button type="button" class="btn btn-sm btn-outline-secondary" id="search-server-icon-btn">Change Icon</button>
+                                <button type="button" class="btn btn-sm btn-outline-secondary" id="search-server-icon-btn">Changer l'icône</button>
                             </div>
 
                             <div class="mb-3">
-                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Server Name</label>
+                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Nom du serveur</label>
                                 <input type="text" name="name" class="form-control" value="<?php echo htmlspecialchars($active_server_name ?? ''); ?>" required>
                             </div>
 
                             <div class="mb-3">
-                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Theme Color</label>
-                                <input type="color" name="theme_color" class="form-control form-control-color w-100" value="<?php echo $active_server['theme_color'] ?? '#5865f2'; ?>" title="Choose server theme color">
+                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Couleur du thème</label>
+                                <input type="color" name="theme_color" class="form-control form-control-color w-100" value="<?php echo $active_server['theme_color'] ?? '#5865f2'; ?>" title="Choisir la couleur du thème du serveur">
                             </div>
 
                             <div id="server-icon-search-results" class="d-flex flex-wrap gap-2 mb-3 overflow-auto" style="max-height: 150px;"></div>
 
                             <div class="mb-3">
-                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Invite Code</label>
+                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Code d'invitation</label>
                                 <?php 
                                     $invite = '';
                                     $expires_at = '';
@@ -1882,32 +1891,32 @@ document.addEventListener('DOMContentLoaded', () => {
                                 ?>
                                 <div class="input-group mb-2">
                                     <input type="text" id="server-invite-code" class="form-control bg-dark text-white border-0" value="<?php echo $invite; ?>" readonly>
-                                    <button class="btn btn-secondary" type="button" onclick="navigator.clipboard.writeText(document.getElementById('server-invite-code').value)">Copy</button>
-                                    <button class="btn btn-primary" type="button" id="refresh-invite-code-btn">Refresh</button>
+                                    <button class="btn btn-secondary" type="button" onclick="navigator.clipboard.writeText(document.getElementById('server-invite-code').value)">Copier</button>
+                                    <button class="btn btn-primary" type="button" id="refresh-invite-code-btn">Rafraîchir</button>
                                 </div>
                                 <div id="invite-code-timer" class="small text-muted" data-expires="<?php echo $expires_at; ?>">
                                     <?php if ($expires_at): ?>
-                                        Expires in: <span id="invite-timer-display">--:--</span>
+                                        Expire dans : <span id="invite-timer-display">--:--</span>
                                     <?php else: ?>
-                                        No expiration set.
+                                        Pas d'expiration définie.
                                     <?php endif; ?>
                                 </div>
                             </div>
 
                             <hr class="border-secondary">
                             
-                            <button type="submit" class="btn btn-primary w-100 mb-2">Save Changes</button>
+                            <button type="submit" class="btn btn-primary w-100 mb-2">Enregistrer les modifications</button>
                         </form>
-                        <form action="api_v1_servers.php" method="POST" onsubmit="return confirm('Are you sure you want to delete this server? This action is irreversible.');">
+                        <form action="api_v1_servers.php" method="POST" onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer ce serveur ? Cette action est irréversible.');">
                             <input type="hidden" name="action" value="delete">
                             <input type="hidden" name="server_id" value="<?php echo $active_server_id; ?>">
-                            <button type="submit" class="btn btn-danger w-100">Delete Server</button>
+                            <button type="submit" class="btn btn-danger w-100">Supprimer le serveur</button>
                         </form>
                     </div>
                     <div class="tab-pane fade" id="settings-roles">
                         <div class="d-flex justify-content-between align-items-center mb-3">
-                            <h6 class="mb-0">Server Roles</h6>
-                            <button class="btn btn-sm btn-primary" id="add-role-btn">+ Add Role</button>
+                            <h6 class="mb-0">Rôles du serveur</h6>
+                            <button class="btn btn-sm btn-primary" id="add-role-btn">+ Ajouter un rôle</button>
                         </div>
                         <div id="roles-list" class="list-group list-group-flush bg-transparent">
                             <!-- Roles will be loaded here -->
@@ -1916,14 +1925,14 @@ document.addEventListener('DOMContentLoaded', () => {
                     <div class="tab-pane fade" id="settings-webhooks">
                         <div class="d-flex justify-content-between align-items-center mb-3">
                             <h6 class="mb-0">Webhooks</h6>
-                            <button class="btn btn-sm btn-primary" id="add-webhook-btn">+ Create Webhook</button>
+                            <button class="btn btn-sm btn-primary" id="add-webhook-btn">+ Créer un Webhook</button>
                         </div>
                         <div id="webhooks-list" class="list-group list-group-flush bg-transparent">
                             <!-- Webhooks will be loaded here -->
                         </div>
                     </div>
                     <div class="tab-pane fade" id="settings-members">
-                        <h6 class="mb-3">Server Members</h6>
+                        <h6 class="mb-3">Membres du serveur</h6>
                         <div id="server-members-list" class="list-group list-group-flush bg-transparent">
                             <!-- Members will be loaded here -->
                         </div>
@@ -1932,8 +1941,8 @@ document.addEventListener('DOMContentLoaded', () => {
                         <div id="stats-content">
                             <div class="row text-center mb-4">
                                 <div class="col-6">
-                                    <div class="p-3 rounded bg-dark">
-                                        <div class="small text-muted text-uppercase">Members</div>
+                        <div class="p-3 rounded bg-dark">
+                                        <div class="small text-muted text-uppercase">Membres</div>
                                         <div class="h4 mb-0" id="stat-members">-</div>
                                     </div>
                                 </div>
@@ -1944,14 +1953,31 @@ document.addEventListener('DOMContentLoaded', () => {
                                     </div>
                                 </div>
                             </div>
-                            <h6 class="text-uppercase small text-muted mb-2">Top Active Users</h6>
+                            <h6 class="text-uppercase small text-muted mb-2">Utilisateurs les plus actifs</h6>
                             <div id="top-users-list" class="mb-4">
                                 <!-- Top users here -->
                             </div>
-                            <h6 class="text-uppercase small text-muted mb-2">Activity (Last 7 Days)</h6>
+                            <h6 class="text-uppercase small text-muted mb-2">Activité (7 derniers jours)</h6>
                             <div id="activity-chart-placeholder" class="small text-muted text-center p-4 border border-secondary rounded">
                                 <!-- Simplistic chart or list -->
-                                Loading activity...
+                                Chargement de l'activité...
+                            </div>
+                                </div>
+                                <div class="col-6">
+                                    <div class="p-3 rounded bg-dark">
+                                        <div class="small text-muted text-uppercase">Messages</div>
+                                        <div class="h4 mb-0" id="stat-messages">-</div>
+                                    </div>
+                                </div>
+                            </div>
+                            <h6 class="text-uppercase small text-muted mb-2">Utilisateurs les plus actifs</h6>
+                            <div id="top-users-list" class="mb-4">
+                                <!-- Top users here -->
+                            </div>
+                            <h6 class="text-uppercase small text-muted mb-2">Activité (7 derniers jours)</h6>
+                            <div id="activity-chart-placeholder" class="small text-muted text-center p-4 border border-secondary rounded">
+                                <!-- Simplistic chart or list -->
+                                Chargement de l'activité...
                             </div>
                         </div>
                     </div>
@@ -1993,32 +2019,32 @@ document.addEventListener('DOMContentLoaded', () => {
             <div class="modal-body p-0">
                 <ul class="nav nav-tabs nav-fill" id="serverTabs" role="tablist">
                     <li class="nav-item">
-                        <button class="nav-link active text-white border-0 bg-transparent" id="create-tab" data-bs-toggle="tab" data-bs-target="#create-pane" type="button">Create</button>
+                        <button class="nav-link active text-white border-0 bg-transparent" id="create-tab" data-bs-toggle="tab" data-bs-target="#create-pane" type="button">Créer</button>
                     </li>
                     <li class="nav-item">
-                        <button class="nav-link text-white border-0 bg-transparent" id="join-tab" data-bs-toggle="tab" data-bs-target="#join-pane" type="button">Join</button>
+                        <button class="nav-link text-white border-0 bg-transparent" id="join-tab" data-bs-toggle="tab" data-bs-target="#join-pane" type="button">Rejoindre</button>
                     </li>
                 </ul>
                 <div class="tab-content p-3">
                     <div class="tab-pane fade show active" id="create-pane">
                         <form action="api_v1_servers.php" method="POST">
-                            <p style="color: var(--text-muted); font-size: 0.9em;">Give your new server a personality with a name.</p>
+                            <p style="color: var(--text-muted); font-size: 0.9em;">Donnez une personnalité à votre nouveau serveur avec un nom.</p>
                             <div class="mb-3">
-                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Server Name</label>
-                                <input type="text" name="name" class="form-control" placeholder="My Awesome Server" required>
+                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Nom du serveur</label>
+                                <input type="text" name="name" class="form-control" placeholder="Mon super serveur" required>
                             </div>
-                            <button type="submit" class="btn btn-primary w-100" style="background-color: var(--blurple); border: none;">Create Server</button>
+                            <button type="submit" class="btn btn-primary w-100" style="background-color: var(--blurple); border: none;">Créer le serveur</button>
                         </form>
                     </div>
                     <div class="tab-pane fade" id="join-pane">
                         <form action="api_v1_servers.php" method="POST">
                             <input type="hidden" name="action" value="join">
-                            <p style="color: var(--text-muted); font-size: 0.9em;">Enter an invite code to join an existing server.</p>
+                            <p style="color: var(--text-muted); font-size: 0.9em;">Entrez un code d'invitation pour rejoindre un serveur existant.</p>
                             <div class="mb-3">
-                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Invite Code</label>
+                                <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Code d'invitation</label>
                                 <input type="text" name="invite_code" class="form-control" placeholder="Ex: aB1!c2D3@4" required>
                             </div>
-                            <button type="submit" class="btn btn-success w-100" style="background-color: #23a559; border: none;">Join Server</button>
+                            <button type="submit" class="btn btn-success w-100" style="background-color: #23a559; border: none;">Rejoindre le serveur</button>
                         </form>
                     </div>
                 </div>
@@ -2032,7 +2058,7 @@ document.addEventListener('DOMContentLoaded', () => {
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">Create Channel</h5>
+                <h5 class="modal-title">Créer un salon</h5>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <form action="api_v1_channels.php" method="POST">
@@ -2040,52 +2066,52 @@ document.addEventListener('DOMContentLoaded', () => {
                 <input type="hidden" name="server_id" value="<?php echo $active_server_id; ?>">
                 <div class="modal-body">
                     <div class="mb-3">
-                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Channel Type</label>
+                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Type de salon</label>
                         <select name="type" class="form-select bg-dark text-white border-secondary mb-3" id="add-channel-type">
-                            <option value="chat">Traditional Chat</option>
-                            <option value="announcement">Announcements</option>
-                            <option value="rules">Rules</option>
+                            <option value="chat">Salon textuel classique</option>
+                            <option value="announcement">Annonces</option>
+                            <option value="rules">Règles</option>
                             <option value="forum">Forum</option>
-                            <option value="autorole">Autoroles</option>
-                            <option value="voice">Voice Channel</option>
-                            <option value="separator">Separator</option>
-                            <option value="category">Category</option>
+                            <option value="autorole">Autorôles</option>
+                            <option value="voice">Salon vocal</option>
+                            <option value="separator">Séparateur</option>
+                            <option value="category">Catégorie</option>
                         </select>
                     </div>
                     <div class="mb-3">
-                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Channel Name</label>
+                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Nom du salon</label>
                         <div class="input-group">
                             <span class="input-group-text bg-dark border-0 text-muted" id="add-channel-prefix">#</span>
-                            <input type="text" name="name" class="form-control" placeholder="new-channel" required>
+                            <input type="text" name="name" class="form-control" placeholder="nouveau-salon" required>
                         </div>
                     </div>
                     <div class="mb-3">
-                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Channel Icon</label>
+                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Icône du salon</label>
                         <select name="icon" class="form-select bg-dark text-white border-secondary mb-3">
                             <option value="">Aucune icône personnalisée</option>
                             <option value="fa-hashtag"># Hashtag</option>
-                            <option value="fa-volume-up">🔊 Voice</option>
-                            <option value="fa-bullhorn">📢 Announcements</option>
-                            <option value="fa-gavel">🔨 Rules</option>
+                            <option value="fa-volume-up">🔊 Voix</option>
+                            <option value="fa-bullhorn">📢 Annonces</option>
+                            <option value="fa-gavel">🔨 Règles</option>
                             <option value="fa-comments">💬 Forum</option>
-                            <option value="fa-lock">🔒 Private</option>
-                            <option value="fa-star">⭐ Star</option>
-                            <option value="fa-heart">❤️ Heart</option>
-                            <option value="fa-gamepad">🎮 Gaming</option>
-                            <option value="fa-music">🎵 Music</option>
-                            <option value="fa-video">📹 Video</option>
+                            <option value="fa-lock">🔒 Privé</option>
+                            <option value="fa-star">⭐ Étoile</option>
+                            <option value="fa-heart">❤️ Cœur</option>
+                            <option value="fa-gamepad">🎮 Jeux</option>
+                            <option value="fa-music">🎵 Musique</option>
+                            <option value="fa-video">📹 Vidéo</option>
                             <option value="fa-info-circle">ℹ️ Info</option>
-                            <option value="fa-question-circle">❓ Help</option>
-                            <option value="fa-book">📖 Library</option>
+                            <option value="fa-question-circle">❓ Aide</option>
+                            <option value="fa-book">📖 Bibliothèque</option>
                             <option value="fa-gift">🎁 Giveaways</option>
-                            <option value="fa-code">💻 Coding</option>
+                            <option value="fa-code">💻 Programmation</option>
                             <option value="fa-terminal">⌨️ Bot</option>
                         </select>
                     </div>
                     <div class="mb-3" id="add-channel-rules-role-container" style="display: none;">
-                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Role granted upon acceptance</label>
+                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Rôle accordé après acceptation</label>
                         <select name="rules_role_id" class="form-select bg-dark text-white border-secondary">
-                            <option value="">No role assigned</option>
+                            <option value="">Aucun rôle attribué</option>
                             <?php foreach($server_roles as $role): ?>
                                 <option value="<?php echo $role['id']; ?>"><?php echo htmlspecialchars($role['name']); ?></option>
                             <?php endforeach; ?>
@@ -2094,20 +2120,20 @@ document.addEventListener('DOMContentLoaded', () => {
                     <div id="add-channel-files-container">
                         <div class="form-check form-switch mb-3">
                             <input class="form-check-input" type="checkbox" name="allow_file_sharing" id="add-channel-files" value="1" checked>
-                            <label class="form-check-label text-white" for="add-channel-files">Allow File Sharing</label>
+                            <label class="form-check-label text-white" for="add-channel-files">Autoriser le partage de fichiers</label>
                         </div>
                     </div>
                     <div id="add-channel-limit-container">
                         <div class="mb-3">
-                            <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Message Limit</label>
-                            <input type="number" name="message_limit" class="form-control" placeholder="e.g. 50 (Leave empty for no limit)">
-                            <div class="form-text text-muted" style="font-size: 0.8em;">Automatically keeps only the last X messages in this channel.</div>
+                            <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Limite de messages</label>
+                            <input type="number" name="message_limit" class="form-control" placeholder="ex: 50 (Laissez vide pour aucune limite)">
+                            <div class="form-text text-muted" style="font-size: 0.8em;">Conserve automatiquement seulement les X derniers messages de ce salon.</div>
                         </div>
                     </div>
                 </div>
                 <div class="modal-footer">
-                    <button type="button" class="btn btn-link text-white text-decoration-none" data-bs-dismiss="modal">Cancel</button>
-                    <button type="submit" class="btn btn-primary" style="background-color: var(--blurple); border: none; padding: 10px 24px;">Create Channel</button>
+                    <button type="button" class="btn btn-link text-white text-decoration-none" data-bs-dismiss="modal">Annuler</button>
+                    <button type="submit" class="btn btn-primary" style="background-color: var(--blurple); border: none; padding: 10px 24px;">Créer un salon</button>
                 </div>
             </form>
         </div>
@@ -2158,7 +2184,7 @@ document.addEventListener('DOMContentLoaded', () => {
     </div>
 </div>
 
-<!-- Edit Autorole Modal -->
+<!-- Modifier Autorole Modal -->
 <div class="modal fade" id="editAutoroleModal" tabindex="-1">
     <div class="modal-dialog modal-lg">
         <div class="modal-content">
@@ -2203,21 +2229,21 @@ document.addEventListener('DOMContentLoaded', () => {
     </div>
 </div>
 
-<!-- Edit Channel Modal -->
+<!-- Modifier Channel Modal -->
 <div class="modal fade" id="editChannelModal" tabindex="-1">
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content border-0 shadow-lg" style="background-color: #313338;">
             <div class="modal-header border-0 pb-0">
-                <h5 class="modal-title fw-bold">Channel Settings — #<span id="header-channel-name"></span></h5>
+                <h5 class="modal-title fw-bold">Paramètres du salon — #<span id="header-channel-name"></span></h5>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body p-0">
                 <ul class="nav nav-tabs nav-fill px-3 border-bottom border-secondary" id="editChannelTabs" role="tablist" style="background-color: #2b2d31;">
                     <li class="nav-item">
-                        <button class="nav-link active text-white border-0 bg-transparent py-3" data-bs-toggle="tab" data-bs-target="#edit-channel-general" type="button">Overview</button>
+                        <button class="nav-link active text-white border-0 bg-transparent py-3" data-bs-toggle="tab" data-bs-target="#edit-channel-general" type="button">Vue d'ensemble</button>
                     </li>
                     <li class="nav-item" id="rss-tab-nav" style="display: none;">
-                        <button class="nav-link text-white border-0 bg-transparent py-3" id="rss-tab-btn" data-bs-toggle="tab" data-bs-target="#edit-channel-rss" type="button">RSS Feeds</button>
+                        <button class="nav-link text-white border-0 bg-transparent py-3" id="rss-tab-btn" data-bs-toggle="tab" data-bs-target="#edit-channel-rss" type="button">Flux RSS</button>
                     </li>
                     <li class="nav-item">
                         <button class="nav-link text-white border-0 bg-transparent py-3" id="channel-permissions-tab-btn" data-bs-toggle="tab" data-bs-target="#edit-channel-permissions" type="button">Permissions</button>
@@ -2233,31 +2259,31 @@ document.addEventListener('DOMContentLoaded', () => {
                             <div class="row">
                                 <div class="col-md-6">
                                     <div class="mb-3">
-                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Channel Name</label>
+                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Nom du salon</label>
                                         <div class="input-group">
                                             <span class="input-group-text bg-dark border-secondary text-muted">#</span>
                                             <input type="text" name="name" id="edit-channel-name" class="form-control bg-dark text-white border-secondary" required>
                                         </div>
                                     </div>
                                     <div class="mb-3">
-                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Channel Type</label>
+                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Type de salon</label>
                                         <select name="type" id="edit-channel-type" class="form-select bg-dark text-white border-secondary">
-                                            <option value="chat">Text Channel</option>
-                                            <option value="announcement">Announcements</option>
-                                            <option value="rules">Rules</option>
+                                            <option value="chat">Salon textuel</option>
+                                            <option value="announcement">Annonces</option>
+                                            <option value="rules">Règles</option>
                                             <option value="forum">Forum</option>
-                                            <option value="autorole">Autoroles</option>
-                                            <option value="voice">Voice Channel</option>
-                                            <option value="category">Category</option>
-                                            <option value="separator">Separator</option>
+                                            <option value="autorole">Autorôles</option>
+                                            <option value="voice">Salon vocal</option>
+                                            <option value="category">Catégorie</option>
+                                            <option value="separator">Séparateur</option>
                                         </select>
                                     </div>
                                 </div>
                                 <div class="col-md-6">
                                     <div class="mb-3">
-                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Category</label>
+                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Catégorie</label>
                                         <select name="category_id" id="edit-channel-category-id" class="form-select bg-dark text-white border-secondary">
-                                            <option value="">No Category</option>
+                                            <option value="">Aucune catégorie</option>
                                             <?php 
                                                 foreach($all_channels as $cat) {
                                                     if ($cat['type'] === 'category') {
@@ -2268,32 +2294,32 @@ document.addEventListener('DOMContentLoaded', () => {
                                         </select>
                                     </div>
                                     <div class="mb-3">
-                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Icon</label>
+                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Icône</label>
                                         <select name="icon" id="edit-channel-icon" class="form-select bg-dark text-white border-secondary">
                                             <option value="">Aucune icône personnalisée</option>
                                             <option value="fa-hashtag"># Hashtag</option>
-                                            <option value="fa-volume-up">🔊 Voice</option>
-                                            <option value="fa-bullhorn">📢 Announcements</option>
-                                            <option value="fa-gavel">🔨 Rules</option>
+                                            <option value="fa-volume-up">🔊 Voix</option>
+                                            <option value="fa-bullhorn">📢 Annonces</option>
+                                            <option value="fa-gavel">🔨 Règles</option>
                                             <option value="fa-comments">💬 Forum</option>
-                                            <option value="fa-lock">🔒 Private</option>
-                                            <option value="fa-star">⭐ Star</option>
-                                            <option value="fa-heart">❤️ Heart</option>
-                                            <option value="fa-gamepad">🎮 Gaming</option>
-                                            <option value="fa-music">🎵 Music</option>
-                                            <option value="fa-video">📹 Video</option>
+                                            <option value="fa-lock">🔒 Privé</option>
+                                            <option value="fa-star">⭐ Étoile</option>
+                                            <option value="fa-heart">❤️ Cœur</option>
+                                            <option value="fa-gamepad">🎮 Jeux</option>
+                                            <option value="fa-music">🎵 Musique</option>
+                                            <option value="fa-video">📹 Vidéo</option>
                                             <option value="fa-info-circle">ℹ️ Info</option>
-                                            <option value="fa-question-circle">❓ Help</option>
-                                            <option value="fa-book">📖 Library</option>
+                                            <option value="fa-question-circle">❓ Aide</option>
+                                            <option value="fa-book">📖 Bibliothèque</option>
                                             <option value="fa-gift">🎁 Giveaways</option>
-                                            <option value="fa-code">💻 Coding</option>
+                                            <option value="fa-code">💻 Programmation</option>
                                             <option value="fa-terminal">⌨️ Bot</option>
                                         </select>
                                     </div>
                                     <div class="mb-3" id="edit-channel-rules-role-container" style="display: none;">
-                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Role granted upon acceptance</label>
+                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Rôle accordé après acceptation</label>
                                         <select name="rules_role_id" id="edit-channel-rules-role" class="form-select bg-dark text-white border-secondary">
-                                            <option value="">No role assigned</option>
+                                            <option value="">Aucun rôle attribué</option>
                                             <?php foreach($server_roles as $role): ?>
                                                 <option value="<?php echo $role['id']; ?>"><?php echo htmlspecialchars($role['name']); ?></option>
                                             <?php endforeach; ?>
@@ -2305,56 +2331,56 @@ document.addEventListener('DOMContentLoaded', () => {
                             <div class="row mt-2">
                                 <div class="col-12">
                                     <div class="mb-3" id="edit-channel-status-container" style="display: none;">
-                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Voice Status</label>
-                                        <input type="text" name="status" id="edit-channel-status" class="form-control bg-dark text-white border-secondary" placeholder="What's happening?">
+                                        <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Statut vocal</label>
+                                        <input type="text" name="status" id="edit-channel-status" class="form-control bg-dark text-white border-secondary" placeholder="Que se passe-t-il ?">
                                     </div>
 
                                     <div id="edit-channel-limit-container">
                                         <div class="mb-3">
-                                            <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Message Retention</label>
-                                            <input type="number" name="message_limit" id="edit-channel-limit" class="form-control bg-dark text-white border-secondary" placeholder="Keep all messages">
+                                            <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Rétention des messages</label>
+                                            <input type="number" name="message_limit" id="edit-channel-limit" class="form-control bg-dark text-white border-secondary" placeholder="Conserver tous les messages">
                                         </div>
                                     </div>
 
                                     <div id="edit-channel-files-container">
                                         <div class="form-check form-switch mb-4">
                                             <input class="form-check-input" type="checkbox" name="allow_file_sharing" id="edit-channel-files" value="1">
-                                            <label class="form-check-label text-white" for="edit-channel-files">Allow users to upload files</label>
+                                            <label class="form-check-label text-white" for="edit-channel-files">Autoriser les utilisateurs à télécharger des fichiers</label>
                                         </div>
                                     </div>
                                 </div>
                             </div>
 
                             <div class="d-flex gap-2">
-                                <button type="submit" class="btn btn-primary flex-grow-1">Save Changes</button>
-                                <button type="button" id="clear-channel-history-btn" class="btn btn-outline-warning">Clear Chat</button>
-                                <button type="button" class="btn btn-outline-danger" id="delete-channel-trigger">Delete</button>
+                                <button type="submit" class="btn btn-primary flex-grow-1">Enregistrer les modifications</button>
+                                <button type="button" id="clear-channel-history-btn" class="btn btn-outline-warning">Effacer le chat</button>
+                                <button type="button" class="btn btn-outline-danger" id="delete-channel-trigger">Supprimer</button>
                             </div>
                         </form>
                         
                         <div id="delete-confirm-zone" style="display: none;" class="mt-3 p-3 border border-danger rounded">
-                            <p class="text-danger small mb-2">Are you sure? This cannot be undone.</p>
+                            <p class="text-danger small mb-2">Êtes-vous sûr ? Cette action est irréversible.</p>
                             <form action="api_v1_channels.php" method="POST" class="d-flex gap-2">
                                 <input type="hidden" name="action" value="delete">
                                 <input type="hidden" name="server_id" value="<?php echo $active_server_id; ?>">
                                 <input type="hidden" name="channel_id" id="delete-channel-id">
-                                <button type="submit" class="btn btn-danger btn-sm">Yes, Delete Channel</button>
-                                <button type="button" class="btn btn-secondary btn-sm" onclick="document.getElementById('delete-confirm-zone').style.display='none'">Cancel</button>
+                                <button type="submit" class="btn btn-danger btn-sm">Oui, supprimer le salon</button>
+                                <button type="button" class="btn btn-secondary btn-sm" onclick="document.getElementById('delete-confirm-zone').style.display='none'">Annuler</button>
                             </form>
                         </div>
                     </div>
                     
                     <div class="tab-pane fade" id="edit-channel-rss">
                         <div class="mb-4">
-                            <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Add RSS Feed</label>
+                            <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Ajouter un flux RSS</label>
                             <div class="input-group">
-                                <input type="url" id="new-rss-url" class="form-control bg-dark text-white border-secondary" placeholder="https://example.com/feed.xml">
-                                <button class="btn btn-primary" type="button" id="add-rss-btn">Add</button>
+                                <input type="url" id="new-rss-url" class="form-control bg-dark text-white border-secondary" placeholder="https://exemple.com/feed.xml">
+                                <button class="btn btn-primary" type="button" id="add-rss-btn">Ajouter</button>
                             </div>
                         </div>
                         <div class="d-flex justify-content-between align-items-center mb-2">
-                            <label class="form-label text-uppercase fw-bold mb-0" style="font-size: 0.7em; color: var(--text-muted);">Active Subscriptions</label>
-                            <button class="btn btn-sm btn-outline-info" id="sync-rss-btn">Sync All</button>
+                            <label class="form-label text-uppercase fw-bold mb-0" style="font-size: 0.7em; color: var(--text-muted);">Abonnements actifs</label>
+                            <button class="btn btn-sm btn-outline-info" id="sync-rss-btn">Tout synchroniser</button>
                         </div>
                         <div id="rss-feeds-list" class="list-group list-group-flush bg-transparent border rounded border-secondary" style="max-height: 250px; overflow-y: auto;">
                             <!-- RSS feeds loaded here -->
@@ -2366,10 +2392,10 @@ document.addEventListener('DOMContentLoaded', () => {
                             <!-- Sidebar: Roles & Members -->
                             <div class="col-4 border-end border-secondary d-flex flex-column" style="background-color: #2b2d31;">
                                     <div class="p-3 border-bottom border-secondary d-flex justify-content-between align-items-center">
-                                        <span class="small fw-bold text-uppercase" style="font-size: 0.7em; color: #dbdee1;">Roles / Members</span>
+                                        <span class="small fw-bold text-uppercase" style="font-size: 0.7em; color: #dbdee1;">Rôles / Membres</span>
                                         <div class="d-flex align-items-center gap-2">
                                             <div class="dropdown">
-                                                <button class="btn btn-sm btn-link text-white p-0" type="button" data-bs-toggle="dropdown" title="Add Role or Member" style="text-decoration: none; opacity: 0.8;">
+                                                <button class="btn btn-sm btn-link text-white p-0" type="button" data-bs-toggle="dropdown" title="Ajouter un rôle ou un membre" style="text-decoration: none; opacity: 0.8;">
                                                     <i class="fa-solid fa-plus-circle" style="font-size: 1.1rem;"></i>
                                                 </button>
                                                 <ul class="dropdown-menu dropdown-menu-dark shadow border-secondary" id="add-permission-role-list" style="max-height: 300px; overflow-y: auto; min-width: 200px;">
@@ -2386,7 +2412,177 @@ document.addEventListener('DOMContentLoaded', () => {
                                 </div>
                             </div>
                             
-                            <!-- Main: Permission Settings -->
+                            <!-- Main: Permission Paramètres -->
+                            <div class="col-8 d-flex flex-column" style="background-color: #313338;">
+                                <div id="channel-permissions-settings" class="h-100 d-flex flex-column d-none">
+                                    <div class="p-3 border-bottom border-secondary d-flex justify-content-between align-items-center">
+                                        <h6 class="mb-0 fw-bold" id="selected-perm-role-name">Nom du rôle</h6>
+                                        <button class="btn btn-sm btn-outline-danger py-0 px-2" id="remove-selected-perm-role" style="font-size: 0.75em;">Effacer les surcharges</button>
+                                    </div>
+                                    <div class="p-3 overflow-auto flex-grow-1" id="permissions-toggles-container" style="max-height: 350px; overflow-x: hidden;">
+                                        <div class="permission-item mb-3 p-2 rounded" style="background: var(--separator-soft);">
+                                            <div class="d-flex justify-content-between align-items-center">
+                                                <div class="pe-3">
+                                                    <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Voir le salon</div>
+                                                    <div style="font-size: 0.75em; color: #b5bac1;">Permet aux membres de voir ce salon.</div>
+                                                </div>
+                                                <div class="btn-group btn-group-sm perm-tri-state" data-perm-bit="1">
+                                                    <input type="radio" class="btn-check" name="perm_1" id="perm_1_deny" value="deny">
+                                                    <label class="btn btn-outline-danger border-0" for="perm_1_deny" title="Refuser"><i class="fa-solid fa-xmark"></i></label>
+                                                    
+                                                    <input type="radio" class="btn-check" name="perm_1" id="perm_1_neutral" value="neutral" checked>
+                                                    <label class="btn btn-outline-secondary border-0" for="perm_1_neutral" title="Neutre">/</label>
+                                                    
+                                                    <input type="radio" class="btn-check" name="perm_1" id="perm_1_allow" value="allow">
+                                                    <label class="btn btn-outline-success border-0" for="perm_1_allow" title="Autoriser"><i class="fa-solid fa-check"></i></label>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                         <div class="permission-item mb-3 p-2 rounded" style="background: var(--separator-soft);">
+                                             <div class="d-flex justify-content-between align-items-center">
+                                                 <div class="pe-3">
+                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Envoyer des messages</div>
+                                                     <div style="font-size: 0.75em; color: #b5bac1;">Permet aux membres d'envoyer des messages dans ce salon.</div>
+                                                 </div>
+                                                 <div class="btn-group btn-group-sm perm-tri-state" data-perm-bit="2">
+                                                     <input type="radio" class="btn-check" name="perm_2" id="perm_2_deny" value="deny">
+                                                     <label class="btn btn-outline-danger border-0" for="perm_2_deny" title="Refuser"><i class="fa-solid fa-xmark"></i></label>
+                                                     
+                                                     <input type="radio" class="btn-check" name="perm_2" id="perm_2_neutral" value="neutral" checked>
+                                                     <label class="btn btn-outline-secondary border-0" for="perm_2_neutral" title="Neutre">/</label>
+                                                     
+                                                     <input type="radio" class="btn-check" name="perm_2" id="perm_2_allow" value="allow">
+                                                     <label class="btn btn-outline-success border-0" for="perm_2_allow" title="Autoriser"><i class="fa-solid fa-check"></i></label>
+                                                 </div>
+                                             </div>
+                                         </div>
+
+                                         <div class="permission-item mb-3 p-2 rounded" style="background: var(--separator-soft);">
+                                             <div class="d-flex justify-content-between align-items-center">
+                                                 <div class="pe-3">
+                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Créer une discussion</div>
+                                                     <div style="font-size: 0.75em; color: #b5bac1;">Permet aux membres de créer de nouvelles discussions.</div>
+                                                 </div>
+                                                 <div class="btn-group btn-group-sm perm-tri-state" data-perm-bit="64">
+                                                     <input type="radio" class="btn-check" name="perm_64" id="perm_64_deny" value="deny">
+                                                     <label class="btn btn-outline-danger border-0" for="perm_64_deny" title="Refuser"><i class="fa-solid fa-xmark"></i></label>
+                                                     <input type="radio" class="btn-check" name="perm_64" id="perm_64_neutral" value="neutral" checked>
+                                                     <label class="btn btn-outline-secondary border-0" for="perm_64_neutral" title="Neutre">/</label>
+                                                     <input type="radio" class="btn-check" name="perm_64" id="perm_64_allow" value="allow">
+                                                     <label class="btn btn-outline-success border-0" for="perm_64_allow" title="Autoriser"><i class="fa-solid fa-check"></i></label>
+                                                 </div>
+                                             </div>
+                                         </div>
+
+                                         <div class="permission-item mb-3 p-2 rounded" style="background: var(--separator-soft);">
+                                             <div class="d-flex justify-content-between align-items-center">
+                                                 <div class="pe-3">
+                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Gérer les tags</div>
+                                                     <div style="font-size: 0.75em; color: #b5bac1;">Permet d'ajouter/modifier les tags du forum.</div>
+                                                 </div>
+                                                 <div class="btn-group btn-group-sm perm-tri-state" data-perm-bit="128">
+                                                     <input type="radio" class="btn-check" name="perm_128" id="perm_128_deny" value="deny">
+                                                     <label class="btn btn-outline-danger border-0" for="perm_128_deny" title="Refuser"><i class="fa-solid fa-xmark"></i></label>
+                                                     <input type="radio" class="btn-check" name="perm_128" id="perm_128_neutral" value="neutral" checked>
+                                                     <label class="btn btn-outline-secondary border-0" for="perm_128_neutral" title="Neutre">/</label>
+                                                     <input type="radio" class="btn-check" name="perm_128" id="perm_128_allow" value="allow">
+                                                     <label class="btn btn-outline-success border-0" for="perm_128_allow" title="Autoriser"><i class="fa-solid fa-check"></i></label>
+                                                 </div>
+                                             </div>
+                                         </div>
+
+                                         <div class="permission-item mb-3 p-2 rounded" style="background: var(--separator-soft);">
+                                             <div class="d-flex justify-content-between align-items-center">
+                                                 <div class="pe-3">
+                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Épingler des discussions</div>
+                                                     <div style="font-size: 0.75em; color: #b5bac1;">Permet d'épingler/désépingler des discussions.</div>
+                                                 </div>
+                                                 <div class="btn-group btn-group-sm perm-tri-state" data-perm-bit="256">
+                                                     <input type="radio" class="btn-check" name="perm_256" id="perm_256_deny" value="deny">
+                                                     <label class="btn btn-outline-danger border-0" for="perm_256_deny" title="Refuser"><i class="fa-solid fa-xmark"></i></label>
+                                                     <input type="radio" class="btn-check" name="perm_256" id="perm_256_neutral" value="neutral" checked>
+                                                     <label class="btn btn-outline-secondary border-0" for="perm_256_neutral" title="Neutre">/</label>
+                                                     <input type="radio" class="btn-check" name="perm_256" id="perm_256_allow" value="allow">
+                                                     <label class="btn btn-outline-success border-0" for="perm_256_allow" title="Autoriser"><i class="fa-solid fa-check"></i></label>
+                                                 </div>
+                                             </div>
+                                         </div>
+
+                                         <div class="permission-item mb-3 p-2 rounded" style="background: var(--separator-soft);">
+                                             <div class="d-flex justify-content-between align-items-center">
+                                                 <div class="pe-3">
+                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Verrouiller des discussions</div>
+                                                     <div style="font-size: 0.75em; color: #b5bac1;">Permet de verrouiller/déverrouiller des discussions.</div>
+                                                 </div>
+                                                 <div class="btn-group btn-group-sm perm-tri-state" data-perm-bit="512">
+                                                     <input type="radio" class="btn-check" name="perm_512" id="perm_512_deny" value="deny">
+                                                     <label class="btn btn-outline-danger border-0" for="perm_512_deny" title="Refuser"><i class="fa-solid fa-xmark"></i></label>
+                                                     <input type="radio" class="btn-check" name="perm_512" id="perm_512_neutral" value="neutral" checked>
+                                                     <label class="btn btn-outline-secondary border-0" for="perm_512_neutral" title="Neutre">/</label>
+                                                     <input type="radio" class="btn-check" name="perm_512" id="perm_512_allow" value="allow">
+                                                     <label class="btn btn-outline-success border-0" for="perm_512_allow" title="Autoriser"><i class="fa-solid fa-check"></i></label>
+                                                 </div>
+                                             </div>
+                                         </div>
+
+                                         <div class="permission-item mb-3 p-2 rounded" style="background: var(--separator-soft);">
+                                             <div class="d-flex justify-content-between align-items-center">
+                                                 <div class="pe-3">
+                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Poster dans les discussions</div>
+                                                     <div style="font-size: 0.75em; color: #b5bac1;">Permet de poster dans les discussions non verrouillées.</div>
+                                                 </div>
+                                                 <div class="btn-group btn-group-sm perm-tri-state" data-perm-bit="1024">
+                                                     <input type="radio" class="btn-check" name="perm_1024" id="perm_1024_deny" value="deny">
+                                                     <label class="btn btn-outline-danger border-0" for="perm_1024_deny" title="Refuser"><i class="fa-solid fa-xmark"></i></label>
+                                                     <input type="radio" class="btn-check" name="perm_1024" id="perm_1024_neutral" value="neutral" checked>
+                                                     <label class="btn btn-outline-secondary border-0" for="perm_1024_neutral" title="Neutre">/</label>
+                                                     <input type="radio" class="btn-check" name="perm_1024" id="perm_1024_allow" value="allow">
+                                                     <label class="btn btn-outline-success border-0" for="perm_1024_allow" title="Autoriser"><i class="fa-solid fa-check"></i></label>
+                                                 </div>
+                                             </div>
+                                         </div>
+
+                                         <div class="permission-item mb-3 p-2 rounded" style="background: var(--separator-soft);">
+                                             <div class="d-flex justify-content-between align-items-center">
+                                                 <div class="pe-3">
+                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Parler</div>
+                                                     <div style="font-size: 0.75em; color: #b5bac1;">Permet aux membres de parler dans ce salon vocal.</div>
+                                                 </div>
+                                                 <div class="btn-group btn-group-sm perm-tri-state" data-perm-bit="2048">
+                                                     <input type="radio" class="btn-check" name="perm_2048" id="perm_2048_deny" value="deny">
+                                                     <label class="btn btn-outline-danger border-0" for="perm_2048_deny" title="Refuser"><i class="fa-solid fa-xmark"></i></label>
+                                                     <input type="radio" class="btn-check" name="perm_2048" id="perm_2048_neutral" value="neutral" checked>
+                                                     <label class="btn btn-outline-secondary border-0" for="perm_2048_neutral" title="Neutre">/</label>
+                                                     <input type="radio" class="btn-check" name="perm_2048" id="perm_2048_allow" value="allow">
+                                                     <label class="btn btn-outline-success border-0" for="perm_2048_allow" title="Autoriser"><i class="fa-solid fa-check"></i></label>
+                                                 </div>
+                                             </div>
+                                         </div>
+                                         <!-- More permissions can be added here -->
+                                    </div>
+                                </div>
+                                
+                                <div class="h-100 d-flex align-items-center justify-content-center text-muted p-4" id="no-role-selected-view">
+                                    <div class="text-center">
+                                        <i class="fa-solid fa-lock mb-3" style="font-size: 2.5rem; opacity: 0.2;"></i>
+                                        <p class="small mb-0">Sélectionnez un rôle ou un membre sur la gauche pour configurer ses permissions spécifiques pour ce salon.</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                                            <div class="search-container position-relative" style="width: 80px;">
+                                                <input type="text" id="search-channel-perms" class="form-control form-control-sm bg-dark text-white border-0 py-0" style="font-size: 0.75em; border-radius: 4px;" placeholder="@everyone">
+                                            </div>
+                                        </div>
+                                    </div>
+                                <div id="channel-permissions-roles-list" class="list-group list-group-flush overflow-auto flex-grow-1" style="max-height: 350px; overflow-x: hidden;">
+                                    <!-- List of roles with overrides -->
+                                </div>
+                            </div>
+                            
+                            <!-- Main: Permission Paramètres -->
                             <div class="col-8 d-flex flex-column" style="background-color: #313338;">
                                 <div id="channel-permissions-settings" class="h-100 d-flex flex-column d-none">
                                     <div class="p-3 border-bottom border-secondary d-flex justify-content-between align-items-center">
@@ -2469,7 +2665,7 @@ document.addEventListener('DOMContentLoaded', () => {
                                          <div class="permission-item mb-3 p-2 rounded" style="background: var(--separator-soft);">
                                              <div class="d-flex justify-content-between align-items-center">
                                                  <div class="pe-3">
-                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Pin Threads</div>
+                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Épingler Discussions</div>
                                                      <div style="font-size: 0.75em; color: #b5bac1;">Allows pinning/unpinning threads.</div>
                                                  </div>
                                                  <div class="btn-group btn-group-sm perm-tri-state" data-perm-bit="256">
@@ -2486,7 +2682,7 @@ document.addEventListener('DOMContentLoaded', () => {
                                          <div class="permission-item mb-3 p-2 rounded" style="background: var(--separator-soft);">
                                              <div class="d-flex justify-content-between align-items-center">
                                                  <div class="pe-3">
-                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Lock Threads</div>
+                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Verrouiller Discussions</div>
                                                      <div style="font-size: 0.75em; color: #b5bac1;">Allows locking/unlocking threads.</div>
                                                  </div>
                                                  <div class="btn-group btn-group-sm perm-tri-state" data-perm-bit="512">
@@ -2503,7 +2699,7 @@ document.addEventListener('DOMContentLoaded', () => {
                                          <div class="permission-item mb-3 p-2 rounded" style="background: var(--separator-soft);">
                                              <div class="d-flex justify-content-between align-items-center">
                                                  <div class="pe-3">
-                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Send Messages in Threads</div>
+                                                     <div class="fw-bold" style="color: #ffffff; font-size: 0.9em;">Send Messages in Discussions</div>
                                                      <div style="font-size: 0.75em; color: #b5bac1;">Allows posting in unlocked threads.</div>
                                                  </div>
                                                  <div class="btn-group btn-group-sm perm-tri-state" data-perm-bit="1024">
@@ -2557,46 +2753,46 @@ document.addEventListener('DOMContentLoaded', () => {
     </div>
 </div>
 
-<!-- Pinned Messages Modal -->
+<!-- Messages épinglés Modal -->
 <div class="modal fade" id="pinnedMessagesModal" tabindex="-1">
     <div class="modal-dialog modal-md">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">Pinned Messages</h5>
+                <h5 class="modal-title">Messages épinglés</h5>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body p-0" id="pinned-messages-container" style="max-height: 500px; overflow-y: auto; background-color: var(--bg-chat);">
-                <div class="p-3 text-center text-muted">No pinned messages yet.</div>
+                <div class="p-3 text-center text-muted">Pas encore de messages épinglés.</div>
             </div>
         </div>
     </div>
 </div>
 
-<!-- Role Editor Modal -->
-<div class="modal fade" id="roleEditorModal" tabindex="-1">
+<!-- Role Modifieror Modal -->
+<div class="modal fade" id="roleModifierorModal" tabindex="-1">
     <div class="modal-dialog modal-xl">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">Edit Role</h5>
+                <h5 class="modal-title">Modifier le rôle</h5>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
                 <input type="hidden" id="edit-role-id">
                 <div class="mb-3">
-                    <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Role Name</label>
+                    <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Nom du rôle</label>
                     <input type="text" id="edit-role-name" class="form-control">
                 </div>
                 <div class="mb-3">
-                    <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Role Color</label>
+                    <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Couleur du rôle</label>
                     <input type="color" id="edit-role-color" class="form-control form-control-color w-100">
                 </div>
                 <div class="mb-3">
-                    <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Role Icon</label>
+                    <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Icône du rôle</label>
                     <div class="d-flex align-items-center mb-2">
                         <div id="selected-role-emoji-preview" class="d-flex align-items-center justify-content-center border rounded" style="width: 48px; height: 48px; font-size: 24px; background: #1e1f22;"></div>
                         <input type="hidden" id="edit-role-icon">
                         <button type="button" class="btn btn-sm btn-outline-primary ms-2" id="role-emoji-select-btn">Choisir un Emoji</button>
-                        <button type="button" class="btn btn-sm btn-outline-danger ms-2" onclick="document.getElementById('edit-role-icon').value=''; document.getElementById('selected-role-emoji-preview').textContent='';">Remove Icon</button>
+                        <button type="button" class="btn btn-sm btn-outline-danger ms-2" onclick="document.getElementById('edit-role-icon').value=''; document.getElementById('selected-role-emoji-preview').textContent='';">Supprimer l'icône</button>
                     </div>
                 </div>
                 <div class="mb-3">
@@ -2607,8 +2803,8 @@ document.addEventListener('DOMContentLoaded', () => {
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
-                <button type="button" id="save-role-btn" class="btn btn-primary">Save Role</button>
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
+                <button type="button" id="save-role-btn" class="btn btn-primary">Enregistrer le rôle</button>
             </div>
         </div>
     </div>
@@ -2619,13 +2815,13 @@ document.addEventListener('DOMContentLoaded', () => {
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">New Discussion</h5>
+                <h5 class="modal-title">Nouvelle discussion</h5>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
                 <div class="mb-3">
-                    <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Thread Title</label>
-                    <input type="text" id="new-thread-title" class="form-control" placeholder="What's on your mind?">
+                    <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Titre de la discussion</label>
+                    <input type="text" id="new-thread-title" class="form-control" placeholder="À quoi pensez-vous ?">
                 </div>
                 <div class="mb-3">
                     <label class="form-label text-uppercase fw-bold" style="font-size: 0.7em; color: var(--text-muted);">Tags</label>
@@ -2635,8 +2831,8 @@ document.addEventListener('DOMContentLoaded', () => {
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
-                <button type="button" id="submit-new-thread-btn" class="btn btn-primary">Create Thread</button>
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
+                <button type="button" id="submit-new-thread-btn" class="btn btn-primary">Créer la discussion</button>
             </div>
         </div>
     </div>
@@ -2647,7 +2843,7 @@ document.addEventListener('DOMContentLoaded', () => {
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">Manage Forum Tags</h5>
+                <h5 class="modal-title">Gérer les tags du forum</h5>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
@@ -2655,10 +2851,10 @@ document.addEventListener('DOMContentLoaded', () => {
                     <!-- List of tags with delete buttons -->
                 </div>
                 <hr class="border-secondary">
-                <h6>Add New Tag</h6>
+                <h6>Ajouter un nouveau tag</h6>
                 <div class="row g-2">
                     <div class="col-7">
-                        <input type="text" id="new-tag-name" class="form-control form-control-sm" placeholder="Tag Name">
+                        <input type="text" id="new-tag-name" class="form-control form-control-sm" placeholder="Nom du tag">
                     </div>
                     <div class="col-3">
                         <input type="color" id="new-tag-color" class="form-control form-control-sm form-control-color w-100" value="#7289da">
@@ -2672,20 +2868,20 @@ document.addEventListener('DOMContentLoaded', () => {
     </div>
 </div>
 
-<!-- Edit User Roles Modal -->
+<!-- Modifier User Roles Modal -->
 <div class="modal fade" id="editUserRolesModal" tabindex="-1">
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">Edit Member Roles</h5>
+                <h5 class="modal-title">Modifier les rôles du membre</h5>
                 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
             </div>
             <div class="modal-body">
                 <div class="d-flex align-items-center mb-4">
                     <div id="edit-user-roles-avatar" class="message-avatar me-3" style="width: 48px; height: 48px;"></div>
                     <div>
-                        <h5 id="edit-user-roles-username" class="mb-0">Username</h5>
-                        <div class="text-muted small">Select roles to assign to this member</div>
+                        <h5 id="edit-user-roles-username" class="mb-0">Nom d'utilisateur</h5>
+                        <div class="text-muted small">Sélectionnez les rôles à attribuer à ce membre</div>
                     </div>
                 </div>
                 <input type="hidden" id="edit-user-roles-user-id">
@@ -2694,8 +2890,8 @@ document.addEventListener('DOMContentLoaded', () => {
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
-                <button type="button" id="save-user-roles-btn" class="btn btn-primary">Save Changes</button>
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
+                <button type="button" id="save-user-roles-btn" class="btn btn-primary">Enregistrer les modifications</button>
             </div>
         </div>
     </div>
