diff --git a/pages/mon-compte.html b/pages/mon-compte.html
new file mode 100644
index 0000000..c731090
--- /dev/null
+++ b/pages/mon-compte.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <title>Dashboard Client - E-commerce</title>
+    <link rel="stylesheet" href="../styles/mon-compte.css">
+</head>
+<body>
+    <nav class="sidebar">
+        <ul>
+            <li><a href="#resume">Résumé du compte</a></li>
+            <li><a href="#fidelite">Points de fidélité</a></li>
+            <li><a href="#historique">Historique des commandes</a></li>
+            <li><a href="#consultes">Produits consultés</a></li>
+        </ul>
+    </nav>
+
+    <main>
+     
+        <section id="resume" class="card">
+            <h2>Résumé du compte</h2>
+            <p>Date de création : <strong>15 Janvier 2022</strong></p>
+            <p>Nombre Total de commandes : <strong>56</strong></p>
+        </section>
+
+        <!-- Fidélité -->
+        <section id="fidelite" class="card">
+            <h2>Points de fidélité</h2>
+            <p>Total points : <strong>520</strong></p>
+            <p>Récompenses disponibles : <strong>2 bons d’achat</strong></p>
+        </section>
+
+        <!-- Historique -->
+        <section id="historique" class="card">
+            <h2>Historique des commandes</h2>
+            <table>
+                <thead>
+                    <tr>
+                        <th>Code Commande</th>
+                        <th>Date</th>
+                        <th>Statut</th>
+                        <th>Montant</th>
+                        <th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>A2025-001</td>
+                        <td>01/09/2025</td>
+                        <td>Livrée</td>
+                        <td>$230</td>
+                        <td><a href="#">Détails</a> | <a href="#">Télécharger facture</a></td>
+                    </tr>
+                    <tr>
+                        <td>A2025-002</td>
+                        <td>15/09/2025</td>
+                        <td>Livrée</td>
+                        <td>$120</td>
+                        <td><a href="#">Détails</a> | <a href="#">Télécharger facture</a></td>
+                    </tr>
+                    <tr>
+                        <td>A2025-003</td>
+                        <td>28/09/2025</td>
+                        <td>En attente</td>
+                        <td>$86</td>
+                        <td><a href="#">Détails</a> | <a href="#">Télécharger facture</a></td>
+                    </tr>
+                </tbody>
+            </table>
+
+        </section>
+
+        <!-- Retours -->
+        <section class="card">
+            <h2>Retours & Réclamations</h2>
+            <p>Aucun retour en cours.</p>
+        </section>
+
+        <!-- Produits consultés -->
+        <section id="consultes" class="card">
+            <h2>Produits consultés récemment</h2>
+            <ul>
+                <li>Écran 27" 4K</li>
+                <li>Clé USB 128Go</li>
+            </ul>
+        </section>
+    </main>
+</body>
+</html>
diff --git a/styles/mon-compte.css b/styles/mon-compte.css
new file mode 100644
index 0000000..baa8d53
--- /dev/null
+++ b/styles/mon-compte.css
@@ -0,0 +1,111 @@
+/* Reset */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+/* Couleurs principales */
+:root {
+    --primary: #776f73;
+    --secondary: #8f253c;
+    --light: #cccccc;
+    --white: #fff;
+}
+
+/* Global */
+body {
+    font-family: Arial, sans-serif;
+    display: flex;
+    background-color: var(--light);
+}
+
+/* Header */
+header {
+    position: fixed;
+    top: 0;
+    left: 200px;
+    right: 0;
+    background: var(--primary);
+    color: var(--white);
+    padding: 1rem;
+    text-align: center;
+    z-index: 10;
+}
+
+/* Sidebar */
+.sidebar {
+    width: 200px;
+    background: var(--secondary);
+    min-height: 100vh;
+    position: fixed;
+    top: 0;
+    left: 0;
+    padding-top: 5rem;
+}
+
+.sidebar ul {
+    list-style: none;
+}
+
+.sidebar li {
+    margin: 1rem 0;
+}
+
+.sidebar a {
+    color: var(--white);
+    text-decoration: none;
+    padding: 0.5rem 1rem;
+    display: block;
+}
+
+.sidebar a:hover {
+    background: var(--primary);
+}
+
+/* Main */
+main {
+    margin-left: 200px;
+    padding: 7rem 2rem 2rem 2rem;
+    width: 100%;
+}
+
+.card {
+    background: var(--white);
+    padding: 1.5rem;
+    margin-bottom: 1.5rem;
+    border-radius: 8px;
+    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+}
+
+.card h2 {
+    margin-bottom: 1rem;
+    color: var(--secondary);
+}
+
+/* Table */
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 1rem;
+}
+
+table th, table td {
+    padding: 0.8rem;
+    border: 1px solid var(--light);
+    text-align: left;
+}
+
+table th {
+    background: var(--primary);
+    color: var(--white);
+}
+
+/* Footer */
+footer {
+    background: var(--primary);
+    color: var(--white);
+    text-align: center;
+    padding: 1rem;
+    margin-left: 200px;
+}

Code Commande	Date	Statut	Montant	Actions
A2025-001	01/09/2025	Livrée	$230	Détails \| Télécharger facture
A2025-002	15/09/2025	Livrée	$120	Détails \| Télécharger facture
A2025-003	28/09/2025	En attente	$86	Détails \| Télécharger facture