diff --git a/GrossesMitaines/GrossesMitaines.sln b/GrossesMitaines/GrossesMitaines.sln
index 96c7a54..d3f9b53 100644
--- a/GrossesMitaines/GrossesMitaines.sln
+++ b/GrossesMitaines/GrossesMitaines.sln
@@ -3,7 +3,7 @@ Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
 VisualStudioVersion = 17.1.32210.238
 MinimumVisualStudioVersion = 10.0.40219.1
-Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "GrossesMitaines", "GrossesMitaines\GrossesMitaines.csproj", "{6BFC8E3C-ED6F-4C61-BAAF-A8BB0686F5C1}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "GrossesMitaines", "GrossesMitaines\GrossesMitaines.csproj", "{6BFC8E3C-ED6F-4C61-BAAF-A8BB0686F5C1}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
diff --git a/GrossesMitaines/GrossesMitaines/GrossesMitaines.csproj b/GrossesMitaines/GrossesMitaines/GrossesMitaines.csproj
index 7646f68..7929a10 100644
--- a/GrossesMitaines/GrossesMitaines/GrossesMitaines.csproj
+++ b/GrossesMitaines/GrossesMitaines/GrossesMitaines.csproj
@@ -15,9 +15,10 @@
   </ItemGroup>
 
   <ItemGroup>
-    <Folder Include="ViewModels\" />
     <Folder Include="ViewComponents\" />
-    <Folder Include="Views\Shared\Components\" />
+    <Folder Include="ViewModels\" />
+    <Folder Include="wwwroot\img\" />
+    <Folder Include="wwwroot\audio\" />
   </ItemGroup>
 
 </Project>
diff --git a/GrossesMitaines/GrossesMitaines/Views/Home/Index.cshtml b/GrossesMitaines/GrossesMitaines/Views/Home/Index.cshtml
index b6e4bd8..964c2b1 100644
--- a/GrossesMitaines/GrossesMitaines/Views/Home/Index.cshtml
+++ b/GrossesMitaines/GrossesMitaines/Views/Home/Index.cshtml
@@ -1,3 +1,9 @@
 @{
     ViewData["Title"] = "Maison";
-}
\ No newline at end of file
+}
+
+<div class="row"></div>
+<div class="container col-10 offset-1 text-primary text-right text-sm-right" style="font-family:Comic Sans MS;">
+    <h1>Des produits bien commodes faits par des aînées d'expérience.</h1>
+</div>
+
diff --git a/GrossesMitaines/GrossesMitaines/Views/Shared/Components/EnVedette/Default.cshtml b/GrossesMitaines/GrossesMitaines/Views/Shared/Components/EnVedette/Default.cshtml
new file mode 100644
index 0000000..b37b9e1
--- /dev/null
+++ b/GrossesMitaines/GrossesMitaines/Views/Shared/Components/EnVedette/Default.cshtml
@@ -0,0 +1,46 @@
+<div class="container col-7 offset-1 text-primary" style="font-family:Comic Sans MS;">
+    <h1>Nos produits vedettes:</h1>
+</div>
+<div class="carousel slide" data-ride="carousel">
+    <div class="carousel-inner offset-3">
+        <div class="carousel-item active">
+            <div class="row text-primary" style="font-family:Comic Sans MS;">
+                <div class="col-4">
+                <img class="d-block w-100" src="img/ceintureflechee.jpg">
+                </div>
+                <div class="col-6">
+                <h3>Ceinture flèchée</h3>
+                <p>Pour faire votre propre bonhomme de 1837, comme dans le bon vieux temps.</p>
+                <h5>Seulement</h5> 
+                <h4 class="offset-1">85,86$+tx</h4>
+                </div>
+            </div>
+        </div>
+        <div class="carousel-item">
+            <div class="row text-primary" style="font-family:Comic Sans MS;">
+                <div class="col-4">
+                    <img class="d-block w-100" src="img/pantouflesCH.jpg">
+                </div>
+                <div class="col-6">
+                    <h3>Pantoufles du Canadien en Phentex</h3>
+                    <p>Parce que ça sent la coupe!</p>
+                    <h5>Seulement</h5>
+                    <h4 class="offset-1">15,64$+tx</h4>
+                </div>
+            </div>
+        </div>
+        <div class="carousel-item">
+            <div class="row text-primary" style="font-family:Comic Sans MS;">
+                <div class="col-4">
+                    <img class="d-block w-100" src="img/jeanlucmongrain.jpg">
+                </div>
+                <div class="col-6">
+                    <h3>Jean-Luc Mongrain</h3>
+                    <p>On ne lui ferait pas mal, en tout cas!!</p>
+                    <h5>Seulement</h5>
+                    <h4 class="offset-1">1453,12$+tx</h4>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file
diff --git a/GrossesMitaines/GrossesMitaines/Views/Shared/Components/EnVedette/Default.cshtml.cs b/GrossesMitaines/GrossesMitaines/Views/Shared/Components/EnVedette/Default.cshtml.cs
new file mode 100644
index 0000000..b809ab3
--- /dev/null
+++ b/GrossesMitaines/GrossesMitaines/Views/Shared/Components/EnVedette/Default.cshtml.cs
@@ -0,0 +1,12 @@
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace GrossesMitaines.Views.Shared.Components.EnVedette
+{
+    public class IndexModel : PageModel
+    {
+        public void OnGet()
+        {
+        }
+    }
+}
diff --git a/GrossesMitaines/GrossesMitaines/Views/Shared/_Layout.cshtml b/GrossesMitaines/GrossesMitaines/Views/Shared/_Layout.cshtml
index f0660db..5387fe0 100644
--- a/GrossesMitaines/GrossesMitaines/Views/Shared/_Layout.cshtml
+++ b/GrossesMitaines/GrossesMitaines/Views/Shared/_Layout.cshtml
@@ -8,43 +8,49 @@
     <link rel="stylesheet" href="~/css/site.css" />
     <link rel="stylesheet" href="~/font-awesome/css/all.min.css" />
 </head>
