diff --git a/Front/skydivelogs-app/angular.json b/Front/skydivelogs-app/angular.json
index 6ec145f..54bac2f 100644
--- a/Front/skydivelogs-app/angular.json
+++ b/Front/skydivelogs-app/angular.json
@@ -134,8 +134,7 @@
   },
   "schematics": {
     "@schematics/angular:component": {
-      "prefix": "app",
-      "styleext": "css"
+      "prefix": "app"
     },
     "@schematics/angular:directive": {
       "prefix": "app"
diff --git a/Front/skydivelogs-app/src/app/app.component.html b/Front/skydivelogs-app/src/app/app.component.html
index 10ab061..cd51c2e 100644
--- a/Front/skydivelogs-app/src/app/app.component.html
+++ b/Front/skydivelogs-app/src/app/app.component.html
@@ -31,6 +31,11 @@
       <a routerLink="/newjump" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_NewJump' | translate }}</a>
       <hr class="splitter">
     </mat-nav-list>
+    <mat-nav-list>
+      <mat-icon aria-hidden="false" aria-label="Add flights in tunnel">add_circle</mat-icon>
+      <a routerLink="/newTunnelFlight" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_NewTunnelFlight' | translate }}</a>
+      <hr class="splitter">
+    </mat-nav-list>
     <mat-nav-list>
       <mat-icon aria-hidden="false" aria-label="Dropzones">store</mat-icon>
       <a routerLink="/dzs" routerLinkActive="active" (click)="snav.toggle()" skipLocationChange>{{ 'App_Nav_Dzs' | translate }}</a>
diff --git a/Front/skydivelogs-app/src/app/app.module.ts b/Front/skydivelogs-app/src/app/app.module.ts
index 4e9128f..7aca090 100644
--- a/Front/skydivelogs-app/src/app/app.module.ts
+++ b/Front/skydivelogs-app/src/app/app.module.ts
@@ -67,6 +67,7 @@ import { ErrorInterceptor } from "../interceptor/error.interceptor";
 import { UserProfileComponent } from "./user-profile/user-profile.component";
 import { ListOfImagesComponent } from "./list-of-images/list-of-images.component";
 import { JumpInfosComponent } from './jump-infos/jump-infos.component';
+import { NewTunnelFlightComponent } from './new-tunnel-flight/new-tunnel-flight.component';
 
 const appRoutes: Routes = [
   { path: "", component: DefaultComponent, canActivate: [AuthGuardService] },
@@ -110,6 +111,11 @@ const appRoutes: Routes = [
     component: UserProfileComponent,
     canActivate: [AuthGuardService]
   },
+  {
+    path: "newTunnelFlight",
+    component: NewTunnelFlightComponent,
+    canActivate: [AuthGuardService]
+  },
   { path: "login", component: LoginComponent },
 ];
 
@@ -144,6 +150,7 @@ export function initConfig(configService: ConfigurationHelper) {
     UserProfileComponent,
     ListOfImagesComponent,
     JumpInfosComponent,
+    NewTunnelFlightComponent,
   ],
   imports: [
     RouterModule.forRoot(
diff --git a/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.css b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.html b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.html
new file mode 100644
index 0000000..8708882
--- /dev/null
+++ b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.html
@@ -0,0 +1 @@
+<p>new-tunnel-flight works!</p>
diff --git a/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.spec.ts b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.spec.ts
new file mode 100644
index 0000000..79ee5a5
--- /dev/null
+++ b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.spec.ts
@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { NewTunnelFlightComponent } from './new-tunnel-flight.component';
+
+describe('NewTunnelFlightComponent', () => {
+  let component: NewTunnelFlightComponent;
+  let fixture: ComponentFixture<NewTunnelFlightComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [NewTunnelFlightComponent]
+    });
+    fixture = TestBed.createComponent(NewTunnelFlightComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts
new file mode 100644
index 0000000..84cd45a
--- /dev/null
+++ b/Front/skydivelogs-app/src/app/new-tunnel-flight/new-tunnel-flight.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-new-tunnel-flight',
+  templateUrl: './new-tunnel-flight.component.html',
+  styleUrls: ['./new-tunnel-flight.component.css']
+})
+export class NewTunnelFlightComponent {
+
+}
diff --git a/Front/skydivelogs-app/src/assets/i18n/en.json b/Front/skydivelogs-app/src/assets/i18n/en.json
index a585245..b937d9e 100644
--- a/Front/skydivelogs-app/src/assets/i18n/en.json
+++ b/Front/skydivelogs-app/src/assets/i18n/en.json
@@ -46,6 +46,7 @@
     "App_Nav_JumpTypes" : "List of jump types",
     "App_Nav_Gears" : "List of gears",
     "App_Nav_Logout" : "Logout",
+    "App_Nav_NewTunnelFlight" : "Add tunnel time",
 
     "List_Aircrafts_Add" : "Add a aircraft",
     "List_Aircrafts_Header_Id" : "ID",
diff --git a/Front/skydivelogs-app/src/assets/i18n/fr.json b/Front/skydivelogs-app/src/assets/i18n/fr.json
index 72492b0..a483a9b 100644
--- a/Front/skydivelogs-app/src/assets/i18n/fr.json
+++ b/Front/skydivelogs-app/src/assets/i18n/fr.json
@@ -46,6 +46,7 @@
     "App_Nav_JumpTypes" : "Type de saut",
     "App_Nav_Gears" : "Pièges",
     "App_Nav_Logout" : "Se déconnecter",
+    "App_Nav_NewTunnelFlight" : "Ajouter du temps en tunnel",
 
     "List_Aircrafts_Add" : "Ajouter un avion",
     "List_Aircrafts_Header_Id" : "ID",