diff --git a/components/api/apiDescription.tsx b/components/api/apiDescription.tsx
index 5d1546292..763296f20 100644
--- a/components/api/apiDescription.tsx
+++ b/components/api/apiDescription.tsx
@@ -1,7 +1,6 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { RichLink } from '../../uiComponents';
 import RichReactMarkdown from '../../components/richReactMarkdown';
-import Section from '../../components/api/section';
 import { IGuideElementShort } from '../../model';
 import { H3WithAnchor } from '../../uiComponents/titleWithAnchor';
 import slugify from 'slugify';
@@ -11,42 +10,76 @@ const ApiDescription: React.FC<{
   body: string;
   guides: IGuideElementShort[];
   title: string;
-}> = ({ content_intro, guides, body, title }) => (
-  <Section id="api-description" title="Description">
-    <>
-      <div style={{backgroundColor: "#FFE9E6", color: "#B34000", padding: "1rem"}}>
-        <strong>⚠️ Ces informations ne sont plus mises à jour depuis le 20/11/2024.</strong><br />
-        Le site API.gouv.fr va progressivement être fusionné dans le catalogue unique data.gouv.fr. <br /><br />
-        Retrouvez la fiche d'information à jour de cette API sur la nouvelle page API de Data.gouv.fr <a href={`https://data.gouv.fr/fr/dataservices/${slugify(title.replace(/[|&$%<>]/g, ""))}`} target="_blank" rel="noopener noreferrer">⇢ Consulter la fiche à jour</a>
+}> = ({ title }) => {
+  const [searchQuery, setSearchQuery] = useState(title);
+
+  const handleSearch = (e: React.FormEvent) => {
+    e.preventDefault();
+    const encodedQuery = encodeURIComponent(searchQuery);
+    window.location.href = `https://www.data.gouv.fr/fr/dataservices/?q=${encodedQuery}`;
+  };
+
+  return (
+    <div className="deprecation-notice">
+      <div className="search-container">
+        <h1>Rechercher "{title}" sur data.gouv.fr</h1>
+        <form onSubmit={handleSearch} className="search-form">
+          <input
+            type="text"
+            value={searchQuery}
+            onChange={(e) => setSearchQuery(e.target.value)}
+            placeholder="Rechercher sur data.gouv.fr..."
+            className="search-input"
+          />
+          <button type="submit" className="search-button">
+            Rechercher sur data.gouv.fr
+          </button>
+        </form>
       </div>
-      
-      {content_intro && <RichReactMarkdown source={content_intro} />}
-      {guides.length > 0 && (
-        <>
-          <H3WithAnchor>Exemples d’application</H3WithAnchor>
-          <div className="default-grid api-examples">
-            {guides.map(guide => (
-              <RichLink
-                key={guide.slug}
-                title={guide.title}
-                image={
-                  guide.image
-                    ? `/images/guides/thumbnail_${guide.image}`
-                    : undefined
-                }
-                href={`/guides/${guide.slug}`}
-              />
-            ))}
-          </div>
-        </>
-      )}
-      <RichReactMarkdown source={body} />
-    </>
-    <style jsx>{`
-      .api-examples {
-        margin-bottom: 40px;
-      }
-    `}</style>
-  </Section>
-);
+
+      <style jsx>{`
+        .deprecation-notice {
+          max-width: 800px;
+          margin: 0 auto;
+          padding: 2rem;
+        }
+
+        .search-container {
+          text-align: center;
+          margin-top: 2rem;
+        }
+
+        .search-form {
+          display: flex;
+          gap: 1rem;
+          max-width: 600px;
+          margin: 5rem auto;
+        }
+
+        .search-input {
+          flex: 1;
+          padding: 0.75rem;
+          border: 1px solid #ccc;
+          border-radius: 4px;
+          font-size: 1rem;
+        }
+
+        .search-button {
+          padding: 0.75rem 1.5rem;
+          background-color: #000091;
+          color: white;
+          border: none;
+          border-radius: 4px;
+          cursor: pointer;
+          font-size: 1rem;
+        }
+
+        .search-button:hover {
+          background-color: #1212ff;
+        }
+      `}</style>
+    </div>
+  );
+};
+
 export default ApiDescription;
diff --git a/components/api/index.js b/components/api/index.js
index c42b4cffb..ebd4a4928 100644
--- a/components/api/index.js
+++ b/components/api/index.js
@@ -4,11 +4,9 @@ import Partners from './partners';
 import TechnicalDocumentation from './technical-documentation';
 import ApiRelatedServices from './apiRelatedServices.tsx';
 import ApiOpenDataSources from './apiOpenDataSources.tsx';