-<body>
-    <header>
-        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
+<body class="bg-dark">
+    <audio autoplay>
+        <Source src="audio/poupee.mp3" type="audio/mpeg" />
+    </audio>
+
+    <header class="bg-primary">
+        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light border-bottom box-shadow text-white mb-3">
             <div class="container">
-                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">GrossesMitaines</a>
-                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
+                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index"><img style="width:64px;" src="img/LesGrossesMitaines.png" /></a>
+                <button class="navbar-toggler bg-light text-primary" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                         aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
                 <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
                     <ul class="navbar-nav flex-grow-1">
                         <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Index">Home</a>
+                            <a class="nav-link text-light" asp-area="" asp-controller="Home" asp-action="Index" style="font-family:Comic Sans MS;">Maison</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link text-dark" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
+                            <a class="nav-link text-light" asp-area="" asp-controller="Home" asp-action="Privacy" style="font-family:Comic Sans MS;">Vie Privée</a>
                         </li>
                     </ul>
                 </div>
             </div>
         </nav>
     </header>
-    <div id="research-bar" class="input-group col-12">
-        <input type="search" class="form-control rounded col-sm-10 col-md-11" placeholder="Search" aria-label="Search" aria-describedby="search-addon" />
-        <button type="button" id="btn-search" class="btn btn-outline-primary col-sm-2 col-md-1">
-                <div id="search-icon" class="fa fa-search"></div>
+
+    <div id="research-bar" class="container input-group col-12 d-sm-inline-flex justify-content-between mb-3">
+        <input type="search" class=" form-control rounded col-sm-10 col-md-11 col-10" placeholder="Recherche" aria-label="Search" aria-describedby="search-addon" />
+        <button type="button" id="btn-search" class="btn btn-outline-primary btn-light col-sm-2 col-md-1 box-shadow col-2 ">
+            <div id="search-icon" class="fa fa-search"></div>
         </button>
     </div>
     <div class="container">
+        
         <main role="main" class="pb-3">
             @RenderBody()
         </main>
     </div>
 
-    <footer class="border-top footer text-muted">
-        <div class="container">
-            &copy; 2022 - GrossesMitaines - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a>
+    <footer class="border-top footer text-light bg-primary">
+        <div class="container" style="font-family:Comic Sans MS;">
+            &copy; 2022 - Les Grosses Mitaines à Ginette et Monique, inc. - <a asp-area="" asp-controller="Home" asp-action="Privacy" class="text-info" style="font-family:Comic Sans MS;">Vie Privée</a>
         </div>
     </footer>
     <script src="~/lib/jquery/dist/jquery.min.js"></script>
