diff --git a/src/app/shared/affichage-details-collaboarteur/affichage-details-collaborateur.html b/src/app/shared/affichage-details-collaboarteur/affichage-details-collaborateur.html
index 0b705ee..f4181f2 100644
--- a/src/app/shared/affichage-details-collaboarteur/affichage-details-collaborateur.html
+++ b/src/app/shared/affichage-details-collaboarteur/affichage-details-collaborateur.html
@@ -18,7 +18,7 @@
         </mat-tab>
         
         <mat-tab *ngIf="estReferent" label="Liste des collaborateurs">
-            <collaborateurs-table [rechercherParBU]="rechercherParBU" [displayedColumns]="displayedColumns" [typeRecherche]="typeRecherche" [idReferent]="idCollaborateur" ></collaborateurs-table>
+            <collaborateurs-table [rechercherParBU]="rechercherParBU" [rechercherParDate]="rechercherParDate" [displayedColumns]="displayedColumns" [typeRecherche]="typeRecherche" [idReferent]="idCollaborateur" (eventEmitter)="ouvrirDetailsCollaborateur($event)" ></collaborateurs-table>
         </mat-tab>
         
         <mat-tab *ngIf="estReferent" label="Liste des EP référent">
diff --git a/src/app/shared/affichage-details-collaboarteur/affichage-details-collaborateur.ts b/src/app/shared/affichage-details-collaboarteur/affichage-details-collaborateur.ts
index 0c568bc..6037dc9 100644
--- a/src/app/shared/affichage-details-collaboarteur/affichage-details-collaborateur.ts
+++ b/src/app/shared/affichage-details-collaboarteur/affichage-details-collaborateur.ts
@@ -4,6 +4,7 @@ import { Subscription } from "rxjs";
 import { collaborateurTypeRecherche } from "@shared/utils/cles";
 import { MatDialog } from "@angular/material/dialog";
 import { DialogAssignationRapideReferentComponent, DialogAssignationRapideCollaborateursComponent } from "./dialog-assignation-rapide/dialog-assignation-rapide.component";
+import { Router } from "@angular/router";
 
 
 @Component({
@@ -19,13 +20,13 @@ export class AffichageDetailsCollaborateurComponent implements OnInit{
     
     displayedColumns : string[] = ["businessunit", "collaborateur", "datearrivee"];
     
-    rechercherParBU: boolean = true;
-
+    rechercherParBU: boolean = false;
+    rechercherParDate: boolean= false;
 
     collaborateur: CollaborateurDTO = undefined;
     private collaborateurSubscription: Subscription;
 
-    constructor(private collaborateurService: CollaborateursService, private dialog: MatDialog) {}
+    constructor(private collaborateurService: CollaborateursService, private dialog: MatDialog, private router: Router) {}
 
     ngOnInit() {
         this.collaborateurSubscription = this.collaborateurService.getCollaborateurById(this.idCollaborateur).subscribe(
@@ -40,6 +41,11 @@ export class AffichageDetailsCollaborateurComponent implements OnInit{
         }
     }
 
+
+    ouvrirDetailsCollaborateur(event) {
+        this.router.navigate(["/collaborateurs",event.collaborateur.id]);
+    }
+
     openDialog() {
         const datas = { data: this.collaborateur, width: "80%", height: '80%'};
         let dialog;