diff --git a/Site Manager/manager_creation_portefeuille.html b/Site Manager/manager_creation_portefeuille.html
new file mode 100644
index 0000000..e09c411
--- /dev/null
+++ b/Site Manager/manager_creation_portefeuille.html	
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Création de portefeuille</title>
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+</head>
+<body>
+
+<div class="w3-container">
+    <header class="w3-bar w3-light-grey w3-padding">
+        <nav class="w3-left" style="display: flex;flex-direction: column;">
+            <button class="w3-bar-item w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_gestion_portefeuilles.html'">Profil</button>
+            <button class="w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_liste_employes.html'">Accès des employés</button>
+            <button class="w3-button w3-yellow w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Créer des portefeuilles</button>
+        </nav>
+        <h2 class="w3-bar-item w3-display-topmiddle">Liste des employés</h2>
+        <span class="w3-bar-item w3-right w3-button w3-border w3-border-black w3-border w3-round-xlarge w3-margin-bottom">Déconnexion</span>
+    </header>
+
+    <div class="w3-container w3-padding w3-margin-top">
+        <h3 class="w3-center">Créer un nouveau portefeuille</h3>
+        <form class="w3-container">
+            <label for="portfolioName">Nom du portefeuille :</label>
+            <input class="w3-input w3-border" type="text" id="portfolioName" required>
+            <label for="portfolioDescription">Description :</label>
+            <input class="w3-input w3-border" type="text" id="portfolioDescription" required>
+            <button class="w3-button w3-green w3-margin-top w3-round-xlarge">Créer</button>
+        </form>
+    </div>
+</div>
+
+</body>
+</html>
+
diff --git a/Site Manager/manager_gestion_portefeuilles.html b/Site Manager/manager_gestion_portefeuilles.html
new file mode 100644
index 0000000..4ae62e7
--- /dev/null
+++ b/Site Manager/manager_gestion_portefeuilles.html	
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Gestion des portefeuilles</title>
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+</head>
+<body>
+
+<div class="w3-container">
+    <header class="w3-bar w3-light-grey w3-padding">
+        <nav class="w3-left" style="display: flex;flex-direction: column;">
+            <button class="w3-bar-item w3-button w3-border w3-border-black w3-yellow w3-round-xlarge w3-margin-bottom">Profil</button>
+            <button class="w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_liste_employes.html'">Accès des employés</button>
+            <button class="w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_creation_portefeuille.html'">Créer des portefeuilles</button>
+        </nav>
+        <h2 class="w3-bar-item w3-display-topmiddle">Liste des employés</h2>
+        <span class="w3-bar-item w3-right w3-button w3-border w3-border-black w3-border w3-round-xlarge w3-margin-bottom">Déconnexion</span>
+    </header>
+
+    <div class="w3-container w3-padding w3-margin-top">
+        <h3 class="w3-center">Liste des portefeuilles</h3>
+        <div class="w3-container w3-padding">
+            <div class="w3-container w3-border w3-margin-bottom w3-border-black w3-round-xlarge">
+                <h4>Portefeuille 1</h4>
+                <p>Description du portefeuille</p>
+                <div class="w3-right">
+                    <button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_info_portefeuille.html'">Voir les détails</button>
+                    <button class="w3-button w3-red w3-round-xlarge w3-margin-bottom" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer</button>
+                </div>
+            </div>
+            <div class="w3-container w3-border w3-margin-bottom w3-border-black w3-round-xlarge">
+                <h4>Portefeuille 2</h4>
+                <p>Description du portefeuille</p>
+                <div class="w3-right">
+                    <button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_info_portefeuille.html'">Voir les détails</button>
+                    <button class="w3-button w3-red w3-round-xlarge w3-margin-bottom" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Pop-up de confirmation pour suppression -->
+    <div id="deleteModal" class="w3-modal">
+        <div class="w3-modal-content w3-animate-top w3-card">
+            <header class="w3-container w3-red">
+                <h2>Confirmation</h2>
+            </header>
+            <div class="w3-container">
+                <p>Êtes-vous sûr de vouloir supprimer ce portefeuille ?</p>
+            </div>
+            <footer class="w3-container w3-padding">
+                <button class="w3-button w3-red w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Annuler</button>
+                <button class="w3-button w3-green w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Confirmer</button>
+            </footer>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
diff --git a/Site Manager/manager_info_portefeuille.html b/Site Manager/manager_info_portefeuille.html
new file mode 100644
index 0000000..961adb2
--- /dev/null
+++ b/Site Manager/manager_info_portefeuille.html	
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Information du portefeuille</title>
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+</head>
+<body>
+
+<!-- Conteneur principal -->
+<div class="w3-container">
+    <header class="w3-bar w3-light-grey w3-padding">
+        <a href="manager_gestion_portefeuilles.html" class="w3-bar-item w3-button w3-left w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Retour</a>
+        <h2 class="w3-bar-item w3-display-topmiddle">Information du portefeuille</h2>
+    </header>
+
+    <!-- Détails du portefeuille -->
+    <div class="w3-card w3-margin">
+        <div class="w3-container w3-padding">
+            <h3>Nom du portefeuille</h3>
+            <p><strong>Nom du manager :</strong> ...</p>
+            <p><strong>Prénom du manager :</strong> ...</p>
+            <p><strong>Mail du manager :</strong> ...</p>
+            <p><strong>Nom du responsable de portefeuille :</strong> ...</p>
+            <p><strong>Prénom du responsable :</strong> ...</p>
+            <p><strong>Mail du responsable :</strong> ...</p>
+
+            <!-- Liste des employés et clients -->
+            <nav style="display: flex;">
+                <div class="w3-padding" style="display: flex;flex-direction: column;">
+                    <label for="employes">Employés :</label>
+                    <select id="employes" class="w3-select" name="employes">
+                        <option value="">Liste des employés</option>
+                    </select>
+                </div>
+                <div class="w3-padding" style="display: flex;flex-direction: column;">
+                    <label for="ajouter">Ajouter :</label>
+                    <select id="ajouter" class="w3-select" name="ajouter">
+                        <option value="">Liste des employés</option>
+                    </select>
+                </div>
+                <div class="w3-padding" style="display: flex;flex-direction: column;">
+                    <label for="supprimer">Supprimer :</label>
+                    <select id="supprimer" class="w3-select" name="supprimer">
+                        <option value="">Liste des employés</option>
+                    </select>
+                </div>
+            </nav>
+
+            <nav style="display: flex;">
+                <div class="w3-padding" style="display: flex;flex-direction: column;">
+                    <label for="clients" class="w3-margin-top">Clients :</label>
+                    <select id="clients" class="w3-select" name="clients">
+                        <option value="">Liste des clients</option>
+                    </select>
+                </div>
+                <div class="w3-padding" style="display: flex;flex-direction: column;">
+                    <label for="ajouter" class="w3-margin-top">Ajouter :</label>
+                    <select id="ajouter" class="w3-select" name="ajouter">
+                        <option value="">Liste des clients</option>
+                    </select>
+                </div>
+                <div class="w3-padding" style="display: flex;flex-direction: column;">
+                    <label for="supprimer" class="w3-margin-top">Supprimer :</label>
+                    <select id="supprimer" class="w3-select" name="supprimer">
+                        <option value="">Liste des clients</option>
+                    </select>
+                </div>
+            </nav>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
diff --git a/Site Manager/manager_liste_employes.html b/Site Manager/manager_liste_employes.html
new file mode 100644
index 0000000..822ce36
--- /dev/null
+++ b/Site Manager/manager_liste_employes.html	
@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Liste des employés</title>
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+    <script>
+        // Fonction pour ouvrir la pop-up
+        function openModal() {
+            document.getElementById('portfolioModal').style.display='block';
+        }
+
+        // Fonction pour fermer la pop-up
+        function closeModal() {
+            document.getElementById('portfolioModal').style.display='none';
+        }
+    </script>
+</head>
+<body>
+
+<div class="w3-container">
+    <header class="w3-bar w3-light-grey w3-padding">
+        <nav class="w3-left" style="display: flex; flex-direction: column;">
+            <button class="w3-bar-item w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_gestion_portefeuilles.html'">Profil</button>
+            <button class="w3-button w3-yellow w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Accès des employés</button>
+            <button class="w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='manager_creation_portefeuille.html'">Créer des portefeuilles</button>
+        </nav>
+        <h2 class="w3-bar-item w3-display-topmiddle">Liste des employés</h2>
+        <span class="w3-bar-item w3-right w3-button w3-border w3-border-black w3-border w3-round-xlarge w3-margin-bottom">Déconnexion</span>
+    </header>
+
+    <!-- Zone de filtre pour recherche -->
+    <div class="w3-container w3-padding w3-margin-top">
+        <h4>Filtrer les employés</h4>
+        <input class="w3-input w3-border" type="text" placeholder="Rechercher par nom ou prénom">
+        <button class="w3-button w3-blue w3-margin-top w3-round-xlarge">Rechercher</button>
+    </div>
+
+    <div class="w3-container w3-padding w3-margin-top">
+        <h3 class="w3-center">Liste des employés</h3>
+        <div class="w3-container w3-padding ">
+            <div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom">
+                <img src="avatar1.jpg" alt="Avatar" class="w3-circle" style="width:50px;height:50px; float:left; margin-right: 15px;">
+                <h4 style="margin: 0;">Nom: Dupont</h4>
+                <p style="margin: 0;">Prénom: Jean</p>
+                <p style="margin: 0;">Date de naissance: 01/01/1990</p>
+                <p style="margin: 0;">Lieu de vie: Paris</p>
+                <p style="margin: 0;">Email: employe1@example.com</p>
+                <div class="w3-right">
+                    <button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom">Voir les détails</button>
+                    <button class="w3-button w3-green w3-round-xlarge w3-margin-bottom" onclick="openModal()">Contrôle Portefeuille</button>
+                </div>
+            </div>
+            <div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom">
+                <img src="avatar2.jpg" alt="Avatar" class="w3-circle" style="width:50px;height:50px; float:left; margin-right: 15px;">
+                <h4 style="margin: 0;">Nom: Martin</h4>
+                <p style="margin: 0;">Prénom: Alice</p>
+                <p style="margin: 0;">Date de naissance: 02/02/1992</p>
+                <p style="margin: 0;">Lieu de vie: Lyon</p>
+                <p style="margin: 0;">Email: employe2@example.com</p>
+                <div class="w3-right">
+                    <button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom">Voir les détails</button>
+                    <button class="w3-button w3-green w3-round-xlarge w3-margin-bottom" onclick="openModal()">Contrôle Portefeuille</button>
+                </div>
+            </div>
+            <div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom">
+                <img src="avatar3.jpg" alt="Avatar" class="w3-circle" style="width:50px;height:50px; float:left; margin-right: 15px;">
+                <h4 style="margin: 0;">Nom: Bernard</h4>
+                <p style="margin: 0;">Prénom: Sophie</p>
+                <p style="margin: 0;">Date de naissance: 03/03/1991</p>
+                <p style="margin: 0;">Lieu de vie: Marseille</p>
+                <p style="margin: 0;">Email: employe3@example.com</p>
+                <div class="w3-right">
+                    <button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom">Voir les détails</button>
+                    <button class="w3-button w3-green w3-round-xlarge w3-margin-bottom" onclick="openModal()">Contrôle Portefeuille</button>
+                </div>
+            </div>
+            <!-- Ajoute d'autres employés si nécessaire -->
+        </div>
+    </div>
+
+    <!-- Pop-up de confirmation pour contrôle de portefeuille -->
+    <div id="portfolioModal" class="w3-modal">
+        <div class="w3-modal-content w3-animate-top w3-card">
+            <header class="w3-container w3-blue">
+                <h2>Liste des employés du portefeuille</h2>
+            </header>
+            <div class="w3-container">
+                <p>Choisissez un employé :</p>
+                <label for="employeeList">Liste des employés :</label>
+                <select id="employeeList" class="w3-select w3-border">
+                    <option value="" disabled selected>Choisissez un employé</option>
+                    <option value="employe1">Employé 1</option>
+                    <option value="employe2">Employé 2</option>
+                    <option value="employe3">Employé 3</option>
+                </select>
+            </div>
+            <footer class="w3-container w3-padding">
+                <button class="w3-button w3-red w3-round-xlarge" onclick="closeModal()">Annuler</button>
+                <button class="w3-button w3-green w3-round-xlarge" onclick="closeModal()">Confirmer</button>
+            </footer>
+        </div>
+    </div>
+
+</div>
+
+</body>
+</html>
diff --git a/Site Responsable/responsable_info_portefeuille.html b/Site Responsable/responsable_info_portefeuille.html
new file mode 100644
index 0000000..fd1625d
--- /dev/null
+++ b/Site Responsable/responsable_info_portefeuille.html	
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Information du portefeuille</title>
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+</head>
+<body>
+
+<!-- Conteneur principal -->
+<div class="w3-container">
+    <header class="w3-bar w3-light-grey w3-padding">
+        <a href="responsable_portefeuilles.html" class="w3-bar-item w3-button w3-left w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Retour</a>
+        <h2 class="w3-bar-item w3-display-topmiddle">Information du portefeuille</h2>
+    </header>
+
+    <!-- Détails du portefeuille -->
+    <div class="w3-card w3-padding">
+        <div class="w3-container">
+            <h3>Nom du portefeuille</h3>
+            <p><strong>Nom du manager :</strong> ...</p>
+            <p><strong>Prénom du manager :</strong> ...</p>
+            <p><strong>Mail du manager :</strong> ...</p>
+            <p><strong>Nom du responsable de portefeuille :</strong> ...</p>
+            <p><strong>Prénom du responsable :</strong> ...</p>
+            <p><strong>Mail du responsable :</strong> ...</p>
+
+            <!-- Liste des employés et clients -->
+            <label for="employes">Employés :</label>
+            <select id="employes" class="w3-select" name="employes">
+                <option value="">Liste des employés</option>
+            </select>
+
+            <label for="clients" class="w3-margin-top">Clients :</label>
+            <select id="clients" class="w3-select" name="clients">
+                <option value="">Liste des clients</option>
+            </select>
+        </div>
+    </div>
+</div>
+
+</body>
+</html>
diff --git a/Site Responsable/responsable_portefeuilles.html b/Site Responsable/responsable_portefeuilles.html
new file mode 100644
index 0000000..c9d8f9d
--- /dev/null
+++ b/Site Responsable/responsable_portefeuilles.html	
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Gestion des portefeuilles</title>
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+</head>
+<body>
+
+<!-- Conteneur principal -->
+<div class="w3-container">
+    <header class="w3-bar w3-light-grey w3-padding">
+        <!-- Bouton Mon profil à gauche -->
+        <button class="w3-bar-item w3-button w3-left w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Mon profil</button>
+        <!-- Titre centré -->
+        <h2 class="w3-bar-item w3-display-topmiddle w3-round-xlarge">Gestion des portefeuilles</h2>
+        <!-- Bouton Déconnexion décoratif à droite -->
+        <span class="w3-bar-item w3-right w3-button w3-border w3-border-black w3-round-xlarge w3-margin-bottom">Déconnexion</span>
+    </header>
+
+    <!-- Liste des portefeuilles -->
+    <div class="w3-container w3-padding w3-margin-top">
+        <h3 class="w3-center">Liste des portefeuilles</h3>
+        <div class="w3-container w3-padding">
+            <div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom" style="display: flex; justify-content: space-between; align-items: flex-start;">
+                <div style="flex: 1;">
+                    <h4>Portefeuille 1</h4>
+                    <div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom">
+                        <p>NomDossier: Dossier 1<br>
+                        Description: Description du dossier 1<br>
+                        Num_Equip: 12345</p>
+                    </div>
+                </div>
+                <div class="w3-right" style="display: flex; flex-direction: column;">
+                    <button class="w3-button w3-blue w3-margin-bottom w3-margin-top w3-margin-left w3-round-xlarge" onclick="location.href='responsable_info_portefeuille.html'">Voir les détails</button>
+                    <button class="w3-button w3-red w3-margin-bottom w3-margin-top w3-margin-left w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer</button>
+                </div>
+            </div>
+            <div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom" style="display: flex; justify-content: space-between; align-items: flex-start;">
+                <div style="flex: 1;">
+                    <h4>Portefeuille 2</h4>
+                    <div class="w3-container w3-border w3-border-black w3-round-xlarge w3-margin-bottom">
+                        <p>NomDossier: Dossier 2<br>
+                        Description: Description du dossier 2<br>
+                        Num_Equip: 67890</p>
+                    </div>
+                </div>
+                <div class="w3-right" style="display: flex; flex-direction: column;">
+                    <button class="w3-button w3-blue w3-margin-bottom w3-margin-top w3-margin-left w3-round-xlarge" onclick="location.href='responsable_info_portefeuille.html'">Voir les détails</button>
+                    <button class="w3-button w3-red w3-margin-bottom w3-margin-top w3-margin-left w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Pop-up de confirmation pour suppression -->
+    <div id="deleteModal" class="w3-modal">
+        <div class="w3-modal-content w3-animate-top w3-card">
+            <header class="w3-container w3-red">
+                <h2>Confirmation</h2>
+            </header>
+            <div class="w3-container">
+                <p>Quel client doit être supprimé ?</p>
+                <label for="clientList">Liste des clients du portefeuille:</label>
+                <select id="clientList" class="w3-select w3-border">
+                    <option value="" disabled selected>Choisissez un client</option>
+                    <option value="client1">Client 1</option>
+                    <option value="client2">Client 2</option>
+                    <option value="client3">Client 3</option>
+                </select>
+            </div>
+            <footer class="w3-container w3-padding">
+                <button class="w3-button w3-red w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Annuler</button>
+                <button class="w3-button w3-green w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Confirmer</button>
+            </footer>
+        </div>
+    </div>
+
+</body>
+</html>
diff --git a/Site_Client/client_info_clients.html b/Site_Client/client_info_clients.html
index ae6f205..e0069c7 100644
--- a/Site_Client/client_info_clients.html
+++ b/Site_Client/client_info_clients.html
@@ -15,14 +15,14 @@
 
 <!-- Conteneur principal -->
 <div class="w3-container">
