From ae1ee725a9e80355f7877609180e69e4dde10700 Mon Sep 17 00:00:00 2001
From: Loic Masi <loic.masi@diiage.org>
Date: Tue, 10 Mar 2026 21:08:22 +0100
Subject: [PATCH 1/2] =?UTF-8?q?Modification=20de=20quelques=20=C3=A9l?=
 =?UTF-8?q?=C3=A9ments=20de=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Webzine.WebApplication/Views/Accueil/Index.cshtml  | 12 +++++-------
 Webzine.WebApplication/Views/Shared/_Footer.cshtml |  2 +-
 Webzine.WebApplication/Views/Shared/_Layout.cshtml |  4 ++--
 3 files changed, 8 insertions(+), 10 deletions(-)
diff --git a/Webzine.WebApplication/Views/Accueil/Index.cshtml b/Webzine.WebApplication/Views/Accueil/Index.cshtml
index d7fc9a7..31cf012 100644
--- a/Webzine.WebApplication/Views/Accueil/Index.cshtml
+++ b/Webzine.WebApplication/Views/Accueil/Index.cshtml
@@ -82,14 +82,11 @@
             </div>
         </div>
     }
+    <div class="row justify-content-end">
+        <button class="btn btn-secondary col-auto mt-3">Titres plus anciens >></button>
+    </div>
 </div>
 
-<div class="row justify-content-end">
-    <button class="btn btn-secondary col-auto mt-3">Titres plus anciens >></button>
-</div>
-
-<h1 class="mt-5">Titres les plus populaires</h1>
-
 @* TEMPLATE *@
 @* <div class="container">
     <div class="row">
@@ -105,10 +102,11 @@
     </div>
 </div> *@
 <div class="container">
