diff --git a/src/app/pages/page-account/page-account.component.html b/src/app/pages/page-account/page-account.component.html
index e0ad892..e87ebd6 100644
--- a/src/app/pages/page-account/page-account.component.html
+++ b/src/app/pages/page-account/page-account.component.html
@@ -3,7 +3,7 @@
 <div class="container-fluid">
   <div class="row">
     <div class="col-9 offset-2" id="main">
-      <h1 class="col-md-auto">{{ currentTeam.nom }}</h1>
+      <h2 class="col-md-auto titre">{{ currentTeam.nom }}</h2>
       <div class="contenu">
         <!-- Pour récupérer le membre connecté-->
         <div class="d-flex justify-content-center">
diff --git a/src/app/pages/page-account/page-account.component.scss b/src/app/pages/page-account/page-account.component.scss
index 6ebf7a9..73c778a 100644
--- a/src/app/pages/page-account/page-account.component.scss
+++ b/src/app/pages/page-account/page-account.component.scss
@@ -2,6 +2,14 @@ button{
   margin-bottom: 5px;
 }
 
+.titre{
+  display: inline-flex;
+  margin-left: 20px;
+  text-align: center;
+  color: #5d5fef;
+  font-size: 30px;
+}
+
 #main{
   margin-top: 20px;
 }
diff --git a/src/app/pages/page-accueil/page-accueil.component.html b/src/app/pages/page-accueil/page-accueil.component.html
index 738a91d..20f6467 100644
--- a/src/app/pages/page-accueil/page-accueil.component.html
+++ b/src/app/pages/page-accueil/page-accueil.component.html
@@ -1,4 +1,11 @@
-<app-header></app-header>
+<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top shadow">
+  <div class="container-fluid">
+    <a class="navbar-brand" routerLink="/accueil">
+      <img id="img" src="../../../assets/images/logo-organizee.png" />
+      Organizee
+    </a>
+  </div>
+</nav>
 <body>
   <div class="container">
 <div class="bienvenue">
@@ -16,9 +23,9 @@ lu, nous sommes là pour vous aider !</p>
 </div>
 </div>
 <div class="pub">
-  <img src="../../../assets/images/menu.png" />
-  <img src="../../../assets/images/repertoire.png" />
-  <img src="../../../assets/images/todo.png" />
+  <img class="imgAcc" src="../../../assets/images/menu.png" />
+  <img class="imgAcc" src="../../../assets/images/repertoire.png" />
+  <img class="imgAcc" src="../../../assets/images/todo.png" />
   </div>
 
 </body>