-    <header class="w3-bar w3-light-grey">
-        <button class="w3-bar-item w3-button w3-left" onclick="location.href='client_portefeuilles.html'">Retour</button>
-        <h2 class="w3-bar-item w3-center">Information des clients</h2>
+    <header class="w3-bar w3-light-grey w3-padding">
+        <button class="w3-bar-item w3-button w3-left w3-border w3-border-black w3-round-xlarge w3-margin-bottom" onclick="location.href='client_portefeuilles.html'">Retour</button>
+        <h2 class="w3-bar-item w3-display-topmiddle">Information des clients</h2>
     </header>
 
     <!-- Formulaire d'informations client -->
     <div class="w3-card w3-margin">
-        <div class="w3-container">
+        <div class="w3-container w3-padding">
             <h3>Vos informations</h3>
             <label>Nom :</label>
             <input class="w3-input w3-border" type="text" value="...">
@@ -43,21 +43,21 @@
             <label class="w3-margin-top">Changer l'avatar :</label>
             <div class="w3-container">
                 <img src="avatar_placeholder.png" alt="Avatar" class="w3-circle" style="width:80px">
-                <button class="w3-button w3-grey">Changer</button>
+                <button class="w3-button w3-grey w3-round-xlarge">Changer</button>
             </div>
 
             <!-- Bouton de confirmation -->
