Redisposition des menus et du pied de page.

assets/production/css/style.css

@@ -10,6 +10,7 @@ body {
 }
 
 .Container {
+  clear: both;
   max-width: 960px;
   margin: 0 auto;
   padding: 0 32px;
@@ -130,46 +131,25 @@ abbr {
   height: 25vh;
 }
 
-.logo-small {
-  width: 3em;
-  display: inline-block;
-  margin: 0.4em;
-}
-
-menu {
+nav {
   margin: 0;
+  overflow: hidden;
   padding: 0;
-  font-size: 0;
 }
 
-.container-logo,
-.menu-item {
-  height: 30%;
-  display: inline-block;
-  font-size: 16px;
-  vertical-align: middle;
+nav section {
+  float: left;
+  padding-left: 2em;
+  width: 30%;
 }
 
-.menu-item {
-  float: right;
-  margin-left: 2em;
+nav section h2 {
+  font-size: 1.5em;
+  text-align: center;
 }
 
-.menu-button {
-  padding: 8px 24px;
-  background: #05b;
-  color: #fff;
-  text-transform: uppercase;
-  text-decoration: none;
-  font-size: 12.8px;
-  font-weight: bold;
-  border-radius: 0 0 24px 24px;
-  line-height: 24px;
-  display: inline-block;
-}
-
-.menu-button-login {
-  background: #2eae2e;
+nav section ul li {
+  list-style: none;
 }
 
 .Hero {
@@ -259,23 +239,17 @@ menu {
   gap: 64px 0;
 }
 
-.Article-Title {
-  margin-top: 64px;
-  margin-bottom: 32px;
+.footer h2 {
+  font-size: 1.2em;
+  margin-bottom: 0;
 }
 
-.footer {
+.footer p {
+  font-size: 0.8em;
 }
 
-.footer ul,
-.footer li {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.footer .Two-cols-One-row {
-  grid-row-gap: 0;
+.footer p + p {
+  margin-top: 0;
 }
 
 @media only screen and (min-width: 768px) {