diff --git a/src/app/components/agence/agence.component.html b/src/app/components/agence/agence.component.html
index 6fa4e8a..7f13c37 100644
--- a/src/app/components/agence/agence.component.html
+++ b/src/app/components/agence/agence.component.html
@@ -40,14 +40,14 @@
     <table class="table">
       <thead>
       <tr>
-        <th scope="col">ID</th>
         <th scope="col">Nom</th>
+        <th scope="col"> Business Unit attitrée</th>
       </tr>
       </thead>
       <tbody>
       <tr *ngFor="let agence of agences">
-        <th scope="row">{{agence.id}}</th>
-        <td> {{agence.name}} </td>
+        <th >{{agence.name}}</th>
+        <td >{{getBusinessUnitById(agence.businessUnitId).name}}</td>
         <td><a routerLink="{{agence.id}}"> Modifier </a></td>
       </tr>
       </tbody>
diff --git a/src/app/components/agence/agence.component.ts b/src/app/components/agence/agence.component.ts
index f5c1b8b..59cf0fe 100644
--- a/src/app/components/agence/agence.component.ts
+++ b/src/app/components/agence/agence.component.ts
@@ -53,6 +53,17 @@ export class AgenceComponent implements OnInit {
       .subscribe(businessunits => this.businessUnits = businessunits);
   }
 
+  getBusinessUnitById(id: number): Businessunit {
+    let bu = {} as Businessunit;
+    this.businessUnits.forEach(c => {
+      if (c.id == id) {
+        bu = c;
+        return;
+      }
+    });
+    return bu;
+  }
+
   add(agence: Agence): void {
     this.agenceService.addAgence(agence)
       .subscribe(agence => {