-            <button class="w3-button w3-green w3-margin-top" onclick="document.getElementById('confirmModal').style.display='block'">Confirmer les changements</button>
+            <button class="w3-button w3-green w3-margin-top w3-round-xlarge" onclick="document.getElementById('confirmModal').style.display='block'">Confirmer les changements</button>
         </div>
     </div>
 
     <!-- Pop-up de confirmation -->
     <div id="confirmModal" class="w3-modal">
-        <div class="w3-modal-content w3-animate-top w3-card">
-            <header class="w3-container w3-blue">
-                <button class="w3-button w3-display-topright" onclick="location.href='client_portefeuilles.html'">Fermer le pop-up</button>
+        <div class="w3-modal-content w3-round-xlarge w3-animate-top w3-card">
+            <header class="w3-container w3-red">
+                <button class="w3-button w3-display-topright w3-round-xlarge" onclick="location.href='client_portefeuilles.html'">Fermer le pop-up</button>
             </header>
-            <div class="w3-container">
+            <div class="w3-container w3-center">
                 <p>Changement de vos données : accorder</p>
             </div>
         </div>
diff --git a/Site_Client/client_info_portefeuille.html b/Site_Client/client_info_portefeuille.html
index cb201bf..9b3ab8a 100644
--- a/Site_Client/client_info_portefeuille.html
+++ b/Site_Client/client_info_portefeuille.html
@@ -10,14 +10,14 @@
 
 <!-- Conteneur principal -->
 <div class="w3-container">
