diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/App.js b/GrossesMitaines/grosses-mitaines-ui/src/components/App.js
index 8cf5038..7cf22a0 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/App.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/App.js
@@ -8,7 +8,7 @@ import Morceaux from "../pages/Morceaux";
 import MorceauDetail from "../pages/MorceauDetail";
 import Inventaire from "../pages/Inventaire";
 import Login from "../pages/Login";
-
+import Logout from "../pages/Logout";
 const App = () => {
   return (
     <BrowserRouter>
@@ -22,6 +22,7 @@ const App = () => {
           <Route path="morceaux/:id" element={<MorceauDetail/>}/>
           <Route path="inventaire" element={<Inventaire/>}/>
           <Route path="login" element={<Login/>}/>
+          <Route path="logout" element={<Logout/>}/>
         </Route>
       </Routes>
     </BrowserRouter>
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/components/Topbar.js b/GrossesMitaines/grosses-mitaines-ui/src/components/Topbar.js
index ea5a31d..7bd607b 100644
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/Topbar.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/Topbar.js
@@ -34,6 +34,9 @@ const Topbar = () => {
                         <Link className="nav-link" to="/login" >
                             Connexion
                         </Link>
+                        <Link className="nav-link" to="/logout" >
+                            Déconnexion
+                        </Link>
                         <Dropdown className="dropdown-gestion-container">
                             <Dropdown.Toggle className="dropdown-gestion" >
                                 Gestion
diff --git a/GrossesMitaines/grosses-mitaines-ui/src/pages/Logout.js b/GrossesMitaines/grosses-mitaines-ui/src/pages/Logout.js
new file mode 100644
index 0000000..ca507b5
--- /dev/null
+++ b/GrossesMitaines/grosses-mitaines-ui/src/pages/Logout.js
@@ -0,0 +1,15 @@
+
+const Logout = () => {
+    const response = fetch(`https://localhost:7292/api/Logout`, {
+            method: 'POST',
+    })  
+
+    return (
+        <div className="inventaire-form-container">
+                <h3 className="text-center">Vous n'êtes plus connecté!</h3>
+                <h5 className="text-center">Faites le party ou quelque-chose...</h5>
+        </div>
+    )
+}
+
+export default Logout;
\ No newline at end of file