diff --git a/404.php b/404.php
index dc1e221..b4c50ae 100644
--- a/404.php
+++ b/404.php
@@ -1,27 +1,29 @@
-<!DOCTYPE html>
-<html <?php language_attributes(); ?> class="no-js">
+<?php
+get_header();
+?>
 
-<head>
-	<meta charset="<?php bloginfo('charset'); ?>">
-	<meta name="viewport" content="width=device-width">
-	<link rel="profile" href="http://gmpg.org/xfn/11">
-
-	<?php wp_head(); ?>
-</head>
-
-<body class="antialiased">
-	<div class="md:flex min-h-screen">
-		<div class="w-full md:w-1/2 flex items-center justify-center">
-			<div class="max-w-sm m-8">
-				<div class="text-5xl md:text-15xl text-gray-800 border-primary border-b">404</div>
-				<div class="w-16 h-1 bg-purple-light my-3 md:my-6"></div>
-				<p class="text-gray-800 text-2xl md:text-3xl font-light mb-8"><?php _e('Désolé, la page que vous chercheez n\'a pas pu être trouvée', 'homegrade-theme__texte-fonctionnel'); ?></p>
-				<a href="<?php echo get_bloginfo('url'); ?>" class="bg-primary px-4 py-2 rounded text-white">
-					<?php _e('Retour à l\'acceuil', 'homegrade-theme__texte-fonctionnel'); ?>
-				</a>
-			</div>
+<section class="error_404 block-content-page-header container">
+	<div class="block-content-page-header__content">
+		<div class="section_titling section_titling--left">
+			<h1 class="section_titling__title"><?php echo __("Erreur 404 ", "homegrade-theme__texte-fonctionnel") ?></h1>
+			<h2 class="section_titling__subtitle"><?php echo __("Oups… Il semblerait que la page est indisponible.", "homegrade-theme__texte-fonctionnel") ?></h2>
 		</div>
-	</div>
-</body>
 
-</html>
\ No newline at end of file
+
+
+		<a href="<?php echo get_bloginfo('url'); ?>" class="cta cta--secondary cta--button">
+			<?php _e('Retourner à la page d\'acceuil', 'homegrade-theme__texte-fonctionnel'); ?>
+		</a>
+	</div>
+
+	<img decoding="async" class="block-content-page-header__page-icon" src="<?php echo get_template_directory_uri() . "/resources/img/illustrations/homegrade_error-404.svg" ?>" alt="">
+
+
+
+
+
+</section>
+
+<?php
+get_footer();
+?>
\ No newline at end of file
diff --git a/resources/css/app.css b/resources/css/app.css
index f155768..051d30d 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -113,3 +113,4 @@
 @import './pages/single-conseils.css';
 @import './pages/taxonomy-questions-(faq-per-taxonomy-term).css';
 @import './pages/single-news.css';
+@import './pages/404.css';
diff --git a/resources/css/pages/404.css b/resources/css/pages/404.css
new file mode 100644
index 0000000..2e807ad
--- /dev/null
+++ b/resources/css/pages/404.css
@@ -0,0 +1,7 @@
+html {
+  @apply !m-0;
+}
+.error_404 {
+  @apply flex items-center;
+  min-height: calc(100vh - 186px);
+}