+    <h1 class="mt-5">Titres les plus populaires</h1>
     <div class="row">
     @foreach (var titre in Model.TopTitres)
     {
-        <div class="card col-4 m-1" style="width: 18rem;">
+        <div class="card col m-1" style="width: auto;">
             <img class="card-img-top"
             src="@titre.UrlJaquette" />
 
diff --git a/Webzine.WebApplication/Views/Shared/_Footer.cshtml b/Webzine.WebApplication/Views/Shared/_Footer.cshtml
index 08e1ee0..94a5941 100644
--- a/Webzine.WebApplication/Views/Shared/_Footer.cshtml
+++ b/Webzine.WebApplication/Views/Shared/_Footer.cshtml
@@ -3,7 +3,7 @@
 *@
 @{
 }
-<div class="container text-bg-light my-2 pb-0">
+<div class="text-bg-light my-2 pb-0">
     <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4"> 
         <div class="col-md-4 d-flex align-items-center"> 
             
diff --git a/Webzine.WebApplication/Views/Shared/_Layout.cshtml b/Webzine.WebApplication/Views/Shared/_Layout.cshtml
index ee7cb0d..93ec7e4 100644
--- a/Webzine.WebApplication/Views/Shared/_Layout.cshtml
+++ b/Webzine.WebApplication/Views/Shared/_Layout.cshtml
@@ -15,10 +15,10 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
 </head>
 <body>
-    <div class="container pb-0 mb-0">
+    <div class="pb-0 mb-0">
         <partial name="_Header"/>
         <div class="row mt-5">
-            <main class="col">
+            <main class="col mx-3">
                 @RenderBody()
             </main>
             @if(ViewContext.RouteData.Values["area"]?.ToString() != "Administration")

From 47b3c0bdd7e2f21f2018472f094b213b1f43e27f Mon Sep 17 00:00:00 2001
From: Loic Masi <loic.masi@diiage.org>
Date: Tue, 10 Mar 2026 21:38:40 +0100
Subject: [PATCH 2/2] Ajout du moteur de recherche dans le header

---
 .../ITtitreRepository.cs                      |  10 +-
 Webzine.Repository/LocalEntityRepository.cs   |  67 ++++++++++--
 Webzine.Repository/Webzine.Repository.csproj  |   1 +
 .../Controllers/RechercheController.cs        |  63 +++++++++++
 .../Controllers/TitreController.cs            | 102 ++++++++----------
 Webzine.WebApplication/Program.cs             |  21 ++--
 .../Recherche/RechercheArtisteItem.cs         |  17 +++
 .../Recherche/RechercheIndexViewModel.cs      |  24 +++++
 .../Views/Recherche/Index.cshtml              |  85 +++++++++++++++
 .../Views/Shared/_Footer.cshtml               |   6 +-
 .../Views/Shared/_Header.cshtml               |   9 +-
 .../Views/Shared/_Layout.cshtml               |  22 ++--
 12 files changed, 334 insertions(+), 93 deletions(-)
 create mode 100644 Webzine.WebApplication/Controllers/RechercheController.cs
 create mode 100644 Webzine.WebApplication/ViewModels/Recherche/RechercheArtisteItem.cs
 create mode 100644 Webzine.WebApplication/ViewModels/Recherche/RechercheIndexViewModel.cs
 create mode 100644 Webzine.WebApplication/Views/Recherche/Index.cshtml

diff --git a/Webzine.Repository.Contracts/ITtitreRepository.cs b/Webzine.Repository.Contracts/ITtitreRepository.cs
index b51c847..c7e9fc1 100644
--- a/Webzine.Repository.Contracts/ITtitreRepository.cs
+++ b/Webzine.Repository.Contracts/ITtitreRepository.cs
@@ -10,20 +10,20 @@ namespace Webzine.Repository.Contracts
 
         // void Delete(Titre titre);
 
-        // Titre Find(int idTitre);
+        Titre? Find(int idTitre);
 
         // IEnumerable<Titre> FindTitres(int offset, int limit);
 
-        // IEnumerable<Titre> FindAll();
+        IEnumerable<Titre> FindAll();
 
         // void IncrementNbLectures(Titre titre);
 
         // void IncrementNbLikes(Titre titre);
 
-        // IEnumerable<Titre> Search(string mot);
+        IEnumerable<Titre> Search(string mot);
 
-        // IEnumerable<Titre> SearchByStyle(string libelle);
+        IEnumerable<Titre> SearchByStyle(string libelle);
 
         // void Update(Titre titre);
     }
-}
\ No newline at end of file
+}
diff --git a/Webzine.Repository/LocalEntityRepository.cs b/Webzine.Repository/LocalEntityRepository.cs
index 74aa35b..8095e32 100644
--- a/Webzine.Repository/LocalEntityRepository.cs
+++ b/Webzine.Repository/LocalEntityRepository.cs
@@ -1,18 +1,71 @@
-﻿using Microsoft.Extensions.Logging;
+using Microsoft.Extensions.Logging;
+using Webzine.Entity;
+using Webzine.Entity.Fixtures;
+using Webzine.Repository.Contracts;
 
 namespace Webzine.Repository;
 
