diff --git a/resources/css/pages/single-questions.css b/resources/css/pages/single-questions.css
index ddd7511..438265a 100644
--- a/resources/css/pages/single-questions.css
+++ b/resources/css/pages/single-questions.css
@@ -1,3 +1,58 @@
+.previous-next-questions {
+ @apply grid grid-cols-2 gap-8 mx-auto max-w-screen-xl px-6 xl:px-24 my-16;
+ &__previous,
+ &__next {
+ @apply flex gap-4 bg-white rounded-lg shadowed py-4 px-6;
+ transition: all 0.2s ease-out;
+ &:hover {
+ @apply -translate-y-1;
+ }
+ .thematique_icon {
+ @apply object-contain
+ w-20
+ h-20;
+ }
+ .question_type,
+ .question_title {
+ @apply font-bold;
+ }
+ .question_type {
+ @apply mb-1;
+ }
+ .question_title {
+ line-height: 1.4;
+ }
+ }
+ &__previous {
+ @apply text-right justify-end;
+ &:before {
+ @apply inline-block h-7 w-7 border-2 border-neutral-900 rounded-full shrink-0;
+ content: '';
+ margin-top: auto;
+ margin-bottom: auto;
+ background-image: url('../resources/img/graphic-assets/chevron_left.svg');
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 50% 50%;
+ }
+ }
+ &__next {
+ &:after {
+ @apply inline-block h-7 w-7 border-2 border-neutral-900 rounded-full shrink-0;
+ content: '';
+ margin-top: auto;
+ margin-bottom: auto;
+ background-image: url('../resources/img/graphic-assets/chevron_right.svg');
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 50% 50%;
+ }
+ }
+ &__link-content {
+ @apply h-fit pt-1;
+ }
+}
+
.suggested-publications {
.section_titling__title {
@apply text-secondary;
diff --git a/single-questions.php b/single-questions.php
index 6d2659c..c64c39a 100644
--- a/single-questions.php
+++ b/single-questions.php
@@ -10,6 +10,7 @@ get_header();
$currentThematique = get_the_terms(get_the_ID(), 'thematiques')[0];
$mainThematique = getMainThematique($currentThematique);
$thematiqueColorSlug = $mainThematique->slug;
+ $thematique_icon = get_field('taxonomy_pictures', 'thematiques' . '_' . $mainThematique->term_id)['icon'];
$args = array(
'post_type' => 'conseils',
@@ -31,12 +32,52 @@ get_header();
'postID' => get_the_ID(),
)); ?>
+