diff --git a/src/app/components/fiche-contact/fiche-contact.component.html b/src/app/components/fiche-contact/fiche-contact.component.html
index bbedc91..ad8df74 100644
--- a/src/app/components/fiche-contact/fiche-contact.component.html
+++ b/src/app/components/fiche-contact/fiche-contact.component.html
@@ -1,44 +1,43 @@
 <div class="container">
     <div class="row">
-        <div class="col-sm">  
-            <button routerLink="../modifier-contact/{{personne.id}}"  class="w-100 btn btn-lg btn-rounded btn-secondary">
-                Modifier
-            </button>
-        </div>
-        <div class="col-sm">
-            <button class="w-100 btn btn-lg btn-rounded btn-secondary" (click)="onClickDelete(personne.id)">
-                Supprimer
-            </button>
+        <div class="row d-flex justify-content-end align-items-center flex-row">
+            <div class="couleur col-7" [style.background-color]="personne.couleur"></div>
+            <div class="col-5">
+                <div class="col">
+                    <button routerLink="../modifier-contact/{{personne.id}}"
+                        class=" btn btn-sm btn-rounded btn-secondary mb-2">
+                        Modifier
+                    </button>
+                </div>
+                <div class="col">
+                    <button class=" btn btn-sm btn-rounded btn-secondary" (click)="onClickDelete(personne.id)">
+                        Supprimer
+                    </button>
+                </div>
+            </div>
         </div>
         <div class="row align-items-center">
             <div class="col-md-12">
-                
-                <div class="row d-flex justify-content-center flex-row">
-                <div class= "couleur col-4" [style.background-color]="personne.couleur"></div>
-                <span class="fiche-contact col-7" >{{ personne.prenom }} {{ personne.nom }} </span>
+                <div class="row my-3 d-flex justify-content-center flex-row">
+                    <span class="fiche-contact col-7">{{ personne.prenom }} {{ personne.nom }} </span>
                 </div>
-
-                <div class="row d-flex justify-content-center flex-row">
-                    <img class= "col-4"  style="max-height: 12% ; max-width: 12%" src="../../../assets/images/phone.png"/>
-                    <span class="fiche-contact col-7" >{{ personne.telephone }}</span>
+                <div class="row my-3 d-flex justify-content-center flex-row">
+                    <span i class="col-4 bi bi-telephone-inbound"></span>
+                    <span class="fiche-contact col-7">{{ personne.telephone }}</span>
                 </div>
-
-                <div class="row d-flex justify-content-center flex-row">
-                    <img class= "col-4" style="max-height: 12% ; max-width: 12%" src="../../../assets/images/logo-gmail.png"/>
-                    <span class="fiche-contact col-7" >{{ personne.email }}</span>
+                <div class="row my-3 d-flex justify-content-center flex-row">
+                    <i class="col-4 bi bi-envelope"></i>
+                    <span class="fiche-contact col-7">{{ personne.email }}</span>
                 </div>
-
-                <div class="row d-flex justify-content-center flex-row">
-                    <img class= "col-4" style="max-height: 12% ; max-width: 12%" src="../../../assets/images/gateau.png"/>
-                    <span class="fiche-contact col-7" >{{ personne.dateNaissance }}</span>
+                <div class="row my-3 d-flex justify-content-center flex-row">
+                    <i class="col-4 bi bi-calendar-heart"></i>
+                    <span class="fiche-contact col-7">{{ personne.dateNaissance }}</span>
                 </div>
-                
-                <div class="row d-flex justify-content-center flex-row">
-                <p class="fiche-contact col-7" >{{ personne.adresse }}</p>
+                <div class="row my-3 d-flex justify-content-center flex-row">
+                    <i class="col-4 bi bi-map"></i>
+                    <span class="fiche-contact col-7">{{ personne.adresse }}</span>
                 </div>
-
             </div>
         </div>
-        
     </div>
