diff --git a/src/main/ts-v7/src/app/app.module.ts b/src/main/ts-v7/src/app/app.module.ts
index d7309da..8f39750 100755
--- a/src/main/ts-v7/src/app/app.module.ts
+++ b/src/main/ts-v7/src/app/app.module.ts
@@ -28,6 +28,7 @@ import { AccountSettingsComponent } from './account-settings/account-settings.co
 import { ChangePasswordComponent } from './account-settings/change-password/change-password.component';
 import { ProfilEditionComponent } from './account-settings/profil-edition/profil-edition.component';
 import { PostComponent } from './posts/post.component';
+import { NotFoundComponent } from './not-found/not-found.component';
 
 // Reusable components
 import { PostCardComponent } from './core/post-card/post-card.component';
@@ -56,7 +57,8 @@ import { PostService } from './posts/post.service';
 		AccountSettingsComponent,
 		ChangePasswordComponent,
 		ProfilEditionComponent,
-		PostComponent
+		PostComponent,
+		NotFoundComponent
 	],
 	imports: [
 		BrowserModule,
diff --git a/src/main/ts-v7/src/app/not-found/not-found.component.ts b/src/main/ts-v7/src/app/not-found/not-found.component.ts
new file mode 100644
index 0000000..1053f68
--- /dev/null
+++ b/src/main/ts-v7/src/app/not-found/not-found.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+	selector: 'app-not-found',
+	template: `
+		<div class="text-center">
+			<img src="./assets/images/404.png" alt="404" />
+			<h3>Page non trouvée...</h3>
+		</div>
+	`
+})
+export class NotFoundComponent {}
diff --git a/src/main/ts-v7/src/app/posts/post.component.html b/src/main/ts-v7/src/app/posts/post.component.html
index 220815d..1f93b91 100644
--- a/src/main/ts-v7/src/app/posts/post.component.html
+++ b/src/main/ts-v7/src/app/posts/post.component.html
@@ -64,4 +64,4 @@
 		</div>
 	</div>
 </div>
-<!-- <app-not-found *ngIf="notFound"></app-not-found> -->
+<app-not-found *ngIf="notFound"></app-not-found>