diff --git a/WF-WebAdmin/WF-WebAdmin/Pages/Accueil.cs b/WF-WebAdmin/WF-WebAdmin/Pages/Accueil.cs
index 6553676..d98f86e 100644
--- a/WF-WebAdmin/WF-WebAdmin/Pages/Accueil.cs
+++ b/WF-WebAdmin/WF-WebAdmin/Pages/Accueil.cs
@@ -1,4 +1,6 @@
-using Microsoft.AspNetCore.Components;
+using Blazored.LocalStorage;
+using Blazorise.DataGrid;
+using Microsoft.AspNetCore.Components;
 using WF_WebAdmin.Model;
 
 
diff --git a/WF-WebAdmin/WF-WebAdmin/Pages/Accueil.razor b/WF-WebAdmin/WF-WebAdmin/Pages/Accueil.razor
index bba7495..e9f0d0b 100644
--- a/WF-WebAdmin/WF-WebAdmin/Pages/Accueil.razor
+++ b/WF-WebAdmin/WF-WebAdmin/Pages/Accueil.razor
@@ -5,35 +5,40 @@
 
 <h1>Accueil</h1>
 
+<h2>Sitation du jour</h2>
+
+@*
+<div class="QuoteDiv">
+    <img class="imgQuote" src="@quote.ImgPath" />
+    <p class="idQuote"><strong>Identifiant de la citation :</strong>@quote.Id </p>
+    <p class="contentQuote"><strong>Citation:</strong>@quote.Content</p>
+    <p class="CaracterQuote"><strong>Personnage :</strong> @quote.Charac</p>
+    <p class="SourceQuote"><strong>Source :</strong> @quote.TitleSrc</p>
+    <p class="langueQuote"><strong>Langue :</strong> @quote.Langue</p>
+    <p class="UserPropositionQuote">@quote.UserProposition a proposé cette citation</p>
+    <button>Suprimé la citation</button>
+</div>
+*@
+
 <button>Mettre une citation aléatoire</button>
 
+
 @if (quotes != null)
 {
-    <table class="table">
-        <thead>
-            <tr>
-                <th>Id</th>
-                <th>Content</th>
-                <th>Charactére</th>
-                <th>Title Source</th>
-                <th>Like</th>
-                <th>Langue</th>
-                <th>Date Source</th>
-            </tr>
-        </thead>
-        <tbody>
-            @foreach (var quote in quotes)
-            {
-                <tr>
-                    <td>@quote.Id</td>
-                    <td>@quote.Content</td>
-                    <td>@quote.Charac</td>
-                    <td>@quote.TitleSrc</td>
-                    <td>@quote.Like</td>
-                    <td>@quote.Langue</td>
-                    <td>@quote.DateSrc.ToShortDateString()</td>
-                </tr>
-            }
-        </tbody>
-    </table>
+    <h3>Citations non validées</h3>
+    <p>Citations en attente de validation:</p>
+
+    @foreach (var quote in quotes)
+    {
+        <div class="QuoteDiv">
+            <img class="imgQuote" src="@quote.ImgPath" />
+            <p class="idQuote"><strong>Identifiant de la citation :</strong>@quote.Id </p>
+            <p class="contentQuote"><strong>Citation:</strong>@quote.Content</p>
+            <p class="CaracterQuote"><strong>Personnage :</strong> @quote.Charac</p>
+            <p class="SourceQuote"><strong>Source :</strong> @quote.TitleSrc</p>
+            <p class="langueQuote"><strong>Langue :</strong> @quote.Langue</p>
+            <p class="UserPropositionQuote">@quote.UserProposition a proposé cette citation</p>
+            <button>Suprimé la citation</button>
+        </div>
+    }
 }
\ No newline at end of file
diff --git a/WF-WebAdmin/WF-WebAdmin/Pages/_Layout.cshtml b/WF-WebAdmin/WF-WebAdmin/Pages/_Layout.cshtml
index dd71165..db114bc 100644
--- a/WF-WebAdmin/WF-WebAdmin/Pages/_Layout.cshtml
+++ b/WF-WebAdmin/WF-WebAdmin/Pages/_Layout.cshtml
@@ -28,5 +28,6 @@
     </div>
 
     <script src="_framework/blazor.server.js"></script>