-    <header class="w3-bar w3-light-grey">
-        <a href="client_portefeuilles.html" class="w3-bar-item w3-button w3-left">Retour</a>
-        <h2 class="w3-bar-item w3-center">Information du portefeuille</h2>
+    <header class="w3-bar w3-light-grey w3-padding">
+        <a href="client_portefeuilles.html" class="w3-bar-item w3-button w3-border w3-border-black w3-left w3-round-xlarge w3-margin-bottom">Retour</a>
+        <h2 class="w3-bar-item w3-display-topmiddle">Information du portefeuille</h2>
     </header>
 
     <!-- Détails du portefeuille -->
     <div class="w3-card w3-margin">
-        <div class="w3-container">
+        <div class="w3-container w3-padding">
             <h3>Nom du portefeuille</h3>
             <p><strong>Nom du manager :</strong> ...</p>
             <p><strong>Prénom du manager :</strong> ...</p>
diff --git a/Site_Client/client_portefeuilles.html b/Site_Client/client_portefeuilles.html
index 4187380..d7495b7 100644
--- a/Site_Client/client_portefeuilles.html
+++ b/Site_Client/client_portefeuilles.html
@@ -15,13 +15,13 @@
 
 <!-- Conteneur principal -->
 <div class="w3-container">
-    <header class="w3-bar w3-light-grey">
+    <header class="w3-bar w3-light-grey w3-padding">
         <!-- Bouton Mon profil à gauche -->
