diff --git a/public/img/Boulogne-billancourt-Bonsai-dans-le-jardin-japonais-d-albert-kahn.jpeg b/public/img/Boulogne-billancourt-Bonsai-dans-le-jardin-japonais-d-albert-kahn.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..69331e46c05500df80be8f92d876cf9c6189dae8
Binary files /dev/null and b/public/img/Boulogne-billancourt-Bonsai-dans-le-jardin-japonais-d-albert-kahn.jpeg differ
diff --git a/public/img/Nav.png b/public/img/Nav.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ad540157cbb287b09cf659ed2a1720101e6d4ad
Binary files /dev/null and b/public/img/Nav.png differ
diff --git a/public/img/arbreNav.jpg b/public/img/arbreNav.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..3f1f5f28189e2e5451ca498fba1f6a08622bba0c
Binary files /dev/null and b/public/img/arbreNav.jpg differ
diff --git a/public/img/feuillesNav.jpeg b/public/img/feuillesNav.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..1fbc7eeff04fc91370ceb5784b9c4c33a9b2fe0b
Binary files /dev/null and b/public/img/feuillesNav.jpeg differ
diff --git a/resources/views/head.blade.php b/resources/views/head.blade.php
index 38ae975f36ca1b98b1f119279bf0215a566c6eed..ff660fbd29b84454bac838f24d2f34317760df27 100644
--- a/resources/views/head.blade.php
+++ b/resources/views/head.blade.php
@@ -59,11 +59,11 @@
             nav .nav-item a:hover,
             nav .nav-item a:focus {
                 background-color: #3E3E3E;
-                background: -moz-linear-gradient(bottom , #888888 0pt, #626262 50%, #5d5d5d 51%, #dadada 100%) repeat scroll 0 0 transparent;
-                background: -webkit-linear-gradient(bottom , #888888 0pt, #626262 50%, #5d5d5d 51%, #dadada 100%) repeat scroll 0 0 transparent;
-                background: -ms-linear-gradient(bottom , #888888 0pt, #626262 50%, #5d5d5d 51%, #dadada 100%) repeat scroll 0 0 transparent;
-                background: -o-linear-gradient(bottom , #888888 0pt, #626262 50%, #5d5d5d 51%, #dadada 100%) repeat scroll 0 0 transparent;
-                background: linear-gradient(bottom , #888888 0pt, #626262 50%, #5d5d5d 51%, #dadada 100%) repeat scroll 0 0 transparent;
+                background: -moz-linear-gradient(bottom , #dadada 0pt, #999 50%, #999 51%, #dadada 100%) repeat scroll 0 0 transparent;
+                background: -webkit-linear-gradient(bottom , #dadada 0pt, #999 50%, #999 51%, #dadada 100%) repeat scroll 0 0 transparent;
+                background: -ms-linear-gradient(bottom , #dadada 0pt, #999 50%, #999 51%, #dadada 100%) repeat scroll 0 0 transparent;
+                background: -o-linear-gradient(bottom , #dadada 0pt, #999 50%, #999 51%, #dadada 100%) repeat scroll 0 0 transparent;
+                background: linear-gradient(bottom , #dadada 0pt, #999 50%, #999 51%, #dadada 100%) repeat scroll 0 0 transparent;
                 text-shadow: -1px -1px 0 #666;
             }
 
@@ -104,7 +104,7 @@
         @yield('body')
     </body>
 
-    <footer class="blog-footer" >
+    <footer class="blog-footer">
         @yield('footer')
     </footer>
         
diff --git a/resources/views/header.blade.php b/resources/views/header.blade.php
index e51b1d7642d6114b74299c7607fab3813e64d8ac..e97769d9fce2e8c316f358d31d1690a9beae54c3 100644
--- a/resources/views/header.blade.php
+++ b/resources/views/header.blade.php
@@ -1,22 +1,27 @@
 @extends('head')
 
 @section('header')
-<nav class="navbar navbar-toggleable-sm nav-perso-color navbar-light fixed-top">
+<!-- style='background: url("/img/feuillesNav.jpeg") no-repeat; background-size: cover;' -->
+<nav class="navbar navbar-toggleable-sm nav-perso-color navbar-inverse fixed-top" style='background-color: #003300'>
     <div class="container">
         <button class="navbar-toggler navbar-toggler-right mt-0" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
         <h1 class="py-0 ml-lg-0 mx-3"><a href="#"> <img src="/img/arbre.jpg" width=90em/> </a></h1>
         <div class="collapse navbar-collapse flex-column ml-lg-0 ml-3" id="navbarCollapse">
+            <!-- Première ligne de liens -->
             <ul class="navbar-nav">
                 <li class="nav-item">
-                    <a class="nav-link nav-perso-color" href="index.html" title="Bah oue mamene">Accueil</a>
+                    <a class="nav-link" href="index.html" title="">Accueil</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" href="index.html#presentation" title="Une bonne question">Qui suis-je ?</a>
+                    <a class="nav-link" href="" title="">Mon compte</a>
                 </li>
                 <li class="nav-item">
-                    <a class="nav-link" href="mailto:alexandre.alves@ensiie.fr" title="Via mon email de l'ENSIIE">Contactez-moi</a>
+                    <a class="nav-link" href="" title="">Mes voisins</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="" title="">Les produits</a>
                 </li>
                 <li class="nav-item nav-right mr-lg-0">
                     <form class="form-inline waves-effect waves-light">
@@ -24,10 +29,13 @@
                     </form>
                 </li>
             </ul>
+            <!-- Deuxième ligne de liens -->
             <ul class="navbar-nav flex-row mb-0">
+                <li class="nav-item"> </li>
                 <!-- <li class="nav-item">
                     <a class="btn nav-perso-color btn-sm" style="background-color:red;" href="index.html#presentation" title="Une bonne question">Projets</a>
                 </li> -->
+                <!--
                 <li class="nav-item">
                     <div class="dropdown" >
                         <button class="btn btn-sm nav-perso-color dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="background-color:red;" title="Oui je fais des choses, je te vois douter">
@@ -64,6 +72,7 @@
                         </div>
                     </div>
                 </li>
+            -->
             </ul>
         </div>
     </div>