diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts
index a694790..4a07133 100644
--- a/src/app/app-routing.module.ts
+++ b/src/app/app-routing.module.ts
@@ -8,7 +8,7 @@ import { HomeComponent } from './home/';
 import { AuthGuard } from '@shared/auth/auth.guard';
 
 import { paths_collaborateurs, paths_demandes_delegation, paths_demandes_formation,
-  paths_ep, paths_saisie_ep, paths_formation, paths_home, paths_referents } from '@shared/utils/paths';
+  paths_ep, paths_saisie_ep, paths_formation, paths_home, paths_referents, paths_engagements } from '@shared/utils/paths';
 
 import { Role  } from '@shared/utils/roles';
 
@@ -64,6 +64,11 @@ const routes: Routes = [
   {
     path: paths_referents.path,
     loadChildren: () => import('./referents/referents.module').then(m=> m.ReferentsModule)
+  },
+  //chargement des chemin du module engagement à partir du routing de ce module
+  {
+    path: paths_engagements.path,
+    loadChildren: () => import('./engagements/engagements.module').then(m => m.EngagementsModule)
   }
 ];
 
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 50df755..b36ec41 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -25,6 +25,7 @@ import { EpModule } from "./ep"
 import { AuthModule } from '@shared/auth/auth.module';
 
 import { MatTablesModule } from "@shared/mat-tables/mat-tables.module";
+import { EngagementsModule } from './engagements';
 
 @NgModule({
   declarations: [
@@ -38,7 +39,7 @@ import { MatTablesModule } from "@shared/mat-tables/mat-tables.module";
     ReferentsModule, FormationsModule,
     DemandesFormationModule, DemandesDelegationModule,
     EpSaisieModule, EpModule, MatTablesModule,
-    AffichageDetailsCollaborateurModule
+    AffichageDetailsCollaborateurModule, EngagementsModule
     
   ],
   providers: [],
diff --git a/src/app/engagements/engagements.component.ts b/src/app/engagements/engagements.component.ts
new file mode 100644
index 0000000..273f319
--- /dev/null
+++ b/src/app/engagements/engagements.component.ts
@@ -0,0 +1,13 @@
+import { Component } from "@angular/core";
+
+@Component({
+    selector: "app-engagements",
+    templateUrl: "./engagements.html"
+})
+export class EngagementsComponent {
+
+    
+    constructor() {}
+
+
+}
\ No newline at end of file
diff --git a/src/app/engagements/engagements.html b/src/app/engagements/engagements.html
new file mode 100644
index 0000000..4a20eae
--- /dev/null
+++ b/src/app/engagements/engagements.html
@@ -0,0 +1,3 @@
+<app-nav-menu></app-nav-menu>
+
+<h2>Liste des engagements</h2>
diff --git a/src/app/engagements/engagements.module.ts b/src/app/engagements/engagements.module.ts
new file mode 100644
index 0000000..04ca3c1
--- /dev/null
+++ b/src/app/engagements/engagements.module.ts
@@ -0,0 +1,25 @@
+import { NgModule } from "@angular/core";
+import { CommonModule } from "@angular/common";
+import { RouterModule } from '@angular/router';
+
+import { MaterialModule } from "@shared/angular-material/angular-material.module";
+
+import {NavMenuModule} from '@shared/nav-menu/nav-menu.module';
+import { EngagementsComponent } from "./engagements.component";
+import { EngagementsRoutingModule } from "./engagements.routing.module";
+
+
+
+@NgModule({
+    declarations: [
+        EngagementsComponent
+    ],
+    exports: [],
+    imports: [
+        CommonModule,
+        RouterModule, 
+        NavMenuModule,
+        EngagementsRoutingModule
+    ],
+})
+export class EngagementsModule {}
\ No newline at end of file
diff --git a/src/app/engagements/engagements.routing.module.ts b/src/app/engagements/engagements.routing.module.ts
new file mode 100644
index 0000000..905ca37
--- /dev/null
+++ b/src/app/engagements/engagements.routing.module.ts
@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+
+import { EngagementsComponent } from "./engagements.component";
+
+import { AuthGuard } from '@shared/auth/auth.guard';
+
+
+
+const routes: Routes = [
+    { path: '', component: EngagementsComponent, pathMatch: 'full', canActivate: [AuthGuard]}
+];
+
+@NgModule({
+    imports: [RouterModule.forChild(routes)],
+    exports: [RouterModule]
+  })
+  export class EngagementsRoutingModule {}
\ No newline at end of file
diff --git a/src/app/engagements/index.ts b/src/app/engagements/index.ts
new file mode 100644
index 0000000..e47f613
--- /dev/null
+++ b/src/app/engagements/index.ts
@@ -0,0 +1,2 @@
+export * from './engagements.component';
+export * from './engagements.module';
diff --git a/src/app/shared/mat-tables/engagements-table/engagements-table.ts b/src/app/shared/mat-tables/engagements-table/engagements-table.ts
index 5c5e1d2..7ec657d 100644
--- a/src/app/shared/mat-tables/engagements-table/engagements-table.ts
+++ b/src/app/shared/mat-tables/engagements-table/engagements-table.ts
@@ -178,7 +178,7 @@ export class EngagementTableComponent implements OnInit {
         }
         this.numPage = 1;
         this.updateDataSource();
-      }
+    }
 
     ngOnDestroy() {
         if(this.engagementSubscription != undefined) {
diff --git a/src/app/shared/nav-menu/nav-menu-rh/nav-menu-rh.component.html b/src/app/shared/nav-menu/nav-menu-rh/nav-menu-rh.component.html
index 6ed5071..6c8a233 100644
--- a/src/app/shared/nav-menu/nav-menu-rh/nav-menu-rh.component.html
+++ b/src/app/shared/nav-menu/nav-menu-rh/nav-menu-rh.component.html
@@ -20,6 +20,6 @@
 </button>
 <mat-menu #menuCollaborateurs="matMenu">
   <button mat-button routerLink="/collaborateurs">Liste des collaborateurs</button>
-  <button mat-button>Liste des engagements</button>
+  <button mat-button routerLink="/engagements">Liste des engagements</button>
 </mat-menu>
 <!--<button mat-button routerLink="/referents">Liste des référents</button>-->
diff --git a/src/app/shared/utils/paths.ts b/src/app/shared/utils/paths.ts
index 0c8b5ea..a9577ac 100644
--- a/src/app/shared/utils/paths.ts
+++ b/src/app/shared/utils/paths.ts
@@ -93,5 +93,11 @@ const paths_referents = {
   get: ":id"
 };
 
+const paths_engagements = {
+  base: "/engagements",
+  path: "engagements"
+}
+
+
 export { paths_collaborateurs, paths_demandes_delegation, paths_demandes_formation,
-  paths_ep, paths_saisie_ep, paths_formation, paths_home, paths_referents};
+  paths_ep, paths_saisie_ep, paths_formation, paths_home, paths_referents, paths_engagements};