diff --git a/js/public/img/pics/2020-10-06-mobilizon-illustration-A_homepage-1.jpg b/js/public/img/pics/2020-10-06-mobilizon-illustration-A_homepage-1.jpg
new file mode 100644
index 000000000..547f73af3
Binary files /dev/null and b/js/public/img/pics/2020-10-06-mobilizon-illustration-A_homepage-1.jpg differ
diff --git a/js/public/img/pics/2020-10-06-mobilizon-illustration-A_homepage-2.jpg b/js/public/img/pics/2020-10-06-mobilizon-illustration-A_homepage-2.jpg
new file mode 100644
index 000000000..ff6ce2f0d
Binary files /dev/null and b/js/public/img/pics/2020-10-06-mobilizon-illustration-A_homepage-2.jpg differ
diff --git a/js/public/img/pics/2020-10-06-mobilizon-illustration-A_homepage.jpg b/js/public/img/pics/2020-10-06-mobilizon-illustration-A_homepage.jpg
new file mode 100644
index 000000000..8fd9d5835
Binary files /dev/null and b/js/public/img/pics/2020-10-06-mobilizon-illustration-A_homepage.jpg differ
diff --git a/js/public/img/pics/2020-10-06-mobilizon-illustration-B_creation-evenement.jpg b/js/public/img/pics/2020-10-06-mobilizon-illustration-B_creation-evenement.jpg
new file mode 100644
index 000000000..227c4affc
Binary files /dev/null and b/js/public/img/pics/2020-10-06-mobilizon-illustration-B_creation-evenement.jpg differ
diff --git a/js/public/img/pics/2020-10-06-mobilizon-illustration-C_groupe.jpg b/js/public/img/pics/2020-10-06-mobilizon-illustration-C_groupe.jpg
new file mode 100644
index 000000000..039149cd2
Binary files /dev/null and b/js/public/img/pics/2020-10-06-mobilizon-illustration-C_groupe.jpg differ
diff --git a/js/public/img/pics/2020-10-06-mobilizon-illustration-D_realisation.jpg b/js/public/img/pics/2020-10-06-mobilizon-illustration-D_realisation.jpg
new file mode 100644
index 000000000..ecc4610f0
Binary files /dev/null and b/js/public/img/pics/2020-10-06-mobilizon-illustration-D_realisation.jpg differ
diff --git a/js/public/img/pics/2020-10-06-mobilizon-illustration-E_realisation.jpg b/js/public/img/pics/2020-10-06-mobilizon-illustration-E_realisation.jpg
new file mode 100644
index 000000000..46752640e
Binary files /dev/null and b/js/public/img/pics/2020-10-06-mobilizon-illustration-E_realisation.jpg differ
diff --git a/js/public/img/pics/2020-10-06_Rose.jpg b/js/public/img/pics/2020-10-06_Rose.jpg
new file mode 100644
index 000000000..1689c50ec
Binary files /dev/null and b/js/public/img/pics/2020-10-06_Rose.jpg differ
diff --git a/js/public/img/pics/footer_1.jpg b/js/public/img/pics/footer_1.jpg
new file mode 100644
index 000000000..15a7a887e
Binary files /dev/null and b/js/public/img/pics/footer_1.jpg differ
diff --git a/js/public/img/pics/footer_2.jpg b/js/public/img/pics/footer_2.jpg
new file mode 100644
index 000000000..389a1c88d
Binary files /dev/null and b/js/public/img/pics/footer_2.jpg differ
diff --git a/js/public/img/pics/footer_3.jpg b/js/public/img/pics/footer_3.jpg
new file mode 100644
index 000000000..d126878b4
Binary files /dev/null and b/js/public/img/pics/footer_3.jpg differ
diff --git a/js/public/img/pics/footer_4.jpg b/js/public/img/pics/footer_4.jpg
new file mode 100644
index 000000000..50a35c9ac
Binary files /dev/null and b/js/public/img/pics/footer_4.jpg differ
diff --git a/js/public/img/pics/footer_5.jpg b/js/public/img/pics/footer_5.jpg
new file mode 100644
index 000000000..e67a5bf66
Binary files /dev/null and b/js/public/img/pics/footer_5.jpg differ
diff --git a/js/src/components/Footer.vue b/js/src/components/Footer.vue
index 7be53b1bc..a84743775 100644
--- a/js/src/components/Footer.vue
+++ b/js/src/components/Footer.vue
@@ -1,7 +1,6 @@
 <template>
   <footer class="footer" ref="footer">
