footer - style and add tommy milliot mention

assets/css/src/footer.css

@@ -2,10 +2,17 @@
   --padding-vertical: var(--space-m);
   background-color: var(--color-brown);
   display: grid;
-  grid-template-columns: 0.5fr 1fr 1fr 1fr;
+  grid-template-columns: 0.9fr 1fr 1fr 0.9fr;
   column-gap: calc(var(--space-m));
   border-top: var(--border);
   margin-top: -1px;
+  font-size: 1rem;
+}
+
+.main-footer .first-column {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 .main-footer p {

assets/css/src/generic.css

@@ -165,6 +165,9 @@
 .no-padding {
   padding: 0 !important;
 }
+.no-margin {
+  margin: 0 !important;
+}
 
 .shift-large {
   margin-left: var(--shift-large);

site/snippets/footer.php

@@ -1,10 +1,18 @@
 </main>
 <footer class="main-footer">
-  <h1 class="logo">
-    <span>Nouveau</span>
-    <span>Théâtre</span>
-    <span>Besançon</span>
-  </h1>
+  <div class="first-column">
+    <h1 class="logo">
+      <span>Nouveau</span>
+      <span>Théâtre</span>
+      <span>Besançon</span>
+    </h1>
+    <div>
+      <p class="no-margin">
+        Centre dramatique national<br>
+        Direction Tommy Milliot
+      </p>
+    </div>
+  </div>
   <form action="">
     <p>S'inscrire à la newsletter</p>
     <input placeholder="e-mail" type="email" name="email" autocomplete="email" id="email">