diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index fe5967b..99f8679 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -18,6 +18,7 @@ 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';
 
 @NgModule({
   declarations: [
@@ -32,6 +33,7 @@ import { ToastrModule } from 'ngx-toastr';
     PeriodeEssaiComponent,
     PeriodeEssaiEditComponent,
     CollaborateurAddComponent,
+    ReferencementComponent,
 
   ],
   imports: [
diff --git a/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.html b/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.html
index e0a5a82..53588f2 100644
--- a/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.html
+++ b/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.html
@@ -140,19 +140,6 @@
 
   <div class="row mb-2">
 
-    <div class="form-group col-12 col-md-6">
-      <label class="form-label">Référent</label>
-      <select class="form-select" formControlName="referrerId"
-              [ngClass]="{ 'is-invalid': submitted && form.referrerId.errors }">
-        <option value="" disabled selected>Choisissez un référent pour le collaborateur</option>
-        <option *ngFor="let collaborateur of collaborateurs"
-                [ngValue]="collaborateur.id">{{collaborateur.name}} {{collaborateur.firstName}}</option>
-      </select>
-      <div *ngIf="submitted && form.referrerId.errors" class="invalid-feedback">
-        <div *ngIf="form.referrerId.errors.required">Vous devez préciser le référent du collaborateur</div>
-      </div>
-    </div>
-
     <div class="form-group col-12 col-md-6">
       <label class="form-label">Business Unit</label>
       <select class="form-select" formControlName="businessUnitId"
diff --git a/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.ts b/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.ts
index 4199ccf..bff739d 100644
--- a/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.ts
+++ b/src/app/components/collaborateur/collaborateur-add/collaborateur-add.component.ts
@@ -48,7 +48,6 @@ export class CollaborateurAddComponent implements OnInit {
       personalMail: ['', Validators.compose([Validators.required, Validators.pattern(".*@[a-z]*\.[a-z]*")])],
       apsideMail: ['', Validators.compose([Validators.required, Validators.pattern(".*@apside-groupe\.com|.*@apside\.fr")])],
       resignationDate: [],
-      referrerId: ['', Validators.required],
       businessUnitId: ['', Validators.required],
     });
     if (this.collaborateur.resignationDate) {
diff --git a/src/app/components/collaborateur/collaborateur-edit/collaborateur-edit.component.html b/src/app/components/collaborateur/collaborateur-edit/collaborateur-edit.component.html
index 417976e..d9a8248 100644
--- a/src/app/components/collaborateur/collaborateur-edit/collaborateur-edit.component.html
+++ b/src/app/components/collaborateur/collaborateur-edit/collaborateur-edit.component.html
@@ -129,17 +129,6 @@
 
     <div class="row mb-2">
 
-      <div class="form-group col-12 col-md-6">
-        <label class="form-label">Référent</label>
-        <select class="form-select" formControlName="referrerId" [ngClass]="{ 'is-invalid': submitted && f.referrerId.errors }">
-          <option value="" disabled selected>Choisissez un référent pour le collaborateur</option>
-          <option *ngFor="let collaborateur of collaborateurs" [ngValue]="collaborateur.id">{{collaborateur.name}} {{collaborateur.firstName}}</option>
-        </select>
-        <div *ngIf="submitted && f.referrerId.errors" class="invalid-feedback">
-          <div *ngIf="f.referrerId.errors.required">Vous devez préciser le référent du collaborateur</div>
-        </div>
-      </div>
-
       <div class="form-group col-12 col-md-6">
         <label class="form-label">Business Unit</label>
         <select class="form-select" formControlName="businessUnitId" [ngClass]="{ 'is-invalid': submitted && f.businessUnitId.errors }">
diff --git a/src/app/components/collaborateur/collaborateur-edit/collaborateur-edit.component.ts b/src/app/components/collaborateur/collaborateur-edit/collaborateur-edit.component.ts
index 2f2e17e..c631338 100644
--- a/src/app/components/collaborateur/collaborateur-edit/collaborateur-edit.component.ts
+++ b/src/app/components/collaborateur/collaborateur-edit/collaborateur-edit.component.ts
@@ -58,7 +58,6 @@ export class CollaborateurEditComponent implements OnInit {
       personalMail: ['',Validators.compose([Validators.required,Validators.pattern(".+@[a-z]*\.[a-z]*")])],
       apsideMail: ['', Validators.compose([Validators.required,Validators.pattern(".+@apside-groupe\.com|.*@apside\.fr")])],
       resignationDate: [''],
-      referrerId: ['', Validators.required],
       businessUnitId: ['', Validators.required],
     });
     this.collaborateurObservable = this.collaborateurService.getCollaborateur(this.id).pipe(tap(collaborateur => this.registerForm.patchValue(collaborateur)))
@@ -105,7 +104,6 @@ export class CollaborateurEditComponent implements OnInit {
     this.collaborateur.gender = this.registerForm.value.gender
     this.collaborateur.resignationDate = this.registerForm.value.resignationDate
     this.collaborateur.businessUnitId = this.registerForm.value.businessUnitId
-    this.collaborateur.referrerId = this.registerForm.value.referrerId
     this.collaborateur.apsideMail = this.registerForm.value.apsideMail
     this.collaborateur.personalMail = this.registerForm.value.personalMail
     this.collaborateur.telephone = this.registerForm.value.telephone
diff --git a/src/app/interfaces/collaborateur.ts b/src/app/interfaces/collaborateur.ts
index b8eda69..6637e1c 100644
--- a/src/app/interfaces/collaborateur.ts
+++ b/src/app/interfaces/collaborateur.ts
@@ -10,7 +10,6 @@ export interface Collaborateur {
   personalMail:string;
   apsideMail:string;
   resignationDate:Date;
-  referrerId:number;
   businessUnitId:number;
   id: number;
 }
diff --git a/src/app/interfaces/referencement.ts b/src/app/interfaces/referencement.ts
new file mode 100644
index 0000000..005c7b1
--- /dev/null
+++ b/src/app/interfaces/referencement.ts
@@ -0,0 +1,7 @@
+export interface Referencement {
+  id: number;
+  startingDate : Date;
+  endingDate? : Date;
+  referredId : number;
+  referrerId : number;
+}
diff --git a/src/app/referencement/referencement.component.html b/src/app/referencement/referencement.component.html
new file mode 100644
index 0000000..be015e7
--- /dev/null
+++ b/src/app/referencement/referencement.component.html
@@ -0,0 +1 @@
+<p>referencement works!</p>
diff --git a/src/app/referencement/referencement.component.scss b/src/app/referencement/referencement.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/referencement/referencement.component.ts b/src/app/referencement/referencement.component.ts
new file mode 100644
index 0000000..7c4acfd
--- /dev/null
+++ b/src/app/referencement/referencement.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-referencement',
+  templateUrl: './referencement.component.html',
+  styleUrls: ['./referencement.component.scss']
+})
+export class ReferencementComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}