diff --git a/gestioncof/templates/404.html b/gestioncof/templates/404.html
index 9af1bd00..73f713f6 100644
--- a/gestioncof/templates/404.html
+++ b/gestioncof/templates/404.html
@@ -1,6 +1,65 @@
-{% extends "base_title.html" %}
+{% load static %}
 
-{% block realcontent %}
-    <h1><strong>404</strong></h1>
-    <p>Wouh pinaise, y'a rien ici !</p>
-{% endblock %}
+<!doctype HTML>
+<html>
+  <head>
+    <meta charset="UTF-8"/>
+    <title>COF ENS - Page non trouvée / Page not found</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0; minimum-scale=1.0;">
+    <link rel="stylesheet" type="text/css" href="{% static "fonts/SourceSansPro/sourceSansPro.css" %}"/>
+    <style type="text/css">
+      html, body, h1, h2 {
+        margin:0;
+        padding:0;
+        font-family: "Source Sans pro", sans-serif;
+      }
+      body {
+        text-align:center;
+        font-size: 4vh;
+      }
+      h1 {
+        font-size:30vh;
+        color:white;
+        background:#5B0012;
+        padding-top:1vh;
+      }
+      h2 {
+        font-size:5vh;
+        color:white;
+        background: #90001C;
+        padding-top: 1vh;
+        padding-bottom: 1vh;
+      }
+      a {
+        text-decoration: none;
+        font-weight: bold;
+        color: #90001C;
+      }
+      section {
+        display: inline-block;
+        margin: auto;
+        text-align: left;
+        padding: 10px;
+      }
+      .en {
+        font-size: 0.8em;
+        font-style: italic;
+        display: inline-block;
+        margin: 0 20px;
+      }
+    </style>
+  </head>
+
+  <body>
+    <h1>404</h1>
+    <h2>Page non trouvée <span class="en">Page not found</span></h2>
+    <section>
+      <p>&rarr; retourner sur le <a href="https://cof.ens.fr/">site du COF</a>
+      <span class="en">back to the <a href="https://cof.ens.fr/">COF's website</a></span></p>
+      <p>&rarr; retourner sur <a href="https://cof.ens.fr/gestion">GestioCOF</a>
+      <span class="en">back to <a href="https://cof.ens.fr/gestion">GestioCOF</a></span></p>
+      <p>&rarr; retourner sur le <a href="https://cof.ens.fr/k-fet">site de la K-Fêt</a>
+      <span class="en">back to the <a href="https://cof.ens.fr/k-fet">K-Fêt's website</a></span></p>
+    </section>
+  </body>
+</html>
