diff --git a/src/Pages/NotFound.tsx b/src/Pages/NotFound.tsx
index 394702e..38eede4 100644
--- a/src/Pages/NotFound.tsx
+++ b/src/Pages/NotFound.tsx
@@ -1,5 +1,27 @@
+import Button from "@codegouvfr/react-dsfr/Button";
+import ConnectionLost from "../assets/connectionLost.svg";
+
+import { useNavigate } from "react-router-dom";
+
function NotFound() {
- return
ERROR
;
+ let navigate = useNavigate();
+ return (
+
+
+
+
Page non trouvée
+
+ Nous n'arrivons pas à trouver la page que vous souhaitez afficher.
+
+
+
+
+
+
+
+
+
+ );
}
export default NotFound;
diff --git a/src/Pages/layout.css b/src/Pages/layout.css
index 2aae72b..5ae0b30 100644
--- a/src/Pages/layout.css
+++ b/src/Pages/layout.css
@@ -28,6 +28,7 @@ body {
}
.centered-content {
+ display: flex;
justify-content: center;
}
diff --git a/src/assets/connectionLost.svg b/src/assets/connectionLost.svg
new file mode 100644
index 0000000..7442af5
--- /dev/null
+++ b/src/assets/connectionLost.svg
@@ -0,0 +1,46 @@
+