diff --git a/GrossesMitaines/GrossesMitaines/Views/_ViewImports.cshtml b/GrossesMitaines/GrossesMitaines/Views/_ViewImports.cshtml
index 15c88c7..0eefc5f 100644
--- a/GrossesMitaines/GrossesMitaines/Views/_ViewImports.cshtml
+++ b/GrossesMitaines/GrossesMitaines/Views/_ViewImports.cshtml
@@ -1,3 +1,4 @@
 @using GrossesMitaines
 @using GrossesMitaines.Models
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
+@addTagHelper *, GrossesMitaines
\ No newline at end of file
diff --git a/GrossesMitaines/GrossesMitaines/wwwroot/audio/poupee.mp3 b/GrossesMitaines/GrossesMitaines/wwwroot/audio/poupee.mp3
new file mode 100644
index 0000000..5938938
Binary files /dev/null and b/GrossesMitaines/GrossesMitaines/wwwroot/audio/poupee.mp3 differ
diff --git a/GrossesMitaines/GrossesMitaines/wwwroot/css/site.css b/GrossesMitaines/GrossesMitaines/wwwroot/css/site.css
index fd03040..70f661b 100644
--- a/GrossesMitaines/GrossesMitaines/wwwroot/css/site.css
+++ b/GrossesMitaines/GrossesMitaines/wwwroot/css/site.css
@@ -1,6 +1,7 @@
 /* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
 for details on configuring this project to bundle and minify static web assets. */
 
+
 a.navbar-brand {
   white-space: normal;
   text-align: center;
@@ -27,13 +28,15 @@ a {
 /* Sticky footer styles
 -------------------------------------------------- */
 html {
-  font-size: 14px;
+    font-size: 14px;
 }
+
 @media (min-width: 768px) {
-  html {
-    font-size: 16px;
+    html {
+        font-size: 16px;
+    }
   }
-}
+
 
 .border-top {
   border-top: 1px solid #e5e5e5;
@@ -59,15 +62,8 @@ html {
 }
 
 body {
-  /* Margin bottom by footer height */
-  margin-bottom: 60px;
-}
-.footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  white-space: nowrap;
-  line-height: 60px; /* Vertically center the text there */
+    /* Margin bottom by footer height */
+    margin-bottom: 60px;
 }
 
 #btn-search{
@@ -77,3 +73,11 @@ body {
 #search-icon{
     margin:auto;
 }
+
+.footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    white-space: nowrap;
+    line-height: 60px; /* Vertically center the text there */
+}
\ No newline at end of file
diff --git a/GrossesMitaines/GrossesMitaines/wwwroot/img/LesGrossesMitaines.png b/GrossesMitaines/GrossesMitaines/wwwroot/img/LesGrossesMitaines.png
new file mode 100644
index 0000000..d9bb798
Binary files /dev/null and b/GrossesMitaines/GrossesMitaines/wwwroot/img/LesGrossesMitaines.png differ
diff --git a/GrossesMitaines/GrossesMitaines/wwwroot/img/ceintureflechee.jpg b/GrossesMitaines/GrossesMitaines/wwwroot/img/ceintureflechee.jpg
new file mode 100644
index 0000000..cf3bfdf
Binary files /dev/null and b/GrossesMitaines/GrossesMitaines/wwwroot/img/ceintureflechee.jpg differ
diff --git a/GrossesMitaines/GrossesMitaines/wwwroot/img/jeanlucmongrain.jpg b/GrossesMitaines/GrossesMitaines/wwwroot/img/jeanlucmongrain.jpg
new file mode 100644
index 0000000..9554d32
Binary files /dev/null and b/GrossesMitaines/GrossesMitaines/wwwroot/img/jeanlucmongrain.jpg differ
diff --git a/GrossesMitaines/GrossesMitaines/wwwroot/img/pantouflesCH.jpg b/GrossesMitaines/GrossesMitaines/wwwroot/img/pantouflesCH.jpg
new file mode 100644
index 0000000..b0da00c
Binary files /dev/null and b/GrossesMitaines/GrossesMitaines/wwwroot/img/pantouflesCH.jpg differ
diff --git a/GrossesMitaines/GrossesMitaines/wwwroot/lib/bootstrap/dist/css/bootstrap.css b/GrossesMitaines/GrossesMitaines/wwwroot/lib/bootstrap/dist/css/bootstrap.css
index 8f47589..ff5adfb 100644
--- a/GrossesMitaines/GrossesMitaines/wwwroot/lib/bootstrap/dist/css/bootstrap.css
+++ b/GrossesMitaines/GrossesMitaines/wwwroot/lib/bootstrap/dist/css/bootstrap.css
@@ -18,8 +18,8 @@
   --white: #fff;
   --gray: #6c757d;
   --gray-dark: #343a40;
-  --primary: #007bff;
-  --secondary: #6c757d;
+  --primary: #3ab250;
+  --secondary: #b800ba;
   --success: #28a745;
   --info: #17a2b8;
   --warning: #ffc107;
@@ -54,7 +54,7 @@ article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Comic Sans MS", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;