diff --git a/deployment/scripts/nginx/nginx.conf b/deployment/scripts/nginx/nginx.conf
index 773460f..50e7783 100644
--- a/deployment/scripts/nginx/nginx.conf
+++ b/deployment/scripts/nginx/nginx.conf
@@ -32,8 +32,8 @@ http {
             alias /usr/src/app/media/;
         }
 
-        error_page 502 /static/html/500.html;
-        error_page 503 /static/html/500.html;
+        error_page 502 /static/html/502.html;
+        error_page 503 /static/html/503.html;
 
 	if ($http_user_agent ~* "Amazonbot|meta-externalagent|ClaudeBot|ahrefsbot|semrushbot") {
 	    return 444;
diff --git a/src/agenda_culturel/static/html/500.html b/src/agenda_culturel/static/html/500.html
deleted file mode 100644
index 401d984..0000000
--- a/src/agenda_culturel/static/html/500.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="Erreur 500: y'a un petit pépin !">
-    <title>Y'a un p'tit pépin !</title>
-    <link rel="icon"
-          type="image/svg+xml"
-          href="https://pommesdelune.fr/static/images/pdl-64.png">
-    <!-- TODO: trouver un moyen d'avoir une belle CSS ici -->
-    <style>
-      .mylarge {
-        font-size: 300%;
-      }
-    </style>
-  </head>
-  <body>
-    <main class="container">
-      <article>
-        <header>
-          <h1>Y'a un p'tit pépin !</h1>
-        </header>
-        <div class="grid two-columns-2">
-          <div>
-            <p class="mylarge">
-              On a un p'tit pépin sur le serveur, mais on est certainement en train de le résoudre&nbsp;! Si ça persiste, envoyez-vous un hibou&nbsp;!
-            </p>
-            <p>
-              L'équipe de <a href="https://pommesdelune.fr">pommesdelune.fr</a>
-            </p>
-          </div>
-          <div class="image">
-            <img src="https://pommesdelune.fr/static/images/pommes.svg"
-                 alt="quelques pommes et leur pépins" />
-          </div>
-        </div>
-      </article>
-    </main>
-  </body>
-</html>
diff --git a/src/agenda_culturel/static/html/502.html b/src/agenda_culturel/static/html/502.html
new file mode 100644
index 0000000..6e0cb4b
--- /dev/null
+++ b/src/agenda_culturel/static/html/502.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Erreur 502: y'a un petit pépin !">
+    <title>Y'a un p'tit pépin !</title>
+  </head>
+  <body>
+    <main class="container">
+      <article>
+        <header>
+          <h1>Y'a un p'tit pépin !</h1>
+        </header>
+        <p>
+          On a un p'tit pépin sur le serveur, mais on est certainement en train de le résoudre&nbsp;! Si ça persiste, envoyez-vous un hibou&nbsp;!
+        </p>
+        <p>L'équipe de l'agenda</p>
+      </article>
+    </main>
+  </body>
+</html>
diff --git a/src/agenda_culturel/static/html/503.html b/src/agenda_culturel/static/html/503.html
new file mode 100644
index 0000000..7e9441e
--- /dev/null
+++ b/src/agenda_culturel/static/html/503.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="Erreur 503: y'a un petit pépin !">
+    <title>Y'a un p'tit pépin !</title>
+  </head>
+  <body>
+    <main class="container">
+      <article>
+        <header>
+          <h1>Y'a un p'tit pépin !</h1>
+        </header>
+        <p>
+          On a un p'tit pépin sur le serveur, mais on est certainement en train de le résoudre&nbsp;! Si ça persiste, envoyez-vous un hibou&nbsp;!
+        </p>
+        <p>L'équipe de l'agenda</p>
+      </article>
+    </main>
+  </body>
+</html>