-import PageHeader from './pageHeader';
 import ApiDescription from './apiDescription';
 
 export {
-  PageHeader,
   Access,
   SupportAndTeam,
   Partners,
diff --git a/components/api/pageHeader.tsx b/components/api/pageHeader.tsx
deleted file mode 100644
index 4c50a8ec2..000000000
--- a/components/api/pageHeader.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import React from 'react';
-
-import constants from '../../constants';
-
-interface IProps {
-  title: string;
-  logo: string;
-  tagline: string;
-  owner: string;
-  owner_acronym?: string;
-  owner_slug: string;
-}
-
-const PageHeader: React.FC<IProps> = ({
-  title,
-  tagline,
-  owner,
-  owner_acronym,
-  owner_slug,
-}) => (
-  <section id="mission-statement">
-    <div className="fr-container">
-      <div className="breadcrumb">
-        <a href="/rechercher-api" className="dont-apply-link-style">
-          ⇠ Toutes les API
-        </a>
-      </div>
-      <div className="content">
-        <h1>{title}</h1>
-        <i>
-          Producteur :{' '}
-          <a
-            className="dont-apply-link-style"
-            href={`/producteurs/${owner_slug}`}
-          >
-            {owner_acronym ? owner_acronym : owner}
-          </a>
-        </i>
-        <h2 className="tagline">{tagline}</h2>
-      </div>
-    </div>
-
-    <style jsx>{`
-      #mission-statement {
-        background: ${constants.colors.backgroundBlueGradient};
-        width: 100%;
-        color: #fff;
-        text-align: left;
-      }
-
-      .content {
-        margin: 0;
-        padding: 5px 0 15px;
-      }
-
-      .content > i > a {
-        color: #fff;
-      }
-
-      .breadcrumb {
-        padding-top: 25px;
-      }
-      .breadcrumb a {
-        margin-top: 25px;
-        color: #fff;
-      }
-      .breadcrumb:hover {
-        text-decoration: underline;
-      }
-
-      h1 {
-        margin: 10px 0 0;
-        font-style: normal;
-        font-weight: bold;
-        color: #fff;
-      }
-
-      h1 span {
-        font-weight: 400;
-      }
-
-      .tagline {
-        font-style: normal;
-        font-weight: bold;
-        font-size: 17px;
-        line-height: 25px;
-        margin: 15px 0 10px;
-        color: #fff;
-      }
-
-      @media only screen and (min-width: 1px) and (max-width: 900px) {
-        .content {
-          padding: 0 0 10px;
-        }
-        .breadcrumb {
-          padding-top: 10px;
-        }
-      }
-    `}</style>
-  </section>
-);
-
-export default PageHeader;
diff --git a/components/api/section.js b/components/api/section.js
index 4ac8954bf..fd9695667 100644
--- a/components/api/section.js
+++ b/components/api/section.js
@@ -7,17 +7,19 @@ const Section = ({ id, title, children }) => {
         This is a hidden anchor. It is a trick to avoid having the header hiding
         the top of the page.
       </a>
-      <h2 className="ui dividing header">
-        <a
-          href={`#${id}`}
-          aria-hidden="true"
-          tabIndex="-1"
-          className="header-anchor"
-        >
-          #
-        </a>
-        {title}
-      </h2>
+      {title && (
+        <h2 className="ui dividing header">
+          <a
+            href={`#${id}`}
+            aria-hidden="true"
+            tabIndex="-1"
+            className="header-anchor"
+          >
+            #
+          </a>
+          {title}
+        </h2>
+      )}
 
       {children}
 
diff --git a/components/footer/preFooter.js b/components/footer/preFooter.js
index bd5d4ae4e..fefe62c09 100644
--- a/components/footer/preFooter.js
+++ b/components/footer/preFooter.js
@@ -21,7 +21,7 @@ const PreFooter = ({ background }) => (
       </div>
       <div>
         <p>Vous voulez partager une API ?</p>
-        <ButtonLink href={constants.links.ADD_API} alt>
+        <ButtonLink href="https://guides.data.gouv.fr/guide-data.gouv.fr/api/publier-une-api" alt>
           Partager votre API
         </ButtonLink>
       </div>
diff --git a/pages/les-api/[slug].tsx b/pages/les-api/[slug].tsx
index 2494a39c7..eb659761a 100644
--- a/pages/les-api/[slug].tsx
+++ b/pages/les-api/[slug].tsx
@@ -13,7 +13,6 @@ import {
 import Page from '../../layouts';
 
 import {
-  PageHeader,
   Access,
   SupportAndTeam,
   Partners,
@@ -26,7 +25,6 @@ import ApiDetails from '../../components/api/apiDetails';
 import { HEADER_PAGE } from '../../components';
 
 import constants from '../../constants';
-import Feedback from '../../components/feedback';
 import { IDataGouvDataset, fetchDatagouvDatasets } from '../../components/api/apiOpenDataSources';
 
 interface IProps {
@@ -74,93 +72,24 @@ const API: React.FC<IProps> = ({ api, guides, datagouvDatasets }) => {
       canonical={`https://api.gouv.fr/les-api/${slug}`}
       usePreFooter={!hide_pre_footer}
     >
-      <PageHeader
-        title={title}
-        logo={logo || constants.logo}
-        tagline={tagline}
-        owner={owner}
-        owner_acronym={owner_acronym}
-        owner_slug={owner_slug}
-      />
-
       <div id="description" className="fr-container">
-        <div className="right-column-grid">
-          <div className="left-column text-style">
-            <ApiDescription
-              guides={guides}
-              body={body}
-              content_intro={content_intro}
-              title={title}
-            />
-
-            {datagouvDatasets.length > 0 && (
-              <ApiOpenDataSources datasetsList={datagouvDatasets} />
-            )}
-
-            <Feedback />
-          </div>
-          <div className="right-column info-column">
-            <Access
-              is_open={is_open}
-              slug={slug}
-              doc_swagger_link={doc_tech_link}
-              doc_external_link={doc_tech_external}
-              account_link={account_link}
-            />
-            <SupportAndTeam
-              logo={logo}
-              owner={owner}
-              owner_acronym={owner_acronym}
-              owner_slug={owner_slug}
-              link={contact_link}
-            />
-            <TechnicalDocumentation
-              swagger_link={doc_tech_link}
-              external_link={doc_tech_external}
-              slug={slug}
-            />
-            <ApiDetails
-              monitoring={monitoring_description}
-              monitoring_link={monitoring_link}
-              rate_limiting={rate_limiting_description}
-              rate_limiting_resume={rate_limiting_resume}
-              rate_limiting_link={rate_limiting_link}
-              stats_detail={stats_detail_description}
-              stats_detail_resume={stats_detail_resume}
-              stats_detail_link={stats_detail_link}
-              uptime={uptime}
-              is_france_connected={is_france_connected}
-            />
-
-            <Partners partners={partners} />
-          </div>
+        <div className="text-style">
+          <ApiDescription
+            guides={guides}
+            body={body}
+            content_intro={content_intro}
+            title={title}
+          />
+
+          {datagouvDatasets.length > 0 && (
+            <ApiOpenDataSources datasetsList={datagouvDatasets} />
+          )}
         </div>
       </div>
       <style jsx>{`
         #description {
           margin-bottom: 70px;
         }
-
-        .right-column-grid {
-          display: grid;
-          grid-template-columns: 65% 31%;
-          grid-gap: 40px;
-        }
-
-        .info-column {
-          border-left: 2px solid ${constants.colors.lightBlue};
-          padding: 0 0 0 40px;
-        }
-        @media only screen and (min-width: 1px) and (max-width: 900px) {
-          .right-column-grid {
-            display: flex;
-            flex-direction: column-reverse;
-          }
-          .info-column {
-            border: none;
-            padding: 0;
-          }
-        }
       `}</style>
     </Page>
   );
diff --git a/pages/rechercher-api.tsx b/pages/rechercher-api.tsx
index 35e265afa..381d62acb 100644
--- a/pages/rechercher-api.tsx
+++ b/pages/rechercher-api.tsx
@@ -1,20 +1,17 @@
-import React from 'react';
-import { flatten, uniq } from 'lodash';
-import { GetStaticProps } from 'next';
-
-import { getAllAPIs, IApi } from '../model';
+import React, { useState } from 'react';
 import Page from '../layouts/page';
-import SearchApis from '../components/searchApis';
 import { HEADER_PAGE } from '../components';
 import constants from '../constants';
-import { filterExceptions } from '../components/searchApis/filtersLogic';
 
-interface IProps {
-  allApis: IApi[];
-  allThemes: string[];
-}
+const RechercherApi: React.FC = () => {
+  const [searchQuery, setSearchQuery] = useState('');
+
+  const handleSearch = (e: React.FormEvent) => {
+    e.preventDefault();
+    const encodedQuery = encodeURIComponent(searchQuery);
+    window.location.href = `https://www.data.gouv.fr/fr/dataservices/?q=${encodedQuery}`;
+  };
 
-const RechercherApi: React.FC<IProps> = ({ allApis, allThemes }) => {
   return (
     <Page
       headerKey={HEADER_PAGE.APIS}
@@ -22,44 +19,67 @@ const RechercherApi: React.FC<IProps> = ({ allApis, allThemes }) => {
       title="Rechercher une API du service public"
       description="Vous faites partie d'un ministère ou d'une collectivité et vous cherchez une API du service public ? Vous êtes au bon endroit."
     >
-      <section className="fr-container page-baseline">
-        <h1>
-          Vous recherchez une API du service public ? Vous êtes au bon endroit !
-        </h1>
-      </section>
+      <div className="deprecation-notice">
+        <div className="search-container">
+          <h1>Rechercher une API sur data.gouv.fr</h1>
+          <form onSubmit={handleSearch} className="search-form">
+            <input
+              type="text"
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+              placeholder="Rechercher sur data.gouv.fr..."
+              className="search-input"
+            />
+            <button type="submit" className="search-button">
+              Rechercher sur data.gouv.fr
+            </button>
+          </form>
+        </div>
 
-      <SearchApis allApis={allApis} allThemes={allThemes} />
-    </Page>
-  );
-};
+        <style jsx>{`
+          .deprecation-notice {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 2rem;
+          }
 
-export const getStaticProps: GetStaticProps = async () => {
-  const allApis = await getAllAPIs();
+          .search-container {
+            text-align: center;
+            margin-top: 2rem;
+          }
 
-  const allThemes = uniq(
-    flatten(
-      allApis.map(api => {
-        // this must be tested with JEST first, but one never knows
-        if (!api.themes) {
-          throw new Error(`API must have at least one theme : ${api.slug}`);
-        }
-        return api.themes;
-      })
-    )
-  ).sort();
+          .search-form {
+            display: flex;
+            gap: 1rem;
+            max-width: 600px;
+            margin: 5rem auto;
+          }
 
-  const sortedAllApis = allApis.sort((a, b) =>
-    (a.visits_2019 || 0) < (b.visits_2019 || 0) ? 1 : -1
-  );
+          .search-input {
+            flex: 1;
+            padding: 0.75rem;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+            font-size: 1rem;
+          }
 
-  const filteredAllApis = sortedAllApis.filter(filterExceptions());
+          .search-button {
+            padding: 0.75rem 1.5rem;
+            background-color: #000091;
+            color: white;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+            font-size: 1rem;
+          }
 
-  return {
-    props: {
-      allApis: filteredAllApis,
-      allThemes,
-    },
-  };
+          .search-button:hover {
+            background-color: #1212ff;
+          }
+        `}</style>
+      </div>
+    </Page>
+  );
 };
 
 export default RechercherApi;
diff --git a/uiComponents/alertFusion/index.tsx b/uiComponents/alertFusion/index.tsx
index 62b582cee..b1493fd6b 100644
--- a/uiComponents/alertFusion/index.tsx
+++ b/uiComponents/alertFusion/index.tsx
@@ -5,8 +5,10 @@ export const AlertFusion: React.FC<{}> = () => (
     <div className="fr-notice fr-notice--info">
       <div className="fr-container">
         <div className="fr-notice__body">
-          <p><span className="fr-notice__title">⚠️ Le site API.gouv.fr fusionne dans le catalogue unique Data.gouv.fr :</span> <span className="fr-notice__desc">Pour découvrir les nouvelles API et obtenir les informations les plus à jour, rendez-vous sur </span>
-          <a target="_blank" rel="noopener external" title="Page API du catalogue Data.gouv.fr - nouvelle fenêtre" href="https://www.data.gouv.fr/dataservices" className="fr-notice__link">⇢ data.gouv.fr/dataservices</a>.
+          <p>
+            <span className="fr-notice__title">⚠️ Les fiches d'API ont été déplacées sur data.gouv.fr</span><br />
+            <span className="fr-notice__desc">Pour découvrir les nouvelles API et obtenir les informations les plus à jour, rendez-vous sur </span>
+            <a target="_blank" rel="noopener external" title="Page API du catalogue data.gouv.fr - nouvelle fenêtre" href="https://www.data.gouv.fr/dataservices" className="fr-notice__link">data.gouv.fr/dataservices</a>.
           </p>
           </div>
         </div>