diff --git a/resources/assets/images/common/wood-bg-blue.jpg b/resources/assets/images/common/wood-bg-blue.jpg
new file mode 100644
index 00000000..59335f58
Binary files /dev/null and b/resources/assets/images/common/wood-bg-blue.jpg differ
diff --git a/resources/sass/fo/pages/page-des-40-ans.scss b/resources/sass/fo/pages/page-des-40-ans.scss
index 3f0dcc4f..2ed57a68 100644
--- a/resources/sass/fo/pages/page-des-40-ans.scss
+++ b/resources/sass/fo/pages/page-des-40-ans.scss
@@ -9,6 +9,10 @@
         min-height: 80vh;
         overflow-x: hidden;
 
+        @include media-breakpoint-up(lg) {
+            overflow-x: visible;
+        }
+
         .logo-40 {
             max-width: calc(100% - 30px);
             padding-top: 195px;
@@ -973,9 +977,9 @@
 
         .bg {
             &-blue-dark-wood {
-                background-blend-mode: darken;
-                background-color: $primary;
-                background-image: url('@/images/common/wood-bg-big.jpg');
+                // background-blend-mode: darken;
+                // background-color: $primary;
+                background-image: url('@/images/common/wood-bg-blue.jpg');
                 background-position: center;
                 background-repeat: no-repeat;
                 background-size: cover;
diff --git a/resources/ts/fo/base/common.ts b/resources/ts/fo/base/common.ts
index 785e150f..54738ca9 100644
--- a/resources/ts/fo/base/common.ts
+++ b/resources/ts/fo/base/common.ts
@@ -180,7 +180,7 @@ document.addEventListener("DOMContentLoaded", function () {
         "swiper-recruitment-jobs": {
             modules: [Navigation, Keyboard, Pagination],
             grabCursor: true,
-            slidesPerView: 1.3,
+            slidesPerView: 1,
             centeredSlides: true,
             spaceBetween: 10,
             navigation: {
@@ -204,6 +204,7 @@ document.addEventListener("DOMContentLoaded", function () {
                 992: {
                     slidesPerView: 3,
                     initialSlide: 1,
+                    slidesPerGroup: 3
                 },
             },
         },
diff --git a/resources/views/components/fo/page-des-40-ans/section1/info-card.blade.php b/resources/views/components/fo/page-des-40-ans/section1/info-card.blade.php
index 14ec9d17..e7c99069 100644
--- a/resources/views/components/fo/page-des-40-ans/section1/info-card.blade.php
+++ b/resources/views/components/fo/page-des-40-ans/section1/info-card.blade.php
@@ -1,4 +1,4 @@
-<div class="container mt-5">
+<div class="mb-lg-5 container mt-5">
     <div class="navigation-card bg-light position-relative line-border-small light-card-content text-primary mx-auto mt-3 px-3 py-4">
         <nav class="d-flex justify-content-md-center" aria-label="breadcrumb">
             <ol class="breadcrumb text-primary">
@@ -11,30 +11,31 @@
         </nav>
 
         <p class="fs-5 text-md-center pr-3 text-start">
-            Depuis <strong> 40 ans</strong>, Le Gaulois s'engage à proposer des produits <strong>100% origine France</strong> avec
-            des volailles
-            nées, élevées et
-            préparées sur notre territoire. 40 ans de convivialité et de plaisir à la française, <strong>à partager avec vous
-                !</strong> Pendant
-            cette année festive, découvrez <strong>nos jeux et nos surprises</strong>.
+            {!! clean(
+                __(
+                    'Depuis 40 ans, Le Gaulois s\'engage à proposer des produits <strong>100% origine France</strong> avec des <strong>volailles nées, élevées et préparées</strong> sur notre territoire. <br>
+                                                    <strong>40 ans de convivialité et de plaisir à la française, à partager avec vous !</strong> <br>
+                                                    Pendant cette année festive, découvrez <strong>nos jeux et nos surprises</strong>.',
+                ),
+            ) !!}
         </p>
         <div class="d-flex flex-column flex-md-row justify-content-center mt-4 gap-4">
             <div class="text-md-start text-center">
                 <a class="btn text-uppercase w-100 w-md-fit btn-cotillons f-bourton-base fw-medium px-md-3 px-0 py-2 text-white"
                     href="#nos-40-annees">
-                    Nos 40 années
+                    {{ __('Nos 40 années') }}
                 </a>
             </div>
             <div class="text-md-start text-center">
                 <a class="btn text-uppercase w-100 w-md-fit btn-cotillons f-bourton-base fw-medium px-md-3 px-0 py-2 text-white"
                     href="#le-jeu-des-40-ans">
-                    Jouez avec nous !
+                    {{ __('Jouez avec nous !') }}
                 </a>
             </div>
             <div class="text-md-start text-center">
                 <a class="btn text-uppercase w-100 w-md-fit btn-cotillons f-bourton-base fw-medium px-md-3 px-0 py-2 text-white"
                     href="#encore-plus-de-cadeaux">
-                    Encore + de cadeaux !
+                    {{ __('Encore + de cadeaux !') }}
                 </a>
             </div>
 
diff --git a/resources/views/components/fo/page-des-40-ans/section2/heading.blade.php b/resources/views/components/fo/page-des-40-ans/section2/heading.blade.php
index 4ecbc638..299678f5 100644
--- a/resources/views/components/fo/page-des-40-ans/section2/heading.blade.php
+++ b/resources/views/components/fo/page-des-40-ans/section2/heading.blade.php
@@ -1,11 +1,15 @@
-<h2 class="fs-1 f-bourton-base text-primary text-center">L'anniversaire de <span class="bg-danger text-white shadow-sm">68
-        millions</span>
-    de Gaulois
-    !</h2>
-<p class="fs-5 text-primary py-md-4 py-2 text-center">Pour notre 40e anniversaire, nous célébrons avec nos 68 millions de
-    Gaulois, notre
-    attachement pour des
-    produits français et
-    authentiques, qui reflètent nos valeurs de qualité, accessibilité et de transparence.
+<h2 class="fs-1 f-bourton-base text-primary text-center">
+    {{ __('L\'anniversaire de') }}
+    <span class="bg-danger text-white shadow-sm">
+        {{ __('68 millions') }}
+    </span>
+    {{ __('de Gaulois !') }}
+</h2>
+<p class="fs-5 text-primary py-md-4 py-2 text-center">
+    {!! clean(
+        __(
+            'Pour notre <strong>40e anniversaire</strong>, nous célébrons avec nos <strong>68 millions de Gaulois</strong>, notre attachement pour des produits <strong>français et authentiques</strong>, qui reflètent nos <strong>valeurs de qualité, accessibilité et de transparence.</strong>',
+        ),
+    ) !!}
 </p>
-<h3 class="text-primary fs-3 text-center">Bon anniversaire à tous nos Gaulois !</h3>
+<h3 class="text-primary fs-3 text-center">{{ __('Bon anniversaire à tous nos Gaulois !') }}</h3>
diff --git a/resources/views/components/fo/page-des-40-ans/section2/img-anniversaire-amis.blade.php b/resources/views/components/fo/page-des-40-ans/section2/img-anniversaire-amis.blade.php
index bcde1f84..4ad837ae 100644
--- a/resources/views/components/fo/page-des-40-ans/section2/img-anniversaire-amis.blade.php
+++ b/resources/views/components/fo/page-des-40-ans/section2/img-anniversaire-amis.blade.php
@@ -11,7 +11,5 @@
         </div>
         <img class="object-fit-fill" id="drapeau-france"
             src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section2/drapeau.svg') }}" alt="{{ __('Photo drapeau France') }}">
-
     </div>
-    <small class="text-primary f-catamaran credit-photo">Crédit photo -</small>
 </div>
diff --git a/resources/views/components/fo/page-des-40-ans/section4/index.blade.php b/resources/views/components/fo/page-des-40-ans/section4/index.blade.php
index 81fd5cc1..505b4a22 100644
--- a/resources/views/components/fo/page-des-40-ans/section4/index.blade.php
+++ b/resources/views/components/fo/page-des-40-ans/section4/index.blade.php
@@ -2,7 +2,7 @@
     <div class="bg-confettis-without-min-height position-absolute h-100 w-100 z-1 start-0 top-0"></div>
     <div class="bg-blue-dark-wood">
         <div class="z-2 position-relative container-fluid container py-4" id="encore-plus-de-cadeaux">
-            <h3 class="fs-2 pt-5 text-center text-white">Encore + de cadeaux à gagner</h3>
+            <h3 class="fs-2 pt-5 text-center text-white">{{ __('Encore + de cadeaux à gagner') }}</h3>
 
             <div class="py-5">
                 <div class="row gx-4 gy-5">
@@ -11,8 +11,8 @@
                             <div class="gradient-yellow-card bg-gradient-yellow position-relative line-border-small w-fit p-1">
                                 <div class="">
                                     <div class="bg-light position-relative line-border-small p-4">
-                                        <h4 class="text-primary text-center">Collectez des points et choisissez vos cadeaux dans notre
-                                            boutique
+                                        <h4 class="text-primary text-center">
+                                            {{ __('Collectez des points et choisissez vos cadeaux dans notre boutique') }}
                                         </h4>
                                         <div class="row">
                                             <div class="col-md-6 d-flex flex-column">
@@ -21,8 +21,10 @@
                                                         src="{{ Vite::asset('resources/assets/images/page-des-40-ans/section4/sticker-boutique.png') }}"
                                                         alt="{{ __('Image de sticker de la boutique') }}">
                                                 </div>
-                                                <p class="f-bourton-base fs-5 text-uppercase text-primary text-center">1€ dépensé = <br /> 1
-                                                    point collecté</p>
+                                                <p class="f-bourton-base fs-5 text-uppercase text-primary text-center">
+                                                    {{ __('1€ dépensé = ') }}<br />
+                                                    {{ __('1 point collecté') }}
+                                                </p>
                                             </div>
 
                                             <div class="col-md-6">
@@ -45,8 +47,9 @@
 
                                                 </div>
 
-                                                <p class="f-bourton-base fs-5 text-uppercase text-primary text-center">2 paliers, <br /> de
-                                                    nombreux cadeaux
+                                                <p class="f-bourton-base fs-5 text-uppercase text-primary text-center">
+                                                    {{ __('2 paliers, ') }}<br />
+                                                    {{ __('de nombreux cadeaux') }}
                                                 </p>
                                             </div>
 
@@ -58,8 +61,9 @@
                             </div>
 
                             <a class="button-gradient-yellow btn text-uppercase text-primary bg-gradient-yellow"
-                                href="https://www.boutiquelegaulois.fr" target="_blank">Découvrez
-                                notre boutique</a>
+                                href="https://www.boutiquelegaulois.fr" target="_blank">
+                                {{ __('Découvrez notre boutique') }}
+                            </a>
 
                             <div class="image-cadeau-rouge align-self-center">
                                 <img class="object-fit-contain h-100 w-100"
@@ -74,24 +78,28 @@
                             <div class="bg-gradient-yellow gradient-yellow-card position-relative line-border-small w-fit p-1">
                                 <div class="">
                                     <div class="bg-light position-relative line-border-small p-4">
-                                        <h4 class="text-primary text-center">Trouvez les magnets dorés <br /> et remportez une surpise !
+                                        <h4 class="text-primary text-center">
+                                            {{ __('Trouvez les magnets dorés') }}<br />
+                                            {{ __('et remportez une surpise !') }}
                                         </h4>
                                         <p class="f-bourton-base text-primary fw-medium fs-5 text-uppercase mt-3 text-center">
-                                            Pour ses 40 ans, le gaulois a caché 94 magnets dorés <br /> dans ses étuis de panés
+                                            {{ __('Pour ses 40 ans, le gaulois a caché 94 magnets dorés') }}<br />
+                                            {{ __('dans ses étuis de panés') }}
                                         </p>
 
                                         <ol class="text-primary ordered-list-centered-with-number">
                                             <li class="lh-lg">
-                                                <strong>Je découvre</strong> un Magnet doré
+                                                <strong>{{ __('Je découvre') }}</strong> {{ __('un magnet doré') }}
                                             </li>
                                             <li>
-                                                <strong>Je gagne</strong> une carte de France collector 40 ans créée par un jeune artise
-                                                français et une collection complète de magnets dorés !
+                                                <strong>{{ __('Je gagne') }}</strong>
+                                                {{ __('une carte de France collector 40 ans créée par un jeune artise français et une collection complète de magnets dorés !') }}
                                             </li>
                                         </ol>
 
-                                        <p class="text-primary fs-4 fw-semibold f-bakerie-rough text-center">Bonne recherche à nos 68
-                                            millions de Gaulois !</p>
+                                        <p class="text-primary fs-4 fw-semibold f-bakerie-rough text-center">
+                                            {{ __('Bonne recherche à nos 68millions de Gaulois !') }}
+                                        </p>
                                     </div>
                                 </div>
 
diff --git a/resources/views/fo/layouts/footer.blade.php b/resources/views/fo/layouts/footer.blade.php
index 2390d13a..8e084c9a 100644
--- a/resources/views/fo/layouts/footer.blade.php
+++ b/resources/views/fo/layouts/footer.blade.php
@@ -32,13 +32,13 @@
                     title="{{ __('Go to page :page', ['page' => 'Nos produits']) }}">{{ __('Nos produits') }}</a>
                 <a class="fs-5 text-uppercase btn btn-link text-decoration-none py-2" href="{{ route('fo.recipes.index') }}"
                     title="{{ __('Go to page :page', ['page' => 'Nos recettes']) }}">{{ __('Nos recettes') }}</a>
-                <a class="fs-5 text-uppercase btn btn-link text-decoration-none py-2" href="#FIXME:nosengagements"
+                <a class="fs-5 text-uppercase btn btn-link text-decoration-none py-2" href="{{ route('fo.commitments.brand') }}"
                     title="{{ __('Go to page :page', ['page' => 'Nos engagements']) }}">{{ __('Nos engagements') }}</a>
             </div>
             <div class="col col-lg-2 d-none d-sm-flex flex-column align-items-baseline">
                 <a class="fs-5 text-uppercase btn btn-link text-decoration-none py-2" href="{{ route('fo.breeding.index') }}"
                     title="{{ __('Go to page :page', ['page' => 'Les élevages']) }}">{{ __('Les élevages') }}</a>
-                <a class="fs-5 text-uppercase btn btn-link text-decoration-none py-2" href="#FIXME:brand"
+                <a class="fs-5 text-uppercase btn btn-link text-decoration-none py-2" href="{{ route('fo.brand.story') }}"
                     title="{{ __('Go to page :page', ['page' => 'Notre marque']) }}">{{ __('Notre marque') }}</a>
                 <a class="fs-5 text-uppercase btn btn-link text-decoration-none py-2" href="{{ route('fo.recruitment.show') }}"
                     title="{{ __('Go to page :page', ['page' => 'Recrutement']) }}">{{ __('Recrutement') }}</a>
@@ -48,8 +48,8 @@
             <div class="col col-lg-2 ms-lg-auto d-none d-sm-flex flex-column align-items-baseline">
                 <a class="fs-5 text-uppercase btn btn-link text-decoration-none py-2" href="{{ route('fo.contact.show') }}"
                     title="{{ __('Go to page :page', ['page' => 'Nous contacter']) }}">{{ __('Nous contacter') }}</a>
-                <a class="fs-5 text-uppercase btn btn-link text-decoration-none py-2" href="#FIXME:faq"
-                    title="{{ __('Go to page :page', ['page' => 'Faq']) }}">{{ __('Faq') }}</a>
+                {{-- <a class="fs-5 text-uppercase btn btn-link text-decoration-none py-2" href="#FIXME:faq"
+                    title="{{ __('Go to page :page', ['page' => 'Faq']) }}">{{ __('Faq') }}</a>  --}}
                 <a class="fs-5 text-uppercase btn btn-link text-decoration-none py-2" href="https://www.legauloisprofessionnel.fr"
                     title="{{ __('Aller sur le site Le Gaulois Professionel') }}" target="_blank">{{ __('Le Gaulois Professionel') }}</a>
             </div>
diff --git a/routes/breadcrumbs-fo.php b/routes/breadcrumbs-fo.php
index f631ae56..3a7e305d 100644
--- a/routes/breadcrumbs-fo.php
+++ b/routes/breadcrumbs-fo.php
@@ -76,7 +76,8 @@ Breadcrumbs::for('fo.recipes.search.submeat', function (Generator $trail) {
 // * COMMITMENTS
 Breadcrumbs::for('fo.commitments.index', function (Generator $trail) {
     $trail->parent('fo.home.show');
-    $trail->push(Str::of(trans('nos engagements'))->ucfirst(), route('fo.commitments.index'));
+    // FIXME: Le lien ci-dessous doit etre .index après la MEP.
+    $trail->push(Str::of(trans('nos engagements'))->ucfirst(), route('fo.commitments.brand'));
 });
 Breadcrumbs::for('fo.commitments.brand', function (Generator $trail) {
     $trail->parent('fo.commitments.index');