diff --git a/public/logo-fabrique.svg b/public/logo-fabrique.svg
new file mode 100644
index 000000000..6d317c51f
--- /dev/null
+++ b/public/logo-fabrique.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Calque_1" x="0px" y="0px" style="enable-background:new 0 0 2000 2100;" xml:space="preserve" viewBox="37.3 13 1929.7 2070.2">
+<style type="text/css">
+	.st0{fill:#E30613;}
+	.st1{fill:#000091;}
+</style>
+<polygon class="st0" points="1604.4,1720.6 1583,1893.4 1604.4,2061.8 1775,2083.2 1945.7,2061.8 1967,1892.3 1945.7,1720.6   1775,1699.2 "/>
+<polygon class="st0" points="1219.4,1720.6 1198,1893.4 1219.4,2061.8 1390,2083.2 1560.6,2061.8 1582,1892.3 1560.6,1720.6   1390,1699.2 "/>
+<polygon class="st1" points="643.9,1720.6 622.5,1893.4 643.9,2061.8 814.5,2083.2 985.2,2061.8 1006.5,1892.3 985.2,1720.6   814.5,1699.2 "/>
+<polygon class="st1" points="58.6,1319.3 37.3,1492.1 58.6,1660.6 229.3,1681.9 399.9,1660.6 421.3,1491 399.9,1319.3 229.3,1298   "/>
+<polygon class="st0" points="1604.4,1165.7 1583,1338.5 1604.4,1506.9 1775,1528.3 1945.7,1506.9 1967,1337.4 1945.7,1165.7   1775,1144.3 "/>
+<polygon class="st0" points="1219.4,1336.6 1198,1509.5 1219.4,1677.9 1390,1699.2 1560.6,1677.9 1582,1508.4 1560.6,1336.6   1390,1315.3 "/>
+<polygon class="st1" points="836.5,1336.6 815.2,1509.5 836.5,1677.9 1007.1,1699.2 1177.8,1677.9 1199.1,1508.4 1177.8,1336.6   1007.2,1315.3 "/>
+<polygon class="st1" points="451.5,1152.2 430.1,1325.1 451.5,1493.5 622.1,1514.8 792.8,1493.5 814.1,1324 792.8,1152.2   622.1,1130.9 "/>
+<polygon class="st0" points="1604.4,781.7 1583,954.6 1604.4,1123 1775,1144.3 1945.7,1123 1967,953.5 1945.7,781.7 1775,760.4 "/>
+<polygon class="st0" points="1219.4,952.7 1198,1125.5 1219.4,1293.9 1390,1315.3 1560.6,1293.9 1582,1124.4 1560.6,952.7   1390,931.3 "/>
+<polygon class="st1" points="820.5,872.5 799.1,1045.4 820.5,1213.8 991.1,1235.1 1161.8,1213.8 1183.1,1044.3 1161.8,872.5   991.1,851.2 "/>
+<polygon class="st1" points="269.8,760.4 308.9,930.1 386.5,1081.1 554.2,1042.7 707.2,964.3 669.3,797.7 590.5,643.6 422.9,681.9   "/>
+<polygon class="st0" points="1453.6,253.5 1432.2,426.3 1453.6,594.8 1624.2,616.1 1794.9,594.8 1816.2,425.2 1794.9,253.5   1624.2,232.2 "/>
+<polygon class="st0" points="1047.4,556.4 1086.5,726.2 1164.2,877.1 1331.8,838.8 1484.9,760.4 1446.9,593.8 1368.1,439.7   1200.5,478 "/>
+<polygon class="st1" points="666.3,445.4 645,618.3 666.3,786.7 837,808.1 1007.6,786.7 1028.9,617.2 1007.6,445.4 837,424.1 "/>
+<polygon class="st1" points="297.6,129.7 336.7,299.4 414.3,450.4 581.9,412.1 735,333.7 697.1,167.1 618.3,13 450.6,51.3 "/>
+</svg>
\ No newline at end of file
diff --git a/src/app/(la-fabrique)/a-propos/components/history.tsx b/src/app/(la-fabrique)/a-propos/components/history.tsx
index 2c1d1e4b5..97cf3a7b9 100644
--- a/src/app/(la-fabrique)/a-propos/components/history.tsx
+++ b/src/app/(la-fabrique)/a-propos/components/history.tsx
@@ -2,8 +2,8 @@ export default function History() {
   return (
     <section>
       <div className="fr-container">
-        <h2 className="fr-h2 fabnum-title--h2">Quelle est notre histoire ?</h2>
-        <div className="px-10 py-4 text-2xl text-blue-900 font-bold">2013</div>
+        <h2 className="fr-h2">Quelle est notre histoire ?</h2>
+        <div className="px-10 py-4 text-4xl text-blue-950 font-bold">2013</div>
         <p className="fr-text pl-10 py-2 border-l ml-16 mr-6 border-blue-900 text-justify">
           En 2013, pour répondre au besoin d&apos;innovation et de refonte de la
           plateforme de données publiques data.gouv.fr, une première équipe de
@@ -15,7 +15,7 @@ export default function History() {
           s&apos;attaquer à des problèmes concrets rencontrés par les citoyens
           et les entreprises.
         </p>
-        <div className="px-10 py-4 text-2xl text-blue-900 font-bold">2015</div>
+        <div className="px-10 py-4 text-4xl text-blue-950 font-bold">2015</div>
         <p className="fr-text pl-10 py-2 border-l ml-16 mr-6 border-blue-900 text-justify">
           L&apos;incubateur des services numériques, mission de la Direction
           interministérielle du numérique DINUM (anciennement DINSIC: direction
@@ -24,7 +24,7 @@ export default function History() {
           regrouper les Startups d&apos;État et d&apos;animer sa communauté. Son
           site beta.gouv.fr est alors lancé.
         </p>
-        <div className="px-10 py-4 text-2xl text-blue-900 font-bold">2017</div>
+        <div className="px-10 py-4 text-4xl text-blue-950 font-bold">2017</div>
         <p className="fr-text pl-10 py-2 border-l ml-16 mr-6 border-blue-900 text-justify">
           Depuis 2015, l&apos;incubateur de services numériques accompagne
           plusieurs administrations dans la construction de leurs Startups
@@ -33,7 +33,7 @@ export default function History() {
           qu&apos;en 2017 la Fabrique du Numérique des ministères sociaux est
           créée au sein de la DNUM.
         </p>
-        <div className="px-10 py-4 text-2xl text-blue-900 font-bold">
+        <div className="px-10 py-4 text-4xl text-blue-950 font-bold">
           Aujourd&apos;hui
         </div>
         <p className="fr-text pl-10 py-2 border-l ml-16 mr-6 border-blue-900 text-justify">
diff --git a/src/app/(la-fabrique)/a-propos/components/intro.tsx b/src/app/(la-fabrique)/a-propos/components/intro.tsx
index 85dd12121..f735521a1 100644
--- a/src/app/(la-fabrique)/a-propos/components/intro.tsx
+++ b/src/app/(la-fabrique)/a-propos/components/intro.tsx
@@ -1,15 +1,18 @@
 import Image from "next/image"
 
+import imageMapPin from "../images/map-pin.svg"
+import imageLogoFabrique from "../images/logo-fabrique.svg"
+
 export default function Intro() {
   return (
-    <section>
-      <div className="fr-container gap-6 flex">
+    <section className="fr-container">
+      <h1 className="fr-h1">À propos de la Fabrique</h1>
+      <p className="fr-text--lead text-blue-950">
+        La Fabrique du numérique c&apos;est l&apos;incubateur de startups
+        d&apos;État des Ministères Sociaux (Santé | Solidarité | Travail).
+      </p>
+      <div className="mt-16 gap-x-28 flex">
         <div className="flex-1">
-          <h1 className="fr-display--md">À propos de la Fabrique</h1>
-          <p className="fr-text--lead">
-            La Fabrique du numérique c&apos;est l&apos;incubateur de startups
-            d&apos;État des Ministères Sociaux (Santé | Solidarité | Travail).
-          </p>
           <p className="fr-text--md text-justify">
             L&apos;incubateur vise à encourager l&apos;innovation numérique et
             la transformation digitale au sein des ministères et des services
@@ -26,22 +29,32 @@ export default function Intro() {
             (RGDP, RGAA, RGS) et mettons une core team à disposition des
             produits.
           </p>
-          <address className="font-bold">
-            Nos locaux se situent dans la tour Mirabeau à Paris :<br />
-            39 Quai André Citroën
-            <br />
-            75015 Paris
-          </address>
         </div>
-        <div className="flex align-center">
+        <div className="relative">
           <Image
-            width={500}
-            height={400}
-            src="https://placehold.co/500x400"
-            alt="Illustration de la Fabrique numérique"
+            height={220}
+            src={imageLogoFabrique}
+            style={{ objectFit: "contain" }}
+            alt={`Logo de la Fabrique Numérique des ministères sociaux`}
           />
         </div>
       </div>
+      <address className="font-bold">
+        Nos locaux se situent dans la tour Mirabeau à Paris :<br />
+        <div className="flex mt-2">
+          <Image
+            width={48}
+            height={48}
+            src={imageMapPin}
+            alt="illustration de l'addresse"
+          />
+          <div className="ml-2">
+            39 Quai André Citroën
+            <br />
+            75015 Paris
+          </div>
+        </div>
+      </address>
     </section>
   )
 }
diff --git a/src/app/(la-fabrique)/a-propos/components/kpis.tsx b/src/app/(la-fabrique)/a-propos/components/kpis.tsx
index 0b8a8202e..1cd5e570f 100644
--- a/src/app/(la-fabrique)/a-propos/components/kpis.tsx
+++ b/src/app/(la-fabrique)/a-propos/components/kpis.tsx
@@ -4,56 +4,56 @@ export default function Kpis() {
   return (
     <section>
       <div className="fr-container">
-        <h2 className="fr-h2 fabnum-title--h2">
+        <h2 className="fr-h2">
           Quels sont nos indicateurs de performance (KPI) ?
         </h2>
         <div className="kpis mt-12 mx-12 flex flex-col gap-12">
           <div className="flex gap-12">
             <div className="kpi flex-1">
-              <div className="font-bold text-4xl text-blue-900">27</div>
-              <div className="font-bold text-blue-900">
+              <div className="font-bold text-5xl text-blue-950">27</div>
+              <div className="font-bold text-blue-950">
                 Nombre de projets incubés
               </div>
             </div>
             <div className="kpi flex-1">
-              <div className="font-bold text-4xl text-blue-900">95%</div>
-              <div className="font-bold text-blue-900">
+              <div className="font-bold text-5xl text-blue-950">95%</div>
+              <div className="font-bold text-blue-950">
                 Taux de réussite des projets
               </div>
             </div>
             <div className="kpi flex-1">
-              <div className="font-bold text-4xl text-blue-900">6 mois</div>
-              <div className="font-bold text-blue-900">
+              <div className="font-bold text-5xl text-blue-950">6 mois</div>
+              <div className="font-bold text-blue-950">
                 Délai moyen de mise en service d&apos;un outil
               </div>
             </div>
             <div className="kpi flex-1">
-              <div className="font-bold text-4xl text-blue-900">80%</div>
-              <div className="font-bold text-blue-900">
+              <div className="font-bold text-5xl text-blue-950">80%</div>
+              <div className="font-bold text-blue-950">
                 Niveau de satisfaction des utilisateurs
               </div>
             </div>
           </div>
           <div className="flex gap-12">
             <div className="kpi flex-1">
-              <div className="font-bold text-4xl text-blue-900">2x</div>
-              <div className="font-bold text-blue-900">
+              <div className="font-bold text-5xl text-blue-950">2x</div>
+              <div className="font-bold text-blue-950">
                 Impact sur des servies concernés
               </div>
             </div>
             <div className="kpi flex-1">
-              <div className="font-bold text-4xl text-blue-900">2m</div>
-              <div className="font-bold text-blue-900">Économies réalisées</div>
+              <div className="font-bold text-5xl text-blue-950">2m</div>
+              <div className="font-bold text-blue-950">Économies réalisées</div>
             </div>
             <div className="kpi flex-1">
-              <div className="font-bold text-4xl text-blue-900">24</div>
-              <div className="font-bold text-blue-900">
+              <div className="font-bold text-5xl text-blue-950">24</div>
+              <div className="font-bold text-blue-950">
                 Nombre de collaborations interministèrielles
               </div>
             </div>
             <div className="kpi flex-1">
-              <div className="font-bold text-4xl text-blue-900">XX</div>
-              <div className="font-bold text-blue-900">Xxxxxxxxxxxxxx</div>
+              <div className="font-bold text-5xl text-blue-950">XX</div>
+              <div className="font-bold text-blue-950">Xxxxxxxxxxxxxx</div>
             </div>
           </div>
         </div>
diff --git a/src/app/(la-fabrique)/a-propos/components/methods.tsx b/src/app/(la-fabrique)/a-propos/components/methods.tsx
index 1e899d2a1..99d0c82cd 100644
--- a/src/app/(la-fabrique)/a-propos/components/methods.tsx
+++ b/src/app/(la-fabrique)/a-propos/components/methods.tsx
@@ -44,12 +44,12 @@ function Method({
   index: number
 }) {
   return (
-    <div className="flex-1 flex flex-col items-center">
-      <div className="h-52">
+    <div className="flex-1 flex flex-col">
+      <div className="h-52 relative">
         <Image
-          sizes="100vw"
+          fill
           src={method.image}
-          style={{ width: "auto", height: "100%" }}
+          style={{ objectFit: "contain" }}
           alt={`illustration de la méthode ${index + 1}`}
         />
       </div>
@@ -68,9 +68,7 @@ export default function Methods() {
   return (
     <section>
       <div className="fr-container">
-        <h2 className="fr-h2 fabnum-title--h2">
-          Quelles sont nos méthodes de travail ?
-        </h2>
+        <h2 className="fr-h2">Quelles sont nos méthodes de travail ?</h2>
         <h3 className="fr-h3 fabnum-title--h3">L&apos;approche</h3>
         <p className="fr-text--lg text-justify">
           L&apos;approche startup d&apos;Etat introduit une nouvelle manière de
@@ -78,12 +76,12 @@ export default function Methods() {
           numériques. Cela permet de garantir un cadre à la fois pour les
           équipes mais également pour nos partenaires.
         </p>
-        <div className="grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-x-12 mb-12 mt-12">
+        <div className="grid grid-cols-3 gap-x-12 mb-12 mt-12 mx-12">
           {methods.map((method, i) => (
             <Method key={`method-${i}`} method={method} index={i} />
           ))}
         </div>
-        <p className="fr-text--lg text-center text-blue-900 font-bold">
+        <p className="fr-text--xl text-center text-blue-900 font-bold">
           L&apos;approche &quot;Startup d&apos;État&quot; n&apos;est autre que
           la transposition des pratiques produit et lean startup au sein de
           l&apos;État.
@@ -92,7 +90,7 @@ export default function Methods() {
 
       <div className="p-12" style={{ backgroundColor: blueCumulus }}>
         <div className="fr-container">
-          <h3 className="fr-h3 fabnum-title--h3">La méthode Agile</h3>
+          <h3 className="fr-h3 fabnum-title--h3">Méthode Agile</h3>
           <div className="flex gap-12 items-center mt-12">
             <div className="w-96">
               <Image
diff --git a/src/app/(la-fabrique)/a-propos/images/logo-fabrique.svg b/src/app/(la-fabrique)/a-propos/images/logo-fabrique.svg
new file mode 100644
index 000000000..6d317c51f
--- /dev/null
+++ b/src/app/(la-fabrique)/a-propos/images/logo-fabrique.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Calque_1" x="0px" y="0px" style="enable-background:new 0 0 2000 2100;" xml:space="preserve" viewBox="37.3 13 1929.7 2070.2">
+<style type="text/css">
+	.st0{fill:#E30613;}
+	.st1{fill:#000091;}
+</style>
+<polygon class="st0" points="1604.4,1720.6 1583,1893.4 1604.4,2061.8 1775,2083.2 1945.7,2061.8 1967,1892.3 1945.7,1720.6   1775,1699.2 "/>
+<polygon class="st0" points="1219.4,1720.6 1198,1893.4 1219.4,2061.8 1390,2083.2 1560.6,2061.8 1582,1892.3 1560.6,1720.6   1390,1699.2 "/>
+<polygon class="st1" points="643.9,1720.6 622.5,1893.4 643.9,2061.8 814.5,2083.2 985.2,2061.8 1006.5,1892.3 985.2,1720.6   814.5,1699.2 "/>
+<polygon class="st1" points="58.6,1319.3 37.3,1492.1 58.6,1660.6 229.3,1681.9 399.9,1660.6 421.3,1491 399.9,1319.3 229.3,1298   "/>
+<polygon class="st0" points="1604.4,1165.7 1583,1338.5 1604.4,1506.9 1775,1528.3 1945.7,1506.9 1967,1337.4 1945.7,1165.7   1775,1144.3 "/>
+<polygon class="st0" points="1219.4,1336.6 1198,1509.5 1219.4,1677.9 1390,1699.2 1560.6,1677.9 1582,1508.4 1560.6,1336.6   1390,1315.3 "/>
+<polygon class="st1" points="836.5,1336.6 815.2,1509.5 836.5,1677.9 1007.1,1699.2 1177.8,1677.9 1199.1,1508.4 1177.8,1336.6   1007.2,1315.3 "/>
+<polygon class="st1" points="451.5,1152.2 430.1,1325.1 451.5,1493.5 622.1,1514.8 792.8,1493.5 814.1,1324 792.8,1152.2   622.1,1130.9 "/>
+<polygon class="st0" points="1604.4,781.7 1583,954.6 1604.4,1123 1775,1144.3 1945.7,1123 1967,953.5 1945.7,781.7 1775,760.4 "/>
+<polygon class="st0" points="1219.4,952.7 1198,1125.5 1219.4,1293.9 1390,1315.3 1560.6,1293.9 1582,1124.4 1560.6,952.7   1390,931.3 "/>
+<polygon class="st1" points="820.5,872.5 799.1,1045.4 820.5,1213.8 991.1,1235.1 1161.8,1213.8 1183.1,1044.3 1161.8,872.5   991.1,851.2 "/>
+<polygon class="st1" points="269.8,760.4 308.9,930.1 386.5,1081.1 554.2,1042.7 707.2,964.3 669.3,797.7 590.5,643.6 422.9,681.9   "/>
+<polygon class="st0" points="1453.6,253.5 1432.2,426.3 1453.6,594.8 1624.2,616.1 1794.9,594.8 1816.2,425.2 1794.9,253.5   1624.2,232.2 "/>
+<polygon class="st0" points="1047.4,556.4 1086.5,726.2 1164.2,877.1 1331.8,838.8 1484.9,760.4 1446.9,593.8 1368.1,439.7   1200.5,478 "/>
+<polygon class="st1" points="666.3,445.4 645,618.3 666.3,786.7 837,808.1 1007.6,786.7 1028.9,617.2 1007.6,445.4 837,424.1 "/>
+<polygon class="st1" points="297.6,129.7 336.7,299.4 414.3,450.4 581.9,412.1 735,333.7 697.1,167.1 618.3,13 450.6,51.3 "/>
+</svg>
\ No newline at end of file
diff --git a/src/app/(la-fabrique)/a-propos/images/map-pin.svg b/src/app/(la-fabrique)/a-propos/images/map-pin.svg
new file mode 100644
index 000000000..31ac56434
--- /dev/null
+++ b/src/app/(la-fabrique)/a-propos/images/map-pin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 20.8995L16.9497 15.9497C19.6834 13.2161 19.6834 8.78392 16.9497 6.05025C14.2161 3.31658 9.78392 3.31658 7.05025 6.05025C4.31658 8.78392 4.31658 13.2161 7.05025 15.9497L12 20.8995ZM12 23.7279L5.63604 17.364C2.12132 13.8492 2.12132 8.15076 5.63604 4.63604C9.15076 1.12132 14.8492 1.12132 18.364 4.63604C21.8787 8.15076 21.8787 13.8492 18.364 17.364L12 23.7279ZM12 13C13.1046 13 14 12.1046 14 11C14 9.89543 13.1046 9 12 9C10.8954 9 10 9.89543 10 11C10 12.1046 10.8954 13 12 13ZM12 15C9.79086 15 8 13.2091 8 11C8 8.79086 9.79086 7 12 7C14.2091 7 16 8.79086 16 11C16 13.2091 14.2091 15 12 15Z" fill="rgba(223,5,5,1)"></path></svg>
\ No newline at end of file
diff --git a/src/app/(la-fabrique)/notre-offre/components/applications.tsx b/src/app/(la-fabrique)/notre-offre/components/applications.tsx
index ea3e6e3a4..889f3f7b6 100644
--- a/src/app/(la-fabrique)/notre-offre/components/applications.tsx
+++ b/src/app/(la-fabrique)/notre-offre/components/applications.tsx
@@ -1,14 +1,14 @@
 import Image from "next/image"
 
 import imagePartners from "../images/partners.jpg"
+import imageLogoFabrique from "../images/logo-fabrique.svg"
 import imageEmailCampaign from "../images/email-campaign.svg"
 import imageLogoGovernment from "../images/logo-gouvernement.png"
 
 const applications = [
   {
+    image: imageLogoFabrique,
     title: "L'appel à idée de la Fabrique",
-    // image: "https://placehold.co/200x125",
-    image: imageEmailCampaign,
     text: "Un appel à idées est adressé chaque année à l'ensemble des agents des ministères sociaux. Témoins d'irritants récurrents pour les usagers ou les agents, ils sont invités à exprimer leurs idées et solutions afin de transformer une politique publique : la rendre plus rapide, plus efficace ou moins contraignante. (ex: Domifa, Archifiltre)",
   },
   {
@@ -30,24 +30,33 @@ const applications = [
 
 export default function Applications() {
   return (
-    <div className="grid lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 gap-12">
-      {applications.map(({ image, title, text }, i) => (
-        <div key={`applications-${i + 1}`} className="flex flex-col">
-          <div className="flex flex-col justify-center h-52">
-            <Image
-              src={image}
-              sizes="100vw"
-              alt={`illustration de la méthode ${i + 1}`}
-              className="sm:w-auto sm:h-full lg:w-full lg:h-auto"
-            />
-          </div>
-          <div className="flex items-center gap-3">
-            <div className="text-8xl font-bold text-blue-900">{i + 1}</div>
-            <h4 className="fr-h5 text-blue-900 mt-6 mb-3">{title}</h4>
+    <section className="fr-container">
+      <h3 className="fr-h3 text-blue-900 fabnum-title--h3">
+        Comment proposer son projet pour bénéficier du programme
+        d&apos;incubation ?
+      </h3>
+      <p className="fr-text--lg fr-text--bold text-blue-950">
+        Les voies d&apos;entrée des SE à la Fabrique
+      </p>
+      <div className="grid grid-cols-2 gap-x-40 gap-y-20 mx-12 mt-12">
+        {applications.map(({ image, title, text }, i) => (
+          <div key={`applications-${i + 1}`} className="flex flex-col">
+            <div className="flex flex-col justify-center h-52 relative">
+              <Image
+                fill
+                src={image}
+                style={{ objectFit: "contain" }}
+                alt={`illustration de la méthode ${i + 1}`}
+              />
+            </div>
+            <div className="flex items-center gap-3">
+              <div className="text-8xl font-bold text-blue-900">{i + 1}</div>
+              <h4 className="fr-h5 text-blue-900 mt-6 mb-3">{title}</h4>
+            </div>
+            <p className="fr-text--sm">{text}</p>
           </div>
-          <p className="fr-text--sm">{text}</p>
-        </div>
-      ))}
-    </div>
+        ))}
+      </div>
+    </section>
   )
 }
diff --git a/src/app/(la-fabrique)/notre-offre/components/parties.tsx b/src/app/(la-fabrique)/notre-offre/components/parties.tsx
new file mode 100644
index 000000000..c21a7d2d6
--- /dev/null
+++ b/src/app/(la-fabrique)/notre-offre/components/parties.tsx
@@ -0,0 +1,27 @@
+export default function Parties() {
+  return (
+    <section className="fr-container">
+      <h3 className="fr-h3 text-blue-900 fabnum-title--h3">
+        Qui peut proposer un projet de services numériques ?
+      </h3>
+      <p className="fr-text--md">
+        La Fabrique numérique est ouverte à la participation de diverses parties
+        prenantes qui souhaitent proposer des projets visant à améliorer les
+        services publics ou à créer une innovation.
+      </p>
+      <p className="fr-text--md">
+        Les intrapreneurs et intrapreneuses viennent de :
+      </p>
+      <ul className="list-disc pl-12">
+        <li>la direction du travail (DGT)</li>
+        <li>des directions régionales des entreprises</li>
+        <li>
+          de la concurrence, de la consommation, du travail et de l&apos;emploi
+          (DIRECCTE)
+        </li>
+        <li>de la direction générale de la santé (DGS)</li>
+        <li>de la direction générale de la cohésion sociale (DGCS)</li>
+      </ul>
+    </section>
+  )
+}
diff --git a/src/app/(la-fabrique)/notre-offre/components/phases.tsx b/src/app/(la-fabrique)/notre-offre/components/phases.tsx
index e5b3a4e77..a98b24ae0 100644
--- a/src/app/(la-fabrique)/notre-offre/components/phases.tsx
+++ b/src/app/(la-fabrique)/notre-offre/components/phases.tsx
@@ -1,4 +1,5 @@
 import Image from "next/image"
+import { fr } from "@codegouvfr/react-dsfr"
 
 import arrow1Image from "../images/arrow-1.svg"
 import arrow2Image from "../images/arrow-2.svg"
@@ -52,38 +53,49 @@ const phases = [
   },
 ]
 
+const blueCumulus = fr.colors.decisions.background.alt.blueCumulus.default
+
 export default function Phases() {
   return (
-    // <div className="flex mt-6">
-    <div className="grid lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2 gap-8 relative">
-      {phases.map(({ image, title, text }, i) => (
-        <>
-          <div key={`applications-${i + 1}`} className="flex flex-col">
-            <div className="flex flex-col justify-center h-52">
-              <Image
-                src={image}
-                sizes="100vw"
-                alt={`illustration de la méthode ${i + 1}`}
-                className="sm:w-auto sm:h-full lg:w-full lg:h-auto"
-              />
-            </div>
-            <h4 className="fr-h5 text-blue-900 mt-6 mb-3">{title}</h4>
-            <p className="fr-text--sm">{text}</p>
-          </div>
-          {arrows[i] !== undefined && (
-            // <div className="w-20 relative bg-pink-100">
-            <div className={`absolute z-10 ${arrows[i].position}`}>
-              <Image
-                src={arrows[i].image}
-                alt={`fleche ${i + 1}`}
-                width={arrows[i].width}
-                height={arrows[i].height}
-              />
-            </div>
-            // </div>
-          )}
-        </>
-      ))}
-    </div>
+    <section style={{ backgroundColor: blueCumulus }}>
+      <div className="fr-container py-12">
+        <h3 className="fr-h3 text-blue-900 fabnum-title--h3">
+          Comment se déroule l&apos;incubation ?
+        </h3>
+        <p className="fr-text--md">
+          À la Fabrique, nous avons une méthode de travail bien établie pour
+          vous accompagner dans le développement du produit.
+        </p>
+        <p className="fr-text--md">Elle se caractérise en 4 phases :</p>
+        <div className="grid grid-cols-2 gap-x-40 gap-y-20 mx-12 relative">
+          {phases.map(({ image, title, text }, i) => (
+            <>
+              <div key={`applications-${i + 1}`} className="flex flex-col">
+                <div className="flex flex-col justify-center h-52 relative">
+                  <Image
+                    fill
+                    src={image}
+                    style={{ objectFit: "contain" }}
+                    alt={`illustration de la phase ${i + 1}`}
+                  />
+                </div>
+                <h4 className="fr-h5 text-blue-900 mt-6 mb-3">{title}</h4>
+                <p className="fr-text--sm">{text}</p>
+              </div>
+              {/* {arrows[i] !== undefined && (
+                <div className={`absolute z-10 ${arrows[i].position}`}>
+                  <Image
+                    src={arrows[i].image}
+                    alt={`fleche ${i + 1}`}
+                    width={arrows[i].width}
+                    height={arrows[i].height}
+                  />
+                </div>
+              )} */}
+            </>
+          ))}
+        </div>
+      </div>
+    </section>
   )
 }
diff --git a/src/app/(la-fabrique)/notre-offre/images/logo-fabrique.svg b/src/app/(la-fabrique)/notre-offre/images/logo-fabrique.svg
new file mode 100644
index 000000000..6d317c51f
--- /dev/null
+++ b/src/app/(la-fabrique)/notre-offre/images/logo-fabrique.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Calque_1" x="0px" y="0px" style="enable-background:new 0 0 2000 2100;" xml:space="preserve" viewBox="37.3 13 1929.7 2070.2">
+<style type="text/css">
+	.st0{fill:#E30613;}
+	.st1{fill:#000091;}
+</style>
+<polygon class="st0" points="1604.4,1720.6 1583,1893.4 1604.4,2061.8 1775,2083.2 1945.7,2061.8 1967,1892.3 1945.7,1720.6   1775,1699.2 "/>
+<polygon class="st0" points="1219.4,1720.6 1198,1893.4 1219.4,2061.8 1390,2083.2 1560.6,2061.8 1582,1892.3 1560.6,1720.6   1390,1699.2 "/>
+<polygon class="st1" points="643.9,1720.6 622.5,1893.4 643.9,2061.8 814.5,2083.2 985.2,2061.8 1006.5,1892.3 985.2,1720.6   814.5,1699.2 "/>
+<polygon class="st1" points="58.6,1319.3 37.3,1492.1 58.6,1660.6 229.3,1681.9 399.9,1660.6 421.3,1491 399.9,1319.3 229.3,1298   "/>
+<polygon class="st0" points="1604.4,1165.7 1583,1338.5 1604.4,1506.9 1775,1528.3 1945.7,1506.9 1967,1337.4 1945.7,1165.7   1775,1144.3 "/>
+<polygon class="st0" points="1219.4,1336.6 1198,1509.5 1219.4,1677.9 1390,1699.2 1560.6,1677.9 1582,1508.4 1560.6,1336.6   1390,1315.3 "/>
+<polygon class="st1" points="836.5,1336.6 815.2,1509.5 836.5,1677.9 1007.1,1699.2 1177.8,1677.9 1199.1,1508.4 1177.8,1336.6   1007.2,1315.3 "/>
+<polygon class="st1" points="451.5,1152.2 430.1,1325.1 451.5,1493.5 622.1,1514.8 792.8,1493.5 814.1,1324 792.8,1152.2   622.1,1130.9 "/>
+<polygon class="st0" points="1604.4,781.7 1583,954.6 1604.4,1123 1775,1144.3 1945.7,1123 1967,953.5 1945.7,781.7 1775,760.4 "/>
+<polygon class="st0" points="1219.4,952.7 1198,1125.5 1219.4,1293.9 1390,1315.3 1560.6,1293.9 1582,1124.4 1560.6,952.7   1390,931.3 "/>
+<polygon class="st1" points="820.5,872.5 799.1,1045.4 820.5,1213.8 991.1,1235.1 1161.8,1213.8 1183.1,1044.3 1161.8,872.5   991.1,851.2 "/>
+<polygon class="st1" points="269.8,760.4 308.9,930.1 386.5,1081.1 554.2,1042.7 707.2,964.3 669.3,797.7 590.5,643.6 422.9,681.9   "/>
+<polygon class="st0" points="1453.6,253.5 1432.2,426.3 1453.6,594.8 1624.2,616.1 1794.9,594.8 1816.2,425.2 1794.9,253.5   1624.2,232.2 "/>
+<polygon class="st0" points="1047.4,556.4 1086.5,726.2 1164.2,877.1 1331.8,838.8 1484.9,760.4 1446.9,593.8 1368.1,439.7   1200.5,478 "/>
+<polygon class="st1" points="666.3,445.4 645,618.3 666.3,786.7 837,808.1 1007.6,786.7 1028.9,617.2 1007.6,445.4 837,424.1 "/>
+<polygon class="st1" points="297.6,129.7 336.7,299.4 414.3,450.4 581.9,412.1 735,333.7 697.1,167.1 618.3,13 450.6,51.3 "/>
+</svg>
\ No newline at end of file
diff --git a/src/app/(la-fabrique)/notre-offre/page.tsx b/src/app/(la-fabrique)/notre-offre/page.tsx
index cecfd267a..a7ac8d335 100644
--- a/src/app/(la-fabrique)/notre-offre/page.tsx
+++ b/src/app/(la-fabrique)/notre-offre/page.tsx
@@ -1,11 +1,8 @@
-import { fr } from "@codegouvfr/react-dsfr"
-
 import Phases from "./components/phases"
 import Applications from "./components/applications"
+import Parties from "./components/parties"
 
 export default function NotreOffre() {
-  const blueCumulus = fr.colors.decisions.background.alt.blueCumulus.default
-
   return (
     <>
       <div className="fr-container">
@@ -18,56 +15,13 @@ export default function NotreOffre() {
           informations, la simplification des démarches administratives,
           l&apos;automatisation de processus, etc.
         </p>
-        <h2 className="fr-h2 my-12 fabnum-title--h2">
-          Incubateur de services numériques
-        </h2>
+        <h2 className="fr-h2 my-12">Incubateur de services numériques</h2>
       </div>
-      <div className="flex flex-col gap-12">
-        <section className="fr-container">
-          <h3 className="fr-h3 text-blue-900 fabnum-title--h3">
-            Qui peut proposer un projet de services numériques ?
-          </h3>
-          <p className="fr-text--md">
-            La Fabrique numérique est ouverte à la participation de diverses
-            parties prenantes qui souhaitent proposer des projets visant à
-            améliorer les services publics ou à créer une innovation.
-          </p>
-          <p className="fr-text--md">
-            Les intrapreneurs et intrapreneuses viennent de :
-          </p>
-          <ul className="list-disc pl-12">
-            <li>la direction du travail (DGT)</li>
-            <li>des directions régionales des entreprises</li>
-            <li>
-              de la concurrence, de la consommation, du travail et de
-              l&apos;emploi (DIRECCTE)
-            </li>
-            <li>de la direction générale de la santé (DGS)</li>
-            <li>de la direction générale de la cohésion sociale (DGCS)</li>
-          </ul>
-        </section>
 
-        <section className="fr-container">
-          <h3 className="fr-h3 text-blue-900 fabnum-title--h3">
-            Comment proposer son projet pour bénéficier du programme
-            d&apos;incubation ?
-          </h3>
-          <Applications />
-        </section>
-
-        <section style={{ backgroundColor: blueCumulus }}>
-          <div className="fr-container py-12">
-            <h3 className="fr-h3 text-blue-900 fabnum-title--h3">
-              Comment se déroule l&apos;incubation ?
-            </h3>
-            <p className="fr-text--md">
-              À la Fabrique, nous avons une méthode de travail bien établie pour
-              vous accompagner dans le développement du produit.
-            </p>
-            <p className="fr-text--md">Elle se caractérise en 4 phases :</p>
-            <Phases />
-          </div>
-        </section>
+      <div className="flex flex-col gap-12">
+        <Parties />
+        <Applications />
+        <Phases />
       </div>
     </>
   )
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index f05c49660..d78922fdf 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -67,6 +67,12 @@ export default function Footer() {
         ],
       }}
       linkList={navigationToFooterLinkList}
+      // Does not work ?
+      operatorLogo={{
+        orientation: "horizontal",
+        imgUrl: "/logo-fabrique.svg",
+        alt: "Logo de la Fabrique Numérique des ministères sociaux",
+      }}
     />
   )
 }
diff --git a/src/components/header.tsx b/src/components/header.tsx
index 7c8364f68..9e4f6ff18 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -28,6 +28,11 @@ export default function Header() {
       serviceTagline="L'incubateur des ministères sociaux"
       homeLinkProps={{ href: "/", title: "Accueil - La Fabrique Numérique" }}
       id="fr-header-header-with-quick-access-items-nav-items-and-search-engine"
+      operatorLogo={{
+        orientation: "horizontal",
+        imgUrl: "/logo-fabrique.svg",
+        alt: "Logo de la Fabrique Numérique des ministères sociaux",
+      }}
     />
   )
 }
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 974b0bcd2..90b16aa3b 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -26,8 +26,12 @@ body {
     rgb(var(--background-start-rgb));
 }
 
+h1.fr-h1 {
+  @apply uppercase text-blue-950;
+}
+
 .fabnum-title--h3 {
-  @apply flex items-center text-blue-900;
+  @apply flex items-center text-blue-950;
 }
 
 .fabnum-title--h3::before {
@@ -61,6 +65,10 @@ body {
   ;
 }
 
+.fr-header__operator img {
+  @apply w-16 h-full;
+}
+
 .toto {
   background-color: var(--background-alt-blue-france);
 }
\ No newline at end of file