-public class LocalEntityRepository
+/// <summary>
+/// Classe qui permet d'initialiser un jeu de données
+/// pour tester l'application
+/// </summary>
+public class LocalEntityRepository : ITitreRepository
 {
     private readonly ILogger<LocalEntityRepository> _logger;
+    private readonly List<Titre> _titres;
 
     /// <summary>
-    /// Initialise une nouvelle instance du <see cref="LocalEntityRepository"/> avec un service de journalisation injecté.
+    /// Initialise une nouvelle instance du <see cref="LocalEntityRepository"/> avec un service de journalisation injecte.
     /// </summary>
-    /// <param name="logger">Service de journalisation injecté pour suivre les opérations du repository.</param>
+    /// <param name="logger">Service de journalisation injecte pour suivre les operations du repository.</param>
     public LocalEntityRepository(ILogger<LocalEntityRepository> logger)
     {
-        this._logger = logger;
-        this._logger.LogDebug(1, "NLog injected into LocalEntityRepository");
+        _logger = logger;
+        _logger.LogDebug(1, "NLog injected into LocalEntityRepository");
+
+        var factory = new DataFactory();
+        var artistes = factory.GenerateArtists(10);
+        var styles = factory.GenerateStyles(10);
+
+        _titres = factory.GenerateTitres(30, artistes, styles);
+        factory.GenerateCommentaires(50, _titres);
     }
-}
\ No newline at end of file
+
+    public IEnumerable<Titre> Search(string mot)
+    {
+        if (string.IsNullOrWhiteSpace(mot))
+        {
+            return Enumerable.Empty<Titre>();
+        }
+
+        return _titres
+            .Where(t => !string.IsNullOrWhiteSpace(t.Libelle)
+                && t.Libelle.Contains(mot, StringComparison.OrdinalIgnoreCase))
+            .OrderBy(t => t.Libelle)
+            .ToList();
+    }
+
+    public Titre? Find(int idTitre)
+    {
+        return _titres.FirstOrDefault(t => t.IdTitre == idTitre);
+    }
+
+    public IEnumerable<Titre> FindAll()
+    {
+        return _titres;
+    }
+
+    public IEnumerable<Titre> SearchByStyle(string libelle)
+    {
+        if (string.IsNullOrWhiteSpace(libelle))
+        {
+            return Enumerable.Empty<Titre>();
+        }
+
+        return _titres
+            .Where(t => t.Styles.Any(s => !string.IsNullOrWhiteSpace(s.Libelle)
+                && s.Libelle.Contains(libelle, StringComparison.OrdinalIgnoreCase)))
+            .OrderBy(t => t.Libelle)
+            .ToList();
+    }
+}
diff --git a/Webzine.Repository/Webzine.Repository.csproj b/Webzine.Repository/Webzine.Repository.csproj
index cc38234..eaf2692 100644
--- a/Webzine.Repository/Webzine.Repository.csproj
+++ b/Webzine.Repository/Webzine.Repository.csproj
@@ -24,6 +24,7 @@
 
     <ItemGroup>
       <ProjectReference Include="..\Webzine.Entity\Webzine.Entity.csproj" />
+      <ProjectReference Include="..\Webzine.Repository.Contracts\Webzine.Repository.Contracts.csproj" />
     </ItemGroup>
 
 </Project>
diff --git a/Webzine.WebApplication/Controllers/RechercheController.cs b/Webzine.WebApplication/Controllers/RechercheController.cs
new file mode 100644
index 0000000..ab4185a
--- /dev/null
+++ b/Webzine.WebApplication/Controllers/RechercheController.cs
@@ -0,0 +1,63 @@
+using Microsoft.AspNetCore.Mvc;
+using Webzine.Repository.Contracts;
+using Webzine.WebApplication.ViewModels.Recherche;
+using Webzine.WebApplication.ViewModels.Titre;
+
+namespace Webzine.WebApplication.Controllers;
+
+[Route("recherche")]
+public class RechercheController : Controller
+{
+    private readonly ILogger<RechercheController> _logger;
+    private readonly ITitreRepository _titreRepository;
+
+    public RechercheController(ILogger<RechercheController> logger, ITitreRepository titreRepository)
+    {
+        _logger = logger;
+        _titreRepository = titreRepository;
+    }
+
+    [HttpPost("")]
+    public IActionResult Index(string mot)
+    {
+        _logger.LogInformation("Recherche artistes/titres pour le mot : {Mot}.", mot);
+
+        var titres = _titreRepository.Search(mot)
+            .Concat(_titreRepository.SearchByStyle(mot))
+            .DistinctBy(t => t.IdTitre)
+            .OrderBy(t => t.Libelle)
+            .Select(t => new TitreStyleItem
+            {
+                IdTitre = t.IdTitre,
+                Libelle = t.Libelle,
+                ArtisteNom = t.Artiste?.Nom,
+                UrlJaquette = t.UrlJaquette,
+                Duree = t.Duree
+            })
+            .ToList();
+
+        var artistes = _titreRepository.FindAll()
+            .Select(t => t.Artiste)
+            .Where(a => a != null
+                && !string.IsNullOrWhiteSpace(a.Nom)
+                && !string.IsNullOrWhiteSpace(mot)
+                && a.Nom.Contains(mot, StringComparison.OrdinalIgnoreCase))
+            .DistinctBy(a => a!.IdArtiste)
+            .OrderBy(a => a!.Nom)
+            .Select(a => new RechercheArtisteItem
+            {
+                Nom = a!.Nom,
+                NombreDeTitres = a.Titres?.Count ?? 0
+            })
+            .ToList();
+
+        var vm = new RechercheIndexViewModel
+        {
+            Mot = mot,
+            Artistes = artistes,
+            Titres = titres
+        };
+
+        return View(vm);
+    }
+}
diff --git a/Webzine.WebApplication/Controllers/TitreController.cs b/Webzine.WebApplication/Controllers/TitreController.cs
index b89c757..cec375a 100644
--- a/Webzine.WebApplication/Controllers/TitreController.cs
+++ b/Webzine.WebApplication/Controllers/TitreController.cs
@@ -1,56 +1,45 @@
 using Microsoft.AspNetCore.Mvc;
 using Webzine.Entity;