-</div>
+</div>
\ No newline at end of file
diff --git a/src/app/components/fiche-contact/fiche-contact.component.scss b/src/app/components/fiche-contact/fiche-contact.component.scss
index daa8fcc..f51b6b3 100644
--- a/src/app/components/fiche-contact/fiche-contact.component.scss
+++ b/src/app/components/fiche-contact/fiche-contact.component.scss
@@ -1,19 +1,15 @@
 .btn-secondary {
   color: #fff;
   background-color: #5a1e63 !important;
-  width: 100%;
-  max-width: 150px;
-  padding: 15px;
-  margin: auto;
+  min-width: 100px;
+  border-radius: 55px;
 }
 
 .couleur{
   border: none;
-  margin-top: -15px;
-  border-radius: 80%;
-  width: 60px;
-  height: 60px;
-  flex-direction: row;
+  border-radius: 50%;
+  width: 110px;
+  height: 110px;
 }
 
 .info{
diff --git a/src/app/components/side-bar/side-bar.component.html b/src/app/components/side-bar/side-bar.component.html
index 68bf821..6c51f7b 100644
--- a/src/app/components/side-bar/side-bar.component.html
+++ b/src/app/components/side-bar/side-bar.component.html
@@ -1,12 +1,12 @@
-<nav  class="wrapper md-auto position-fixed ">
-  <ul class="nav flex-column" id="sticky-sidebar">
+<nav class="wrapper">
+  <ul class="nav flex-column">
     <li class="nav-item" ngbNavItem="maTeam" >
       <a routerLink="../compte" routerLinkActive="active-custom" class="nav-link">
         <i class="bi bi-people-fill"></i>
         Ma Team</a>
     </li>
     <li class="nav-item">
-      <a routerLink="../repertoire" routerLinkActive="active-custom" class="nav-link">
+      <a routerLink="/repertoire" routerLinkActive="active-custom" class="nav-link">
         <i class="bi bi-person-rolodex"></i>
         Répertoire</a>
     </li>
diff --git a/src/app/pages/page-repertoire/page-repertoire.component.html b/src/app/pages/page-repertoire/page-repertoire.component.html
index 23c6ed2..ce0173b 100644
--- a/src/app/pages/page-repertoire/page-repertoire.component.html
+++ b/src/app/pages/page-repertoire/page-repertoire.component.html
@@ -4,12 +4,11 @@
         <app-side-bar></app-side-bar>
     </div>
 
-    <div class=" col compte text-center">
+    <div class=" col compte text-center py-3 border">
         <div>
-            <button class="w-100 btn btn-lg btn-secondary " type="submit">Tous les contacts
+            <button class="btn btn-sm btn-rounded btn-secondary m-3" type="submit">Tous les contacts
             </button>
-
-            <button routerLink="/ajouter-contact" class="w-100 btn btn-lg btn-rounded btn-secondary">
+            <button routerLink="/ajouter-contact" class="btn btn-sm btn-rounded btn-secondary m-3">
                 Ajouter un contact
             </button>
 
@@ -23,20 +22,20 @@
             <div>
                 <h4>Liste des Contacts</h4>
             </div>
-        
-        <div class="row justify-content-evenly">
-            <div class="col-4">
-                <div *ngFor="let personne of listContact" (click)="onClick(personne)">
-                    <div class= "couleur" [style.background-color]="personne.couleur"></div>
-                    <p class="fiche-contact">{{ personne.prenom }} {{ personne.nom }}</p>
+            <div class="row justify-content-evenly">
+                <div class="col-4">
+                    <div class="row my-3 d-flex justify-content-center flex-row" *ngFor="let personne of listContact"
+                        (click)="onClick(personne)">
+                        <div class="couleur col-4" [style.background-color]="personne.couleur"></div>
+                        <span class="fiche-contact col-7">{{ personne.prenom }} {{ personne.nom }}</span>
+                    </div>
+                </div>
+
+                <div class="col-4" *ngIf="openDetails">
+                    <app-fiche-contact [personne]="openDetails" (clickDelete)="onClickDelete($event)">
+                    </app-fiche-contact>
                 </div>
             </div>
-            
-            <div class="col-4" *ngIf="openDetails">
-                <app-fiche-contact [personne]="openDetails" (clickDelete)="onClickDelete($event)"></app-fiche-contact>
-            </div>
-        </div>
-
         </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/src/app/pages/page-repertoire/page-repertoire.component.scss b/src/app/pages/page-repertoire/page-repertoire.component.scss
index 8aa61e2..3d44188 100644
--- a/src/app/pages/page-repertoire/page-repertoire.component.scss
+++ b/src/app/pages/page-repertoire/page-repertoire.component.scss
@@ -2,9 +2,12 @@
   color: #fff;
   background-color: #5a1e63 !important;
   width: 100%;
-  max-width: 330px;
+  max-width: 230px;
   padding: 15px;
   margin: auto;
+  min-width: 100px;
+  border-radius: 55px;
+  font-weight: bold;
 }
 
 .input-group.mb-3 {
@@ -24,7 +27,8 @@
   height: 60px;
   flex-direction: row;
 }
-;h4 {
+
+.h4 {
   color: black;
   font-weight: bold;
 }
\ No newline at end of file