diff --git a/src/app/components/header/header.component.html b/src/app/components/header/header.component.html
index 9aaffdf..717e8f1 100644
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -106,6 +106,10 @@
           [routerLinkActiveOptions]="{ exact: true }">
           <span>Register Now</span>
         </button>
+        <!-- Logout -->
+        <button class="right_part__connexion--logout" (click)="logout()">
+          <span>Logout</span>
+        </button>
       </div>
     </div>
   </div>
@@ -187,6 +191,10 @@
           [routerLinkActiveOptions]="{ exact: true }">
           <span>Register Now</span>
         </button>
+        <!-- Logout -->
+        <button class="right_part__connexion--logout" (click)="logout()">
+          <span>Logout</span>
+        </button>
       </div>
     </div>
   </div>
diff --git a/src/app/components/header/header.component.ts b/src/app/components/header/header.component.ts
index d6cb913..cc5f7c3 100644
--- a/src/app/components/header/header.component.ts
+++ b/src/app/components/header/header.component.ts
@@ -11,6 +11,7 @@ import { TranslateModule } from '@ngx-translate/core';
 import { ReactiveFormsModule } from '@angular/forms';
 import { RouterLink, RouterLinkActive } from '@angular/router';
 import { NgClass, NgOptimizedImage } from '@angular/common';
+import { UserService } from 'src/app/services/user.service';
 
 @Component({
   selector: 'app-header',
@@ -36,7 +37,10 @@ export class HeaderComponent {
   @Input() themeService!: ThemeService;
 
   // Instanciation du service pour les actions de traduction
-  constructor(private translationService: TranslationService) {}
+  constructor(
+    private translationService: TranslationService,
+    private userService: UserService
+  ) {}
 
   // Méthode pour changer la langue
   onLanguageChange(event: Event) {
@@ -63,4 +67,15 @@ export class HeaderComponent {
       document.body.classList.remove('no-scroll');
     }
   }
+
+  // Logout
+  logout() {
+    this.userService.logoutUser().subscribe((response) => {
+      if (response.success) {
+        console.log('Logout success');
+      } else {
+        console.log('Logout error');
+      }
+    });
+  }
 }
diff --git a/src/app/services/user.service.ts b/src/app/services/user.service.ts
index 7d20b18..d2ca330 100644
--- a/src/app/services/user.service.ts
+++ b/src/app/services/user.service.ts
@@ -33,7 +33,15 @@ export class UserService {
       password: password,
     };
 
-    return this.http.post<Response>(`${this.API_URL}/users/login`, body);
+    return this.http.post<Response>(`${this.API_URL}/users/login`, body, {
+      withCredentials: true,
+    });
+  }
+
+  logoutUser(): Observable<Response> {
+    return this.http.post<Response>(`${this.API_URL}/users/logout`, {
+      withCredentials: true,
+    });
   }
 }