diff --git a/components/footer.html b/components/footer.html
index 4ec7ed6..1a8db89 100644
--- a/components/footer.html
+++ b/components/footer.html
@@ -1,12 +1,22 @@
 <div id="footer">
     <div class="footer-container">
-        <h1>Suivez-moi</h1>
+        <div class="footer-container_grid">
+            <h1>Suivez-moi</h1>
+        </div>
+        <div class="footer-container_grid">
+            <h1>Informations</h1>
+            <p>Color Palette based on <a href="https://colorhunt.co/palette/4b4a5aa55540e79a58e1d5d2">this one</a> and <a href="https://colorhunt.co/palette/2d24245c3d2eb85c38e0c097">this one</a></p>
+        </div>
+        <div class="footer-container_grid">
+            <h1>Newsletter</h1>
+        </div>
     </div>
-    <div class="footer-container">
-        <h1>Informations</h1>
-        <p>Color Palette based on <a href="https://colorhunt.co/palette/4b4a5aa55540e79a58e1d5d2">this one</a> and <a href="https://colorhunt.co/palette/2d24245c3d2eb85c38e0c097">this one</a></p>
+    <div class="footer-bottom">
+        <div class="footer-bottom_grid left-align">
+            <p>Copyright © Yohan Boujon 2023</p>
+        </div>
+        <div class="footer-bottom_grid right-align">
+            <p><a href="#0">Mentions légales</a></p>
+        </div>
     </div>
-    <div class="footer-container">
-        <h1>Newsletter</h1>
-    </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/css/base.css b/css/base.css
index 816d274..ecfca32 100644
--- a/css/base.css
+++ b/css/base.css
@@ -22,4 +22,12 @@ h1 {
 
 p {
     font-family: 'Josefin Sans', sans-serif;
+}
+
+.right-align {
+    text-align: right;
+}
+
+.left-align {
+    text-align: left;
 }
\ No newline at end of file
diff --git a/css/footer.css b/css/footer.css
index 031522a..c207a28 100644
--- a/css/footer.css
+++ b/css/footer.css
@@ -1,16 +1,57 @@
-#footer
+.footer-container
 {
-    display: grid;
-    grid-gap: 0px;
-    height: 30rem;
-    grid-template-columns: repeat(3, 33.3%);
+    display: flex;
+    height: 15rem;
     background-color: var(--color-dark);
     color: var(--color-white);
     overflow: clip;
 }
 
-.footer-container
+.footer-container_grid
 {
+    flex: 1;
     padding: 1rem 2rem;
     word-wrap: break-word;
+}
+
+.footer-bottom
+{
+    background-color: var(--color-gray);
+    color: var(--color-white);
+    display: flex;
+    align-items:center;
+    height: 2.5rem;
+    vertical-align: middle;
+    overflow: clip;
+}
+
+.footer-bottom_grid
+{
+    flex: 1;
+    padding: 1rem 4rem;
+    word-wrap: break-word;
+}
+
+.footer-bottom_grid a:link
+{
+    text-decoration: none;
+    color: var(--color-white);
+}
+
+.footer-bottom_grid a:visited
+{
+    text-decoration: none;
+    color: var(--color-white);
+}
+
+.footer-bottom_grid a:hover
+{
+    text-decoration: none;
+    color: var(--color-light);
+}
+
+.footer-bottom_grid.right-align:hover
+{
+    transform: translateY(-2px);
+    transition: all .3s ease 0s;
 }
\ No newline at end of file