-    <mobilizon-logo :invert="true" class="logo" />
-    <!-- <img src="../assets/footer.png" :alt="$t('World map')" /> -->
+    <img :src="`/img/pics/footer_${random}.jpg`" alt="" />
     <ul>
       <li>
         <router-link :to="{ name: RouteName.ABOUT }">{{ $t("About") }}</router-link>
@@ -32,41 +31,50 @@
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
 import RouteName from "../router/name";
-import Logo from "./Logo.vue";
 
-@Component({
-  components: {
-    "mobilizon-logo": Logo,
-  },
-})
+@Component
 export default class Footer extends Vue {
   RouteName = RouteName;
+
+  // eslint-disable-next-line class-methods-use-this
+  get random(): number {
+    return Math.floor(Math.random() * 4) + 1;
+  }
 }
 </script>
 <style lang="scss" scoped>
+@import "~bulma/sass/utilities/mixins.sass";
 footer.footer {
   color: $secondary;
   display: flex;
   flex-direction: column;
   align-items: center;
   font-size: 14px;
+  padding: 1rem 1.5rem;
 
-  .logo {
-    fill: $secondary;
+  img {
     flex: 1;
-    max-width: 300px;
-    margin-bottom: 2rem;
+    max-width: 40rem;
+    @include mobile {
+      max-width: 400px;
+    }
   }
 
   div.content {
     flex: 1;
   }
 
-  ul li {
+  ul {
     display: inline-flex;
-    margin: auto 5px;
-    a {
-      font-size: 1.1rem;
+    flex-wrap: wrap;
+    justify-content: space-around;
+
+    li {
+      display: inline-flex;
+      margin: auto 5px;
+      a {
+        font-size: 1.1rem;
+      }
     }
   }
 
diff --git a/js/src/variables.scss b/js/src/variables.scss
index 9323842af..d810f290e 100644
--- a/js/src/variables.scss
+++ b/js/src/variables.scss
@@ -1,4 +1,6 @@
-@import "~bulma/sass/utilities/_all";
+@import "~bulma/sass/utilities/functions.sass";
+@import "~bulma/sass/utilities/initial-variables.sass";
+@import "~bulma/sass/utilities/derived-variables.scss";
 
 $bleuvert: #1e7d97;
 $jaune: #ffd599;
diff --git a/js/src/views/PageNotFound.vue b/js/src/views/PageNotFound.vue
index 66e8b44b5..dcbde73e6 100644
--- a/js/src/views/PageNotFound.vue
+++ b/js/src/views/PageNotFound.vue
@@ -1,7 +1,8 @@
 <template>
   <section class="section container has-text-centered not-found">
-    <div class="columns is-vertical">
-      <div class="column is-centered">
+    <div class="columns is-vertical is-centered">
+      <div class="column is-half">
+        <img src="/img/pics/2020-10-06-mobilizon-illustration-E_realisation.jpg" alt="" />
         <h1 class="title">{{ $t("The page you're looking for doesn't exist.") }}</h1>
         <p>
           {{ $t("Please make sure the address is correct and that the page hasn't been moved.") }}
@@ -56,7 +57,7 @@ export default class PageNotFound extends Vue {
 <style lang="scss">
 .container.not-found {
   margin: auto;
-  max-width: 600px;
+  background: $white;
 
   img {
     margin-top: 3rem;