diff --git a/assets/styles/footer.sass b/assets/styles/footer.sass
new file mode 100644
index 0000000..77c1d51
--- /dev/null
+++ b/assets/styles/footer.sass
@@ -0,0 +1,13 @@
+.footer
+  margin: 2rem 0
+  padding: 2rem
+  background: white
+  display: flex
+
+  .card
+
+    button
+      overflow-wrap: anywhere
+      word-break: break-all
+      white-space: normal
+      user-select: inherit
diff --git a/assets/styles/main.sass b/assets/styles/main.sass
index 1e1cf2b..bbed178 100644
--- a/assets/styles/main.sass
+++ b/assets/styles/main.sass
@@ -6,6 +6,7 @@
 // @import "./header"
 @import "../fonts/source-sans-pro"
 @import "./header"
+@import "./footer"
 @import "./index"
 
 /* Make images easier to work with */
@@ -108,15 +109,3 @@ h1
     &:hover, &.active, &.focus
       background-color: darken($bleu, 10%)
       border-color: $bleu
-
-.footer
-  margin: 2rem
-
-  .card
-    margin: 0 2rem
-
-    button
-      overflow-wrap: anywhere
-      word-break: break-all
-      white-space: normal
-      user-select: inherit
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 72e5cdd..ab74b80 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -4,11 +4,6 @@
     <div class="columns">
       <div class="column col-4">
         <div class="card">
-          <div class="card-image">
-            {{ $image := $headless.Resources.GetMatch "mairie.jpg" }}
-            {{ $resized := $image.Resize "500x" }}
-            <img src="{{ $resized.RelPermalink }}" class="img-responsive">
-          </div>
           <div class="card-header">
             <div class="card-title h5">Mairie</div>
           </div>
@@ -23,11 +18,6 @@
       </div>
       <div class="column col-4">
         <div class="card">
-          <div class="card-image">
-            {{ $image := $headless.Resources.GetMatch "bibliotheque.jpg" }}
-            {{ $resized := $image.Resize "500x" }}
-            <img src="{{ $resized.RelPermalink }}" class="img-responsive">
-          </div>
           <div class="card-header">
             <div class="card-title h5">Bibliothèque Municipale</div>
           </div>
@@ -42,11 +32,6 @@
       </div>
       <div class="column col-4">
         <div class="card">
-          <div class="card-image">
-            {{ $image := $headless.Resources.GetMatch "poste.jpg" }}
-            {{ $resized := $image.Resize "500x" }}
-            <img src="{{ $resized.RelPermalink }}" class="img-responsive">
-          </div>
           <div class="card-header">
             <div class="card-title h5">Agence Postale</div>
           </div>