-using Webzine.Entity.Fixtures;
+using Webzine.Repository.Contracts;
 using Webzine.WebApplication.ViewModels.Titre;
 
 namespace Webzine.WebApplication.Controllers;
 
 /// <summary>
-/// Contrôleur responsable de la gestion des titres musicaux :
-/// affichage des détails, filtrage par style,
-/// ajout de likes et commentaires.
+/// Controleur responsable de la gestion des titres musicaux :
+/// affichage des details, filtrage par style,
+/// ajout de likes, commentaires et recherche.
 /// </summary>
 [Route("titre")]
 public class TitreController : Controller
 {
     private readonly ILogger<TitreController> _logger;
-    private readonly List<Titre> _titres;
-    private readonly List<Style> _styles;
-    private readonly List<Artiste> _artistes;
+    private readonly ITitreRepository _titreRepository;
 
     /// <summary>
     /// Initialise une nouvelle instance du <see cref="TitreController"/>.
-    /// Les données sont générées dynamiquement via <see cref="DataFactory"/>.
     /// </summary>
-    /// <param name="logger">Service de journalisation injecté.</param>
-    public TitreController(ILogger<TitreController> logger)
+    /// <param name="logger">Service de journalisation injecte.</param>
+    /// <param name="titreRepository">Repository des titres injecte.</param>
+    public TitreController(ILogger<TitreController> logger, ITitreRepository titreRepository)
     {
         _logger = logger;
+        _titreRepository = titreRepository;
 
-        _logger.LogInformation("Initialisation du contrôleur TitreController.");
-
-        var factory = new DataFactory();
-
-        _artistes = factory.GenerateArtists(10);
-        _styles = factory.GenerateStyles(10);
-        _titres = factory.GenerateTitres(30, _artistes, _styles);
-
-        factory.GenerateCommentaires(50, _titres);
-
-        _logger.LogInformation("Données fictives générées avec succès.");
+        _logger.LogInformation("Initialisation du controleur TitreController.");
     }
 
     /// <summary>
-    /// Affiche le détail d'un titre spécifique.
+    /// Affiche le detail d'un titre specifique.
     /// </summary>
     /// <param name="id">Identifiant du titre.</param>
-    /// <returns>Vue des détails ou 404 si introuvable.</returns>
+    /// <returns>Vue des details ou 404 si introuvable.</returns>
     [HttpGet("{id}")]
     public IActionResult Details(int id)
     {
-        _logger.LogInformation("Demande d'affichage du détail pour le titre ID {Id}.", id);
+        _logger.LogInformation("Demande d'affichage du detail pour le titre ID {Id}.", id);
 
-        var titre = _titres.FirstOrDefault(t => t.IdTitre == id);
+        var titre = FindById(id);
 
         if (titre == null)
         {
@@ -83,53 +72,37 @@ public class TitreController : Controller
     }
 
     /// <summary>
-    /// Affiche les titres correspondant à un style musical donné.
+    /// Affiche les titres correspondant a un style musical donne.
     /// </summary>
     /// <param name="style">Nom du style musical.</param>
-    /// <returns>Vue contenant la liste filtrée.</returns>
+    /// <returns>Vue contenant la liste filtree.</returns>
     [HttpGet("style/{style}")]
     public IActionResult Style(string style)
     {
         _logger.LogInformation("Recherche des titres pour le style : {Style}.", style);
 
-        var titresFiltres = _titres
-            .Where(t => t.Styles.Any(s => s.Libelle.Equals(style)))
-            .OrderBy(t => t.Libelle)
-            .ToList();
-
-        if (!titresFiltres.Any())
-        {
-            _logger.LogWarning("Aucun titre trouvé pour le style : {Style}.", style);
-            return NotFound();
-        }
+        var titresFiltres = _titreRepository.SearchByStyle(style).ToList();
 
         var vm = new TitreStyle
         {
             StyleName = style,
-            Titres = titresFiltres.Select(t => new TitreStyleItem
-            {
-                IdTitre = t.IdTitre,
-                Libelle = t.Libelle,
-                ArtisteNom = t.Artiste?.Nom,
-                UrlJaquette = t.UrlJaquette,
-                Duree = t.Duree
-            }).ToList()
+            Titres = titresFiltres.Select(MapTitreItem).ToList()
         };
 
         return View(vm);
     }
 
     /// <summary>
-    /// Ajoute un like à un titre.
+    /// Ajoute un like a un titre.
     /// </summary>
-    /// <param name="model">Modèle contenant l'identifiant du titre.</param>
-    /// <returns>Redirection vers la page détail.</returns>
+    /// <param name="model">Modele contenant l'identifiant du titre.</param>
+    /// <returns>Redirection vers la page detail.</returns>
     [HttpPost("like")]
     public IActionResult Like(TitreLike model)
     {
         _logger.LogInformation("Ajout d'un like pour le titre ID {Id}.", model.IdTitre);
 
-        var titre = _titres.FirstOrDefault(t => t.IdTitre == model.IdTitre);
+        var titre = FindById(model.IdTitre);
 
         if (titre == null)
         {
@@ -143,20 +116,20 @@ public class TitreController : Controller
     }
 
     /// <summary>
-    /// Ajoute un commentaire à un titre.
+    /// Ajoute un commentaire a un titre.
     /// </summary>
-    /// <param name="model">Données du commentaire.</param>
-    /// <returns>Redirection vers la page détail.</returns>
+    /// <param name="model">Donnees du commentaire.</param>
+    /// <returns>Redirection vers la page detail.</returns>
     [HttpPost("comment")]
     public IActionResult Comment(TitreComment model)
     {
         if (!ModelState.IsValid)
         {
-            _logger.LogWarning("Échec de validation du modèle de commentaire pour le titre ID {Id}.", model.IdTitre);
+            _logger.LogWarning("Echec de validation du modele de commentaire pour le titre ID {Id}.", model.IdTitre);
             return RedirectToAction("Details", new { id = model.IdTitre });
         }
 
-        var titre = _titres.FirstOrDefault(t => t.IdTitre == model.IdTitre);
+        var titre = FindById(model.IdTitre);
 
         if (titre == null)
         {
@@ -174,8 +147,25 @@ public class TitreController : Controller
 
         titre.Commentaires.Add(commentaire);
 
-        _logger.LogInformation("Commentaire ajouté avec succès au titre ID {Id}.", model.IdTitre);
+        _logger.LogInformation("Commentaire ajoute avec succes au titre ID {Id}.", model.IdTitre);
 
         return RedirectToAction("Details", new { id = model.IdTitre });
     }
-}
\ No newline at end of file
+
+    private Titre? FindById(int id)
+    {
+        return _titreRepository.Find(id);
+    }
+
+    private static TitreStyleItem MapTitreItem(Titre titre)
+    {
+        return new TitreStyleItem
+        {
+            IdTitre = titre.IdTitre,
+            Libelle = titre.Libelle,
+            ArtisteNom = titre.Artiste?.Nom,
+            UrlJaquette = titre.UrlJaquette,
+            Duree = titre.Duree
+        };
+    }
+}
diff --git a/Webzine.WebApplication/Program.cs b/Webzine.WebApplication/Program.cs
index 3d66574..e2d06b8 100644
--- a/Webzine.WebApplication/Program.cs
+++ b/Webzine.WebApplication/Program.cs
@@ -1,5 +1,7 @@
 using NLog;
 using NLog.Web;
+using Webzine.Repository;
+using Webzine.Repository.Contracts;
 
 // Initiation du logger NLog pour la classe courante afin de pouvoir l'utiliser pour logger des messages d'information, d'erreur, etc avant la construction de l'application.
 var logger = LogManager.Setup().LoadConfigurationFromAppSettings().GetCurrentClassLogger();
@@ -9,28 +11,29 @@ try
 {
     var builder = WebApplication.CreateBuilder(args);
 
-    // Ajoute les services nécessaires pour permettre l'utilisation des
+    // Ajoute les services necessaires pour permettre l'utilisation des
     // controllers avec des vues.
     builder.Services.AddControllersWithViews()
-        // Ajoute la compilation des vues lors de l'exécution de l'application.
-        // Cela nous évite de recompiler l'application à chaque modification de vue.
-        // Nécessite le package Nuget Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation.
+        // Ajoute la compilation des vues lors de l'execution de l'application.
+        // Cela nous evite de recompiler l'application a chaque modification de vue.
+        // Necessite le package Nuget Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation.
         .AddRazorRuntimeCompilation();
 
+    builder.Services.AddSingleton<ITitreRepository, LocalEntityRepository>();
+
     // NLog: Setup NLog for Dependency injection
     builder.Logging.ClearProviders();
     builder.Host.UseNLog();
 
     var app = builder.Build();
 
-    // Active la possibilité de servir des fichiers statiques présents dans
+    // Active la possibilite de servir des fichiers statiques presents dans
     // le dossier wwwroot.
     app.UseStaticFiles();
 
-    // Active le middleware permettant le routage des requétes entrantes.
+    // Active le middleware permettant le routage des requetes entrantes.
     app.UseRouting();
 
-
     // Ajoute une route pour les zones (Areas) comme Admin
     app.MapControllerRoute(
         name: "areas",
@@ -46,7 +49,7 @@ try
 }
 catch (Exception exception)
 {
-    // NLog: attrape les exceptions non gérées et les logge.
+    // NLog: attrape les exceptions non gerees et les logge.
     logger.Error(exception, "Stopped program because of exception");
     throw;
 }
@@ -54,4 +57,4 @@ finally
 {
     // Assure que NLog flush tous les messages de log avant de fermer l'application.
     NLog.LogManager.Shutdown();
-}
\ No newline at end of file
+}
diff --git a/Webzine.WebApplication/ViewModels/Recherche/RechercheArtisteItem.cs b/Webzine.WebApplication/ViewModels/Recherche/RechercheArtisteItem.cs
new file mode 100644
index 0000000..501fa87
--- /dev/null
+++ b/Webzine.WebApplication/ViewModels/Recherche/RechercheArtisteItem.cs
@@ -0,0 +1,17 @@
+namespace Webzine.WebApplication.ViewModels.Recherche;
+
+/// <summary>
+/// ViewModel pour afficher un artiste dans les resultats de recherche.
+/// </summary>
+public class RechercheArtisteItem
+{
+    /// <summary>
+    /// Nom de l'artiste.
+    /// </summary>
+    public string? Nom { get; set; }
+
+    /// <summary>
+    /// Nombre de titres associes a l'artiste.
+    /// </summary>
+    public int NombreDeTitres { get; set; }
+}
diff --git a/Webzine.WebApplication/ViewModels/Recherche/RechercheIndexViewModel.cs b/Webzine.WebApplication/ViewModels/Recherche/RechercheIndexViewModel.cs
new file mode 100644
index 0000000..e80340b
--- /dev/null
+++ b/Webzine.WebApplication/ViewModels/Recherche/RechercheIndexViewModel.cs
@@ -0,0 +1,24 @@
+using Webzine.WebApplication.ViewModels.Titre;
+
+namespace Webzine.WebApplication.ViewModels.Recherche;
+
+/// <summary>
+/// ViewModel pour afficher les resultats de recherche d'artistes et de titres.
+/// </summary>
+public class RechercheIndexViewModel
+{
+    /// <summary>
+    /// Mot saisi dans le formulaire.
+    /// </summary>
+    public string? Mot { get; set; }
+
+    /// <summary>
+    /// Artistes trouves.
+    /// </summary>
+    public List<RechercheArtisteItem> Artistes { get; set; } = new();
+
+    /// <summary>
+    /// Titres trouves.
+    /// </summary>
+    public List<TitreStyleItem> Titres { get; set; } = new();
+}
diff --git a/Webzine.WebApplication/Views/Recherche/Index.cshtml b/Webzine.WebApplication/Views/Recherche/Index.cshtml
new file mode 100644
index 0000000..731f518
--- /dev/null
+++ b/Webzine.WebApplication/Views/Recherche/Index.cshtml
@@ -0,0 +1,85 @@
+@model Webzine.WebApplication.ViewModels.Recherche.RechercheIndexViewModel
+
+@{
+    ViewData["Title"] = "Recherche";
+    Layout = "_Layout";
+}
+
+<div class="container mt-4">
+    <div class="row">
+        <div class="col-md-8">
+            <h1 class="mb-4">Resultats pour "@Model.Mot"</h1>
+
+            <hr />
+
+            @if (string.IsNullOrWhiteSpace(Model.Mot))
+            {
+                <div class="alert alert-info">
+                    Saisissez un mot-cle pour lancer une recherche.
+                </div>
+            }
+            else if (!Model.Artistes.Any() && !Model.Titres.Any())
+            {
+                <div class="alert alert-info">
+                    Aucun artiste ni titre ne correspond a votre recherche.
+                </div>
+            }
+            else
+            {
+                @if (Model.Artistes.Any())
+                {
+                    <h2 class="h4 mt-4">Artistes</h2>
+
+                    @foreach (var artiste in Model.Artistes)
+                    {
+                        <div class="my-3">
+                            <a asp-controller="Artiste"
+                               asp-action="Index"
+                               asp-route-nom="@artiste.Nom">
+                                @artiste.Nom
+                            </a>
+                            <span class="text-muted">(@artiste.NombreDeTitres titre(s))</span>
+                        </div>
+                    }
+                }
+
+                @if (Model.Titres.Any())
+                {
+                    <h2 class="h4 mt-4">Titres</h2>
+
+                    @foreach (var titre in Model.Titres)
+                    {
+                        <div class="d-flex align-items-start my-3">
+                            <a asp-controller="Titre"
+                               asp-action="Details"
+                               asp-route-id="@titre.IdTitre"
+                               class="me-3 text-black">
+                                <img src="@titre.UrlJaquette" alt="@titre.Libelle" width="70" height="70" class="object-fit-cover" />
+                            </a>
+
+                            <div class="justify-content-center d-flex flex-column">
+                                <div>
+                                    <a asp-controller="Artiste"
+                                       asp-action="Index"
+                                       asp-route-nom="@titre.ArtisteNom">
+                                        @titre.ArtisteNom
+                                    </a>
+                                    -
+                                    <a asp-controller="Titre"
+                                       asp-action="Details"
+                                       asp-route-id="@titre.IdTitre">
+                                        @titre.Libelle
+                                    </a>
+                                </div>
+
+                                <div>
+                                    Duree : @TimeSpan.FromSeconds(titre.Duree).ToString(@"mm\:ss")
+                                </div>
+                            </div>
+                        </div>
+                    }
+                }
+            }
+        </div>
+    </div>
+</div>
diff --git a/Webzine.WebApplication/Views/Shared/_Footer.cshtml b/Webzine.WebApplication/Views/Shared/_Footer.cshtml
index 94a5941..b4083c4 100644
--- a/Webzine.WebApplication/Views/Shared/_Footer.cshtml
+++ b/Webzine.WebApplication/Views/Shared/_Footer.cshtml
@@ -3,11 +3,11 @@
 *@
 @{
 }
-<div class="text-bg-light my-2 pb-0">
-    <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4"> 
+<div class="site-footer text-bg-light mt-auto">
+    <footer class="d-flex flex-wrap justify-content-between align-items-center py-3"> 
         <div class="col-md-4 d-flex align-items-center"> 
             
             <span class="mb-3 mb-md-0 ms-5 text-body-secondary">&copy; ASP .NET Core - DIIAGE 2025 - 2026</span> 
         </div> 
     </footer> 
-</div>
\ No newline at end of file
+</div>
diff --git a/Webzine.WebApplication/Views/Shared/_Header.cshtml b/Webzine.WebApplication/Views/Shared/_Header.cshtml
index 1e4617f..46ec496 100644
--- a/Webzine.WebApplication/Views/Shared/_Header.cshtml
+++ b/Webzine.WebApplication/Views/Shared/_Header.cshtml
@@ -62,10 +62,13 @@
                 </ul>
 
                 <!-- Barre de recherche -->
-                <form class="d-flex">
+                <form class="d-flex" asp-controller="Recherche" asp-action="Index" method="post">
                     <div class="input-group">
                         <div class="form-outline">
-                            <input class="form-control me-2" type="search" placeholder="Trouver un artiste / titre">
+                            <input class="form-control me-2"
+                                   type="search"
+                                   name="mot"
+                                   placeholder="Trouver un artiste, un titre ou un style">
                         </div>
                         <button class="btn btn-primary" type="submit">
                             <i class="fa-solid fa-magnifying-glass"></i>
@@ -75,4 +78,4 @@
             </div>
         </div>
     </nav>
-</header>
\ No newline at end of file
+</header>
diff --git a/Webzine.WebApplication/Views/Shared/_Layout.cshtml b/Webzine.WebApplication/Views/Shared/_Layout.cshtml
index 93ec7e4..8201aa7 100644
--- a/Webzine.WebApplication/Views/Shared/_Layout.cshtml
+++ b/Webzine.WebApplication/Views/Shared/_Layout.cshtml
@@ -15,18 +15,20 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
 </head>
 <body>
-    <div class="pb-0 mb-0">
+    <div class="site-shell">
         <partial name="_Header"/>
-        <div class="row mt-5">
-            <main class="col mx-3">
-                @RenderBody()
-            </main>
-            @if(ViewContext.RouteData.Values["area"]?.ToString() != "Administration")
-            {
-                <partial name="_Sidebar" />
-            }
+        <div class="container-fluid flex-grow-1 py-4">
+            <div class="row g-0">
+                <main class="col mx-3">
+                    @RenderBody()
+                </main>
+                @if(ViewContext.RouteData.Values["area"]?.ToString() != "Administration")
+                {
+                    <partial name="_Sidebar" />
+                }
+            </div>
         </div>
         <partial name="_Footer" />
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
