diff --git a/src/app/pages/home/home.component.css b/src/app/pages/home/home.component.css
index f378f8895d793091f6bd02e03d6a7e54f0630df6..cb2235611cac51a9dfe6e66846f4db58278d43cd 100644
--- a/src/app/pages/home/home.component.css
+++ b/src/app/pages/home/home.component.css
@@ -15,6 +15,7 @@ mat-grid-list {
   margin-left: 15px;
   cursor: pointer;
   margin-top: 50px;
+  margin-bottom: 50px;
 
 }
 
diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html
index c3830a494c7e1d9fce39b7197cde61aaf14019b2..be01337d2ce3201af3d24ffe2d384338e112b2d2 100644
--- a/src/app/pages/home/home.component.html
+++ b/src/app/pages/home/home.component.html
@@ -1,6 +1,8 @@
 <body>
 
 
+
+
   <mat-grid-list cols="4" rowHeight="45px">
     <nav>
     <a><mat-grid-tile
@@ -17,7 +19,6 @@
     </mat-grid-tile></a></nav>
   </mat-grid-list>
 
-
   <mat-grid-list cols="5" rowHeight="45px">
     <nav>
     <a><mat-grid-tile
@@ -34,7 +35,70 @@
     </mat-grid-tile></a></nav>
   </mat-grid-list>
 
+  <mat-grid-list cols="4" rowHeight="45px">
+    <nav>
+    <a><mat-grid-tile
+        *ngFor="let tile of tilesSupportDepartement"
+        [colspan]="tile.cols"
+        [rowspan]="tile.rows"
+        [style.background]="tile.color"
+        [style.color]="tile.textColor"
+        [style.border]="tile.border"
+        (mouseenter)="setColorHover(tile)"
+        (mouseleave)="setColorHover(tile)"
+        >
+      <strong>{{tile.text}}</strong>
+    </mat-grid-tile></a></nav>
+  </mat-grid-list>
+
+  <mat-grid-list cols="3" rowHeight="45px">
+    <nav>
+    <a><mat-grid-tile
+        *ngFor="let tile of tilesNombreCP"
+        [colspan]="tile.cols"
+        [rowspan]="tile.rows"
+        [style.background]="tile.color"
+        [style.color]="tile.textColor"
+        [style.border]="tile.border"
+        (mouseenter)="setColorHover(tile)"
+        (mouseleave)="setColorHover(tile)"
+        >
+      <strong>{{tile.text}}</strong>
+    </mat-grid-tile></a></nav>
+  </mat-grid-list>
+
+
+  <mat-grid-list cols="4" rowHeight="45px">
+    <nav>
+    <a><mat-grid-tile
+        *ngFor="let tile of tilesRetombeCP"
+        [colspan]="tile.cols"
+        [rowspan]="tile.rows"
+        [style.background]="tile.color"
+        [style.color]="tile.textColor"
+        [style.border]="tile.border"
+        (mouseenter)="setColorHover(tile)"
+        (mouseleave)="setColorHover(tile)"
+        >
+      <strong>{{tile.text}}</strong>
+    </mat-grid-tile></a></nav>
+  </mat-grid-list>
 
+  <mat-grid-list cols="9" rowHeight="45px">
+    <nav>
+    <a><mat-grid-tile
+        *ngFor="let tile of tilesThemeTonalite"
+        [colspan]="tile.cols"
+        [rowspan]="tile.rows"
+        [style.background]="tile.color"
+        [style.color]="tile.textColor"
+        [style.border]="tile.border"
+        (mouseenter)="setColorHover(tile)"
+        (mouseleave)="setColorHover(tile)"
+        >
+      <strong>{{tile.text}}</strong>
+    </mat-grid-tile></a></nav>
+  </mat-grid-list>
 
 </body>
 
diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts
index 1ae15a38896633e04bb62115aeaeb7fc01b47929..22049e7e2fd285b12226f3ac4fefa80b6d60f732 100644
--- a/src/app/pages/home/home.component.ts
+++ b/src/app/pages/home/home.component.ts
@@ -8,7 +8,7 @@ export interface Tile {
   rows: number;
   text: string;
   textColor: string;
-  
+
 }
 
 @Component({
@@ -46,97 +46,194 @@ export class HomeComponent{
     {text :'Total' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'Landes' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'Landes (40)' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'Hautes Pyrénées' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'80' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'Hautes Pyrénées (65)' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'43' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'Pyrénées Atlantiques' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'19' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'Pyrénées Atlantiques (64)' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'11' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
   ];
 
   tilesThemeRec : Tile[] = [
-    {text :'Thèmes les plus récurents' , cols : 5 , rows : 1 , textColor : 'black', color: "white" , border: "none"},
+    {text :'Thèmes les plus récurents' , cols : 5 , rows : 1 , textColor : '', color: "" , border: "none"},
     {text :'Thème' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
     {text :'Total  ' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
-    {text :'Landes' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
-    {text :'Hautes Pyrénées' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
-    {text :'Pyrénées Atlantiques' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Landes (40)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Hautes Pyrénées (65)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Pyrénées Atlantiques (64)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
     {text :'Partenariat' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'8' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'Sécurité' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'14' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'4' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'7' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'Transition énergétique' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'RH' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'9' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'Crise' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'11' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'8' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'Réseau' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'Linky∕Smartgrid' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'7' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'Envrionnement' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
     {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
-    {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
   ]
 
-  public displayTonaliteMed(){
-    let arrayTonaliteMed = new Array(5);
-
-    for ( let i=0 ; i <5 ; i++){
-      arrayTonaliteMed[i]=new Array(3)
-    }
-
-    arrayTonaliteMed[0][0]= 'TONALITES DES MEDIAS';
-    arrayTonaliteMed[0][1]= 'POSITIF';
-    arrayTonaliteMed[0][2]= 'NEGATIF';
-
-    arrayTonaliteMed[1][0]= 'TOTAL';
-    arrayTonaliteMed[1][1]=  arrayTonaliteMed[2][1]+ arrayTonaliteMed[3][1] +  arrayTonaliteMed[4][1];
-    arrayTonaliteMed[1][2]= arrayTonaliteMed[2][2]+ arrayTonaliteMed[3][2] +  arrayTonaliteMed[4][2];
-
-    arrayTonaliteMed[2][0]= 'LANDES';
-    arrayTonaliteMed[2][1]= 17 ;
-    arrayTonaliteMed[2][2]= 1;
-
-    arrayTonaliteMed[3][0]= 'HAUTES PYRENEES';
-    arrayTonaliteMed[3][1]= 80;
-    arrayTonaliteMed[3][2]= 3;
-
-    arrayTonaliteMed[4][0]= 'PYRENNES ATLANTIQUES';
-    arrayTonaliteMed[4][1]= 19;
-    arrayTonaliteMed[4][2]= 2;
-
-    return arrayTonaliteMed;
-
+  tilesSupportDepartement : Tile[]  = [
+    {text :'Support par département' , cols : 4 , rows : 1 , textColor : '', color: "" , border: "none"},
+    {text :'Support' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Landes (40)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Hautes Pyrénées (65)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Pyrénées Atlantiques (64)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'PQR' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'WEB' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'7' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'11' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'Radio' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'4' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'TV' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+  ]
 
-  }
+  tilesNombreCP : Tile[] =[
+    {text :'Nombre CP' , cols : 3 , rows : 1 , textColor : '', color: "" , border: "none"},
+    {text :'Landes (40)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Hautes Pyrénées (65)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Pyrénées Atlantiques (64)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+  ]
 
+  tilesRetombeCP : Tile[] =[
+    {text :'Retombées liés aux CP' , cols : 4 , rows : 1 , textColor : '', color: "" , border: "none"},
+    {text :'Totales' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Landes (40)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Hautes Pyrénées (65)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Pyrénées Atlantiques (64)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'34' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'10' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'15' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'9' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+  ]
 
+  tilesThemeTonalite : Tile[] = [
+    {text :'Tonalité par thématique' , cols : 9 , rows : 1 , textColor : '', color: "" , border: "none"},
+    {text :'Thème' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Total positif ' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Total négatif ' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'40 positif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'40 négatif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'65 positif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'65 négatif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'64 positif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'64 négatif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"},
+    {text :'Partenariat' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'11' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'Sécurité' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'Transition énergétique' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'9' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'7' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'RH' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'7' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'Crise' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'8' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'4' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'Réseau' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'25' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'16' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'Linky' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'Envrionnement' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"},
+    {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"},
+  ]
 }
diff --git a/src/app/toolbar/toolbar.component.css b/src/app/toolbar/toolbar.component.css
index 5770f4b32ff10b12dd666237d75594403415ccfc..134ecf61e96691a732d199c9d86e5fceb1e47372 100644
--- a/src/app/toolbar/toolbar.component.css
+++ b/src/app/toolbar/toolbar.component.css
@@ -10,8 +10,6 @@ mat-grid-list {
 
 .img-logo{
   transform: scale(1);
-  width: 90%;
-  height: 65%;
 
 }