From 909edadc24114919a730d9e0d41b3953e5109d23 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 15 Jun 2023 17:59:33 +0200
Subject: [PATCH] home roughly done

---
 css/app.css                                   | 330 +++++++++++++++---
 footer.php                                    | 100 +++++-
 functions.php                                 |   1 +
 header.php                                    |  22 +-
 includes/admin.php                            |  66 +++-
 includes/init.php                             |  71 +---
 includes/logos.php                            |   7 +-
 includes/navwalker.php                        |  43 ++-
 resources/css/app.css                         |   9 +-
 resources/css/base/generalites.css            |   7 +
 .../css/components/card-large-content.css     |   4 +-
 resources/css/components/card-post.css        |   4 +-
 resources/css/components/cta.css              |  41 ++-
 resources/css/components/section-titling.css  |   4 +
 resources/css/custom.css                      |   0
 resources/css/layout/footer.css               |  40 +++
 resources/css/layout/header.css               |  33 --
 resources/css/layout/menu-homegrade.css       |  10 +
 resources/css/layout/menu-renovateur.css      |  51 +++
 resources/img/pictogrammes/icone-info.svg     |   7 +
 .../aides-financieres/aides-financieres.php   |   2 +-
 .../demarches-administratives.php             |  16 +-
 .../home/latest-news/latest-news.css          |   1 +
 .../show-thematiques/show-thematiques.css     |   1 +
 .../card-frequent-question.php                |  15 +-
 .../card-frequent_question.css                |   2 +-
 template-components/card-post.php             |   2 +-
 27 files changed, 670 insertions(+), 219 deletions(-)
 create mode 100644 resources/css/base/generalites.css
 delete mode 100644 resources/css/custom.css
 create mode 100644 resources/css/layout/menu-homegrade.css
 create mode 100644 resources/css/layout/menu-renovateur.css
 create mode 100644 resources/img/pictogrammes/icone-info.svg

diff --git a/css/app.css b/css/app.css
index 8727804..c3803a5 100644
--- a/css/app.css
+++ b/css/app.css
@@ -963,6 +963,12 @@ video {
   color: #718096;
 }
 
