diff --git a/gestioncof/templates/404.html b/gestioncof/templates/404.html
index 9af1bd00..23c9407a 100644
--- a/gestioncof/templates/404.html
+++ b/gestioncof/templates/404.html
@@ -1,6 +1,47 @@
-{% 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</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:10vh;
+      }
+      h2 {
+        font-size:5vh;
+        color:white;
+        background: #90001C;
+        padding-top: 1vh;
+        padding-bottom: 1vh;
+      }
+      a {
+        text-decoration:none;
+        font-weight:bold;
+        color:#911643;
+      }
+    </style>
+  </head>
+
+  <body>
+    <h1>404</h1>
+    <h2>Page non trouvée</h2>
+    <p>Retourner sur le <a href="http://cof.ens.fr/">site du COF</a> ? </p>
+    <p>Retourner sur <a href="http://cof.ens.fr/gestion">GestioCOF</a> ?</p>
+  </body>
+</html>
