diff --git a/public/css/header.css b/public/css/header.css
index b947751..bc543c4 100644
--- a/public/css/header.css
+++ b/public/css/header.css
@@ -18,12 +18,19 @@
     cursor: pointer;
     }
 
+    .headerMenuHamburger{
+        fill: #394596;
+        height: 100px;
+        width: 100px;
+
+    }
+
     /* Le header s'affiche en menu hamburger pour les breakpoints téléphone et tablette */
 @media screen and (max-width: 576px) {
     .headerMenuElement{
         display: none;
     }
-    .hamburgerMenuIcon{
+    .headerMenuHamburger{
         display: block;
     }
   }
@@ -32,7 +39,7 @@
      .headerMenuElement{
         display: none; 
     }
-    .hamburgerMenuIcon{
+    .headerMenuHamburger{
         display: block;
     }
   }
diff --git a/templates/html/header.gohtml b/templates/html/header.gohtml
index 3be591c..e9a1b52 100644
--- a/templates/html/header.gohtml
+++ b/templates/html/header.gohtml
@@ -2,7 +2,7 @@
     <link rel="stylesheet" href="/public/css/header.css">
 <div class="header">   
     <ul class="headerMenu">
-        <li class="headerMenuElement"><a href="/"><svg class="headerMenuIcon" src="/public/icones/hamburger-menu.svg"></svg></a></li>
+        <li class="headerMenuElement"><a href="/"><svg class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg"></svg></a></li>
         <li class="headerMenuElement"><a href="/">index</a></li>
         <li class="headerMenuElement"><a href="/a-propos">À propos</a></li>
         <li class="headerMenuElement"><a href="/actualite">Actualité</a></li>