+/* ########### UTILITIES ############ */
+
+.shadowed {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+}
+
 /* ########### BASE ############ */
 
 body:not(.wp-admin) {
@@ -970,6 +976,15 @@ body:not(.wp-admin) {
   font-weight: 400;
 }
 
+a:focus,
+button:focus {
+  outline: red solid 1px;
+  outline-width: 1px;
+  outline-offset: 8px;
+  outline-radius: 50px;
+  border-radius: 10px;
+}
+
 .filter-acoustique-coproprietes {
   filter: invert(27%) sepia(88%) saturate(1302%)
     hue-rotate(206deg) brightness(105%) contrast(114%);
@@ -1004,25 +1019,104 @@ body:not(.wp-admin) {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
-  border-radius: 9999px;
-  padding-left: 2rem;
-  padding-right: 2rem;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
   font-size: 1rem;
   line-height: 1.5rem;
   font-weight: 700;
 }
 
+.cta--button {
+  border-radius: 9999px;
+  padding-left: 2rem;
+  padding-right: 2rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  font-weight: 700;
+}
+
+.cta--button:focus {
+  border-radius: 9999px;
+}
+
 .cta--primary {
   --tw-bg-opacity: 1;
   background-color: rgb(47 1 84 / var(--tw-bg-opacity));
-  font-weight: 700;
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.cta--shadowed {
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+}
+
+.cta--streched::after {
+  position: absolute;
+  content: var(--tw-content);
+  top: 0px;
+  right: 0px;
+  bottom: 0px;
+  left: 0px;
+}
+
+.cta--outline {
+  border-width: 2px;
+  background-color: transparent;
+}
+
+.cta.cta--button.cta--outline {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(47 1 84 / var(--tw-text-opacity));
+}
+
+.cta--read-more {
+  margin-top: auto;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  --tw-text-opacity: 1;
+  color: rgb(47 1 84 / var(--tw-text-opacity));
+}
+
+.cta--read-more:hover {
+  --tw-text-opacity: 1;
+  color: rgb(223 30 30 / var(--tw-text-opacity));
+}
+
+.cta--read-more .icon {
+  transition: transform 0.3s ease-in-out;
+}
+
+.cta--read-more:hover .icon {
+  filter: invert(27%) sepia(69%) saturate(6074%)
+        hue-rotate(348deg) brightness(87%) contrast(100%);
+  transform: translateX(3px);
+}
+
+.external-link {
+  display: flex;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  align-items: center;
+  font-weight: 600;
+}
+
+.external-link:hover {
+  --tw-text-opacity: 1;
+  color: rgb(223 30 30 / var(--tw-text-opacity));
+}
+
+.external-link:after {
+  margin-left: 0.5rem;
+  display: block;
+  content: url('../resources/img/graphic-assets/icone-external-link.svg');
+  transform: translateY(1px);
+}
+
 .card-post {
+  position: relative;
   border-radius: 1.5rem;
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1040,6 +1134,7 @@ body:not(.wp-admin) {
 }
 
 .card-post__inner {
+  height: 100%;
   padding: 2rem;
 }
 
@@ -1078,6 +1173,13 @@ body:not(.wp-admin) {
   padding-bottom: 4rem;
 }
 
+@media (min-width: 960px) {
+  .card-large-content-container {
+    padding-left: 3rem;
+    padding-right: 3rem;
+  }
+}
+
 .card-large-content-container--has-illustration {
   padding-top: 12rem;
 }
@@ -1170,6 +1272,15 @@ body:not(.wp-admin) {
   line-height: 1.75rem;
 }
 
+.content-intertitle {
+  padding-bottom: 0.25rem;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgb(223 30 30 / var(--tw-text-opacity));
+}
+
 .card-frequent-question {
   border-radius: 1.5rem;
   padding: 2rem;
@@ -1188,6 +1299,7 @@ body:not(.wp-admin) {
 }
 
 .card-frequent-question__tags_container {
+  margin-top: 1rem;
   display: flex;
   flex-wrap: wrap;
   -moz-column-gap: 0.75rem;
@@ -1552,53 +1664,81 @@ button#burger-menu-toggle:hover path {
   }
 }
 
-#menu-renovateur {
-  display: flex;
-  justify-content: space-between;
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-  padding-top: 2rem;
-  padding-bottom: 2rem;
-  padding-left: 4rem;
-  padding-right: 4rem;
-  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+.site-footer {
+  margin-top: 3rem;
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 2rem;
+  background-color: rgb(239, 239, 239, 0.6);
+  padding-left: 2rem;
+  padding-right: 2rem;
 }
 
-#menu-renovateur .logo {
-  margin-right: 3rem;
-  width: 190px;
-}
-
-@media (min-width: 1280px) {
-  #menu-renovateur .logo {
-    width: 222px;
-  }
-}
-
-#menu-renovateur .page_icon {
-  height: 50px;
-  width: 50px;
-}
-
-#menu-renovateur ul {
+.site-footer__informative-message {
+  grid-column: span 4 / span 4;
   display: flex;
   justify-content: center;
-  gap: 2rem;
+  border-radius: 1.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(47 1 84 / var(--tw-bg-opacity));
+  padding: 2rem;
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-#menu-renovateur ul li {
+.site-footer__informative-message img {
+  margin-right: 0.5rem;
+}
+
+.site-footer__partenaires, 
+  .site-footer__metiers-patrimoine, 
+  .site-footer__infos-contact, 
+  .site-footer__navigation-menu {
+  border-radius: 1.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  padding: 2rem;
+}
+
+.site-footer__infos-contact {
+  grid-column: span 1 / span 1;
+  display: grid;
+  gap: 1.5rem;
+}
+
+.site-footer__infos-contact .external-link {
+  margin-top: 0.25rem;
+  padding-top: 0.5rem;
+}
+
+.site-footer__navigation-menu {
+  grid-column: span 3 / span 3;
+}
+
+.site-footer__navigation-menu .footer-menu-renovateur {
+  display: flex;
+  width: 100%;
+  align-items: flex-end;
+  justify-content: center;
+  gap: 1rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(223 30 30 / var(--tw-bg-opacity));
+}
+
+.site-footer__navigation-menu .footer-menu-renovateur .sub-menu {
+  display: none;
+}
+
+.site-footer__partenaires {
+  grid-column: span 2 / span 2;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-weight: 700;
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
+  gap: 3rem;
 }
 
-#menu-renovateur ul li .sub-menu {
-  display: none;
+.site-footer__metiers-patrimoine {
+  grid-column: span 2 / span 2;
 }
 
 article > *:not(.entry-content), 
@@ -1653,6 +1793,96 @@ article > *:not(.entry-content),
   list-style-type: decimal;
 }
 
+.menu-renovateur {
+  display: flex;
+  justify-content: space-between;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+  padding-left: 4rem;
+  padding-right: 4rem;
+  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.menu-renovateur .logo {
+  margin-right: 3rem;
+  width: 190px;
+}
+
+@media (min-width: 1280px) {
+  .menu-renovateur .logo {
+    width: 222px;
+  }
+}
+
+.menu-renovateur ul {
+  display: flex;
+  justify-content: center;
+  gap: 2rem;
+}
+
+.menu-renovateur ul li .page_icon {
+  height: 50px;
+  width: 50px;
+}
+
+.menu-renovateur ul li {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.menu-renovateur ul li .sub-menu {
+  display: none;
+}
+
+.menu-renovateur-footer {
+  display: flex;
+  justify-content: center;
+  gap: 2rem;
+}
+
+.menu-renovateur-footer li .page_icon {
+  height: 50px;
+  width: 50px;
+}
+
+.menu-renovateur-footer li {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+
+.menu-renovateur-footer li .sub-menu {
+  display: none;
+}
+
+.menu-homegrade-footer {
+  margin-top: 2rem;
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  row-gap: 2rem;
+}
+
+.menu-homegrade-footer > li.menu-item > a {
+  margin-bottom: 0.5rem;
+  display: block;
+  font-weight: 700;
+}
+
+.menu-homegrade-footer .sub-menu li {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+  display: block;
+}
+
 /* ########### BLOCKS ############ */
 
 /* Home */
@@ -1786,6 +2016,11 @@ article > *:not(.entry-content),
   }
 }
 
+.section_latest_news {
+  padding-top: 6rem;
+  padding-bottom: 6rem;
+}
+
 .section_latest_news .section_titling {
   margin-left: auto;
   margin-right: auto;
@@ -1894,6 +2129,11 @@ article > *:not(.entry-content),
   margin-left: auto;
 }
 
+.section-show-thematiques {
+  padding-top: 2rem;
+  padding-bottom: 8rem;
+}
+
 .section-show-thematiques .thematiques-container {
   margin-left: auto;
   margin-right: auto;
@@ -2033,12 +2273,6 @@ article > *:not(.entry-content),
        column-gap: 2rem;
 }
 
-/* ########### UTILITIES ############ */
-
-.shadowed {
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-}
-
 .hover\:bg-primary:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(47 1 84 / var(--tw-bg-opacity));
diff --git a/footer.php b/footer.php
index 2a59a43..5a88976 100644
--- a/footer.php
+++ b/footer.php
@@ -1,15 +1,103 @@
 </main>
 
-<?php do_action( 'tailpress_content_end' ); ?>
+<?php do_action('tailpress_content_end'); ?>
 
 
-<?php do_action( 'tailpress_content_after' ); ?>
+<?php do_action('tailpress_content_after'); ?>
 
-<footer id="colophon" class="site-footer bg-gray-50 py-12" role="contentinfo">
-	<?php do_action( 'tailpress_footer' ); ?>
+<footer id="main_footer" class="site-footer bg-gray-50 py-12" role="contentinfo">
 
-	<div class="container mx-auto text-center text-gray-500">
-		&copy; <?php echo date_i18n( 'Y' );?> - <?php echo get_bloginfo( 'name' );?>
+	<div class="site-footer__informative-message">
+		<?php $footer_superior_info_message = get_field('footer_superior_info_message', 'menu_' . 53); ?>
+
+		<img src='<?php echo get_template_directory_uri() ?>/resources/img/pictogrammes/icone-info.svg' alt=''>
+		<p class=""><?php echo $footer_superior_info_message['message'] ?></p>
+	</div>
+
+	<div class="site-footer__infos-contact">
+		<?php $infos_contact = 	get_field('footer_infos_contact_datagroup', 'menu_' . 53); ?>
+		<div class="point-info">
+			<h4 class="content-intertitle"><?php echo $infos_contact['point_info']['title'] ?></h4>
+			<p><?php echo $infos_contact['point_info']['text'] ?></p>
+		</div>
+		<div class="permanenc-telephonique">
+			<?php $footer_superior_info_message = get_field('footer_superior_info_message', 'menu_' . 53);	?>
+
+			<h4 class="content-intertitle"><?php echo $infos_contact['permanence_telephonique']['title'] ?></h4>
+			<p><?php echo $infos_contact['permanence_telephonique']['text'] ?></p>
+		</div>
+		<div class="en-ligne">
+			<h4 class="content-intertitle"><?php echo $infos_contact['en_ligne']['title'] ?></h4>
+			<p><?php echo $infos_contact['en_ligne']['text'] ?></p>
+			<a class="external-link" href="<?php echo $infos_contact['en_ligne']['form_url'] ?>" target="blank"><?php echo $infos_contact['en_ligne']['form_btn_text'] ?></a>
+
+		</div>
+	</div>
+
+
+	<div class="site-footer__navigation-menu">
+
+		<?php
+		wp_nav_menu(
+			array(
+				'container'    => 'false',
+				'theme_location'  => 'renovateur',
+				'li_class'        => 'menu-navlink',
+				'fallback_cb'     => false,
+				'menu_class' => 'menu-renovateur-footer',
+			)
+		);
+
+
+
+		wp_nav_menu(
+			array(
+				'container'    => 'false',
+				'theme_location'  => 'homegrade',
+				'li_class'        => 'menu-navlink',
+				'fallback_cb'     => false,
+				'menu_class' => 'menu-homegrade-footer',
+
+			)
+		);
+		?>
+		<div class="extra_details">
+			<a class="cta cta--button cta--outline" href="">Plan du site</a>
+
+		</div>
+
+
+	</div>
+
+
+
+
+	<ul class="site-footer__partenaires">
+		<?php $partenaires = 	get_field('footer_partenaires', 'menu_' . 53)['partenaires']; ?>
+		<?php foreach ($partenaires as $partenaire) : ?>
+			<li>
+				<a href="<?php echo $partenaire['url'] ?>" target="_blank">
+					<img src='<?php echo $partenaire['logo']['url'] ?>' alt='<?php echo $partenaire['name'] ?>'>
+				</a>
+			</li>
+		<?php endforeach; ?>
+	</ul>
+
+	<div class="site-footer__metiers-patrimoine">
+		<?php $metiers_patrimoine = 	get_field('footer_metiers_du_patirmoine', 'menu_' . 53); ?>
+
+		<h4 class="content-intertitle"><?php echo $metiers_patrimoine['title'] ?> </h4>
+		<p><?php echo $metiers_patrimoine['text'] ?> </p>
+		<a href="<?php echo $metiers_patrimoine['cta_url'] ?> " target="_blank"><?php echo $metiers_patrimoine['cta_text'] ?></a>
+	</div>
+
+
+
+
+	<?php do_action('tailpress_footer'); ?>
+
+	<div class=" container mx-auto text-center text-gray-500">
+		&copy; <?php echo date_i18n('Y'); ?> - <?php echo get_bloginfo('name'); ?>
 	</div>
 </footer>
 
diff --git a/functions.php b/functions.php
index ce6e5be..ba56e98 100644
--- a/functions.php
+++ b/functions.php
@@ -8,6 +8,7 @@ require_once(__DIR__ . '/includes/admin.php');
 require_once(__DIR__ . '/includes/logos.php');
 require_once(__DIR__ . '/includes/taxonomy.php');
 require_once(__DIR__ . '/includes/utilities.php');
+require_once(__DIR__ . '/includes/navwalker.php');
 
 // require_once(__DIR__ . '/includes/widget.php');
 // require_once( __DIR__ . '/includes/logos.php');
\ No newline at end of file
diff --git a/header.php b/header.php
index 061ecfe..e0df72f 100644
--- a/header.php
+++ b/header.php
@@ -6,7 +6,6 @@
 	<meta name="viewport" content="width=device-width">
 	<link rel="profile" href="http://gmpg.org/xfn/11">
 	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
-
 	<?php wp_head(); ?>
 </head>
 
@@ -21,13 +20,10 @@
 
 		<?php do_action('tailpress_header'); ?>
 
-
 		<header id="primary-header">
 			<div class="primary-menu-container lg:flex lg:justify-between lg:items-center">
 				<nav id="primary-menu-nav" class="flex justify-between items-center">
 
-
-
 					<button id="burger-menu-toggle" aria-label="<?php echo esc_html_e("Ouvrir le menu", 'deligraph-theme') ?>">
 						<div class="menu-toggle-bar menu-toggle-bar--top"></div>
 						<div class="menu-toggle-bar menu-toggle-bar--middle"></div>
@@ -42,6 +38,8 @@
 								'theme_location'  => 'homegrade',
 								'li_class'        => 'menu-navlink',
 								'fallback_cb'     => false,
+								'menu_class' => 'menu-homegrade-header',
+
 							)
 						); ?>
 					</div>