diff --git a/src/app/pages/page-accueil/page-accueil.component.scss b/src/app/pages/page-accueil/page-accueil.component.scss
index 6df081c..c4bd40d 100644
--- a/src/app/pages/page-accueil/page-accueil.component.scss
+++ b/src/app/pages/page-accueil/page-accueil.component.scss
@@ -1,3 +1,43 @@
+/** Header accueil **/
+
+#img {
+  height:45px;
+}
+
+.navbar{
+  height: auto;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.navbar-brand {
+  font-weight: bold;
+  font-size: 2rem;
+  color: #5d5fef;
+}
+
+a:visited {
+  color: #5d5fef;
+}
+
+a:focus {
+  border-bottom: 1px solid;
+  background: #a5a6f6;
+}
+
+a:hover {
+  color: #7879f1;
+}
+
+a:active {
+  color: #5d5fef;
+}
+
+.container-fluid{
+  width:90%;
+}
+
+/** Contenu de la page **/
 .container {
   display: flex;
 }
@@ -40,7 +80,7 @@ p {
   justify-content: space-between;
 }
 
-img {
+.imgAcc {
   border: 1px solid #d3d3d3;
   border-radius: 10px;
   box-shadow: 6px 6px #d3d3d3;
diff --git a/src/app/pages/page-agenda/page-agenda.component.html b/src/app/pages/page-agenda/page-agenda.component.html
index af99f5f..216730d 100644
--- a/src/app/pages/page-agenda/page-agenda.component.html
+++ b/src/app/pages/page-agenda/page-agenda.component.html
@@ -1,12 +1,3 @@
-<app-header></app-header>
-<app-side-bar [backgroundColor]="'#F178B6'"></app-side-bar>
-
-<app-alert
-  *ngIf="isShow"
-  [alert]="alert"
-  (eventClose)="onClickCloseAlert()"
-></app-alert>
-
 <!-- <div
   class="alert alert-{{ alert.type }}"
   role="alert"
@@ -25,13 +16,16 @@
     <span aria-hidden="true">&times;</span>
   </button>
 </div> -->
-
+<app-header></app-header>
+<app-side-bar [backgroundColor]="'#F178B6'"></app-side-bar>
+<h2 class="titre">Agenda</h2>
+<app-alert
+  *ngIf="isShow"
+  [alert]="alert"
+  (eventClose)="onClickCloseAlert()"
+></app-alert>
 <div style="display: flex">
-  <div style="width: 150px">
-    <app-side-bar></app-side-bar>
-  </div>
-
-  <div style="width: 100%">
+  <div style="width: 100%" id="daypilot">
     <div class="wrap">
       <div class="left">
         <daypilot-navigator
@@ -90,3 +84,4 @@
     </div>
   </div>
 </div>
+<app-footer></app-footer>
diff --git a/src/app/pages/page-agenda/page-agenda.component.scss b/src/app/pages/page-agenda/page-agenda.component.scss
index 8a8fc2c..990f7b1 100644
--- a/src/app/pages/page-agenda/page-agenda.component.scss
+++ b/src/app/pages/page-agenda/page-agenda.component.scss
@@ -1,8 +1,18 @@
+.titre{
+  color: #5d5fef;
+  font-size: 30px;
+  margin-left: 240px;
+  margin-top: 20px;
+}
 .wrap {
   display: flex;
   margin: 10px;
 }
 
+#daypilot{
+  margin-left: 180px;
+}
+
 .left {
   margin-right: 10px;
 }
diff --git a/src/app/pages/page-dashboard/page-dashboard.component.html b/src/app/pages/page-dashboard/page-dashboard.component.html
index 1db4664..2f9892d 100644
--- a/src/app/pages/page-dashboard/page-dashboard.component.html
+++ b/src/app/pages/page-dashboard/page-dashboard.component.html
@@ -1,11 +1,10 @@
 <app-header></app-header>
-<app-side-bar [backgroundColor]="'#c3c3e7'"></app-side-bar>
-
+<app-side-bar [backgroundColor]="'#7879F1'"></app-side-bar>
 <div class="container">
   <div class="row p-1 col-12 ">
-
+    <h2 class="titre">Dashboard</h2>
     <div class="row ">
-      <h3 class="titre">Bienvenue {{ conectedUser.prenom }}!!</h3>
+      <h3 >Bienvenue {{ conectedUser.prenom }}!</h3>
     </div>
 
     <div class="row col-12">
@@ -14,7 +13,7 @@
         <div class="d-flex justify-content-center w-100 my-2" id="boxThree">
           <app-meteo></app-meteo>
         </div>
-        <div class="d-flex justify-content-center w-100 my-2"> 
+        <div class="d-flex justify-content-center w-100 my-2">
           <app-humeur></app-humeur>
         </div>
       </div>
diff --git a/src/app/pages/page-dashboard/page-dashboard.component.scss b/src/app/pages/page-dashboard/page-dashboard.component.scss
index ba266b3..3234c3a 100644
--- a/src/app/pages/page-dashboard/page-dashboard.component.scss
+++ b/src/app/pages/page-dashboard/page-dashboard.component.scss
@@ -2,7 +2,15 @@
   display: inline-flex;
   margin-left: 20px;
   text-align: center;
-  font-weight: bold;
+  color: #5d5fef;
+  font-size: 30px;
+}
+
+h3{
+  display: inline-flex;
+  margin-left: 20px;
+  text-align: center;
+  font-size: 25px;
 }
 
 .meteo {
@@ -11,9 +19,10 @@
 }
 
 .container {
-margin-left:200px;
+  margin-left:200px;
+  margin-top: 20px;
 }
 
 .avatar{
   margin:O;
-}
\ No newline at end of file
+}
diff --git a/src/app/pages/page-menu-semaine/page-menu-semaine.component.html b/src/app/pages/page-menu-semaine/page-menu-semaine.component.html
index 627a691..656a5cb 100644
--- a/src/app/pages/page-menu-semaine/page-menu-semaine.component.html
+++ b/src/app/pages/page-menu-semaine/page-menu-semaine.component.html
@@ -1,11 +1,8 @@
 <app-header></app-header>
-
+<app-side-bar [backgroundColor]="'#F7C02B'"></app-side-bar>
+<h2 class="titre">Menu de la semaine</h2>
 <div class="row">
