Création des pages + responsive header

assets/css/header.css

@@ -0,0 +1,80 @@
+header {
+    overflow: hidden;
+    background-color: #f1f1f1;
+    padding: 20px 10px;
+}
+
+header h1 {
+    float: left;
+    font-size: 25px;
+    font-weight: bold;
+}
+
+#menu li {
+    display: inline;
+}
+
+#menu li.active a {
+    background-color: dodgerblue;
+    color: white;
+}
+
+#menu li a:hover {
+    background-color: #ddd;
+    color: black;
+}
+
+#menu li a {
+    color: black;
+    padding: 12px;
+    text-decoration: none;
+    font-size: 18px; 
+    line-height: 25px;
+    border-radius: 4px;
+}
+
+#burger-menu {
+    transform: translateY(25%);
+}
+
+@media screen and (min-width: 700px) {
+    #menu li a {
+        border-radius: 4px;
+    }
+    .visible {
+        display:block;
+    }
+    #menu {
+        float: right;
+        /*display: block;*/
+    }
+
+    #burger-menu {
+        display: none;
+        float: right;
+    }
+}
+
+@media screen and (max-width: 700px) {
+    .invisible {
+display : none;
+
+    }
+    #menu li a {
+      float: none;
+      display: block;
+      text-align: left;
+    }
+    
+    #menu {
+      float: none;
+      /*display: none;*/
+      margin-top: 80px;
+      padding: 0;
+    }
+
+    #burger-menu {
+        display: block;
+        float: right;
+    }
+}

assets/css/style.css

@@ -0,0 +1,3 @@
+body {
+    margin: 0;
+}