-        <button class="w3-bar-item w3-button w3-left">Mon profil</button>
+        <button class="w3-bar-item w3-button w3-border w3-border-black w3-left w3-round-xlarge w3-margin-bottom">Mon profil</button>
         <!-- Titre centré -->
-        <h2 class="w3-bar-item w3-center">Mes portefeuilles</h2>
+        <h2 class="w3-bar-item w3-display-topmiddle">Mes portefeuilles</h2>
         <!-- Bouton Déconnexion décoratif à droite -->
-        <span class="w3-bar-item w3-right w3-button w3-border">Déconnexion</span>
+        <span class="w3-bar-item w3-right w3-button w3-border w3-border-black w3-border w3-round-xlarge w3-margin-bottom">Déconnexion</span>
     </header>
 
     <!-- Conteneur pour les deux colonnes (profil et liste des portefeuilles) -->
@@ -34,14 +34,14 @@
                     <div class="w3-container w3-border w3-margin-bottom">
                         <h4>NomDossier 1</h4>
                         <p>Description, Num_Equipe</p>
-                        <button class="w3-button w3-blue" onclick="location.href='client_info_portefeuille.html'">Voir les détails</button>
-                        <button class="w3-button w3-red" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer mes données</button>
+                        <button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom" onclick="location.href='client_info_portefeuille.html'">Voir les détails</button>
+                        <button class="w3-button w3-red w3-round-xlarge w3-margin-bottom" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer mes données</button>
                     </div>
                     <div class="w3-container w3-border w3-margin-bottom">
                         <h4>NomDossier 2</h4>
                         <p>Description, Num_Equipe</p>