-  <div class="col-md-auto">
-    <app-side-bar [backgroundColor]="'#F7C02B'"></app-side-bar>
-  </div>
   <div class="col menu text-center">
-    <h2>Menu de la semaine</h2>
     <main class="contenu-menu">
       <app-card-menu></app-card-menu>
     </main>
diff --git a/src/app/pages/page-menu-semaine/page-menu-semaine.component.scss b/src/app/pages/page-menu-semaine/page-menu-semaine.component.scss
index 8b13789..27199bc 100644
--- a/src/app/pages/page-menu-semaine/page-menu-semaine.component.scss
+++ b/src/app/pages/page-menu-semaine/page-menu-semaine.component.scss
@@ -1 +1,6 @@
-
+.titre{
+  color: #5d5fef;
+  font-size: 30px;
+  margin-left: 240px;
+  margin-top: 20px;
+}
diff --git a/src/app/pages/page-repertoire/page-repertoire.component.html b/src/app/pages/page-repertoire/page-repertoire.component.html
index 6f48ea9..831e16d 100644
--- a/src/app/pages/page-repertoire/page-repertoire.component.html
+++ b/src/app/pages/page-repertoire/page-repertoire.component.html
@@ -4,11 +4,11 @@
   <div class="col-md-auto">
     <app-side-bar [backgroundColor]="'#5a1e63'"></app-side-bar>
   </div>
-
+  <h2 class="titre">Répertoire</h2>
   <div class="col compte text-center py-3">
     <div>
       <button
-        *ngIf="parent" 
+        *ngIf="parent"
         routerLink="/ajouter-contact"
         class="btn btn-sm btn-rounded btn-secondary m-3"
       >
diff --git a/src/app/pages/page-repertoire/page-repertoire.component.scss b/src/app/pages/page-repertoire/page-repertoire.component.scss
index 3f3f6b7..3c4ef83 100644
--- a/src/app/pages/page-repertoire/page-repertoire.component.scss
+++ b/src/app/pages/page-repertoire/page-repertoire.component.scss
@@ -1,3 +1,11 @@
+.titre{
+  display: inline-flex;
+  margin-left: 20px;
+  color: #5d5fef;
+  font-size: 30px;
+  margin-left: 240px;
+  margin-top: 20px;
+}
 .btn-secondary {
   color: #fff;
   background-color: #5a1e63 !important;
@@ -35,4 +43,4 @@
 
 .pointer{
   cursor: pointer;
-}
\ No newline at end of file
+}
diff --git a/src/app/pages/page-to-do-list/page-to-do-list.component.html b/src/app/pages/page-to-do-list/page-to-do-list.component.html
index ea853ba..3034ec7 100644
--- a/src/app/pages/page-to-do-list/page-to-do-list.component.html
+++ b/src/app/pages/page-to-do-list/page-to-do-list.component.html
@@ -1,10 +1,8 @@
 <app-header></app-header>
-<div class="row">
-  <div class="col-md-auto">
-    <app-side-bar [backgroundColor]="'#4E9E7B'"></app-side-bar>
-  </div>
+<app-side-bar [backgroundColor]="'#4E9E7B'"></app-side-bar>
+<h2 class="titre">To-Do-List</h2>
+<div class="row ">
   <div class="col menu text-center">
-    <h2>To-Do-List</h2>
     <div class="d-flex align-items-stretch"></div>
     <input
       type="text"
@@ -13,7 +11,6 @@
       [(ngModel)]="todoListTitle"
       (keyup.enter)="addTodoByTeamId()"
     />
-
     <div class="d-flex align-items-stretch">
       <div class="custom-main container p-3">
         <div class="row">
diff --git a/src/app/pages/page-to-do-list/page-to-do-list.component.scss b/src/app/pages/page-to-do-list/page-to-do-list.component.scss
index 9742dd5..499b75c 100644
--- a/src/app/pages/page-to-do-list/page-to-do-list.component.scss
+++ b/src/app/pages/page-to-do-list/page-to-do-list.component.scss
@@ -1,6 +1,20 @@
+.titre{
+  margin-left: 20px;
+  color: #5d5fef;
+  font-size: 30px;
+  margin-left: 240px;
+  margin-top: 40px;
+}
+
 .btn {
   margin-top: 1%;
   margin-bottom: 1%;
   color: black;
   box-shadow: 5px 5px 5px gray;
 }
+
+.row{
+  margin-left: 20px;
+  justify-content: center;
+}
+
