footer

style.css

@@ -196,6 +196,20 @@ h2 {
   align-items: baseline;
 }
 
+.nouvelle-grille::before {
+  content: "";
+  height: 16px;
+  width: 16px;
+  background: url(favicons/favicon.svg);
+  margin-right: 0.5em;
+  margin-left: calc(-16px - 0.5em);
+  padding: 0;
+}
+
+.nouvelle-grille :first-child {
+  padding-left: 0;
+}
+
 .nouvelle-grille button,
 .nouvelle-grille input {
   border: none;
@@ -235,6 +249,23 @@ h1 a:hover,
   margin: 0; 
 }
 
+footer a {
+  color: inherit;
+}
+
+footer li:first-of-type::marker {
+  content: none;
+}
+
+footer ul {
+  display: flex;
+  flex-flow: row;
+  margin: 0;
+  justify-content: center;
+  align-items: baseline;
+  gap: 1.4em;
+}
+
 @media (max-width: 1024px) {
   h1.large.width {
     display: none;
@@ -306,6 +337,18 @@ h1 a:hover,
     margin: 0;
     padding: 0;
   }
+
+  footer {
+    margin: 1em 0 0.5em 0;
+  }
+
+  footer ul {
+    display: block;
+  }
+
+  footer li:first-of-type::marker {
+    content: initial;
+  }
 }
 
 @media (max-device-width: 768px) and (orientation: landscape) {