public/css/general.css

@@ -14,7 +14,11 @@ img {
 
 body {
     margin: 0;
-    padding-top: 75px;
+    padding-top: 60px;
+}
+
+ul {
+    margin: 0;
 }
 
 .wrapper {

public/css/header.css

@@ -4,7 +4,7 @@
     width: 100%;
     top: 0;
     background-color: #fff;
-    height: 75px;
+    height: 60px;
 }
 
 .headerWrapper {
@@ -39,6 +39,7 @@ a:visited {
 
 .headerMenuElement {
     padding-bottom: 5px;
+    margin: 0;
 }
 
 .headerMenuElement:hover {
@@ -68,7 +69,7 @@ a:visited {
     background-color: #fff;
     display: flex;
     flex-flow: column;
-    justify-content: space-around;
+    justify-content: center;
     align-items: center;
     text-align: left;
     position: fixed;
@@ -76,17 +77,14 @@ a:visited {
     width: 100%;
     height: 90%;
     margin: 0;
-    padding-top: 200px;
-    padding-bottom: 200px;
+    padding: auto;
 }
 
 /* Le header s'affiche en menu hamburger pour les breakpoints téléphone et tablette */
 @media screen and (min-width: 778px) {
     .nav-is-active {
-        font-size: 3rem;
-        /*48px*/
-        padding-top: 100px;
-        padding-bottom: 100px;
+        font-size: 2rem;
+        /*32px*/
     }
 }