-                        <button class="w3-button w3-blue" onclick="location.href='client_info_portefeuille.html'">Voir les détails</button>
-                        <button class="w3-button w3-red" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer mes données</button>
+                        <button class="w3-button w3-blue w3-round-xlarge w3-margin-bottom" onclick="location.href='client_info_portefeuille.html'">Voir les détails</button>
+                        <button class="w3-button w3-red w3-round-xlarge w3-margin-bottom" onclick="document.getElementById('deleteModal').style.display='block'">Supprimer mes données</button>
                     </div>
                 </div>
             </div>
@@ -61,7 +61,7 @@
                     <p><strong>Adresse :</strong> Ville, Commune, etc...</p>
                     <p><strong>Mail :</strong> example@client.com</p>
                     <p><strong>Métier :</strong> example</p>
-                    <button class="w3-button w3-blue w3-margin-top" onclick="location.href='client_info_clients.html'">Changer mes données</button>
+                    <button class="w3-button w3-blue w3-round-xlarge w3-margin-top" onclick="location.href='client_info_clients.html'">Changer mes données</button>
                 </div>
             </div>
         </div>
@@ -73,15 +73,14 @@
     <div id="deleteModal" class="w3-modal">
         <div class="w3-modal-content w3-animate-top w3-card">
             <header class="w3-container w3-red">
-                <span onclick="document.getElementById('deleteModal').style.display='none'" class="w3-button w3-display-topright">&times;</span>
                 <h2>Confirmation</h2>
             </header>
             <div class="w3-container">
                 <p>Voulez-vous supprimer vos données ?</p>
             </div>
             <footer class="w3-container w3-padding">
-                <button class="w3-button w3-green" onclick="document.getElementById('deleteModal').style.display='none'">Oui</button>
-                <button class="w3-button w3-grey" onclick="document.getElementById('deleteModal').style.display='none'">Non</button>
+                <button class="w3-button w3-green w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Oui</button>
+                <button class="w3-button w3-red w3-round-xlarge" onclick="document.getElementById('deleteModal').style.display='none'">Non</button>
             </footer>
         </div>
     </div>
