diff --git a/src/app/pages/page-accueil/page-accueil.component.html b/src/app/pages/page-accueil/page-accueil.component.html
index 8efc124..7f40f32 100644
--- a/src/app/pages/page-accueil/page-accueil.component.html
+++ b/src/app/pages/page-accueil/page-accueil.component.html
@@ -4,7 +4,8 @@
       <input class="form-control"
           type="text"
           placeholder="Recherche ta belle plante"
-          aria-label="Input Recherche ta belle plante">
+          aria-label="Input Recherche ta belle plante"
+          (input)="onRecherchePlante($event)">
 
       <div class="py-3">
           Trier par :
diff --git a/src/app/pages/page-accueil/page-accueil.component.ts b/src/app/pages/page-accueil/page-accueil.component.ts
index 8d11a53..c3b7181 100644
--- a/src/app/pages/page-accueil/page-accueil.component.ts
+++ b/src/app/pages/page-accueil/page-accueil.component.ts
@@ -1,6 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { PlantouneService } from 'src/app/services/plantoune.service';
 import * as _ from 'underscore';
+import { contains, includes } from 'underscore';
 
 
 
@@ -47,12 +48,10 @@ export class PageAccueilComponent implements OnInit {
     * plantouneService;
     *
     * constructor(plantouneService: PlantouneService) {
-    *   this.plantouneService = plantouneService;
-    * }
+    *   this.plantouneService = plantouneService; }
     */
 
 
-
   ngOnInit(): void {
 
     this.plantouneService.getData().subscribe(
@@ -81,7 +80,7 @@ export class PageAccueilComponent implements OnInit {
         console.log(listUniqJsCategories);
 
         this.listCategoriesFilter = listUniqJsCategories;
-        this.listData = listPlant;
+        this.listData = [...listPlant];
         this.listData.length = 9;
 
         console.log(this.listData);
@@ -93,6 +92,23 @@ export class PageAccueilComponent implements OnInit {
     this.plantouneService.plantLiked$.next('')
   }
 
+onRecherchePlante(choix: any) {
+
+    const search = choix.target.value 
+    console.log(search);
+    this.listData = this.listDataGlobal.filter((plant) => {
+      if(plant.product_name.toLowerCase().includes(search.toLowerCase())){
+        return plant;
+      }
+    });
+    //Equivaut à la ligne ci-dessous (version abrégée)
+    //this.listData = this.listDataGlobal.filter((plant) => plant.product_name.toLowerCase().includes(search.toLowerCase()))
+    console.log(this.listData);
+    if (this.listData.length >= 9) {this.listData.length=9}
+  }
+
+}
+
   onListCategory(categoryArray: string[]) {
    // this.listData=listData;
     //console.log(typeof(valueText));
@@ -204,3 +220,4 @@ onPriceTri() : void {
       }
     }
 }
+