diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 99f8679..28d735c 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -18,7 +18,9 @@ import {PeriodeEssaiEditComponent} from './components/periode-essai/periode-essa
 import {CollaborateurAddComponent} from './components/collaborateur/collaborateur-add/collaborateur-add.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ToastrModule } from 'ngx-toastr';
-import { ReferencementComponent } from './referencement/referencement.component';
+import { ReferencementComponent } from './components/referencement/referencement.component';
+import { ReferencementAddComponent } from './components/referencement/referencement-add/referencement-add.component';
+import { ReferencementEditComponent } from './components/referencement/referencement-edit/referencement-edit.component';
 
 @NgModule({
   declarations: [
@@ -34,6 +36,8 @@ import { ReferencementComponent } from './referencement/referencement.component'
     PeriodeEssaiEditComponent,
     CollaborateurAddComponent,
     ReferencementComponent,
+    ReferencementAddComponent,
+    ReferencementEditComponent,
 
   ],
   imports: [
diff --git a/src/app/components/referencement/referencement-add/referencement-add.component.html b/src/app/components/referencement/referencement-add/referencement-add.component.html
new file mode 100644
index 0000000..2e0db90
--- /dev/null
+++ b/src/app/components/referencement/referencement-add/referencement-add.component.html
@@ -0,0 +1 @@
+<p>referencement-add works!</p>
diff --git a/src/app/referencement/referencement.component.scss b/src/app/components/referencement/referencement-add/referencement-add.component.scss
similarity index 100%
rename from src/app/referencement/referencement.component.scss
rename to src/app/components/referencement/referencement-add/referencement-add.component.scss
diff --git a/src/app/components/referencement/referencement-add/referencement-add.component.ts b/src/app/components/referencement/referencement-add/referencement-add.component.ts
new file mode 100644
index 0000000..264ea43
--- /dev/null
+++ b/src/app/components/referencement/referencement-add/referencement-add.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-referencement-add',
+  templateUrl: './referencement-add.component.html',
+  styleUrls: ['./referencement-add.component.scss']
+})
+export class ReferencementAddComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/components/referencement/referencement-edit/referencement-edit.component.html b/src/app/components/referencement/referencement-edit/referencement-edit.component.html
new file mode 100644
index 0000000..dbdcefe
--- /dev/null
+++ b/src/app/components/referencement/referencement-edit/referencement-edit.component.html
@@ -0,0 +1 @@
+<p>referencement-edit works!</p>
diff --git a/src/app/components/referencement/referencement-edit/referencement-edit.component.scss b/src/app/components/referencement/referencement-edit/referencement-edit.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/components/referencement/referencement-edit/referencement-edit.component.ts b/src/app/components/referencement/referencement-edit/referencement-edit.component.ts
new file mode 100644
index 0000000..fcf6222
--- /dev/null
+++ b/src/app/components/referencement/referencement-edit/referencement-edit.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-referencement-edit',
+  templateUrl: './referencement-edit.component.html',
+  styleUrls: ['./referencement-edit.component.scss']
+})
+export class ReferencementEditComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}
diff --git a/src/app/referencement/referencement.component.html b/src/app/components/referencement/referencement.component.html
similarity index 100%
rename from src/app/referencement/referencement.component.html
rename to src/app/components/referencement/referencement.component.html
diff --git a/src/app/referencement/referencement.component.ts b/src/app/components/referencement/referencement.component.ts
similarity index 100%
rename from src/app/referencement/referencement.component.ts
rename to src/app/components/referencement/referencement.component.ts