diff --git a/resources/assets/images/infographie.png b/resources/assets/images/infographie.png
new file mode 100644
index 0000000..7201826
Binary files /dev/null and b/resources/assets/images/infographie.png differ
diff --git a/resources/sass/fo/pages/_hirepage.scss b/resources/sass/fo/pages/_hirepage.scss
index be28d74..276fd16 100644
--- a/resources/sass/fo/pages/_hirepage.scss
+++ b/resources/sass/fo/pages/_hirepage.scss
@@ -84,7 +84,7 @@
 
         .swiper-button-next-custom {
             top: calc(50% + 19px);
-            right: 1rem;
+            right: 11.5rem;
         }
 
         .swiper-button-prev-custom, .swiper-button-next-custom {
diff --git a/resources/ts/fo/base/common.ts b/resources/ts/fo/base/common.ts
index ba2144b..85eb078 100644
--- a/resources/ts/fo/base/common.ts
+++ b/resources/ts/fo/base/common.ts
@@ -112,7 +112,7 @@ document.addEventListener("DOMContentLoaded", function () {
         "swiper-we-hire": {
             modules: [Navigation, Keyboard],
             grabCursor: true,
-            slidesPerView: "auto",
+            slidesPerView: 1.2,
             centeredSlides: true,
             spaceBetween: 30,
             navigation: {
@@ -122,11 +122,25 @@ document.addEventListener("DOMContentLoaded", function () {
             keyboard: {
                 enabled: true,
             },
+            breakpoints: {
+                576: {
+                    slidesPerView: 1.1,
+                    spaceBetween: 0,
+                },
+                768: {
+                    slidesPerView: 1.5,
+                    spaceBetween: 0,
+                },
+                1200: {
+                    slidesPerView: 1.3,
+                    spaceBetween: 0,
+                },
+            },
         },
         "swiper-we-hire-testimonials": {
             modules: [Navigation, Keyboard],
             grabCursor: true,
-            slidesPerView: "auto",
+            slidesPerView: 1.2,
             centeredSlides: true,
             spaceBetween: 30,
             navigation: {
@@ -136,6 +150,20 @@ document.addEventListener("DOMContentLoaded", function () {
             keyboard: {
                 enabled: true,
             },
+            breakpoints: {
+                576: {
+                    slidesPerView: 1.1,
+                    spaceBetween: 0,
+                },
+                768: {
+                    slidesPerView: 1.5,
+                    spaceBetween: 0,
+                },
+                1200: {
+                    slidesPerView: 1.3,
+                    spaceBetween: 0,
+                },
+            },
         },
         "swiper-year": {
             modules: [Keyboard],
diff --git a/resources/views/fo/pages/hire.blade.php b/resources/views/fo/pages/hire.blade.php
index f62c037..ed89cf5 100644
--- a/resources/views/fo/pages/hire.blade.php
+++ b/resources/views/fo/pages/hire.blade.php
@@ -75,12 +75,12 @@
                                 </div>
                             </div>
                             {{-- FIXME: fléche de navigation a refactoriser une fois le bloc vidéo fait --}}
-                            <div class="swiper-button swiper-button-prev-custom video-prev d-none d-lg-block mx-3">
+                            <div class="swiper-button swiper-button-prev swiper-button-prev-custom video-prev d-none d-lg-block mx-3">
                                 <img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
                                     title="{{ __('Navigation du slider (gauche)') }}" alt="{{ __('flèche vers la gauche') }}" role="button"
                                     tabindex="0">
                             </div>
-                            <div class="swiper-button swiper-button-next-custom video-next d-none d-lg-block mx-3">
+                            <div class="swiper-button swiper-button-next swiper-button-next-custom video-next d-none d-lg-block mx-3">
                                 <img src="{{ Vite::asset('resources/assets/images/misc/blue-arrow.svg') }}"
                                     title="{{ __('Navigation du slider (droite)') }}" alt="{{ __('flèche vers la droite') }}" role="button"
                                     tabindex="0">
@@ -112,9 +112,9 @@
                 <h2 class="text-primary fw-bold">
                     {{ $formationSection->h2_title }}
                 </h2>
-                @if ($compagnyLifeSection->text)
+                @if ($formationSection->text)
                 <div class="ck-content mb-5">
-                    {!! clean($compagnyLifeSection->text) !!}
+                    {!! clean($formationSection->text) !!}
                 </div>
                 @endif
                 <div class="d-flex justify-content-center mt-4 mb-1">
@@ -196,7 +196,7 @@
                 {{-- FIXME: Tout ce qui suit a été défini comme optionnel donc non présent en BO --}}
                 {{-- On doit avoir un text riche (optionnel) et une photo associé a ce texte (défini comme optionnelle aussi en bo donc non présente) --}}
                 <div class="row ">
-                    <div class="col-lg-4 col-12 my-3">
+                    <div class="col-lg-4 col-12 my-3 align-self-start">
                         <div class="card bg-quad-light text-center">
                             <img src="{{ $paritySection->data['bloc_image']['value'] }}" class="card-img-top p-2 rounded-top-4" alt="{{ $paritySection->data['bloc_image']['alt'] }}">
                             <div class="card-body">
@@ -209,15 +209,13 @@
                             </div>
                         @endif
                     </div>
-                    <div class="col-lg-4 col-12 my-3">
-                        <div class="card bg-sixt-light text-center">
-                            <img src="{{ $paritySection->data['bloc_image']['value'] }}" class="card-img-top p-2 rounded-top-4" alt="{{ $paritySection->data['bloc_image']['alt'] }}">
-                            <div class="card-body">
-                                <p class="card-text">{{ $paritySection->data['bloc_image']['title'] }}</p>
-                            </div>
+                    <div class="col-lg-4 col-12 my-3 align-self-center">
+                        <div class="text-center">
+                            {{-- FIXME: src de l'img a changer, devrait être administrable --}}
+                            <img src="{{ Vite::asset('resources/assets/images/infographie.png') }}" class="card-img-top p-2" alt="{{ $paritySection->data['bloc_image']['alt'] }}">
                         </div>
                     </div>
-                    <div class="col-lg-4 col-12 my-3">
+                    <div class="col-lg-4 col-12 my-3 align-self-end">
                         <div class="card bg-tertiary-light text-center">
                             <img src="{{ $paritySection->data['bloc_image']['value'] }}" class="card-img-top p-2 rounded-top-4" alt="{{ $paritySection->data['bloc_image']['alt'] }}">
                             <div class="card-body">