+
 </body>
 </html>
diff --git a/WF-WebAdmin/WF-WebAdmin/Program.cs b/WF-WebAdmin/WF-WebAdmin/Program.cs
index cdcdbeb..77896c4 100644
--- a/WF-WebAdmin/WF-WebAdmin/Program.cs
+++ b/WF-WebAdmin/WF-WebAdmin/Program.cs
@@ -1,3 +1,4 @@
+using Blazored.LocalStorage;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
 using WF_WebAdmin.Data;
@@ -11,6 +12,8 @@ builder.Services.AddSingleton<WeatherForecastService>();
 
 builder.Services.AddHttpClient();
 
+builder.Services.AddBlazoredLocalStorage();
+
 var app = builder.Build();
 
 // Configure the HTTP request pipeline.
diff --git a/WF-WebAdmin/WF-WebAdmin/WF-WebAdmin.csproj b/WF-WebAdmin/WF-WebAdmin/WF-WebAdmin.csproj
index 9c94761..5eab720 100644
--- a/WF-WebAdmin/WF-WebAdmin/WF-WebAdmin.csproj
+++ b/WF-WebAdmin/WF-WebAdmin/WF-WebAdmin.csproj
@@ -7,4 +7,11 @@
     <RootNamespace>WF_WebAdmin</RootNamespace>
   </PropertyGroup>
 
+  <ItemGroup>
+    <PackageReference Include="Blazored.LocalStorage" Version="4.5.0" />
+    <PackageReference Include="Blazorise.Bootstrap" Version="1.7.2" />
+    <PackageReference Include="Blazorise.DataGrid" Version="1.7.2" />
+    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.7.2" />
+  </ItemGroup>
+
 </Project>
diff --git a/WF-WebAdmin/WF-WebAdmin/_Imports.razor b/WF-WebAdmin/WF-WebAdmin/_Imports.razor
index 5f99f58..d4da21d 100644
--- a/WF-WebAdmin/WF-WebAdmin/_Imports.razor
+++ b/WF-WebAdmin/WF-WebAdmin/_Imports.razor
@@ -7,4 +7,4 @@
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.JSInterop
 @using WF_WebAdmin
-@using WF_WebAdmin.Shared
+@using WF_WebAdmin.Shared
\ No newline at end of file
diff --git a/WF-WebAdmin/WF-WebAdmin/wwwroot/fake-dataQuote.json b/WF-WebAdmin/WF-WebAdmin/wwwroot/fake-dataQuote.json
index f38cd34..1378868 100644
--- a/WF-WebAdmin/WF-WebAdmin/wwwroot/fake-dataQuote.json
+++ b/WF-WebAdmin/WF-WebAdmin/wwwroot/fake-dataQuote.json
@@ -1,20 +1,20 @@
 [
   {
     "Id": 1,
-    "Content": "coucou",
-    "Charac": "moi",
-    "ImgPath": "img",
-    "TitleSrc": "G4",
+    "Content": "'Dans le monde il n’y a pas d’un côté le bien et le mal, il y a une part de lumière et d’ombre en chacun de nous. Ce qui compte c’est celle que l’on choisit de montrer dans nos actes, ça c’est ce que l’on est vraiment.'",
+    "Charac": "Sirius Black",
+    "ImgPath": "https://tse2.mm.bing.net/th/id/OIP.MMpXBB5RDRYQm05FJmevGAHaKl?w=137&h=195&c=7&r=0&o=5&pid=1.7",
+    "TitleSrc": "Harry Potter et L’ordre du Phoenix",
     "DateSrc": "2001-01-01",
     "Like": 20,
     "Langue": "fr"
   },
   {
     "Id": 2,
-    "Content": "boujour",
-    "Charac": "toi",
-    "ImgPath": "img",
-    "TitleSrc": "G4",
+    "Content": "'Une autre citation'",
+    "Charac": "Un personnage",
+    "ImgPath": "https://tse2.mm.bing.net/th/id/OIP.zR4rzkK7q2wCcNwZd6jjegHaIC?w=163&h=180&c=7&r=0&o=5&pid=1.7",
+    "TitleSrc": "Un super film",
     "DateSrc": "2002-02-02",
     "Like": 0,
     "Langue": "fr"