@@ -49,18 +47,18 @@
 			</div>
 			<!-- qsdqds -->
 		</header>
-		<div id="menu-renovateur">
+		<div class="menu-renovateur">
 			<div class="website_logo">
 				<?php if (has_custom_logo()) { ?>
-				<?php the_custom_logo(); ?>
+					<?php the_custom_logo(); ?>
 				<?php } else { ?>
-				<a href=" <?php echo get_bloginfo('url'); ?>" class="font-extrabold text-lg uppercase">
-					<?php echo get_bloginfo('name'); ?>
-				</a>
+					<a href=" <?php echo get_bloginfo('url'); ?>" class="font-extrabold text-lg uppercase">
+						<?php echo get_bloginfo('name'); ?>
+					</a>
 
-				<p class="text-sm font-light text-gray-600">
-					<?php echo get_bloginfo('description'); ?>
-				</p>
+					<p class="text-sm font-light text-gray-600">
+						<?php echo get_bloginfo('description'); ?>
+					</p>
 
 				<?php } ?>
 			</div>
diff --git a/includes/admin.php b/includes/admin.php
index 907c165..7933a2c 100644
--- a/includes/admin.php
+++ b/includes/admin.php
@@ -1,6 +1,37 @@
 <?php
 
-// #### ADMIN STYLE
+/* ---------------------------
+	PAGE D'OPTIONS DU THEME
+ ---------------------------*/
+
+function register_theme_settings_option_page()
+{
+
+	// Check function exists.
+	if (function_exists('acf_add_options_page')) {
+
+		// Register options page.
+		$option_page = acf_add_options_page(array(
+			'page_title'    => __('Paramètres du site'),
+			'menu_title'    => __('Paramètres du site'),
+			'menu_slug'     => 'theme-general-settings',
+			'capability'    => 'activate_plugins',
+			'redirect'      => false,
+			'position' => 9,
+		));
+	}
+}
+// add_options_page( 'MyPlugin Options', 'MyPlugin Options', 'activate_plugins', 'myplugin-options', 'myplugin_options' );
+
+
+add_action('acf/init', 'register_theme_settings_option_page');
+
+
+/* ---------------------------
+	ADMIN STYLES
+ ---------------------------*/
+
+// Amin Stylesheet
 function my_custom_admin()
 {
 	wp_enqueue_style('admin_styles', get_template_directory_uri() . '/css/admin-style.css');
@@ -8,7 +39,18 @@ function my_custom_admin()
 
 add_action('admin_head', 'my_custom_admin');
 
-// #### ENQUEUE DU COLOR SCHEME ADMIN
+// ENQUEUE DU CSS BLADE LOGIN ADMIN
+function enqueue_custom_login_stylesheet()
+{
+	wp_enqueue_style('custom-login', get_stylesheet_directory_uri() . '/style-login.css');
+}
+add_action('login_enqueue_scripts', 'enqueue_custom_login_stylesheet');
+
+
+
+/* ----------------------------------
+	ENQUEUE DU COLOR SCHEME ADMIN
+ -----------------------------------*/
 
 function homegrade_admin_color_scheme()
 {
@@ -32,7 +74,9 @@ function homegrade_admin_color_scheme()
 add_action('admin_init', 'homegrade_admin_color_scheme');
 
 
-// ##### REMOVE FROM  ADMIN MENU
+/* ----------------------------------
+	 REMOVE FROM  ADMIN MENU
+ -----------------------------------*/
 function custom_menu_page_removing()
 {
 	// remove_menu_page('edit.php'); // Hide Articles
@@ -40,8 +84,10 @@ function custom_menu_page_removing()
 }
 add_action('admin_menu', 'custom_menu_page_removing');
 
+/* ----------------------------------
+	REMOVE FROM  ADMIN BAR
+ -----------------------------------*/
 
-// ##### Removes from admin bar
 function mytheme_admin_bar_render()
 {
 	global $wp_admin_bar;
@@ -50,16 +96,12 @@ function mytheme_admin_bar_render()
 add_action('wp_before_admin_bar_render', 'mytheme_admin_bar_render');
 
 
-// ##### MODIFIER LE LIEN DU LOGO SUR LA BLADE DE CONNEXION À L'INTERFACE ADMIN
+
+/* ----------------------------------------------------------------------
+	MODIFIER LE LIEN DU LOGO SUR LA BLADE DE CONNEXION À L'INTERFACE ADMIN
+ ------------------------------------------------------------------------*/
 function change_login_logo_url($url)
 {
 	return site_url();
 }
 add_filter('login_headerurl', 'change_login_logo_url');
-
-// ##### ENQUEUE DU CSS BLADE LOGIN ADMIN
-function enqueue_custom_login_stylesheet()
-{
-	wp_enqueue_style('custom-login', get_stylesheet_directory_uri() . '/style-login.css');
-}
-add_action('login_enqueue_scripts', 'enqueue_custom_login_stylesheet');
diff --git a/includes/init.php b/includes/init.php
index ed67398..6139625 100644
--- a/includes/init.php
+++ b/includes/init.php
@@ -10,8 +10,9 @@ function tailpress_setup()
 
 	register_nav_menus(
 		array(
-			'homegrade' => __('Menu Homegrade', 'deliraph-theme'),
-			'renovateur' => __('Menu Rénovateur', 'deliraph-theme'),
+			'homegrade' => __('Menu Homegrade', 'homegrade-deligraph-theme'),
+			'renovateur' => __('Menu Rénovateur', 'homegrade-deligraph-theme'),
+			'footer' => __('Footer', 'homegrade-deligraph-theme'),
 		)
 	);
 
@@ -44,52 +45,9 @@ add_action('after_setup_theme', 'tailpress_setup');
 
 
 
-// ##### Menu Walker 
-// if (!function_exists('register_navwalker')) :
-// 	function register_navwalker() {
-// 			require('includes/navwalker.php');
-// 	}
-// endif;
-// add_action('after_setup_theme', 'register_navwalker');
-
-
-
-
-// ##### Walker to ReWrap li submenu parent with button instead of <a>
-function wrap_parent_menu_item_buttons($output, $item, $depth, $args)
-{
-
-	if ($args->theme_location === "homegrade" && in_array('menu-item-has-children', $item->classes, true)) {
-		$output = '<button type="button" class="menu-item-submenu-toggle" aria-expanded="false" aria-controls="sub-menu-' . $item->ID . '">' . $item->title . '</button>';
-	}
-	if ($args->theme_location === "renovateur") {
-		$page_icon = get_field('page_icon', $item->object_id);
-
-		write_log($item);
-		if (in_array('menu-item-has-children', $item->classes, true)) {
-			$output = '<button type="button" class="menu-item-submenu-toggle" aria-expanded="false" aria-controls="sub-menu-' . $item->ID . '">' . $item->title . '</button>';
-		}
-
-		if ($page_icon['url']) {
-			write_log($page_icon['url']);
-			$icon = '<img class="page_icon" src="'  . $page_icon['url'] . '" alt=""/>';
-			$link = $output;
-			$output = $icon . $link;
-		}
-	}
-
-	if ($args->theme_location === "footer" && in_array('menu-item-has-children', $item->classes, true)) {
-		$output = $item->title;
-	}
-	return $output;
-}
-add_filter('walker_nav_menu_start_el', 'wrap_parent_menu_item_buttons', 10, 4);
-
-
-
-
-
-// ##### Enqueue Theme assets 🡒 Front
+/* -----------------------------------------------------------
+	Enqueue Theme assets 🡒 Front
+ -----------------------------------------------------------*/
 
 function tailpress_enqueue_scripts()
 {
@@ -99,8 +57,9 @@ function tailpress_enqueue_scripts()
 	wp_enqueue_script('tailpress', tailpress_asset('js/app.js'), array(), $theme->get('Version'));
 }
 
-
-// ##### Enqueue Theme assets 🡒 Back
+/* -----------------------------------------------------------
+	Enqueue Theme assets 🡒 Back
+ -----------------------------------------------------------*/
 
 function enqueue_gutenberg_back_styles()
 {
@@ -127,15 +86,9 @@ function tailpress_asset($path)
 	return add_query_arg('time', time(), get_stylesheet_directory_uri() . '/' . $path);
 }
 
-/**
- * Adds option 'li_class' to 'wp_nav_menu'.
- *
- * @param string $classes String of classes.
- * @param mixed $item The curren item.
- * @param WP_Term $args Holds the nav menu arguments.
- *
- * @return array
- */
+/* -----------------------------------------------------------
+	Adds option 'li_class' to 'wp_nav_menu'
+ -----------------------------------------------------------*/
 function tailpress_nav_menu_add_li_class($classes, $item, $args, $depth)
 {
 	if (isset($args->li_class)) {
diff --git a/includes/logos.php b/includes/logos.php
index 104bafc..c4587b0 100755
--- a/includes/logos.php
+++ b/includes/logos.php
@@ -1,15 +1,14 @@
 <?php
 
-/** ------------------------------
+/* ------------------------------
 		ENABLE SVG
 ------------------------------*/
 
-/* <?xml version="1.0" encoding="utf-8"?> */
 
 function cc_mime_types($mimes)
 {
-$mimes['svg'] = 'image/svg+xml';
-return $mimes;
+	$mimes['svg'] = 'image/svg+xml';
+	return $mimes;
 }
 add_filter('upload_mimes', 'cc_mime_types');
 
diff --git a/includes/navwalker.php b/includes/navwalker.php
index 7b9bdb0..bbc908b 100644
--- a/includes/navwalker.php
+++ b/includes/navwalker.php
@@ -1,28 +1,35 @@
 <?php
 
-class wp_nav_menu_walker extends Walker_Nav_menu
+/* -----------------------------------------------------------
+	Walker to ReWrap li submenu parent with button instead of
+ -----------------------------------------------------------*/
+
+function wrap_parent_menu_item_buttons($output, $item, $depth, $args)
 {
 
-    function start_lvl(&$output, $depth = 0, $args = null)
-    {
 
-        $tmp_class = "child-" . $depth;
+    if ($args->theme_location === "homegrade" && $args->menu_class === "menu-homegrade-header" && in_array('menu-item-has-children', $item->classes, true)) {
+        $output = '<button type="button" class="menu-item-submenu-toggle" aria-expanded="false" aria-controls="sub-menu-' . $item->ID . '">' . $item->title . '</button>';
+    }
+    if ($args->theme_location === "renovateur") {
+        $page_icon = get_field('page_icon', $item->object_id);
 
-        $output .= "<ul class='" . $tmp_class . "'>";
+        // write_log($item);
+        if (in_array('menu-item-has-children', $item->classes, true)) {
+            $output = '<button type="button" class="menu-item-submenu-toggle" aria-expanded="false" aria-controls="sub-menu-' . $item->ID . '">' . $item->title . '</button>';
+        }
 
+        if ($page_icon['url']) {
+            write_log($page_icon['url']);
+            $icon = '<img class="page_icon" src="'  . $page_icon['url'] . '" alt=""/>';
+            $link = $output;
+            $output = $icon . $link;
+        }
     }
 
-    function start_el(&$output, $item, $depth = 0, $args = null, $id = 0)
-    {
-
-        $output .= "<li>I like pie" . $item->title;
-
-        // var_dump($args);
+    if ($args->theme_location === "footer" && in_array('menu-item-has-children', $item->classes, true)) {
+        $output = $item->title;
     }
-
-    function end_el(&$output, $item, $depth = 0, $args = null)
-    {
-        $output .= "...</li>";
-    }
-
-}
\ No newline at end of file
+    return $output;
+}
+add_filter('walker_nav_menu_start_el', 'wrap_parent_menu_item_buttons', 10, 4);
\ No newline at end of file
diff --git a/resources/css/app.css b/resources/css/app.css
index 3cb02be..13b778e 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -2,10 +2,12 @@
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
 
-@import 'custom.css';
+/* ########### UTILITIES ############ */
+@import './utilities/shadows.css';
 
 /* ########### BASE ############ */
 @import './base/typography.css';
+@import './base/generalites.css';
 @import './base/thematiques-colors.css';
 
 /* ########### COMPONENTS ############ */
@@ -21,6 +23,8 @@
 @import './layout/footer.css';
 @import './layout/section.css';
 @import './layout/gutenberg.css';
+@import './layout/menu-renovateur.css';
+@import './layout/menu-homegrade.css';
 
 /* ########### BLOCKS ############ */
 
@@ -31,6 +35,3 @@
 @import '../../template-blocks/home/show-thematiques/show-thematiques.css';
 @import '../../template-blocks/home/demarches-administratives/demarches-administratives.css';
 @import '../../template-blocks/home/questions-frequentes/questions-frequentes.css';
-
-/* ########### UTILITIES ############ */
-@import './utilities/shadows.css';
diff --git a/resources/css/base/generalites.css b/resources/css/base/generalites.css
new file mode 100644
index 0000000..8f5336a
--- /dev/null
+++ b/resources/css/base/generalites.css
@@ -0,0 +1,7 @@
+a:focus,
+button:focus {
+  outline: red solid 1px;
+  @apply outline-1 outline-offset-8;
+  outline-radius: 50px;
+  border-radius: 10px;
+}
diff --git a/resources/css/components/card-large-content.css b/resources/css/components/card-large-content.css
index 062cfd4..018adcf 100644
--- a/resources/css/components/card-large-content.css
+++ b/resources/css/components/card-large-content.css
@@ -1,11 +1,11 @@
 .card-large-content-container {
-  @apply bg-gray py-16 flex flex-col items-center;
+  @apply bg-gray py-16 flex flex-col items-center lg:px-12;
   &--has-illustration {
     @apply pt-48;
   }
 }
 .card-large-content {
-  @apply bg-white max-w-screen-2xl w-full rounded-3xl p-16 relative;
+  @apply bg-white max-w-screen-2xl w-full  rounded-3xl p-16 relative;
   &--has-illustration {
     @apply pt-40;
   }
diff --git a/resources/css/components/card-post.css b/resources/css/components/card-post.css
index 93d00a3..ed0f422 100644
--- a/resources/css/components/card-post.css
+++ b/resources/css/components/card-post.css
@@ -1,5 +1,5 @@
 .card-post {
-  @apply bg-white shadow-lg rounded-3xl;
+  @apply bg-white shadow-lg rounded-3xl relative;
 
   &__thumbnail {
     @apply rounded-t-3xl 
@@ -7,7 +7,7 @@
     object-cover;
   }
   &__inner {
-    @apply p-8;
+    @apply p-8 h-full;
   }
 
   &__tag {
diff --git a/resources/css/components/cta.css b/resources/css/components/cta.css
index 2db72ee..ab1834d 100644
--- a/resources/css/components/cta.css
+++ b/resources/css/components/cta.css
@@ -1,6 +1,43 @@
 .cta {
-  @apply rounded-full px-8 py-4 block w-fit my-2 text-base font-bold;
+  @apply block w-fit my-2 text-base font-bold;
+  &--button {
+    @apply rounded-full px-8 py-4 focus:rounded-full font-bold;
+  }
   &--primary {
-    @apply bg-primary text-white font-bold;
+    @apply bg-primary text-white;
+  }
+  &--shadowed {
+    @apply shadowed;
+  }
+  &--streched {
+    @apply after:absolute after:inset-0;
+  }
+  &--outline {
+    @apply border-2 bg-transparent;
+  }
+
+  &.cta--button.cta--outline {
+    @apply border-black text-primary;
+  }
+
+  &--read-more {
+    @apply flex  text-primary hover:text-secondary w-full justify-between items-center mt-auto;
+    .icon {
+      transition: transform 0.3s ease-in-out;
+    }
+    &:hover .icon {
+      filter: invert(27%) sepia(69%) saturate(6074%)
+        hue-rotate(348deg) brightness(87%) contrast(100%);
+      transform: translateX(3px);
+    }
+  }
+}
+
+.external-link {
+  @apply font-semibold hover:text-secondary flex w-fit items-center;
+  &:after {
+    @apply ml-2 block;
+    content: url('../resources/img/graphic-assets/icone-external-link.svg');
+    transform: translateY(1px);
   }
 }
diff --git a/resources/css/components/section-titling.css b/resources/css/components/section-titling.css
index 30fc012..f3cad24 100644
--- a/resources/css/components/section-titling.css
+++ b/resources/css/components/section-titling.css
@@ -20,3 +20,7 @@
     @apply text-lg pt-4 max-w-3xl mx-auto;
   }
 }
+
+.content-intertitle {
+  @apply text-secondary text-lg font-semibold pb-1;
+}
diff --git a/resources/css/custom.css b/resources/css/custom.css
deleted file mode 100644
index e69de29..0000000
diff --git a/resources/css/layout/footer.css b/resources/css/layout/footer.css
index e69de29..e3f6714 100644
--- a/resources/css/layout/footer.css
+++ b/resources/css/layout/footer.css
@@ -0,0 +1,40 @@
+.site-footer {
+  @apply bg-gray grid grid-cols-4 px-8 gap-8 mt-12;
+
+  &__informative-message {
+    @apply bg-primary text-white p-8 col-span-4 rounded-3xl flex justify-center;
+    img {
+      @apply mr-2;
+    }
+  }
+
+  &__partenaires,
+  &__metiers-patrimoine,
+  &__infos-contact,
+  &__navigation-menu {
+    @apply p-8 bg-white rounded-3xl;
+  }
+
+  &__infos-contact {
+    @apply col-span-1 grid gap-6;
+    .external-link {
+      @apply pt-2 mt-1;
+    }
+  }
+  &__navigation-menu {
+    @apply col-span-3;
+    .footer-menu-renovateur {
+      @apply flex gap-4 bg-secondary w-full justify-center items-end;
+      .sub-menu {
+        @apply hidden;
+      }
+    }
+  }
+  &__partenaires {
+    @apply flex col-span-2 justify-center items-center gap-12;
+  }
+
+  &__metiers-patrimoine {
+    @apply col-span-2;
+  }
+}
diff --git a/resources/css/layout/header.css b/resources/css/layout/header.css
index 6d0d3d9..747f99d 100644
--- a/resources/css/layout/header.css
+++ b/resources/css/layout/header.css
@@ -261,36 +261,3 @@ button#burger-menu-toggle {
     }
   }
 }
-
-#menu-renovateur {
-  @apply bg-white py-8
-  px-16
-   shadow-md 
-   flex
-   justify-between;
-
-  .logo {
-    @apply mr-12 
-		w-[190px]
-		xl:w-[222px];
-  }
-  .page_icon {
-    @apply w-[50px] h-[50px];
-  }
-
-  ul {
-    @apply flex justify-center gap-8;
-
-    li {
-      @apply text-black
-      flex
-      justify-center
-      items-center
-      font-bold;
-
-      .sub-menu {
-        @apply hidden;
-      }
-    }
-  }
-}
diff --git a/resources/css/layout/menu-homegrade.css b/resources/css/layout/menu-homegrade.css
new file mode 100644
index 0000000..1b39096
--- /dev/null
+++ b/resources/css/layout/menu-homegrade.css
@@ -0,0 +1,10 @@
+.menu-homegrade-footer {
+  @apply grid  grid-cols-4 gap-y-8 mt-8;
+
+  > li.menu-item > a {
+    @apply font-bold mb-2 block;
+  }
+  .sub-menu li {
+    @apply block my-1;
+  }
+}
diff --git a/resources/css/layout/menu-renovateur.css b/resources/css/layout/menu-renovateur.css
new file mode 100644
index 0000000..ec0787b
--- /dev/null
+++ b/resources/css/layout/menu-renovateur.css
@@ -0,0 +1,51 @@
+.menu-renovateur {
+  @apply py-8 
+  px-16
+   shadow-md 
+   flex
+   justify-between;
+
+  .logo {
+    @apply mr-12 
+		w-[190px]
+		xl:w-[222px];
+  }
+
+  ul {
+    @apply flex justify-center gap-8;
+
+    li {
+      .page_icon {
+        @apply w-[50px] h-[50px];
+      }
+      @apply text-black
+      flex
+      justify-center
+      items-center
+      font-bold;
+
+      .sub-menu {
+        @apply hidden;
+      }
+    }
+  }
+}
+
+.menu-renovateur-footer {
+  @apply flex justify-center gap-8;
+
+  li {
+    .page_icon {
+      @apply w-[50px] h-[50px];
+    }
+    @apply text-black
+		flex
+		justify-center
+		items-center
+		font-bold;
+
+    .sub-menu {
+      @apply hidden;
+    }
+  }
+}
diff --git a/resources/img/pictogrammes/icone-info.svg b/resources/img/pictogrammes/icone-info.svg
new file mode 100644
index 0000000..4c60ac5
--- /dev/null
+++ b/resources/img/pictogrammes/icone-info.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="14.659" height="14.659" viewBox="0 0 14.659 14.659">
+  <g id="icone-info" transform="translate(1 1)">
+    <path id="Tracé_3196" data-name="Tracé 3196" d="M15.659,9.329A6.329,6.329,0,1,1,9.329,3,6.329,6.329,0,0,1,15.659,9.329Z" transform="translate(-3 -3)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Tracé_3197" data-name="Tracé 3197" d="M18,20.532V18" transform="translate(-11.671 -11.67)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+    <path id="Tracé_3198" data-name="Tracé 3198" d="M18,12h0" transform="translate(-11.671 -8.203)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+  </g>
+</svg>
diff --git a/template-blocks/home/aides-financieres/aides-financieres.php b/template-blocks/home/aides-financieres/aides-financieres.php
index 8e8ca69..550e1e2 100755
--- a/template-blocks/home/aides-financieres/aides-financieres.php
+++ b/template-blocks/home/aides-financieres/aides-financieres.php
@@ -18,7 +18,7 @@ $renolution_datas = get_field('renolution_datas');
 
 			<h4 class="renolution__title"><?php echo $renolution_datas['title'] ?></h4>
 			<p><?php echo $renolution_datas['description'] ?></p>
-			<a class="cta cta--primary" href="<?php echo $renolution_datas['button']['url'] ?>" target="<?php echo $renolution_datas['button']['target'] ?>"><?php echo $renolution_datas['button']['title'] ?></a>
+			<a class="cta cta--primary cta--button" href="<?php echo $renolution_datas['button']['url'] ?>" target="<?php echo $renolution_datas['button']['target'] ?>"><?php echo $renolution_datas['button']['title'] ?></a>
 			<div class="renolution__guide-external-links">
 				<div class="introduire-demande">
 					<img src='<?php echo get_template_directory_uri() ?>/resources/img/pictogrammes/pictogramme-demande.svg' alt=''>
diff --git a/template-blocks/home/demarches-administratives/demarches-administratives.php b/template-blocks/home/demarches-administratives/demarches-administratives.php
index 3e0b2ce..a83158d 100755
--- a/template-blocks/home/demarches-administratives/demarches-administratives.php
+++ b/template-blocks/home/demarches-administratives/demarches-administratives.php
@@ -21,24 +21,24 @@ echo '</pre>';
 		<div class="card-large-content__links-container">
 
 			<?php foreach ($demarches_administratives_links as $link_datas) : ?>
-			<?php
+				<?php
 				$linked_page = $link_datas['linked_page'];
 				$page_icon = get_field('page_icon', $linked_page->ID);
 				?>
-			<div class="card-large-content__link">
-				<?php
+				<div class="card-large-content__link">
+					<?php
 					// echo '<pre>';
 					// print_r($link);
 					// print_r($linked_page);
 					// print_r($page_icon);
 					// echo '</pre>';
 					?>
-				<img class="card-large-content__link__page_icon" src="<?php echo $page_icon['url'] ?>" alt="">
-				<h4 class="card-large-content__link__title"><?php echo $linked_page->post_title ?></h4>
-				<p class="card-large-content__link__excerpt"><?php echo $linked_page->post_excerpt ?></p>
+					<img class="card-large-content__link__page_icon" src="<?php echo $page_icon['url'] ?>" alt="">
+					<h4 class="card-large-content__link__title"><?php echo $linked_page->post_title ?></h4>
+					<p class="card-large-content__link__excerpt"><?php echo $linked_page->post_excerpt ?></p>
 
-				<a class="cta shadowed" href="<?php echo get_permalink($linked_page->ID) ?>"><?php echo $link_datas['button_text'] ?></a>
-			</div>
+					<a class="cta cta--button cta--shadowed" href="<?php echo get_permalink($linked_page->ID) ?>"><?php echo $link_datas['button_text'] ?></a>
+				</div>
 			<?php endforeach; ?>
 
 
diff --git a/template-blocks/home/latest-news/latest-news.css b/template-blocks/home/latest-news/latest-news.css
index e28a3af..eec9d82 100644
--- a/template-blocks/home/latest-news/latest-news.css
+++ b/template-blocks/home/latest-news/latest-news.css
@@ -1,4 +1,5 @@
 .section_latest_news {
+  @apply py-24;
   .section_titling {
     @apply max-w-md mx-auto;
   }
diff --git a/template-blocks/home/show-thematiques/show-thematiques.css b/template-blocks/home/show-thematiques/show-thematiques.css
index 56714ff..9093eb9 100755
--- a/template-blocks/home/show-thematiques/show-thematiques.css
+++ b/template-blocks/home/show-thematiques/show-thematiques.css
@@ -1,4 +1,5 @@
 .section-show-thematiques {
+  @apply pt-8 pb-32;
   .thematiques-container {
     @apply grid 
     grid-cols-3
diff --git a/template-components/card-frequent-question.php b/template-components/card-frequent-question.php
index bb74082..a8dfa24 100644
--- a/template-components/card-frequent-question.php
+++ b/template-components/card-frequent-question.php
@@ -3,7 +3,8 @@ $mots_cles = get_the_terms($args['post_ID'], 'mots-cles');
 $thematique_icon = get_field('taxonomy_pictures', $args['thematique'])['icon'];
 // echo '<pre>';
 // print_r($thematique_icon);
-// // print_r($args);
+// print_r($mots_cles);
+// print_r($args);
 // echo '</pre>';
 
 ?>
@@ -13,10 +14,12 @@ $thematique_icon = get_field('taxonomy_pictures', $args['thematique'])['icon'];
 	<h4 class="card-frequent-question__title text-<?php echo getThematiqueFamilySlug($args['thematique']->slug) ?>"><?php echo $args['thematique']->name  ?></h4>
 	<p class=""><?php echo $args['post_title'] ?></p>
 
-	<div class="card-frequent-question__tags_container">
-		<?php foreach ($mots_cles as $mot_cle) : ?>
-			<p class="tag bg-<?php echo getThematiqueFamilySlug($args['thematique']->slug) ?>-light text-<?php echo getThematiqueFamilySlug($args['thematique']->slug) ?>"><?php echo $mot_cle->name ?></p>
-		<?php endforeach; ?>
-	</div>
+	<ul class="card-frequent-question__tags_container">
+		<?php if (!empty($mots_cles)) : ?>
+			<?php foreach ($mots_cles as $mot_cle) : ?>
+				<li class="tag bg-<?php echo getThematiqueFamilySlug($args['thematique']->slug) ?>-light text-<?php echo getThematiqueFamilySlug($args['thematique']->slug) ?>"><?php echo $mot_cle->name ?></li>
+			<?php endforeach; ?>
+		<?php endif; ?>
+	</ul>
 
 </div>
\ No newline at end of file
diff --git a/template-components/card-frequent_question.css b/template-components/card-frequent_question.css
index 2f2cc10..09162f6 100644
--- a/template-components/card-frequent_question.css
+++ b/template-components/card-frequent_question.css
@@ -10,7 +10,7 @@
   }
 
   &__tags_container {
-    @apply flex flex-wrap gap-x-3;
+    @apply flex flex-wrap gap-x-3 mt-4;
 
     .tag {
       @apply py-1 px-4 rounded-lg;
diff --git a/template-components/card-post.php b/template-components/card-post.php
index da4e026..96b3024 100644
--- a/template-components/card-post.php
+++ b/template-components/card-post.php
@@ -14,7 +14,7 @@ $post_tags = $args['post_tags'];
 	<div class="card-post__inner">
 		<p class="card-post__tag"><?php echo $post_tags[0]->name ?></p>
 		<h3 class="card-post__title"><?php echo $post_title ?></h3>
-		<a href="#" class="cta cta--read-more ">
+		<a href="#" class="cta cta--read-more cta--streched  ">
 			<!-- cta-read-more -->
 			<span><?php echo __("Lire l'article", 'deligraph-theme') ?></span>
 			<img class="icon" src='<?php echo get_template_directory_uri() ?>/resources/img/graphic-assets/arrow-right-circle.svg' alt=''>