diff --git a/packages/api/src/api/rest/titres.queries.ts b/packages/api/src/api/rest/titres.queries.ts
index 2ba314256f6473be76423c66dc6a2d6d146d88ca..aece42351915cf79b9cab68add31d175b1b1e5ba 100644
--- a/packages/api/src/api/rest/titres.queries.ts
+++ b/packages/api/src/api/rest/titres.queries.ts
@@ -207,6 +207,7 @@ export const getTitre = async (pool: Pool, user: User, idOrSlug: TitreIdOrSlug):
         description: demarche.description,
         demarche_type_id: demarche.demarche_type_id,
         demarche_statut_id: demarche.demarche_statut_id,
+        demarche_visibilite: demarche.public_lecture ? 'Publique' : 'Confidentielle',
         public_lecture: demarche.public_lecture,
         entreprises_lecture: demarche.entreprises_lecture,
         demarche_date_debut: demarche.demarche_date_debut,
@@ -299,6 +300,7 @@ export const getTitre = async (pool: Pool, user: User, idOrSlug: TitreIdOrSlug):
           demarche_statut_id: superDemarche.demarche_statut_id,
           demarche_date_debut: superDemarche.demarche_date_debut,
           demarche_date_fin: superDemarche.demarche_date_fin,
+          demarche_visibilite: superDemarche.demarche_visibilite,
           etapes,
           ordre: superDemarche.ordre,
         })
@@ -328,6 +330,7 @@ export const getTitre = async (pool: Pool, user: User, idOrSlug: TitreIdOrSlug):
       titre_doublon: titreDoublon,
       titre_last_modified_date: titreDateLastModified,
       references: titre.references,
+      titre_visibilite: titre.public_lecture ? 'Publique' : 'Confidentielle',
       demarches: formattedDemarches,
     }
 
diff --git a/packages/api/src/api/rest/titres.test.integration.ts b/packages/api/src/api/rest/titres.test.integration.ts
index 950248e4829cc2955bcda19504c2d62b2b94cd8f..8701c1a8264e23fe4afb0e27c5ed4a2011801c93 100644
--- a/packages/api/src/api/rest/titres.test.integration.ts
+++ b/packages/api/src/api/rest/titres.test.integration.ts
@@ -426,6 +426,7 @@ describe('getTitre', () => {
         "titre_last_modified_date": null,
         "titre_statut_id": "ind",
         "titre_type_id": "arm",
+        "titre_visibilite": "Confidentielle",
       }
     `)
   })
@@ -490,6 +491,7 @@ describe('getTitre', () => {
             "demarche_date_fin": null,
             "demarche_statut_id": "ind",
             "demarche_type_id": "oct",
+            "demarche_visibilite": "Confidentielle",
             "description": null,
             "etapes": [
               {
@@ -558,6 +560,7 @@ describe('getTitre', () => {
         "titre_last_modified_date": null,
         "titre_statut_id": "val",
         "titre_type_id": "arm",
+        "titre_visibilite": "Confidentielle",
       }
     `)
   })
diff --git a/packages/common/src/static/demarchesTypes.ts b/packages/common/src/static/demarchesTypes.ts
index d4523f66c3ed28d62a92f5b73fab5ede84806fd3..d2f41c21afa89fa1f36e4c2973715b175dd71d70 100644
--- a/packages/common/src/static/demarchesTypes.ts
+++ b/packages/common/src/static/demarchesTypes.ts
@@ -327,3 +327,6 @@ export type DemarcheTypeAnnulation = typeof DEMARCHES_TYPES_IDS.RenonciationTota
 
 export const isDemarcheTypeAnnulation = (demarcheTypeId: DemarcheTypeId): demarcheTypeId is DemarcheTypeAnnulation =>
   [DEMARCHES_TYPES_IDS.Retrait, DEMARCHES_TYPES_IDS.RenonciationTotale].includes(demarcheTypeId)
+
+export const demarcheVisibiliteValidator = z.enum(['Publique', 'Confidentielle'])
+export type DemarcheVisibilite = z.infer<typeof demarcheVisibiliteValidator>
diff --git a/packages/common/src/static/etapesTypes.ts b/packages/common/src/static/etapesTypes.ts
index 95909e9578a1762484b958247456b4d1641edfe6..afd7d286b5be34dd91685ec1e35573b6d00542d6 100644
--- a/packages/common/src/static/etapesTypes.ts
+++ b/packages/common/src/static/etapesTypes.ts
@@ -1187,3 +1187,6 @@ export const isEtapeWithAutomaticStatuts = (etapeTypeId: EtapeTypeId | null): et
 
 export const ETAPE_TYPE_FOR_CONCURRENCY_DATA = ETAPES_TYPES.demande
 export const ETAPE_TYPE_FOR_CONSENTEMENT_DATA = ETAPES_TYPES.demande
+
+const etapeVisibiliteValidator = z.enum(['Publique', 'Entreprise et administrations', 'Confidentielle'])
+export type EtapeVisibilite = z.infer<typeof etapeVisibiliteValidator>
diff --git a/packages/common/src/static/titresTypes.ts b/packages/common/src/static/titresTypes.ts
index b51d6b984f9aab4c023d8eea38be85d781a73cec..9b07db51f9604c79df38cb441ed781b5847035ae 100644
--- a/packages/common/src/static/titresTypes.ts
+++ b/packages/common/src/static/titresTypes.ts
@@ -122,3 +122,6 @@ export const getTitreTypeTypeByDomaineId = (domaineId: DomaineId): TitreTypeType
   Object.values(TitresTypes)
     .filter(v => v.domaineId === domaineId)
     .map(({ typeId }) => typeId)
+
+export const titreVisibiliteValidator = z.enum(['Publique', 'Confidentielle'])
+export type TitreVisibilite = z.infer<typeof titreVisibiliteValidator>
diff --git a/packages/common/src/titres.ts b/packages/common/src/titres.ts
index 860550f80f4058e4e47c16b59fb9e6bff9998796..f2ae33c9e68203b799c39859bbc61495164bb91e 100644
--- a/packages/common/src/titres.ts
+++ b/packages/common/src/titres.ts
@@ -2,12 +2,12 @@ import { TitreStatutId, titreStatutIdValidator } from './static/titresStatuts'
 import { TitreReference, titreReferenceValidator } from './titres-references'
 import { etapeTypeIdValidator } from './static/etapesTypes'
 import { caminoDateValidator, firstEtapeDateValidator } from './date'
-import { TitreTypeId, titreTypeIdValidator } from './static/titresTypes'
+import { TitreTypeId, titreTypeIdValidator, titreVisibiliteValidator } from './static/titresTypes'
 import { z } from 'zod'
 import { administrationIdValidator } from './static/administrations'
 import { DemarcheEtape, DemarcheEtapeFondamentale, DemarcheEtapeNonFondamentale, demarcheEtapeValidator, demarcheIdValidator, demarcheSlugValidator } from './demarche'
 import { demarcheStatutIdValidator } from './static/demarchesStatuts'
-import { demarcheTypeIdValidator } from './static/demarchesTypes'
+import { demarcheTypeIdValidator, demarcheVisibiliteValidator } from './static/demarchesTypes'
 import { TitreId, titreIdValidator, titreSlugValidator } from './validators/titres'
 import { isNotNullNorUndefined, isNotNullNorUndefinedNorEmpty } from './typescript-tools'
 import { EntrepriseId, entrepriseIdValidator } from './entreprise'
@@ -48,6 +48,7 @@ export const demarcheGetValidator = z.object({
   demarche_statut_id: demarcheStatutIdValidator,
   demarche_date_debut: caminoDateValidator.nullable(),
   demarche_date_fin: caminoDateValidator.nullable(),
+  demarche_visibilite: demarcheVisibiliteValidator,
   ordre: z.number(),
 })
 
@@ -59,6 +60,7 @@ export const titreGetValidator = z.object({
   slug: titreSlugValidator,
   titre_type_id: titreTypeIdValidator,
   titre_statut_id: titreStatutIdValidator,
+  titre_visibilite: titreVisibiliteValidator,
   titre_doublon: z
     .object({
       id: titreIdValidator,
diff --git a/packages/ui/src/components/_common/demarche-visibilite.tsx b/packages/ui/src/components/_common/demarche-visibilite.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..776fd6525f3bbd4994c9db7b23e5d6adede5c008
--- /dev/null
+++ b/packages/ui/src/components/_common/demarche-visibilite.tsx
@@ -0,0 +1,31 @@
+import { FunctionalComponent } from 'vue'
+import { Badge } from '../_ui/badge'
+import { isDefautRole, UserNotNull } from 'camino-common/src/roles'
+import { TitreVisibilite } from 'camino-common/src/static/titresTypes'
+import { DemarcheVisibilite as DemarcheVisibiliteCommon } from 'camino-common/src/static/demarchesTypes'
+import { isNotNullNorUndefined } from 'camino-common/src/typescript-tools'
+
+type Props = {
+  titre_visibilite: TitreVisibilite
+  demarche_visibilite: DemarcheVisibiliteCommon
+  user: Pick<UserNotNull, 'role'> | null | undefined
+}
+
+export const DemarcheVisibilite: FunctionalComponent<Props> = (props: Props) => {
+  if (isNotNullNorUndefined(props.user) && !isDefautRole(props.user.role)) {
+    let visibilite: DemarcheVisibiliteCommon = 'Confidentielle'
+    if (props.demarche_visibilite === 'Publique' && props.titre_visibilite === 'Publique') {
+      visibilite = 'Publique'
+    }
+    const label = visibilite === 'Publique' ? 'Démarche publique' : 'Démarche confidentielle'
+
+    return (
+      <Badge
+        label={label}
+        ariaLabel={visibilite != 'Publique' && props.demarche_visibilite === 'Publique' ? 'Cette démarche deviendra publique quand le titre sera public' : label}
+        badgeColor={visibilite === 'Publique' ? 'green-bourgeon' : 'beige-gris-galet'}
+      />
+    )
+  }
+  return null
+}
diff --git a/packages/ui/src/components/_common/etape-visibilite.stories.tsx b/packages/ui/src/components/_common/etape-visibilite.stories.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..7788e69147a2f8ecc5d6b31599de8d19dd3fa215
--- /dev/null
+++ b/packages/ui/src/components/_common/etape-visibilite.stories.tsx
@@ -0,0 +1,78 @@
+import { Meta, StoryFn } from '@storybook/vue3'
+import { EtapeVisibilite } from './etape-visibilite'
+import { TitreVisibilite as TitreVisibiliteCommon } from 'camino-common/src/static/titresTypes'
+import { DemarcheVisibilite as DemarcheVisibiliteCommon } from 'camino-common/src/static/demarchesTypes'
+import { ETAPES_TYPES, EtapesTypes, EtapeTypeId } from 'camino-common/src/static/etapesTypes'
+import { getEntriesHardcore } from 'camino-common/src/typescript-tools'
+import { Role } from 'camino-common/src/roles'
+import { TitreVisibilite } from './titre-visibilite'
+import { DemarcheVisibilite } from './demarche-visibilite'
+
+const meta: Meta = {
+  title: 'Components/Common/EtapeVisibilite',
+  component: EtapeVisibilite,
+}
+export default meta
+
+const etapeTypeIdsWithVisibility = [
+  // Tout privé
+  ETAPES_TYPES.demandeDautorisationDouvertureDeTravauxMiniers_AOTM_,
+  // Tout public
+  ETAPES_TYPES.consultationDuPublic,
+  // Que entreprise
+  ETAPES_TYPES.validationDuPaiementDesFraisDeDossierComplementaires,
+] as const satisfies EtapeTypeId[]
+const visibilite = {
+  Confidentielle: {
+    Confidentielle: etapeTypeIdsWithVisibility,
+    Publique: etapeTypeIdsWithVisibility,
+  },
+  Publique: {
+    Confidentielle: etapeTypeIdsWithVisibility,
+    Publique: etapeTypeIdsWithVisibility,
+  },
+} as const satisfies Record<TitreVisibiliteCommon, Record<DemarcheVisibiliteCommon, EtapeTypeId[]>>
+
+const roles = {
+  super: visibilite,
+  admin: visibilite,
+  editeur: visibilite,
+  lecteur: visibilite,
+  entreprise: visibilite,
+  "bureau d'études": visibilite,
+  defaut: visibilite,
+} as const satisfies Record<Role, typeof visibilite>
+export const All: StoryFn = () => (
+  <div style="height:100%;width:100%;background:white">
+    <table>
+      <tr>
+        <th>Rôle de l'utilisateur</th>
+        <th>Visibilité du titre</th>
+        <th>Visibilité de la démarche</th>
+        <th>Visibilité de l'étape</th>
+        <th>Rendu</th>
+      </tr>
+      {getEntriesHardcore(roles).map(([role, roleVisibilite]) =>
+        getEntriesHardcore(roleVisibilite).map(([titreVisibilite, demarches]) =>
+          getEntriesHardcore(demarches).map(([demarcheVisibilite, etapes]) =>
+            etapes.map(etape => (
+              <tr>
+                <td>{role}</td>
+                <td>{titreVisibilite}</td>
+                <td>{demarcheVisibilite}</td>
+                <td>{EtapesTypes[etape].public_lecture ? 'Public' : EtapesTypes[etape].entreprises_lecture ? 'Entreprises' : 'Confidentielle'}</td>
+                <td>
+                  <div style={{ display: 'flex', gap: '1rem' }}>
+                    <TitreVisibilite titre_visibilite={titreVisibilite} user={{ role: role }} />
+                    <DemarcheVisibilite titre_visibilite={titreVisibilite} demarche_visibilite={demarcheVisibilite} user={{ role: role }} />
+                    <EtapeVisibilite user={{ role: role }} demarche_visibilite={demarcheVisibilite} titre_visibilite={titreVisibilite} etape_type_id={etape} />
+                  </div>
+                </td>
+              </tr>
+            ))
+          )
+        )
+      )}
+    </table>
+  </div>
+)
diff --git a/packages/ui/src/components/_common/etape-visibilite.stories_snapshots_All.html b/packages/ui/src/components/_common/etape-visibilite.stories_snapshots_All.html
new file mode 100644
index 0000000000000000000000000000000000000000..b017492862ec95117a41b4acbac2f3f5b1c8d355
--- /dev/null
+++ b/packages/ui/src/components/_common/etape-visibilite.stories_snapshots_All.html
@@ -0,0 +1,1103 @@
+<div style="height: 100%; width: 100%; background: white;">
+  <table>
+    <tr>
+      <th>Rôle de l'utilisateur</th>
+      <th>Visibilité du titre</th>
+      <th>Visibilité de la démarche</th>
+      <th>Visibilité de l'étape</th>
+      <th>Rendu</th>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>super</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape est visible par l'entreprise et les administrations" aria-label="Cette étape est visible par l'entreprise et les administrations">Visible par l'entreprise</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>admin</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape est visible par l'entreprise et les administrations" aria-label="Cette étape est visible par l'entreprise et les administrations">Visible par l'entreprise</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>editeur</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape est visible par l'entreprise et les administrations" aria-label="Cette étape est visible par l'entreprise et les administrations">Visible par l'entreprise</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>lecteur</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape est visible par l'entreprise et les administrations" aria-label="Cette étape est visible par l'entreprise et les administrations">Visible par l'entreprise</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>entreprise</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape est visible par l'entreprise et les administrations" aria-label="Cette étape est visible par l'entreprise et les administrations">Visible par l'entreprise</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette démarche deviendra publique quand le titre sera public" aria-label="Cette démarche deviendra publique quand le titre sera public">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape deviendra publique quand la démarche et le titre seront publics" aria-label="Cette étape deviendra publique quand la démarche et le titre seront publics">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Démarche confidentielle" aria-label="Démarche confidentielle">Démarche confidentielle</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>bureau d'études</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape est visible par l'entreprise et les administrations" aria-label="Cette étape est visible par l'entreprise et les administrations">Visible par l'entreprise</p>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Confidentielle</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Confidentielle</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Public</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td>defaut</td>
+      <td>Publique</td>
+      <td>Publique</td>
+      <td>Entreprises</td>
+      <td>
+        <div style="display: flex; gap: 1rem;">
+          <!---->
+          <!---->
+          <!---->
+        </div>
+      </td>
+    </tr>
+  </table>
+</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/_common/etape-visibilite.tsx b/packages/ui/src/components/_common/etape-visibilite.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..518d8c7d045a1140a92d1a8282a5dd188cd580b7
--- /dev/null
+++ b/packages/ui/src/components/_common/etape-visibilite.tsx
@@ -0,0 +1,42 @@
+import { FunctionalComponent } from 'vue'
+import { Badge } from '../_ui/badge'
+import { isDefautRole, UserNotNull } from 'camino-common/src/roles'
+import { TitreVisibilite } from 'camino-common/src/static/titresTypes'
+import { DemarcheVisibilite } from 'camino-common/src/static/demarchesTypes'
+import { EtapesTypes, EtapeTypeId, EtapeVisibilite as EtapeVisibiliteCommon } from 'camino-common/src/static/etapesTypes'
+import { isNotNullNorUndefined } from 'camino-common/src/typescript-tools'
+
+type Props = {
+  titre_visibilite: TitreVisibilite
+  demarche_visibilite: DemarcheVisibilite
+  etape_type_id: EtapeTypeId
+  user: Pick<UserNotNull, 'role'> | null | undefined
+}
+
+export const EtapeVisibilite: FunctionalComponent<Props> = (props: Props) => {
+  if (isNotNullNorUndefined(props.user) && !isDefautRole(props.user?.role)) {
+    let visibilite: EtapeVisibiliteCommon = 'Confidentielle'
+    const { public_lecture, entreprises_lecture } = EtapesTypes[props.etape_type_id]
+    if (public_lecture && props.demarche_visibilite === 'Publique' && props.titre_visibilite === 'Publique') {
+      visibilite = 'Publique'
+    } else if (entreprises_lecture && props.demarche_visibilite === 'Publique' && props.titre_visibilite === 'Publique') {
+      visibilite = 'Entreprise et administrations'
+    }
+    const label = visibilite === 'Publique' ? 'Étape publique' : visibilite === 'Confidentielle' ? 'Étape confidentielle' : "Visible par l'entreprise"
+
+    return (
+      <Badge
+        label={label}
+        ariaLabel={
+          visibilite !== 'Publique' && public_lecture
+            ? 'Cette étape deviendra publique quand la démarche et le titre seront publics'
+            : visibilite === 'Entreprise et administrations'
+              ? "Cette étape est visible par l'entreprise et les administrations"
+              : label
+        }
+        badgeColor={visibilite === 'Publique' ? 'green-bourgeon' : 'beige-gris-galet'}
+      />
+    )
+  }
+  return null
+}
diff --git a/packages/ui/src/components/_common/titre-visibilite.tsx b/packages/ui/src/components/_common/titre-visibilite.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6438d20f9106b0f413c5b5a50437fb3b49a57407
--- /dev/null
+++ b/packages/ui/src/components/_common/titre-visibilite.tsx
@@ -0,0 +1,19 @@
+import { FunctionalComponent } from 'vue'
+import { Badge } from '../_ui/badge'
+import { isDefautRole, UserNotNull } from 'camino-common/src/roles'
+import { TitreVisibilite as TitreVisibiliteCommon } from 'camino-common/src/static/titresTypes'
+import { isNotNullNorUndefined } from 'camino-common/src/typescript-tools'
+
+type Props = {
+  titre_visibilite: TitreVisibiliteCommon
+  user: Pick<UserNotNull, 'role'> | null | undefined
+}
+
+export const TitreVisibilite: FunctionalComponent<Props> = (props: Props) => {
+  if (isNotNullNorUndefined(props.user) && !isDefautRole(props.user.role)) {
+    return (
+      <Badge ariaLabel={props.titre_visibilite === 'Publique' ? 'Titre public' : 'Titre confidentiel'} badgeColor={props.titre_visibilite === 'Publique' ? 'green-bourgeon' : 'beige-gris-galet'} />
+    )
+  }
+  return null
+}
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories.tsx b/packages/ui/src/components/demarche/demarche-etape.stories.tsx
index bf4b244e1f9fd14603ef26747fbc839b9b054900..fc40ce3368eaeab20bca263866e8bc99efdc6bc9 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories.tsx
+++ b/packages/ui/src/components/demarche/demarche-etape.stories.tsx
@@ -13,11 +13,14 @@ import { FeatureMultiPolygon } from 'camino-common/src/perimetre'
 import { ZERO_KM2, km2Validator } from 'camino-common/src/number'
 import { CaminoRouter } from '@/typings/vue-router'
 import { sectionDureeIds } from 'camino-common/src/static/titresTypes_demarchesTypes_etapesTypes/sections'
-import { DemarcheEtapeFondamentale, demarcheIdValidator } from 'camino-common/src/demarche'
+import { DemarcheEtape as CommonDemarcheEtape, DemarcheEtapeFondamentale, demarcheIdValidator } from 'camino-common/src/demarche'
 import { DemarchesStatutsIds } from 'camino-common/src/static/demarchesStatuts'
 import { ETAPES_TYPES } from 'camino-common/src/static/etapesTypes'
 import { ETAPES_STATUTS } from 'camino-common/src/static/etapesStatuts'
 import { AVIS_STATUTS, AVIS_TYPES, AvisVisibilityIds } from 'camino-common/src/static/avisTypes'
+import { TitresStatutIds } from 'camino-common/src/static/titresStatuts'
+import { TITRES_TYPES_IDS } from 'camino-common/src/static/titresTypes'
+import { DEMARCHES_TYPES_IDS } from 'camino-common/src/static/demarchesTypes'
 
 const meta: Meta = {
   title: 'Components/Demarche/Etape',
@@ -289,10 +292,11 @@ const fondamentale: DemarcheEtapeFondamentale['fondamentale'] = {
 }
 export const NoSnapshotDemande: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
+      demarche_visibilite: 'Publique',
       demarche_type_id: 'oct',
       titulaireIds: [entrepriseIdValidator.parse('titulaire1'), entrepriseIdValidator.parse('titulaire2')],
       administrationsLocales: [],
@@ -326,8 +330,9 @@ export const NoSnapshotDemande: StoryFn = () => (
 
 export const DemandeMultipleEntreprisesDocuments: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       demarche_type_id: 'oct',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
@@ -409,8 +414,9 @@ export const DemandeMultipleEntreprisesDocuments: StoryFn = () => (
 
 export const DemandeNoMap: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -476,8 +482,9 @@ export const DemandeNoMap: StoryFn = () => (
 
 export const DemandeNonDeposable: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -522,8 +529,9 @@ export const DemandeNonDeposable: StoryFn = () => (
 
 export const DemandeNonSupprimable: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -607,8 +615,9 @@ const demandeArmMecaniseNonDeposable: FeatureMultiPolygon = {
 }
 export const DemandeArmMecaniseNonDeposable: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -703,8 +712,9 @@ const demandeArmMecaniseDeposable: FeatureMultiPolygon = {
 
 export const DemandeArmMecaniseDeposable: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -803,8 +813,9 @@ const demandeArmNonMecaniseDeposable: FeatureMultiPolygon = {
 }
 export const DemandeArmNonMecaniseDeposable: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -863,8 +874,9 @@ export const DemandeArmNonMecaniseDeposable: StoryFn = () => (
 
 export const Depot: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -897,8 +909,9 @@ export const Depot: StoryFn = () => (
 
 export const AvisDefavorable: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -950,8 +963,9 @@ const demandeAvecSeulementPerimetre: FeatureMultiPolygon = {
 }
 export const DemandeAvecSeulementPerimetre: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -1028,8 +1042,9 @@ const demandeAvecGrosseNote: FeatureMultiPolygon = {
 }
 export const DemandeAvecGrosseNote: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -1088,8 +1103,9 @@ export const DemandeAvecGrosseNote: StoryFn = () => (
 
 export const AxmDeposableAvecDaeEtAsl: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'dmi', typeId: 'axm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'dmi', typeId: 'axm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -1213,8 +1229,9 @@ export const AxmDeposableAvecDaeEtAsl: StoryFn = () => (
 
 export const DemandeAvecForage: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'pxg', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'pxg', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -1283,8 +1300,9 @@ export const DemandeAvecForage: StoryFn = () => (
 
 export const AvisDesServices: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -1317,8 +1335,9 @@ export const AvisDesServices: StoryFn = () => (
 
 export const AvisDesServicesSansTelechargerToutLesDocuments: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -1370,8 +1389,9 @@ export const AvisDesServicesSansTelechargerToutLesDocuments: StoryFn = () => (
 
 export const EtapeAvecNoteAvertissement: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -1404,8 +1424,9 @@ export const EtapeAvecNoteAvertissement: StoryFn = () => (
 
 export const DemandeDeComplement: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -1458,8 +1479,9 @@ export const DemandeDeComplement: StoryFn = () => (
 
 export const DemandeDeConsentement: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -1510,8 +1532,9 @@ export const DemandeDeConsentement: StoryFn = () => (
 
 export const DemandeDeComplementEntreprise: StoryFn = () => (
   <DemarcheEtape
-    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug }}
+    titre={{ titreStatutId: 'val', typeId: 'arm', nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
     demarche={{
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('demarcheId'),
       demarche_statut_id: DemarchesStatutsIds.EnInstruction,
       demarche_type_id: 'oct',
@@ -1561,3 +1584,46 @@ export const DemandeDeComplementEntreprise: StoryFn = () => (
     entreprises={entreprises}
   />
 )
+
+const etapeSimpleEtape: CommonDemarcheEtape = {
+  id: etapeIdValidator.parse('etapeId'),
+  slug: etapeSlugValidator.parse('demande-slug'),
+  note: { valeur: '', is_avertissement: false },
+  etape_type_id: EtapesTypesEtapesStatuts.enregistrementDeLaDemande.FAIT.etapeTypeId,
+  etape_statut_id: EtapesTypesEtapesStatuts.enregistrementDeLaDemande.FAIT.etapeStatutId,
+  is_brouillon: ETAPE_IS_NOT_BROUILLON,
+  date,
+  sections_with_values: [],
+  etape_documents: [],
+  entreprises_documents: [],
+  avis_documents: [],
+  ordre: 0,
+}
+
+export const EtapeSimple: StoryFn = () => (
+  <DemarcheEtape
+    titre={{ titreStatutId: TitresStatutIds.Valide, typeId: TITRES_TYPES_IDS.AUTORISATION_DE_RECHERCHE_METAUX, nom: 'nom du titre', slug: titreSlug, titre_visibilite: 'Publique' }}
+    demarche={{
+      demarche_visibilite: 'Publique',
+      id: demarcheIdValidator.parse('demarcheId'),
+      demarche_statut_id: DemarchesStatutsIds.EnInstruction,
+      demarche_type_id: DEMARCHES_TYPES_IDS.Octroi,
+      titulaireIds: [entrepriseIdValidator.parse('titulaire1')],
+      administrationsLocales: [],
+      sdom_zones: [],
+      etapes: [etapeSimpleEtape],
+      communes: [],
+    }}
+    router={routerPushMock}
+    user={{ ...testBlankUser, role: 'super' }}
+    etape={etapeSimpleEtape}
+    apiClient={{
+      ...apiClient,
+      getEtapesTypesEtapesStatuts: async () => {
+        return { [ETAPES_TYPES.receptionDeComplements]: { etapeStatutIds: [ETAPES_STATUTS.FAIT], mainStep: true } }
+      },
+    }}
+    currentDate={toCaminoDate('3000-01-01')}
+    entreprises={entreprises}
+  />
+)
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDefavorable.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDefavorable.html
index 18d11265e15146de0858f0402460fa16e39d2b89..a23b936f61f663d2e29e4bd096e3703e7479f5a8 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDefavorable.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDefavorable.html
@@ -14,7 +14,12 @@
       </div>
     </div>
     <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--purple-glycine" title="défavorable" aria-label="défavorable">défavorable</p>
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Cette étape est visible par l'entreprise et les administrations" aria-label="Cette étape est visible par l'entreprise et les administrations">Visible par l'entreprise</p>
+      </div>
+    </div>
   </div>
   <!---->
   <!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServices.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServices.html
index c72bb344f96d49d17410d20da6a1b20591922f96..cb715d4c4653d501c2720e0665ba4e23810c7586 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServices.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServices.html
@@ -17,7 +17,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+      </div>
+    </div>
   </div>
   <!---->
   <!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServicesSansTelechargerToutLesDocuments.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServicesSansTelechargerToutLesDocuments.html
index 5fb9c0a44b05c1ca21e86b4523b40706af3862c3..325b0a20aa35364cfda4ad58d9e4984296dd5307 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServicesSansTelechargerToutLesDocuments.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AvisDesServicesSansTelechargerToutLesDocuments.html
@@ -13,7 +13,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+      </div>
+    </div>
   </div>
   <!---->
   <!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AxmDeposableAvecDaeEtAsl.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AxmDeposableAvecDaeEtAsl.html
index 28188d212ababa046675c9f8e281643aa1bb08f1..a452e5861cd530066caa1c7b810aea6a787467af 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AxmDeposableAvecDaeEtAsl.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_AxmDeposableAvecDaeEtAsl.html
@@ -16,7 +16,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseDeposable.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseDeposable.html
index 1cde7b87eb007b4fe02367511bab3fb3482b1c6d..fa3e3b257352831295bbbb859ba6f8170a44301f 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseDeposable.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseDeposable.html
@@ -17,7 +17,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseNonDeposable.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseNonDeposable.html
index 9f09400885348b4da97bd641a84a51609088038c..03492841cbc1767b8fa760ff32d48f73f90911d7 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseNonDeposable.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmMecaniseNonDeposable.html
@@ -17,7 +17,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmNonMecaniseDeposable.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmNonMecaniseDeposable.html
index c9a0b14ef68d509817f31ba68c5475f248064757..34d4a11526675a1b71140849db29a8c72502ba5a 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmNonMecaniseDeposable.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeArmNonMecaniseDeposable.html
@@ -17,7 +17,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecForage.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecForage.html
index c2063c7f5aa81d3ac5f006541936e5cf0a68896e..94dec828ce1c6881dd1319ab22723738fb0e0de4 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecForage.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecForage.html
@@ -13,7 +13,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecGrosseNote.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecGrosseNote.html
index 11725e87fc757180b7688240381cf1bf572ddfea..76e53af01b33ac95f165dd377443e5394ba39b37 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecGrosseNote.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecGrosseNote.html
@@ -13,7 +13,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecSeulementPerimetre.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecSeulementPerimetre.html
index a01f20ec329c6878c8370c49a527c68cc046109b..ef9bb1941f71b48acbf1a448b4ca4ffae9164b34 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecSeulementPerimetre.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeAvecSeulementPerimetre.html
@@ -13,7 +13,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeComplement.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeComplement.html
index e6e5898f9a5b888dbc47791a92104f0508c13a98..fc3db80588593eeabbebddfff8340a44e8113604 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeComplement.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeComplement.html
@@ -13,7 +13,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeComplementEntreprise.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeComplementEntreprise.html
index 498a977ba52bba7ea28fde4266d20ef11de85c40..34a2a43a34da9e20550065a7148809284453535e 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeComplementEntreprise.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeComplementEntreprise.html
@@ -11,7 +11,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeConsentement.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeConsentement.html
index 965f1819f23f0e6bb14171716b461fecfec223e9..8ce0ff95533ab08960797417243dc0523ff434d3 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeConsentement.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeDeConsentement.html
@@ -14,7 +14,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+      </div>
+    </div>
   </div>
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div><span>Les titres suivants ont donné leur consentement :</span>
   <ul>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeMultipleEntreprisesDocuments.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeMultipleEntreprisesDocuments.html
index 1fc3d693bf0078552f0b88f46dddaff6a83df0ab..5c7ac14d8310a56c39d9d0c99e6f8fb45626bf8e 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeMultipleEntreprisesDocuments.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeMultipleEntreprisesDocuments.html
@@ -18,7 +18,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNoMap.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNoMap.html
index 6397b74a4d8c72cad8c7065bb2d2d3ac13b69eb1..156668f8e86fb43c974d86a8354486e354832b4a 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNoMap.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNoMap.html
@@ -18,7 +18,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNonDeposable.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNonDeposable.html
index aebe67e63f9197d5a2053ba026f324214a85a321..96f01a7260dfcf682ec2f638f75d00504f94633e 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNonDeposable.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNonDeposable.html
@@ -13,7 +13,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNonSupprimable.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNonSupprimable.html
index 0569410553b3a2f2921bc51c149b4d7956462696..20dc542d19ea18e6c4eed0860884250d9a326f0b 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNonSupprimable.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_DemandeNonSupprimable.html
@@ -12,7 +12,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_Depot.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_Depot.html
index 5ba218f3064c03d6712069301e22a82633c5bfd6..ee4681f4be8c2288390131c2757e78a39b5d4233 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_Depot.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_Depot.html
@@ -18,7 +18,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
   </div>
   <!---->
   <!---->
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_EtapeAvecNoteAvertissement.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_EtapeAvecNoteAvertissement.html
index be50d5a9c963baf80c8d6ec81e275b3a03934e88..c7fe45159154ca7624e267b25871cf789481036e 100644
--- a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_EtapeAvecNoteAvertissement.html
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_EtapeAvecNoteAvertissement.html
@@ -17,7 +17,12 @@
       </div>
     </div>
     <!---->
-    <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+      </div>
+    </div>
   </div>
   <!---->
   <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_EtapeSimple.html b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_EtapeSimple.html
new file mode 100644
index 0000000000000000000000000000000000000000..f7658c7569b432d612531b503ff528c8c21b0a12
--- /dev/null
+++ b/packages/ui/src/components/demarche/demarche-etape.stories_snapshots_EtapeSimple.html
@@ -0,0 +1,31 @@
+<div class="fr-pb-2w fr-pl-2w fr-pr-2w fr-tile--shadow">
+  <div class="_sticky_964a6e fr-pt-1w">
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div style="display: flex;">
+        <h4 class="fr-text--lg fr-mb-0" style="color: var(--text-title-blue-france); font-weight: 500;">Enregistrement de la demande</h4>
+        <!---->
+      </div>
+      <div style="display: flex; gap: 0.25rem;">
+        <!---->
+        <!----><a href="/mocked-href" title="Modifier l’étape" class="fr-btn fr-btn--secondary fr-icon-pencil-line" aria-label="Modifier l’étape">Modifier l’étape</a><button class="fr-btn fr-btn--secondary fr-btn--md fr-icon-delete-bin-line" title="Supprimer l’étape" aria-label="Supprimer l’étape" type="button">
+          <!---->
+        </button>
+        <!---->
+      </div>
+    </div>
+    <!---->
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2023</div>
+      <div>
+        <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+      </div>
+    </div>
+  </div>
+  <!---->
+  <!---->
+  <!---->
+  <!---->
+  <!---->
+  <!---->
+  <!---->
+</div>
\ No newline at end of file
diff --git a/packages/ui/src/components/demarche/demarche-etape.tsx b/packages/ui/src/components/demarche/demarche-etape.tsx
index 073fdde0a12a11913d46bc56d4800b68c33dece5..4201d4ef4008c486e5bbb9dda9810375ea4fdc03 100644
--- a/packages/ui/src/components/demarche/demarche-etape.tsx
+++ b/packages/ui/src/components/demarche/demarche-etape.tsx
@@ -23,9 +23,9 @@ import { DsfrButton, DsfrButtonIcon, DsfrLink } from '../_ui/dsfr-button'
 import { PureDownloads } from '../_common/downloads'
 import { canCreateEtape, canDeleteEtape, canDeposeEtape, canEditEtape } from 'camino-common/src/permissions/titres-etapes'
 import { AdministrationId } from 'camino-common/src/static/administrations'
-import { DemarcheTypeId } from 'camino-common/src/static/demarchesTypes'
+import { DemarcheTypeId, DemarcheVisibilite } from 'camino-common/src/static/demarchesTypes'
 import { TitreStatutId } from 'camino-common/src/static/titresStatuts'
-import { TitreTypeId } from 'camino-common/src/static/titresTypes'
+import { TitreTypeId, TitreVisibilite } from 'camino-common/src/static/titresTypes'
 import { RemoveEtapePopup } from './remove-etape-popup'
 import { SDOMZoneId } from 'camino-common/src/static/sdom'
 import { DeposeEtapePopup } from './depose-etape-popup'
@@ -48,6 +48,8 @@ import { ETAPE_IS_BROUILLON } from 'camino-common/src/etape'
 import { AsyncData } from '@/api/client-rest'
 import { LoadingElement } from '../_ui/functional-loader'
 import { useState } from '@/utils/vue-tsx-utils'
+import { fr } from '@codegouvfr/react-dsfr'
+import { EtapeVisibilite } from '../_common/etape-visibilite'
 // Il ne faut pas utiliser de literal dans le 'in' il n'y aura jamais d'erreur typescript
 const fondamentalePropsName = 'fondamentale'
 
@@ -59,6 +61,7 @@ type Props = {
     administrationsLocales: AdministrationId[]
     demarche_type_id: DemarcheTypeId
     demarche_statut_id: DemarcheStatutId
+    demarche_visibilite: DemarcheVisibilite
     sdom_zones: SDOMZoneId[]
     communes: CommuneId[]
     etapes: TitreGetDemarche['etapes']
@@ -68,6 +71,7 @@ type Props = {
     slug: TitreSlug
     nom: string
     titreStatutId: TitreStatutId
+    titre_visibilite: TitreVisibilite
   }
   apiClient: Pick<ApiClient, 'deleteEtape' | 'deposeEtape' | 'getEtapesTypesEtapesStatuts' | 'etapeCreer'>
   router: Pick<CaminoRouter, 'push'>
@@ -293,14 +297,14 @@ export const DemarcheEtape = defineComponent<Props>(props => {
   const deposeEtape = () => props.apiClient.deposeEtape(props.etape.id)
 
   return () => (
-    <div class="fr-pb-2w fr-pl-2w fr-pr-2w fr-tile--shadow" style={{ border: '1px solid var(--grey-900-175)' }}>
-      <div class={`${styles.sticky} fr-pt-1w`}>
+    <div class={fr.cx('fr-pb-2w', 'fr-pl-2w', 'fr-pr-2w', 'fr-tile--shadow')} style={{ border: '1px solid var(--grey-900-175)' }}>
+      <div class={`${styles.sticky} ${fr.cx('fr-pt-1w')}`}>
         <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
           <div style={{ display: 'flex' }}>
-            <h4 class="fr-text--lg fr-mb-0" style={{ color: 'var(--text-title-blue-france)', fontWeight: '500' }}>
+            <h4 class={fr.cx('fr-text--lg', 'fr-mb-0')} style={{ color: 'var(--text-title-blue-france)', fontWeight: '500' }}>
               {capitalize(EtapesTypes[props.etape.etape_type_id].nom)}
             </h4>
-            {isBrouillon.value ? <Badge class="fr-ml-1w" systemLevel="new" ariaLabel={`Brouillon de l'étape ${EtapesTypes[props.etape.etape_type_id].nom}`} label="Brouillon" /> : null}
+            {isBrouillon.value ? <Badge class={fr.cx('fr-ml-1w')} systemLevel="new" ariaLabel={`Brouillon de l'étape ${EtapesTypes[props.etape.etape_type_id].nom}`} label="Brouillon" /> : null}
           </div>
 
           <div style={{ display: 'flex', gap: '0.25rem' }}>
@@ -341,8 +345,13 @@ export const DemarcheEtape = defineComponent<Props>(props => {
         </div>
 
         {displayEtapeStatus(props.etape.etape_type_id, props.etape.etape_statut_id) ? <EtapeStatut etapeStatutId={props.etape.etape_statut_id} /> : null}
-        <div class="fr-mt-1w">
-          <DsfrIcon name="fr-icon-calendar-line" color="text-title-blue-france" aria-hidden="true" /> {dateFormat(props.etape.date)}
+        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+          <div class={fr.cx('fr-mt-1w')}>
+            <DsfrIcon name="fr-icon-calendar-line" color="text-title-blue-france" aria-hidden="true" /> {dateFormat(props.etape.date)}
+          </div>
+          <div>
+            <EtapeVisibilite etape_type_id={props.etape.etape_type_id} demarche_visibilite={props.demarche.demarche_visibilite} titre_visibilite={props.titre.titre_visibilite} user={props.user} />
+          </div>
         </div>
       </div>{' '}
       {isNotNullNorUndefinedNorEmpty(consentement.value) ? (
diff --git a/packages/ui/src/components/titre.stories.tsx b/packages/ui/src/components/titre.stories.tsx
index 4ea689d83953680e8da401a34001c8085b40b35b..e611c50c3a9fabfd56e5c7ade50fcd886789ef96 100644
--- a/packages/ui/src/components/titre.stories.tsx
+++ b/packages/ui/src/components/titre.stories.tsx
@@ -118,7 +118,7 @@ const titre = {
   slug: titreSlugValidator.parse('slug-du-titre'),
   titre_type_id: 'arm',
   titre_statut_id: 'val',
-
+  titre_visibilite: 'Publique',
   references: [
     { nom: 'Duo', referenceTypeId: 'ifr' },
     { nom: '2012/12', referenceTypeId: 'deb' },
@@ -128,6 +128,7 @@ const titre = {
   nb_activites_to_do: 2,
   demarches: [
     {
+      demarche_visibilite: 'Publique',
       id: demarcheIdValidator.parse('id-demarche-1'),
       demarche_type_id: 'oct',
       slug: demarcheSlug,
@@ -379,7 +380,7 @@ const chantePieApiClient: PropsApiClient = {
     getTitreAction(titreIdOrSlug)
 
     // prettier-ignore
-    const chantepieData = titreGetValidator.parse({"id":"Ju80kBYMoDstD5J6H8wqWRdo","nom":"Chantepie","slug":"m-cx-chantepie-1988","titre_type_id":"cxm","titre_statut_id":"val","titre_doublon":null,"references":[{"nom":"2013-0224-MI","referenceTypeId":"deb"}],"titre_last_modified_date":"2023-10-12","demarches":[{"id":"PpD4be1fwbWJ7TZCdwvZj0vQ","slug":"m-cx-chantepie-1988-oct01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":600,"substances":["auru","arge","cuiv","ferx","plom","souf","zinc","scoc"],"titulaireIds":["fr-632022711"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-0.105658320330431,48.1489209342693],[-0.115003633563279,48.1398379979624],[-0.0996023094257926,48.1209828190687],[-0.0852402595925762,48.1212930049111],[-0.0616864580218711,48.1486971325525],[-0.105658320330431,48.1489209342693]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.105658320330431,48.1489209342693]},"properties":{"nom":"A","description":"Intersection de l'axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l'intersection de l'axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d'une part, au sommet B défini ci-après"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0616864580218711,48.1486971325525]},"properties":{"nom":"B","description":"Intersection de l'axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l'axe de la route départementale n° 167 allant à Rouez"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0852402595925762,48.1212930049111]},"properties":{"nom":"C","description":"Intersection de la droite joignant l'axe du clocher de Sillé-le-Guillaume et l'axe du clocher de Tennie, et de la droite joignant l'axe du clocher de Parennes et l'axe du clocher de Conlie"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0996023094257926,48.1209828190687]},"properties":{"nom":"D","description":"Intersection de la droite joignant l'axe du clocher de Parennes et l'axe du clocher de Conlie et de la droite joignant l'axe du clocher de Rouez et l'axe du clocher de Bernay"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.115003633563279,48.1398379979624]},"properties":{"nom":"E","description":"Axe du clocher de Rouez"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[418280,1052710],[421550,1052580],[419700,1049590],[418630,1049590],[417552,1051723],[418280,1052710]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[418280,1052710]},"properties":{"nom":"A","description":"Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[421550,1052580]},"properties":{"nom":"B","description":"Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[419700,1049590]},"properties":{"nom":"C","description":"Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[418630,1049590]},"properties":{"nom":"D","description":"Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[417552,1051723]},"properties":{"nom":"E","description":"Axe du clocher de Rouez"}}]},"geojson_origine_geo_systeme_id":"27571","geojson4326_forages":null,"geojson_origine_forages":null,"surface":8,"communes":[{"id":"72256","nom":"Rouez"},{"id":"72351","nom":"Tennie"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"fai","is_brouillon":false,"date":"1988-09-01","id":"OxqtxQwW0B3AUIHFR7k32Ycl","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-chantepie-1988-oct01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000681488"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"INDE8800659D"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":600,"substances":["auru","arge","cuiv","ferx","plom","souf","zinc","scoc"],"titulaireIds":["fr-632022711"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-0.105658320330431,48.1489209342693],[-0.115003633563279,48.1398379979624],[-0.0996023094257926,48.1209828190687],[-0.0852402595925762,48.1212930049111],[-0.0616864580218711,48.1486971325525],[-0.105658320330431,48.1489209342693]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.105658320330431,48.1489209342693]},"properties":{"nom":"A","description":"Intersection de l'axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l'intersection de l'axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d'une part, au sommet B défini ci-après"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0616864580218711,48.1486971325525]},"properties":{"nom":"B","description":"Intersection de l'axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l'axe de la route départementale n° 167 allant à Rouez"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0852402595925762,48.1212930049111]},"properties":{"nom":"C","description":"Intersection de la droite joignant l'axe du clocher de Sillé-le-Guillaume et l'axe du clocher de Tennie, et de la droite joignant l'axe du clocher de Parennes et l'axe du clocher de Conlie"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0996023094257926,48.1209828190687]},"properties":{"nom":"D","description":"Intersection de la droite joignant l'axe du clocher de Parennes et l'axe du clocher de Conlie et de la droite joignant l'axe du clocher de Rouez et l'axe du clocher de Bernay"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.115003633563279,48.1398379979624]},"properties":{"nom":"E","description":"Axe du clocher de Rouez"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[418280,1052710],[421550,1052580],[419700,1049590],[418630,1049590],[417552,1051723],[418280,1052710]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[418280,1052710]},"properties":{"nom":"A","description":"Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[421550,1052580]},"properties":{"nom":"B","description":"Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[419700,1049590]},"properties":{"nom":"C","description":"Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[418630,1049590]},"properties":{"nom":"D","description":"Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[417552,1051723]},"properties":{"nom":"E","description":"Axe du clocher de Rouez"}}]},"geojson_origine_geo_systeme_id":"27571","geojson4326_forages":null,"geojson_origine_forages":null,"surface":8,"communes":[{"id":"72256","nom":"Rouez"},{"id":"72351","nom":"Tennie"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"acc","is_brouillon":false,"date":"1988-08-24","id":"XkNmBmjc6YYY6OEncdCAldnU","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-chantepie-1988-oct01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"oct","demarche_statut_id":"acc","demarche_date_debut":"1988-09-01","demarche_date_fin":"2038-09-01","ordre":1},{"id":"mkPvJYXFO2InPppXamCRo2Cv","slug":"m-cx-chantepie-1988-mut01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":["fr-409160132"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2000-06-06","id":"lc3diJKRphb029ufvF73FlSn","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-chantepie-1988-mut01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000765254"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"ECOI0000251A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":["fr-409160132"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2000-05-25","id":"2n1RaQcCxZMVta2Qfv1pUIRS","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-chantepie-1988-mut01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":2}],"nb_activites_to_do":null})
+    const chantepieData = titreGetValidator.parse({"id":"Ju80kBYMoDstD5J6H8wqWRdo","titre_visibilite":"Publique","nom":"Chantepie","slug":"m-cx-chantepie-1988","titre_type_id":"cxm","titre_statut_id":"val","titre_doublon":null,"references":[{"nom":"2013-0224-MI","referenceTypeId":"deb"}],"titre_last_modified_date":"2023-10-12","demarches":[{"id":"PpD4be1fwbWJ7TZCdwvZj0vQ","demarche_visibilite":"Publique","slug":"m-cx-chantepie-1988-oct01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":600,"substances":["auru","arge","cuiv","ferx","plom","souf","zinc","scoc"],"titulaireIds":["fr-632022711"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-0.105658320330431,48.1489209342693],[-0.115003633563279,48.1398379979624],[-0.0996023094257926,48.1209828190687],[-0.0852402595925762,48.1212930049111],[-0.0616864580218711,48.1486971325525],[-0.105658320330431,48.1489209342693]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.105658320330431,48.1489209342693]},"properties":{"nom":"A","description":"Intersection de l'axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l'intersection de l'axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d'une part, au sommet B défini ci-après"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0616864580218711,48.1486971325525]},"properties":{"nom":"B","description":"Intersection de l'axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l'axe de la route départementale n° 167 allant à Rouez"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0852402595925762,48.1212930049111]},"properties":{"nom":"C","description":"Intersection de la droite joignant l'axe du clocher de Sillé-le-Guillaume et l'axe du clocher de Tennie, et de la droite joignant l'axe du clocher de Parennes et l'axe du clocher de Conlie"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0996023094257926,48.1209828190687]},"properties":{"nom":"D","description":"Intersection de la droite joignant l'axe du clocher de Parennes et l'axe du clocher de Conlie et de la droite joignant l'axe du clocher de Rouez et l'axe du clocher de Bernay"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.115003633563279,48.1398379979624]},"properties":{"nom":"E","description":"Axe du clocher de Rouez"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[418280,1052710],[421550,1052580],[419700,1049590],[418630,1049590],[417552,1051723],[418280,1052710]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[418280,1052710]},"properties":{"nom":"A","description":"Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[421550,1052580]},"properties":{"nom":"B","description":"Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[419700,1049590]},"properties":{"nom":"C","description":"Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[418630,1049590]},"properties":{"nom":"D","description":"Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[417552,1051723]},"properties":{"nom":"E","description":"Axe du clocher de Rouez"}}]},"geojson_origine_geo_systeme_id":"27571","geojson4326_forages":null,"geojson_origine_forages":null,"surface":8,"communes":[{"id":"72256","nom":"Rouez"},{"id":"72351","nom":"Tennie"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"fai","is_brouillon":false,"date":"1988-09-01","id":"OxqtxQwW0B3AUIHFR7k32Ycl","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-chantepie-1988-oct01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000681488"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"INDE8800659D"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":600,"substances":["auru","arge","cuiv","ferx","plom","souf","zinc","scoc"],"titulaireIds":["fr-632022711"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-0.105658320330431,48.1489209342693],[-0.115003633563279,48.1398379979624],[-0.0996023094257926,48.1209828190687],[-0.0852402595925762,48.1212930049111],[-0.0616864580218711,48.1486971325525],[-0.105658320330431,48.1489209342693]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.105658320330431,48.1489209342693]},"properties":{"nom":"A","description":"Intersection de l'axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l'intersection de l'axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d'une part, au sommet B défini ci-après"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0616864580218711,48.1486971325525]},"properties":{"nom":"B","description":"Intersection de l'axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l'axe de la route départementale n° 167 allant à Rouez"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0852402595925762,48.1212930049111]},"properties":{"nom":"C","description":"Intersection de la droite joignant l'axe du clocher de Sillé-le-Guillaume et l'axe du clocher de Tennie, et de la droite joignant l'axe du clocher de Parennes et l'axe du clocher de Conlie"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.0996023094257926,48.1209828190687]},"properties":{"nom":"D","description":"Intersection de la droite joignant l'axe du clocher de Parennes et l'axe du clocher de Conlie et de la droite joignant l'axe du clocher de Rouez et l'axe du clocher de Bernay"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-0.115003633563279,48.1398379979624]},"properties":{"nom":"E","description":"Axe du clocher de Rouez"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[418280,1052710],[421550,1052580],[419700,1049590],[418630,1049590],[417552,1051723],[418280,1052710]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[418280,1052710]},"properties":{"nom":"A","description":"Intersection de l’axe de la route départementale n° 103, joignant Rouez et Crissé et de la droite joignant l’intersection de l’axe de la rivière La Vègre avec la limite des communes de Sillé-le-Guillaume et de Rouez, d’une part, au sommet B défini ci-après"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[421550,1052580]},"properties":{"nom":"B","description":"Intersection de l’axe de la route départementale n° 304 allant de Sillé-le-Guillaume à Conlie et de l’axe de la route départementale n° 167 allant à Rouez"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[419700,1049590]},"properties":{"nom":"C","description":"Intersection de la droite joignant l’axe du clocher de Sillé-le-Guillaume et l’axe du clocher de Tennie, et de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[418630,1049590]},"properties":{"nom":"D","description":"Intersection de la droite joignant l’axe du clocher de Parennes et l’axe du clocher de Conlie et de la droite joignant l’axe du clocher de Rouez et l’axe du clocher de Bernay"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[417552,1051723]},"properties":{"nom":"E","description":"Axe du clocher de Rouez"}}]},"geojson_origine_geo_systeme_id":"27571","geojson4326_forages":null,"geojson_origine_forages":null,"surface":8,"communes":[{"id":"72256","nom":"Rouez"},{"id":"72351","nom":"Tennie"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"acc","is_brouillon":false,"date":"1988-08-24","id":"XkNmBmjc6YYY6OEncdCAldnU","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-chantepie-1988-oct01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"oct","demarche_statut_id":"acc","demarche_date_debut":"1988-09-01","demarche_date_fin":"2038-09-01","ordre":1},{"id":"mkPvJYXFO2InPppXamCRo2Cv","demarche_visibilite":"Publique","slug":"m-cx-chantepie-1988-mut01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":["fr-409160132"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2000-06-06","id":"lc3diJKRphb029ufvF73FlSn","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-chantepie-1988-mut01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000765254"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"ECOI0000251A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":["fr-409160132"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2000-05-25","id":"2n1RaQcCxZMVta2Qfv1pUIRS","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-chantepie-1988-mut01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":2}],"nb_activites_to_do":null})
     chantepieData.nom = 'Chantepie avec un titre assez long'
     chantepieData.nb_activites_to_do = 2
 
@@ -432,7 +433,7 @@ const criqueAdolpheApiClient: PropsApiClient = {
     getTitreAction(titreIdOrSlug)
 
     // prettier-ignore
-    const criqueAdolpheData = titreGetValidator.parse({"id":"tbFvGIDboAzxTb54GQyghTyc","nom":"Crique Adolphe","slug":"m-ar-crique-adolphe-2023","titre_type_id":"arm","titre_statut_id":"ech","titre_doublon":null,"references":[{"nom":"2022-032","referenceTypeId":"ptm"},{"nom":"AR 2022-027","referenceTypeId":"onf"}],"titre_last_modified_date":"2023-10-20","demarches":[{"id":"yAvBOMdHDsyES7phbS5hRKLA","slug":"m-ar-crique-adolphe-2023-oct01","description":null,"etapes":[{"etape_type_id":"sco","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":null,"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2023-09-19","id":"5649942721fd9f3478381ae9","ordre":15,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-sco01","sections_with_values":[{"id":"suivi","nom":"Suivi de la démarche","elements":[{"id":"signataire","nom":"Signataire ONF","description":"Prénom et nom du représentant légal du titulaire de l'ONF","optionnel":true,"type":"text","value":null},{"id":"titulaire","nom":"Signataire titulaire","description":"Prénom et nom du représentant légal du titulaire de l'autorisation","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"sca","etape_statut_id":"fai","is_brouillon":false,"date":"2023-01-11","id":"WLXKWB9Fv17gm2gTJYIXnTyX","ordre":10,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-sca01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"aca","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":null,"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fav","is_brouillon":false,"date":"2023-01-11","id":"oXXG5ToIYbw8MvdYPX7sMMAP","ordre":11,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-aca01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"rde","etape_statut_id":"fav","is_brouillon":false,"date":"2022-12-29","id":"y0SCXGJ1OBYSthcWyojyOLZX","ordre":8,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-rde01","sections_with_values":[{"id":"deal","nom":"DEAL","elements":[{"id":"numero-dossier-deal-eau","nom":"Numéro de dossier","description":"Numéro de dossier DEAL Service eau","optionnel":true,"type":"text","value":""},{"id":"numero-recepisse","nom":"Numéro de récépissé","description":"Numéro de récépissé émis par la DEAL Service eau","optionnel":true,"type":"text","value":"R03-2022-12-29-00005"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mcr","etape_statut_id":"fav","is_brouillon":false,"date":"2022-12-05","id":"0vdB4jaJbpIpyUnIZkKPsmCm","ordre":7,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-mcr01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],"fondamentale":{"date_debut":null,"date_fin":null,"duree":4,"substances":["auru"],"titulaireIds":["fr-794312231"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.58181013905019,3.8309654861273],[-53.58178306390299,3.8219278216269807],[-53.572785590706495,3.82195493825841],[-53.57281257175149,3.8309926670647294],[-53.58181013905019,3.8309654861273]]],[[[-53.60031408473134,3.8224780986447566],[-53.59891645305842,3.8181831495446303],[-53.58181205656814,3.82379854768971],[-53.58320964990986,3.828093576227541],[-53.60031408473134,3.8224780986447566]]],[[[-53.583861926103765,3.8502114455117433],[-53.592379712320195,3.834289122043602],[-53.588417035915334,3.8321501920354253],[-53.57989914401643,3.8480725119510217],[-53.583861926103765,3.8502114455117433]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.58181013905019,3.8309654861273]},"properties":{"nom":"S1","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.57281257175149,3.8309926670647294]},"properties":{"nom":"S2","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.572785590706495,3.82195493825841]},"properties":{"nom":"S3","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.58178306390299,3.8219278216269807]},"properties":{"nom":"S4","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.60031408473134,3.8224780986447566]},"properties":{"nom":"S5","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.58320964990986,3.828093576227541]},"properties":{"nom":"S6","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.58181205656814,3.82379854768971]},"properties":{"nom":"S7","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.59891645305842,3.8181831495446303]},"properties":{"nom":"S8","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.583861926103765,3.8502114455117433]},"properties":{"nom":"S9","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.57989914401643,3.8480725119510217]},"properties":{"nom":"S10","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.588417035915334,3.8321501920354253]},"properties":{"nom":"S11","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.592379712320195,3.834289122043602]},"properties":{"nom":"S12","description":"ARM3.3"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[213250,423875],[214250,423875],[214250,422875],[213250,422875],[213250,423875]]],[[[211190.6,422942.1],[213093.5,423557.7],[213247.4,423082],[211344.5,422466.4],[211190.6,422942.1]]],[[[213028.4,426005.2],[213468.1,425767.2],[212516.1,424008.3],[212076.4,424246.3],[213028.4,426005.2]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[213250,423875]},"properties":{"nom":"S1","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[214250,423875]},"properties":{"nom":"S2","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[214250,422875]},"properties":{"nom":"S3","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[213250,422875]},"properties":{"nom":"S4","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[211190.6,422942.1]},"properties":{"nom":"S5","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[213093.5,423557.7]},"properties":{"nom":"S6","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[213247.4,423082]},"properties":{"nom":"S7","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[211344.5,422466.4]},"properties":{"nom":"S8","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[213028.4,426005.2]},"properties":{"nom":"S9","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[213468.1,425767.2]},"properties":{"nom":"S10","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[212516.1,424008.3]},"properties":{"nom":"S11","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[212076.4,424246.3]},"properties":{"nom":"S12","description":"ARM3.3"}}]},"geojson_origine_geo_systeme_id":"2972","geojson4326_forages":null,"geojson_origine_forages":null,"surface":3,"communes":[{"id":"97353","nom":"Maripasoula"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2022-11-08","id":"pwqOEAsAmaWi0o24QiVeVZ40","ordre":3,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-mfr01","sections_with_values":[{"id":"arm","nom":"Caractéristiques ARM","elements":[{"id":"mecanise","nom":"Prospection mécanisée","description":"","optionnel":false,"type":"radio","value":true},{"id":"franchissements","nom":"Franchissements de cours d'eau","description":"Nombre de franchissements de cours d'eau","optionnel":true,"type":"integer","value":12}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2022-11-08","id":"pF4UG6UrCOJmKjtgmtpwthTQ","ordre":4,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dae","etape_statut_id":"exe","is_brouillon":false,"date":"2022-09-26","id":"KA7tyvIdlqQmmVOuVjEl0Hdt","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-dae01","sections_with_values":[{"id":"mea","nom":"Mission autorité environnementale","elements":[{"id":"arrete","nom":"Arrêté préfectoral","description":"Numéro de l'arrêté préfectoral portant décision dans le cadre de l’examen au cas par cas du projet d’autorisation de recherche minière","optionnel":true,"type":"text","value":"R03-2022-09-26-00002"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"oct","demarche_statut_id":"acc","demarche_date_debut":"2023-09-19","demarche_date_fin":"2024-01-19","ordre":1}],"nb_activites_to_do":null})
+    const criqueAdolpheData = titreGetValidator.parse({"id":"tbFvGIDboAzxTb54GQyghTyc","titre_visibilite":"Publique","nom":"Crique Adolphe","slug":"m-ar-crique-adolphe-2023","titre_type_id":"arm","titre_statut_id":"ech","titre_doublon":null,"references":[{"nom":"2022-032","referenceTypeId":"ptm"},{"nom":"AR 2022-027","referenceTypeId":"onf"}],"titre_last_modified_date":"2023-10-20","demarches":[{"id":"yAvBOMdHDsyES7phbS5hRKLA","demarche_visibilite":"Publique","slug":"m-ar-crique-adolphe-2023-oct01","description":null,"etapes":[{"etape_type_id":"sco","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":null,"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2023-09-19","id":"5649942721fd9f3478381ae9","ordre":15,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-sco01","sections_with_values":[{"id":"suivi","nom":"Suivi de la démarche","elements":[{"id":"signataire","nom":"Signataire ONF","description":"Prénom et nom du représentant légal du titulaire de l'ONF","optionnel":true,"type":"text","value":null},{"id":"titulaire","nom":"Signataire titulaire","description":"Prénom et nom du représentant légal du titulaire de l'autorisation","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"sca","etape_statut_id":"fai","is_brouillon":false,"date":"2023-01-11","id":"WLXKWB9Fv17gm2gTJYIXnTyX","ordre":10,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-sca01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"aca","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":null,"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fav","is_brouillon":false,"date":"2023-01-11","id":"oXXG5ToIYbw8MvdYPX7sMMAP","ordre":11,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-aca01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"rde","etape_statut_id":"fav","is_brouillon":false,"date":"2022-12-29","id":"y0SCXGJ1OBYSthcWyojyOLZX","ordre":8,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-rde01","sections_with_values":[{"id":"deal","nom":"DEAL","elements":[{"id":"numero-dossier-deal-eau","nom":"Numéro de dossier","description":"Numéro de dossier DEAL Service eau","optionnel":true,"type":"text","value":""},{"id":"numero-recepisse","nom":"Numéro de récépissé","description":"Numéro de récépissé émis par la DEAL Service eau","optionnel":true,"type":"text","value":"R03-2022-12-29-00005"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mcr","etape_statut_id":"fav","is_brouillon":false,"date":"2022-12-05","id":"0vdB4jaJbpIpyUnIZkKPsmCm","ordre":7,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-mcr01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],"fondamentale":{"date_debut":null,"date_fin":null,"duree":4,"substances":["auru"],"titulaireIds":["fr-794312231"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.58181013905019,3.8309654861273],[-53.58178306390299,3.8219278216269807],[-53.572785590706495,3.82195493825841],[-53.57281257175149,3.8309926670647294],[-53.58181013905019,3.8309654861273]]],[[[-53.60031408473134,3.8224780986447566],[-53.59891645305842,3.8181831495446303],[-53.58181205656814,3.82379854768971],[-53.58320964990986,3.828093576227541],[-53.60031408473134,3.8224780986447566]]],[[[-53.583861926103765,3.8502114455117433],[-53.592379712320195,3.834289122043602],[-53.588417035915334,3.8321501920354253],[-53.57989914401643,3.8480725119510217],[-53.583861926103765,3.8502114455117433]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.58181013905019,3.8309654861273]},"properties":{"nom":"S1","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.57281257175149,3.8309926670647294]},"properties":{"nom":"S2","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.572785590706495,3.82195493825841]},"properties":{"nom":"S3","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.58178306390299,3.8219278216269807]},"properties":{"nom":"S4","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.60031408473134,3.8224780986447566]},"properties":{"nom":"S5","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.58320964990986,3.828093576227541]},"properties":{"nom":"S6","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.58181205656814,3.82379854768971]},"properties":{"nom":"S7","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.59891645305842,3.8181831495446303]},"properties":{"nom":"S8","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.583861926103765,3.8502114455117433]},"properties":{"nom":"S9","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.57989914401643,3.8480725119510217]},"properties":{"nom":"S10","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.588417035915334,3.8321501920354253]},"properties":{"nom":"S11","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.592379712320195,3.834289122043602]},"properties":{"nom":"S12","description":"ARM3.3"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[213250,423875],[214250,423875],[214250,422875],[213250,422875],[213250,423875]]],[[[211190.6,422942.1],[213093.5,423557.7],[213247.4,423082],[211344.5,422466.4],[211190.6,422942.1]]],[[[213028.4,426005.2],[213468.1,425767.2],[212516.1,424008.3],[212076.4,424246.3],[213028.4,426005.2]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[213250,423875]},"properties":{"nom":"S1","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[214250,423875]},"properties":{"nom":"S2","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[214250,422875]},"properties":{"nom":"S3","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[213250,422875]},"properties":{"nom":"S4","description":"ARM1.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[211190.6,422942.1]},"properties":{"nom":"S5","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[213093.5,423557.7]},"properties":{"nom":"S6","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[213247.4,423082]},"properties":{"nom":"S7","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[211344.5,422466.4]},"properties":{"nom":"S8","description":"ARM2.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[213028.4,426005.2]},"properties":{"nom":"S9","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[213468.1,425767.2]},"properties":{"nom":"S10","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[212516.1,424008.3]},"properties":{"nom":"S11","description":"ARM3.3"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[212076.4,424246.3]},"properties":{"nom":"S12","description":"ARM3.3"}}]},"geojson_origine_geo_systeme_id":"2972","geojson4326_forages":null,"geojson_origine_forages":null,"surface":3,"communes":[{"id":"97353","nom":"Maripasoula"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2022-11-08","id":"pwqOEAsAmaWi0o24QiVeVZ40","ordre":3,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-mfr01","sections_with_values":[{"id":"arm","nom":"Caractéristiques ARM","elements":[{"id":"mecanise","nom":"Prospection mécanisée","description":"","optionnel":false,"type":"radio","value":true},{"id":"franchissements","nom":"Franchissements de cours d'eau","description":"Nombre de franchissements de cours d'eau","optionnel":true,"type":"integer","value":12}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2022-11-08","id":"pF4UG6UrCOJmKjtgmtpwthTQ","ordre":4,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dae","etape_statut_id":"exe","is_brouillon":false,"date":"2022-09-26","id":"KA7tyvIdlqQmmVOuVjEl0Hdt","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-crique-adolphe-2023-oct01-dae01","sections_with_values":[{"id":"mea","nom":"Mission autorité environnementale","elements":[{"id":"arrete","nom":"Arrêté préfectoral","description":"Numéro de l'arrêté préfectoral portant décision dans le cadre de l’examen au cas par cas du projet d’autorisation de recherche minière","optionnel":true,"type":"text","value":"R03-2022-09-26-00002"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"oct","demarche_statut_id":"acc","demarche_date_debut":"2023-09-19","demarche_date_fin":"2024-01-19","ordre":1}],"nb_activites_to_do":null})
     criqueAdolpheData.nb_activites_to_do = 0
 
     return Promise.resolve(criqueAdolpheData)
@@ -458,7 +459,7 @@ const abattisKoticaApiClient: PropsApiClient = {
     getTitreAction(titreIdOrSlug)
 
     // prettier-ignore
-    const abattisData = titreGetValidator.parse({"id":"ooyCY2eGMXLunjmwPbBYyQcf","nom":"Abattis Kotika","slug":"m-ar-abattis-kotika-2006","titre_type_id":"arm","titre_statut_id":"ech","titre_doublon":null,"references":[{"nom":"AR2006060","referenceTypeId":"onf"},{"nom":"2006-061","referenceTypeId":"ptm"}],"titre_last_modified_date":null,"demarches":[{"id":"SjKhYLXdqcla1BaN3nmgQhPs","slug":"m-ar-abattis-kotika-2006-oct01","description":null,"etapes":[{"etape_type_id":"def","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2006-11-28","id":"Pw734o5mdB2K2AWaOKQ85Ydz","ordre":4,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-abattis-kotika-2006-oct01-def01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"sco","fondamentale":{"date_debut":null,"date_fin":"2007-03-27","duree":4,"substances":["auru"],"titulaireIds":["fr-480857036"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-54.256565011133,3.95310428827045],[-54.2571944444789,3.94846823388004],[-54.2392714613677,3.9464520807474],[-54.2387665564076,3.95076254570704],[-54.256565011133,3.95310428827045]]],[[[-54.251541223062,3.94479622927321],[-54.251001625524,3.94017377611083],[-54.2330489949186,3.94209562569541],[-54.2335613570663,3.94667311503072],[-54.251541223062,3.94479622927321]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.256565011133,3.95310428827045]},"properties":{"nom":"1","description":"a"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.2387665564076,3.95076254570704]},"properties":{"nom":"2","description":"b"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.2392714613677,3.9464520807474]},"properties":{"nom":"3","description":"c"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.2571944444789,3.94846823388004]},"properties":{"nom":"4","description":"d"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.251541223062,3.94479622927321]},"properties":{"nom":"1","description":"e"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.2335613570663,3.94667311503072]},"properties":{"nom":"2","description":"f"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.2330489949186,3.94209562569541]},"properties":{"nom":"3","description":"g"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.251001625524,3.94017377611083]},"properties":{"nom":"4","description":"h"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[138288,437653],[140266,437386],[140208,436909],[138216,437140],[138288,437653]]],[[[138843,436731],[140843,436931],[140898,436424],[138901,436219],[138843,436731]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[138288,437653]},"properties":{"nom":"1","description":"a"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[140266,437386]},"properties":{"nom":"2","description":"b"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[140208,436909]},"properties":{"nom":"3","description":"c"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[138216,437140]},"properties":{"nom":"4","description":"d"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[138843,436731]},"properties":{"nom":"1","description":"e"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[140843,436931]},"properties":{"nom":"2","description":"f"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[140898,436424]},"properties":{"nom":"3","description":"g"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[138901,436219]},"properties":{"nom":"4","description":"h"}}]},"geojson_origine_geo_systeme_id":"2972","geojson4326_forages":null,"geojson_origine_forages":null,"surface":2,"communes":[{"id":"97362","nom":"Papaichton"}],"secteurs_maritimes":[],"sdom_zones":["0_potentielle","2"],"forets":[]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2006-11-28","id":"1iF8kbcg0oGaEMAJxgUZYk8W","ordre":5,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-abattis-kotika-2006-oct01-sco01","sections_with_values":[{"id":"arm","nom":"Caractéristiques ARM","elements":[{"id":"mecanise","nom":"Prospection mécanisée","optionnel":false,"type":"radio","value":null}]},{"id":"suivi","nom":"Suivi de la démarche","elements":[{"id":"signataire","nom":"Signataire ONF","description":"Prénom et nom du représentant légal du titulaire de l'ONF","optionnel":true,"type":"text","value":"Michel Borderes"},{"id":"titulaire","nom":"Signataire titulaire","description":"Prénom et nom du représentant légal du titulaire de l'autorisation","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2006-10-16","id":"TMWQQo20x3j7BJ8Sboaq1B20","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-abattis-kotika-2006-oct01-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"oct","demarche_statut_id":"acc","demarche_date_debut":"2006-11-28","demarche_date_fin":"2007-03-27","ordre":1}],"nb_activites_to_do":null})
+    const abattisData = titreGetValidator.parse({"id":"ooyCY2eGMXLunjmwPbBYyQcf","titre_visibilite":"Publique","nom":"Abattis Kotika","slug":"m-ar-abattis-kotika-2006","titre_type_id":"arm","titre_statut_id":"ech","titre_doublon":null,"references":[{"nom":"AR2006060","referenceTypeId":"onf"},{"nom":"2006-061","referenceTypeId":"ptm"}],"titre_last_modified_date":null,"demarches":[{"id":"SjKhYLXdqcla1BaN3nmgQhPs","demarche_visibilite":"Publique","slug":"m-ar-abattis-kotika-2006-oct01","description":null,"etapes":[{"etape_type_id":"def","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2006-11-28","id":"Pw734o5mdB2K2AWaOKQ85Ydz","ordre":4,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-abattis-kotika-2006-oct01-def01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"sco","fondamentale":{"date_debut":null,"date_fin":"2007-03-27","duree":4,"substances":["auru"],"titulaireIds":["fr-480857036"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-54.256565011133,3.95310428827045],[-54.2571944444789,3.94846823388004],[-54.2392714613677,3.9464520807474],[-54.2387665564076,3.95076254570704],[-54.256565011133,3.95310428827045]]],[[[-54.251541223062,3.94479622927321],[-54.251001625524,3.94017377611083],[-54.2330489949186,3.94209562569541],[-54.2335613570663,3.94667311503072],[-54.251541223062,3.94479622927321]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.256565011133,3.95310428827045]},"properties":{"nom":"1","description":"a"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.2387665564076,3.95076254570704]},"properties":{"nom":"2","description":"b"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.2392714613677,3.9464520807474]},"properties":{"nom":"3","description":"c"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.2571944444789,3.94846823388004]},"properties":{"nom":"4","description":"d"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.251541223062,3.94479622927321]},"properties":{"nom":"1","description":"e"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.2335613570663,3.94667311503072]},"properties":{"nom":"2","description":"f"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.2330489949186,3.94209562569541]},"properties":{"nom":"3","description":"g"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-54.251001625524,3.94017377611083]},"properties":{"nom":"4","description":"h"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[138288,437653],[140266,437386],[140208,436909],[138216,437140],[138288,437653]]],[[[138843,436731],[140843,436931],[140898,436424],[138901,436219],[138843,436731]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[138288,437653]},"properties":{"nom":"1","description":"a"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[140266,437386]},"properties":{"nom":"2","description":"b"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[140208,436909]},"properties":{"nom":"3","description":"c"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[138216,437140]},"properties":{"nom":"4","description":"d"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[138843,436731]},"properties":{"nom":"1","description":"e"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[140843,436931]},"properties":{"nom":"2","description":"f"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[140898,436424]},"properties":{"nom":"3","description":"g"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[138901,436219]},"properties":{"nom":"4","description":"h"}}]},"geojson_origine_geo_systeme_id":"2972","geojson4326_forages":null,"geojson_origine_forages":null,"surface":2,"communes":[{"id":"97362","nom":"Papaichton"}],"secteurs_maritimes":[],"sdom_zones":["0_potentielle","2"],"forets":[]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2006-11-28","id":"1iF8kbcg0oGaEMAJxgUZYk8W","ordre":5,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-abattis-kotika-2006-oct01-sco01","sections_with_values":[{"id":"arm","nom":"Caractéristiques ARM","elements":[{"id":"mecanise","nom":"Prospection mécanisée","optionnel":false,"type":"radio","value":null}]},{"id":"suivi","nom":"Suivi de la démarche","elements":[{"id":"signataire","nom":"Signataire ONF","description":"Prénom et nom du représentant légal du titulaire de l'ONF","optionnel":true,"type":"text","value":"Michel Borderes"},{"id":"titulaire","nom":"Signataire titulaire","description":"Prénom et nom du représentant légal du titulaire de l'autorisation","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2006-10-16","id":"TMWQQo20x3j7BJ8Sboaq1B20","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-ar-abattis-kotika-2006-oct01-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"oct","demarche_statut_id":"acc","demarche_date_debut":"2006-11-28","demarche_date_fin":"2007-03-27","ordre":1}],"nb_activites_to_do":null})
     abattisData.nb_activites_to_do = 0
 
     return Promise.resolve(abattisData)
@@ -484,16 +485,16 @@ const bonEspoirApiClient: PropsApiClient = {
     getTitreAction(titreIdOrSlug)
 
     // prettier-ignore
-    const bonEspoirData = titreGetValidator.parse({"id":"sJorD6pQomXTN7oRpyGwLijB","nom":"Bon Espoir","slug":"m-pr-bon-espoir-2001","titre_type_id":"prm","titre_statut_id":"ech","titre_doublon":null,"references":[{"nom":"21/2001","referenceTypeId":"dea"},{"nom":"2013-0033-MI","referenceTypeId":"deb"}],"titre_last_modified_date":"2023-11-30","demarches":[{"id":"ry8fHgRWiKEOE1x1ZANmajh8","slug":"m-pr-bon-espoir-2001-oct01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":"2001-11-01","date_fin":null,"duree":60,"substances":["auru","scoc"],"titulaireIds":null,"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.9579321010744,5.07776938770113],[-53.9575232150351,4.98735333700249],[-53.8673626701318,4.98775355007457],[-53.8672265271601,4.95631734759459],[-53.7770631139658,4.95670276466037],[-53.7769878916108,4.93868722476635],[-53.5698730075868,4.93952315477954],[-53.5702069576163,5.02537608911083],[-53.759383911755,5.02460196044417],[-53.7596128864516,5.07864912381548],[-53.9579321010744,5.07776938770113]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9579321010744,5.07776938770113]},"properties":{"nom":"1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7596128864516,5.07864912381548]},"properties":{"nom":"2","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.759383911755,5.02460196044417]},"properties":{"nom":"3","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.5702069576163,5.02537608911083]},"properties":{"nom":"4","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.5698730075868,4.93952315477954]},"properties":{"nom":"5","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7769878916108,4.93868722476635]},"properties":{"nom":"6","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7770631139658,4.95670276466037]},"properties":{"nom":"7","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8672265271601,4.95631734759459]},"properties":{"nom":"8","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8673626701318,4.98775355007457]},"properties":{"nom":"9","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9575232150351,4.98735333700249]},"properties":{"nom":"10","description":null}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.957932101,5.077769388],[-53.957523215,4.987353337],[-53.86736267,4.98775355],[-53.867226527,4.956317348],[-53.777063114,4.956702765],[-53.776987892,4.938687225],[-53.569873008,4.939523155],[-53.570206958,5.025376089],[-53.759383912,5.02460196],[-53.759612886,5.078649124],[-53.957932101,5.077769388]]]]}},"geojson_origine_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9579321010744,5.07776938770113]},"properties":{"nom":"1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7596128864516,5.07864912381548]},"properties":{"nom":"2","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.759383911755,5.02460196044417]},"properties":{"nom":"3","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.5702069576163,5.02537608911083]},"properties":{"nom":"4","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.5698730075868,4.93952315477954]},"properties":{"nom":"5","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7769878916108,4.93868722476635]},"properties":{"nom":"6","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7770631139658,4.95670276466037]},"properties":{"nom":"7","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8672265271601,4.95631734759459]},"properties":{"nom":"8","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8673626701318,4.98775355007457]},"properties":{"nom":"9","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9575232150351,4.98735333700249]},"properties":{"nom":"10","description":null}}]},"geojson_origine_geo_systeme_id":"4326","geojson4326_forages":null,"geojson_origine_forages":null,"surface":465.5,"communes":[{"id":"97306","nom":"Mana"},{"id":"97311","nom":"Saint-Laurent-du-Maroni"}],"secteurs_maritimes":[],"sdom_zones":["0","2"],"forets":["LDD","MDF","PAUL"]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2001-10-26","id":"CRVhvEIQAc319vUd8BfZoH5W","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-oct01-dpu01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":3201430},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":"EUR"}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000774145"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"ECOI0100462D"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2001-10-24","id":"Ce4K8goEZzjqXRJLL051jcpD","ordre":1,"note":{"valeur":"Décret du 24 octobre 2001 accordant un permis de recherches A en Guyane","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-oct01-dex01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"oct","demarche_statut_id":"acc","demarche_date_debut":"2001-11-01","demarche_date_fin":"2006-11-01","ordre":1},{"id":"PnFewl8P4Zt5Vm49zXqyn7Ml","slug":"m-pr-bon-espoir-2001-pr101","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["auru"],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2010-03-02","id":"qtn2a3DNPx258VZgSjqXGKf6","ordre":4,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr101-dpu02","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":560000},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":"EUR"}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000021889053"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"DEVO1003938A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2010-02-17","id":"tjOMgkb83wksMc6DFuqrecbu","ordre":3,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr101-dex02","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"2010-02-17-arr-a26ea089","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"arr","description":"Arrêté du 17 février 2010 modifiant l'arrêté du 6 mai 2009 prolongeant la validité du permis exclusif de recherches de mines d'or dit « Permis de Bon Espoir » et réduisant sa surface (Guyane)"}],"avis_documents":[]},{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":"2011-10-31","duree":null,"substances":["auru"],"titulaireIds":null,"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.9577777777778,5.07666666666667],[-53.9575,5.0325],[-53.8944444444444,5.00055555555556],[-53.8208333333333,4.97972222222222],[-53.7138888888889,4.96388888888889],[-53.7322222222222,5.02361111111111],[-53.8763888888889,5.02277777777778],[-53.9577777777778,5.07666666666667]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9577777777778,5.07666666666667]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8763888888889,5.02277777777778]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7322222222222,5.02361111111111]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7138888888889,4.96388888888889]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8208333333333,4.97972222222222]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8944444444444,5.00055555555556]},"properties":{"nom":"F","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9575,5.0325]},"properties":{"nom":"G","description":null}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.957777778,5.076666667],[-53.9575,5.0325],[-53.894444444,5.000555556],[-53.820833333,4.979722222],[-53.713888889,4.963888889],[-53.732222222,5.023611111],[-53.876388889,5.022777778],[-53.957777778,5.076666667]]]]}},"geojson_origine_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9577777777778,5.07666666666667]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8763888888889,5.02277777777778]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7322222222222,5.02361111111111]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7138888888889,4.96388888888889]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8208333333333,4.97972222222222]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8944444444444,5.00055555555556]},"properties":{"nom":"F","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9575,5.0325]},"properties":{"nom":"G","description":null}}]},"geojson_origine_geo_systeme_id":"4326","geojson4326_forages":null,"geojson_origine_forages":null,"surface":122.275,"communes":[{"id":"97306","nom":"Mana"},{"id":"97311","nom":"Saint-Laurent-du-Maroni"}],"secteurs_maritimes":[],"sdom_zones":["0","2"],"forets":["LDD","PAUL"]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2009-05-16","id":"07cbyPCYcOtKYkw4kOqg2Sed","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr101-dpu01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":837000},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":"EUR"}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000020616467"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"DEVO0909004A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2009-05-06","id":"orsPMmIfX4kSgVus0HTrBxAo","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr101-dex01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"2009-05-06-arr-54f88e41","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"arr","description":"Arrêté du 6 mai 2009 prolongeant la validité du permis exclusif de recherches de mines d'or dit « Permis Bon Espoir » et réduisant sa superficie (Guyane)"}],"avis_documents":[]}],"demarche_type_id":"pr1","demarche_statut_id":"acc","demarche_date_debut":"2006-11-01","demarche_date_fin":"2011-10-31","ordre":2},{"id":"EMFAv33wlGqMcjd6DwKzQBvr","slug":"m-pr-bon-espoir-2001-pr201","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":"2016-10-31","duree":60,"substances":["auru","scoc"],"titulaireIds":["fr-401802863"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2015-08-15","id":"Qp5DRYEN3Nc9n4CIwEYW7evs","ordre":9,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr201-dpu01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":1250000},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":"EUR"}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000031053068"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"EINL1518062A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":60,"substances":["auru","scoc"],"titulaireIds":["fr-401802863"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2015-08-03","id":"ABvgimvovFWeEhoMOrKi4wAy","ordre":8,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr201-dex01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"2015-08-03-arm-8bf71a65","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"arm","description":"Arrêté du 3 août 2015 prolongeant la durée de validité du permis exclusif de recherches de mines d'or et de substances connexes dit « Permis de Bon Espoir » attribué à la société Armina Ressources Minières dans le département de Guyane"}],"avis_documents":[]},{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2011-06-30","id":"nLXaR7H78V43GB47ypDoqvKz","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr201-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],"fondamentale":{"date_debut":null,"date_fin":null,"duree":60,"substances":["auru","arge","cuiv"],"titulaireIds":["fr-401802863"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2011-06-29","id":"iV47juaOeL4EAUsOqiWN6gOO","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr201-mfr01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"pr2","demarche_statut_id":"acc","demarche_date_debut":"2011-10-31","demarche_date_fin":"2016-10-31","ordre":3}],"nb_activites_to_do":null})
+    const bonEspoirData = titreGetValidator.parse({"id":"sJorD6pQomXTN7oRpyGwLijB","titre_visibilite":"Publique","nom":"Bon Espoir","slug":"m-pr-bon-espoir-2001","titre_type_id":"prm","titre_statut_id":"ech","titre_doublon":null,"references":[{"nom":"21/2001","referenceTypeId":"dea"},{"nom":"2013-0033-MI","referenceTypeId":"deb"}],"titre_last_modified_date":"2023-11-30","demarches":[{"id":"ry8fHgRWiKEOE1x1ZANmajh8","demarche_visibilite":"Publique","slug":"m-pr-bon-espoir-2001-oct01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":"2001-11-01","date_fin":null,"duree":60,"substances":["auru","scoc"],"titulaireIds":null,"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.9579321010744,5.07776938770113],[-53.9575232150351,4.98735333700249],[-53.8673626701318,4.98775355007457],[-53.8672265271601,4.95631734759459],[-53.7770631139658,4.95670276466037],[-53.7769878916108,4.93868722476635],[-53.5698730075868,4.93952315477954],[-53.5702069576163,5.02537608911083],[-53.759383911755,5.02460196044417],[-53.7596128864516,5.07864912381548],[-53.9579321010744,5.07776938770113]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9579321010744,5.07776938770113]},"properties":{"nom":"1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7596128864516,5.07864912381548]},"properties":{"nom":"2","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.759383911755,5.02460196044417]},"properties":{"nom":"3","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.5702069576163,5.02537608911083]},"properties":{"nom":"4","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.5698730075868,4.93952315477954]},"properties":{"nom":"5","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7769878916108,4.93868722476635]},"properties":{"nom":"6","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7770631139658,4.95670276466037]},"properties":{"nom":"7","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8672265271601,4.95631734759459]},"properties":{"nom":"8","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8673626701318,4.98775355007457]},"properties":{"nom":"9","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9575232150351,4.98735333700249]},"properties":{"nom":"10","description":null}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.957932101,5.077769388],[-53.957523215,4.987353337],[-53.86736267,4.98775355],[-53.867226527,4.956317348],[-53.777063114,4.956702765],[-53.776987892,4.938687225],[-53.569873008,4.939523155],[-53.570206958,5.025376089],[-53.759383912,5.02460196],[-53.759612886,5.078649124],[-53.957932101,5.077769388]]]]}},"geojson_origine_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9579321010744,5.07776938770113]},"properties":{"nom":"1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7596128864516,5.07864912381548]},"properties":{"nom":"2","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.759383911755,5.02460196044417]},"properties":{"nom":"3","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.5702069576163,5.02537608911083]},"properties":{"nom":"4","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.5698730075868,4.93952315477954]},"properties":{"nom":"5","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7769878916108,4.93868722476635]},"properties":{"nom":"6","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7770631139658,4.95670276466037]},"properties":{"nom":"7","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8672265271601,4.95631734759459]},"properties":{"nom":"8","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8673626701318,4.98775355007457]},"properties":{"nom":"9","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9575232150351,4.98735333700249]},"properties":{"nom":"10","description":null}}]},"geojson_origine_geo_systeme_id":"4326","geojson4326_forages":null,"geojson_origine_forages":null,"surface":465.5,"communes":[{"id":"97306","nom":"Mana"},{"id":"97311","nom":"Saint-Laurent-du-Maroni"}],"secteurs_maritimes":[],"sdom_zones":["0","2"],"forets":["LDD","MDF","PAUL"]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2001-10-26","id":"CRVhvEIQAc319vUd8BfZoH5W","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-oct01-dpu01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":3201430},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":"EUR"}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000774145"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"ECOI0100462D"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2001-10-24","id":"Ce4K8goEZzjqXRJLL051jcpD","ordre":1,"note":{"valeur":"Décret du 24 octobre 2001 accordant un permis de recherches A en Guyane","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-oct01-dex01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"oct","demarche_statut_id":"acc","demarche_date_debut":"2001-11-01","demarche_date_fin":"2006-11-01","ordre":1},{"demarche_visibilite":"Publique","id":"PnFewl8P4Zt5Vm49zXqyn7Ml","slug":"m-pr-bon-espoir-2001-pr101","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["auru"],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2010-03-02","id":"qtn2a3DNPx258VZgSjqXGKf6","ordre":4,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr101-dpu02","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":560000},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":"EUR"}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000021889053"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"DEVO1003938A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2010-02-17","id":"tjOMgkb83wksMc6DFuqrecbu","ordre":3,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr101-dex02","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"2010-02-17-arr-a26ea089","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"arr","description":"Arrêté du 17 février 2010 modifiant l'arrêté du 6 mai 2009 prolongeant la validité du permis exclusif de recherches de mines d'or dit « Permis de Bon Espoir » et réduisant sa surface (Guyane)"}],"avis_documents":[]},{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":"2011-10-31","duree":null,"substances":["auru"],"titulaireIds":null,"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.9577777777778,5.07666666666667],[-53.9575,5.0325],[-53.8944444444444,5.00055555555556],[-53.8208333333333,4.97972222222222],[-53.7138888888889,4.96388888888889],[-53.7322222222222,5.02361111111111],[-53.8763888888889,5.02277777777778],[-53.9577777777778,5.07666666666667]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9577777777778,5.07666666666667]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8763888888889,5.02277777777778]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7322222222222,5.02361111111111]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7138888888889,4.96388888888889]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8208333333333,4.97972222222222]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8944444444444,5.00055555555556]},"properties":{"nom":"F","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9575,5.0325]},"properties":{"nom":"G","description":null}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.957777778,5.076666667],[-53.9575,5.0325],[-53.894444444,5.000555556],[-53.820833333,4.979722222],[-53.713888889,4.963888889],[-53.732222222,5.023611111],[-53.876388889,5.022777778],[-53.957777778,5.076666667]]]]}},"geojson_origine_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9577777777778,5.07666666666667]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8763888888889,5.02277777777778]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7322222222222,5.02361111111111]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.7138888888889,4.96388888888889]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8208333333333,4.97972222222222]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.8944444444444,5.00055555555556]},"properties":{"nom":"F","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.9575,5.0325]},"properties":{"nom":"G","description":null}}]},"geojson_origine_geo_systeme_id":"4326","geojson4326_forages":null,"geojson_origine_forages":null,"surface":122.275,"communes":[{"id":"97306","nom":"Mana"},{"id":"97311","nom":"Saint-Laurent-du-Maroni"}],"secteurs_maritimes":[],"sdom_zones":["0","2"],"forets":["LDD","PAUL"]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2009-05-16","id":"07cbyPCYcOtKYkw4kOqg2Sed","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr101-dpu01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":837000},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":"EUR"}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000020616467"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"DEVO0909004A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2009-05-06","id":"orsPMmIfX4kSgVus0HTrBxAo","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr101-dex01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"2009-05-06-arr-54f88e41","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"arr","description":"Arrêté du 6 mai 2009 prolongeant la validité du permis exclusif de recherches de mines d'or dit « Permis Bon Espoir » et réduisant sa superficie (Guyane)"}],"avis_documents":[]}],"demarche_type_id":"pr1","demarche_statut_id":"acc","demarche_date_debut":"2006-11-01","demarche_date_fin":"2011-10-31","ordre":2},{"demarche_visibilite":"Publique","id":"EMFAv33wlGqMcjd6DwKzQBvr","slug":"m-pr-bon-espoir-2001-pr201","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":"2016-10-31","duree":60,"substances":["auru","scoc"],"titulaireIds":["fr-401802863"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2015-08-15","id":"Qp5DRYEN3Nc9n4CIwEYW7evs","ordre":9,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr201-dpu01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":1250000},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":"EUR"}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000031053068"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"EINL1518062A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":60,"substances":["auru","scoc"],"titulaireIds":["fr-401802863"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2015-08-03","id":"ABvgimvovFWeEhoMOrKi4wAy","ordre":8,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr201-dex01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]},{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"2015-08-03-arm-8bf71a65","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"arm","description":"Arrêté du 3 août 2015 prolongeant la durée de validité du permis exclusif de recherches de mines d'or et de substances connexes dit « Permis de Bon Espoir » attribué à la société Armina Ressources Minières dans le département de Guyane"}],"avis_documents":[]},{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2011-06-30","id":"nLXaR7H78V43GB47ypDoqvKz","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr201-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],"fondamentale":{"date_debut":null,"date_fin":null,"duree":60,"substances":["auru","arge","cuiv"],"titulaireIds":["fr-401802863"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2011-06-29","id":"iV47juaOeL4EAUsOqiWN6gOO","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-bon-espoir-2001-pr201-mfr01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"pr2","demarche_statut_id":"acc","demarche_date_debut":"2011-10-31","demarche_date_fin":"2016-10-31","ordre":3}],"nb_activites_to_do":null})
     bonEspoirData.nb_activites_to_do = 0
     // prettier-ignore
-    bonEspoirData.demarches.push(demarcheGetValidator.parse({
+    bonEspoirData.demarches.push(demarcheGetValidator.parse({"demarche_visibilite":"Publique",
       "id": "idtravaux", "ordre": 4, "slug": "m-pr-bon-espoir-2001-dam01", "description": null, "etapes": [{ "etape_type_id": "wpo", "is_brouillon": false, "ordre": 4, note: {valeur: '', is_avertissement: false}, "etape_statut_id": "acc", "date": "2012-07-23", "id": "idEtapeTravaux1", "slug": "m-pr-bon-espoir-2001-dam01-wpo01", "sections_with_values": [], "entreprises_documents": [], "avis_documents": [], "etape_documents": [{ "id": "2012-07-23-apd-607c3aa8","type":"DESCRIPTION_OPTIONNELLE", "description": "N°2012-SPR-DRMSS-1", "etape_document_type_id": "apd", "public_lecture": false, "entreprises_lecture": false }] }, { "etape_type_id": "wpp", is_brouillon: ETAPE_IS_NOT_BROUILLON, "ordre": 3, note: { valeur: 'note importante', is_avertissement: true },"etape_statut_id": "fai","date": "2011-05-04","id": "idEtapeTravaux2","slug": "m-pr-bon-espoir-2001-dam01-wpp01","sections_with_values": [],"entreprises_documents": [],"avis_documents":[],"etape_documents": [{"id": "id_Document","type":"DESCRIPTION_OPTIONNELLE","description": "","etape_document_type_id": "apu","public_lecture": false,"entreprises_lecture": false	}]},	{"etape_type_id": "wfd",is_brouillon: ETAPE_IS_NOT_BROUILLON, "ordre": 2,note: {valeur: '', is_avertissement: false}, "etape_statut_id": "fai","date": "2010-10-01","id": "idEtapeTravaux3","slug": "m-pr-bon-espoir-2001-dam01-wfd01","sections_with_values": [],"entreprises_documents": [],"etape_documents": [],"avis_documents":[]},	{"etape_type_id": "mcr",is_brouillon: ETAPE_IS_NOT_BROUILLON,"ordre": 1,note: {valeur: '', is_avertissement: false},"etape_statut_id": "fav","date": "2010-10-01","id": "idEtapeTravaux4","slug": "m-pr-bon-espoir-2001-dam01-mcr01","sections_with_values": [],"entreprises_documents": [],"etape_documents": [],"avis_documents":[]}],"demarche_type_id": "dam","demarche_statut_id": "fpm","demarche_date_debut": null,"demarche_date_fin": null
 
 
   }))
     // prettier-ignore
-    bonEspoirData.demarches.push(demarcheGetValidator.parse({"id":"KxHulLhT5XtziPhZDWpFuyA9", "ordre": 5, "slug":"m-pr-bon-espoir-2001-vct01","description":null,"etapes":[{"etape_type_id":"mcr",is_brouillon: ETAPE_IS_NOT_BROUILLON,"etape_statut_id":"fav","date":"2017-08-07","id":"OOKaEetpmAhDX17hcLEFWTZ1","ordre":4,note: {valeur: '', is_avertissement: false},"slug":"m-pr-bon-espoir-2001-vct01-mcr01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"men",is_brouillon: ETAPE_IS_NOT_BROUILLON,"etape_statut_id":"fai","date":"2016-11-07","id":"fNt0G9CmdMc6iIG9x239wZ5E","ordre":2,note: {valeur: '', is_avertissement: false},"slug":"m-pr-bon-espoir-2001-vct01-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],is_brouillon: ETAPE_IS_NOT_BROUILLON,"fondamentale":{"date_debut":null,"date_fin":null,"duree":180,"substances":["auru","scoc"],"titulaireIds":["fr-401802863"],"amodiataireIds":null,"perimetre":{"geojson4326_points": null,"geojson4326_forages":null,"geojson_origine_forages":null,"geojson_origine_points": null, "geojson4326_perimetre":{"type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[[[[-53.95781742722346,5.076877972864504],[-53.95761604147164,5.032517695391918],[-53.894654620091046,5.000735152488521],[-53.82094960753945,4.97999409410299],[-53.71414492282594,4.963998224562106],[-53.73241245985785,5.023653513799631],[-53.87657715038456,5.023033474690702],[-53.95781742722346,5.076877972864504]]]]},"properties":null}, "geojson_origine_perimetre":{"type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[[[[-53.95781742722346,5.076877972864504],[-53.95761604147164,5.032517695391918],[-53.894654620091046,5.000735152488521],[-53.82094960753945,4.97999409410299],[-53.71414492282594,4.963998224562106],[-53.73241245985785,5.023653513799631],[-53.87657715038456,5.023033474690702],[-53.95781742722346,5.076877972864504]]]]},"properties":null},"geojson_origine_geo_systeme_id":"4326","surface":122.275,"communes":[{"id":"97311","nom":"Saint-Laurent-du-Maroni"},{"id":"97306","nom":"Mana"}],"secteurs_maritimes":[],"sdom_zones":["0","2"],"forets":["LDD","PAUL"]}},"etape_statut_id":"fai","date":"2016-10-28","id":"VqBn5DzAtcMQWFY0CIiO6X1A","ordre":1,note: {valeur: '', is_avertissement: false},"slug":"m-pr-bon-espoir-2001-vct01-mfr01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]}],"entreprises_documents":[],"etape_documents":[], "avis_documents":[]}],"demarche_type_id":"vct","demarche_statut_id":"ins","demarche_date_debut":"2016-10-31","demarche_date_fin":null}))
+    bonEspoirData.demarches.push(demarcheGetValidator.parse({"demarche_visibilite":"Publique","id":"KxHulLhT5XtziPhZDWpFuyA9", "ordre": 5, "slug":"m-pr-bon-espoir-2001-vct01","description":null,"etapes":[{"etape_type_id":"mcr",is_brouillon: ETAPE_IS_NOT_BROUILLON,"etape_statut_id":"fav","date":"2017-08-07","id":"OOKaEetpmAhDX17hcLEFWTZ1","ordre":4,note: {valeur: '', is_avertissement: false},"slug":"m-pr-bon-espoir-2001-vct01-mcr01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"men",is_brouillon: ETAPE_IS_NOT_BROUILLON,"etape_statut_id":"fai","date":"2016-11-07","id":"fNt0G9CmdMc6iIG9x239wZ5E","ordre":2,note: {valeur: '', is_avertissement: false},"slug":"m-pr-bon-espoir-2001-vct01-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],is_brouillon: ETAPE_IS_NOT_BROUILLON,"fondamentale":{"date_debut":null,"date_fin":null,"duree":180,"substances":["auru","scoc"],"titulaireIds":["fr-401802863"],"amodiataireIds":null,"perimetre":{"geojson4326_points": null,"geojson4326_forages":null,"geojson_origine_forages":null,"geojson_origine_points": null, "geojson4326_perimetre":{"type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[[[[-53.95781742722346,5.076877972864504],[-53.95761604147164,5.032517695391918],[-53.894654620091046,5.000735152488521],[-53.82094960753945,4.97999409410299],[-53.71414492282594,4.963998224562106],[-53.73241245985785,5.023653513799631],[-53.87657715038456,5.023033474690702],[-53.95781742722346,5.076877972864504]]]]},"properties":null}, "geojson_origine_perimetre":{"type":"Feature","geometry":{"type":"MultiPolygon","coordinates":[[[[-53.95781742722346,5.076877972864504],[-53.95761604147164,5.032517695391918],[-53.894654620091046,5.000735152488521],[-53.82094960753945,4.97999409410299],[-53.71414492282594,4.963998224562106],[-53.73241245985785,5.023653513799631],[-53.87657715038456,5.023033474690702],[-53.95781742722346,5.076877972864504]]]]},"properties":null},"geojson_origine_geo_systeme_id":"4326","surface":122.275,"communes":[{"id":"97311","nom":"Saint-Laurent-du-Maroni"},{"id":"97306","nom":"Mana"}],"secteurs_maritimes":[],"sdom_zones":["0","2"],"forets":["LDD","PAUL"]}},"etape_statut_id":"fai","date":"2016-10-28","id":"VqBn5DzAtcMQWFY0CIiO6X1A","ordre":1,note: {valeur: '', is_avertissement: false},"slug":"m-pr-bon-espoir-2001-vct01-mfr01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]}],"entreprises_documents":[],"etape_documents":[], "avis_documents":[]}],"demarche_type_id":"vct","demarche_statut_id":"ins","demarche_date_debut":"2016-10-31","demarche_date_fin":null}))
 
     return Promise.resolve(bonEspoirData)
   },
@@ -544,7 +545,7 @@ const basseManaApiClient: PropsApiClient = {
     getTitreAction(titreIdOrSlug)
 
     // prettier-ignore
-    const basseManaData = titreGetValidator.parse({ "id": "ORKjSbwrb87xE53MsYClV8OF", "nom": "Basse Mana", "slug": "m-pr-basse-mana-2018", "titre_type_id": "prm", "titre_statut_id": "sup", "titre_doublon": null, "references": [{ "nom": "22/2018", "referenceTypeId": "dea" }, { "nom": "2016-0010-MI", "referenceTypeId": "deb" }], "titre_last_modified_date": "2023-12-19", "demarches": [{ "id": "GnIerujOWqlS3U06Xcbc1Dr0", "slug": "m-pr-basse-mana-2018-oct01", "description": null, "etapes": [{ "etape_type_id": "dpu", "fondamentale": { "date_debut": null, "date_fin": null, "duree": 36, "substances": ["tant", "niob", "lith", "bery", "etai", "wolf", "tita", "auru"], "titulaireIds": ["fr-790856850"], "amodiataireIds": null, "perimetre": { "geojson4326_perimetre": { "type": "Feature", "properties": {}, "geometry": { "type": "MultiPolygon", "coordinates": [[[[-53.699125239725, 5.29137675727333], [-53.735659753333, 5.24333287037071], [-53.6847736578144, 5.232646225266], [-53.664223513371, 5.23752353831223], [-53.6554344678131, 5.25034817283726], [-53.6402449164671, 5.25044876137938], [-53.6331053301638, 5.26979119871868], [-53.6650166925488, 5.27353207619541], [-53.699125239725, 5.29137675727333]]]] } }, "geojson4326_points": { "type": "FeatureCollection", "properties": {}, "features": [{ "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.699125239725, 5.29137675727333] }, "properties": { "nom": "A", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6650166925488, 5.27353207619541] }, "properties": { "nom": "B", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6331053301638, 5.26979119871868] }, "properties": { "nom": "C", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6402449164671, 5.25044876137938] }, "properties": { "nom": "D", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6554344678131, 5.25034817283726] }, "properties": { "nom": "E", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.664223513371, 5.23752353831223] }, "properties": { "nom": "F", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6847736578144, 5.232646225266] }, "properties": { "nom": "G", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.735659753333, 5.24333287037071] }, "properties": { "nom": "H", "description": null } }] }, "geojson_origine_perimetre": { "type": "Feature", "properties": {}, "geometry": { "type": "MultiPolygon", "coordinates": [[[[200814, 585525], [204589, 583534], [208127, 583105], [207326, 580968], [205641, 580964], [204660, 579549], [202378, 579019], [196738, 580226], [200814, 585525]]]] } }, "geojson_origine_points": { "type": "FeatureCollection", "features": [{ "type": "Feature", "geometry": { "type": "Point", "coordinates": [200814, 585525] }, "properties": { "nom": "A" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [204589, 583534] }, "properties": { "nom": "B" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [208127, 583105] }, "properties": { "nom": "C" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [207326, 580968] }, "properties": { "nom": "D" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [205641, 580964] }, "properties": { "nom": "E" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [204660, 579549] }, "properties": { "nom": "F" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [202378, 579019] }, "properties": { "nom": "G" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [196738, 580226] }, "properties": { "nom": "H" } }] }, "geojson_origine_geo_systeme_id": "2972", "geojson4326_forages": null, "geojson_origine_forages": null, "surface": 48, "communes": [{ "id": "97306", "nom": "Mana" }], "secteurs_maritimes": [], "sdom_zones": ["2"], "forets": ["BSM"] } }, "etape_statut_id": "fai", "is_brouillon": false, "date": "2018-09-11", "id": "ooH6ZbECJPcDPFsE0McnKvUm", "ordre": 9, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-oct01-dpu01", "sections_with_values": [{ "id": "prx", "nom": "Propriétés du permis exclusif de recherches", "elements": [{ "id": "engagement", "nom": "Engagement", "optionnel": true, "type": "number", "value": 150000 }, { "id": "engagementDeviseId", "nom": "Devise de l'engagement", "description": "", "optionnel": true, "type": "select", "options": [{ "id": "EUR", "nom": "Euros" }, { "id": "FRF", "nom": "Francs" }, { "id": "XPF", "nom": "Francs Pacifique" }], "value": "EUR" }] }, { "id": "publication", "nom": "Références Légifrance", "elements": [{ "id": "jorf", "nom": "Numéro JORF", "description": "", "optionnel": false, "type": "text", "value": "JORFTEXT000037382008" }, { "id": "nor", "nom": "Numéro NOR", "description": "", "optionnel": true, "type": "text", "value": "ECOL1816264A" }] }], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }, { "etape_type_id": "dex", "fondamentale": { "date_debut": null, "date_fin": null, "duree": 36, "substances": ["tant", "niob", "lith", "bery", "etai", "wolf", "tita", "auru"], "titulaireIds": ["fr-790856850"], "amodiataireIds": null, "perimetre": { "geojson4326_perimetre": { "type": "Feature", "properties": {}, "geometry": { "type": "MultiPolygon", "coordinates": [[[[-53.699125239725, 5.29137675727333], [-53.735659753333, 5.24333287037071], [-53.6847736578144, 5.232646225266], [-53.664223513371, 5.23752353831223], [-53.6554344678131, 5.25034817283726], [-53.6402449164671, 5.25044876137938], [-53.6331053301638, 5.26979119871868], [-53.6650166925488, 5.27353207619541], [-53.699125239725, 5.29137675727333]]]] } }, "geojson4326_points": { "type": "FeatureCollection", "properties": {}, "features": [{ "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.699125239725, 5.29137675727333] }, "properties": { "nom": "A", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6650166925488, 5.27353207619541] }, "properties": { "nom": "B", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6331053301638, 5.26979119871868] }, "properties": { "nom": "C", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6402449164671, 5.25044876137938] }, "properties": { "nom": "D", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6554344678131, 5.25034817283726] }, "properties": { "nom": "E", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.664223513371, 5.23752353831223] }, "properties": { "nom": "F", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6847736578144, 5.232646225266] }, "properties": { "nom": "G", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.735659753333, 5.24333287037071] }, "properties": { "nom": "H", "description": null } }] }, "geojson_origine_perimetre": { "type": "Feature", "properties": {}, "geometry": { "type": "MultiPolygon", "coordinates": [[[[200814, 585525], [204589, 583534], [208127, 583105], [207326, 580968], [205641, 580964], [204660, 579549], [202378, 579019], [196738, 580226], [200814, 585525]]]] } }, "geojson_origine_points": { "type": "FeatureCollection", "features": [{ "type": "Feature", "geometry": { "type": "Point", "coordinates": [200814, 585525] }, "properties": { "nom": "A" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [204589, 583534] }, "properties": { "nom": "B" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [208127, 583105] }, "properties": { "nom": "C" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [207326, 580968] }, "properties": { "nom": "D" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [205641, 580964] }, "properties": { "nom": "E" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [204660, 579549] }, "properties": { "nom": "F" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [202378, 579019] }, "properties": { "nom": "G" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [196738, 580226] }, "properties": { "nom": "H" } }] }, "geojson_origine_geo_systeme_id": "2972", "geojson4326_forages": null, "geojson_origine_forages": null, "surface": 48, "communes": [{ "id": "97306", "nom": "Mana" }], "secteurs_maritimes": [], "sdom_zones": ["2"], "forets": ["BSM"] } }, "etape_statut_id": "acc", "is_brouillon": false, "date": "2018-08-31", "id": "KJtV68vswF5ewUyF2jTuLGhS", "ordre": 8, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-oct01-dex01", "sections_with_values": [{ "id": "prx", "nom": "Propriétés du permis exclusif de recherches", "elements": [{ "id": "engagement", "nom": "Engagement", "optionnel": true, "type": "number", "value": 150000 }, { "id": "engagementDeviseId", "nom": "Devise de l'engagement", "description": "", "optionnel": true, "type": "select", "options": [{ "id": "EUR", "nom": "Euros" }, { "id": "FRF", "nom": "Francs" }, { "id": "XPF", "nom": "Francs Pacifique" }], "value": "EUR" }] }, { "id": "publication", "nom": "Références Légifrance", "elements": [{ "id": "jorf", "nom": "Numéro JORF", "description": "", "optionnel": true, "type": "text", "value": "JORFTEXT000037382008" }, { "id": "nor", "nom": "Numéro NOR", "description": "", "optionnel": true, "type": "text", "value": "ECOL1816264A" }] }], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }, { "etape_type_id": "men", "etape_statut_id": "fai", "is_brouillon": false, "date": "2016-08-28", "id": "qVJM9zS6hWyIr3My5OoubQA3", "ordre": 2, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-oct01-men01", "sections_with_values": [], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }, { "etape_type_id": "mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [], "fondamentale": { "date_debut": null, "date_fin": null, "duree": 36, "substances": ["tant", "niob", "scoc"], "titulaireIds": null, "amodiataireIds": null, "perimetre": null }, "etape_statut_id": "fai", "is_brouillon": false, "date": "2016-06-19", "id": "abABihashClZP0lL3NUPELNV", "ordre": 1, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-oct01-mfr01", "sections_with_values": [{ "id": "prx", "nom": "Propriétés du permis exclusif de recherches", "elements": [{ "id": "engagement", "nom": "Engagement", "optionnel": true, "type": "number", "value": null }, { "id": "engagementDeviseId", "nom": "Devise de l'engagement", "description": "", "optionnel": true, "type": "select", "options": [{ "id": "EUR", "nom": "Euros" }, { "id": "FRF", "nom": "Francs" }, { "id": "XPF", "nom": "Francs Pacifique" }], "value": null }] }], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }], "demarche_type_id": "oct", "demarche_statut_id": "acc", "demarche_date_debut": "2018-09-11", "demarche_date_fin": "2021-09-11", "ordre": 1 }, { "id": "mZAUVvPyznbzpj3e3grjFmlJ", "slug": "m-pr-basse-mana-2018-pr101", "description": null, "etapes": [{ "etape_type_id": "rpu", "fondamentale": { "date_debut": null, "date_fin": null, "duree": null, "substances": null, "titulaireIds": null, "amodiataireIds": null, "perimetre": null }, "etape_statut_id": "fai", "is_brouillon": false, "date": "2023-11-17", "id": "f76c17ab21ca966988390d92", "ordre": 11, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-pr101-rpu01", "sections_with_values": [], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }, { "etape_type_id": "dpu", "fondamentale": { "date_debut": null, "date_fin": null, "duree": null, "substances": null, "titulaireIds": null, "amodiataireIds": null, "perimetre": null }, "etape_statut_id": "fai", "is_brouillon": false, "date": "2023-11-15", "id": "71f6497117b21325d53d8e56", "ordre": 10, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-pr101-dpu01", "sections_with_values": [{ "id": "publication", "nom": "Références Légifrance", "elements": [{ "id": "jorf", "nom": "Numéro JORF", "description": "", "optionnel": false, "type": "text", "value": "Texte 3 sur 160" }] }], "entreprises_documents": [], "etape_documents": [{ "id": "2023-11-15-pub-4d420801", "type": "DESCRIPTION_OPTIONNELLE", "public_lecture": true, "entreprises_lecture": true, "etape_document_type_id": "pub", "description": "" }], "avis_documents": [] }, { "etape_type_id": "dex", "fondamentale": { "date_debut": null, "date_fin": null, "duree": 30, "substances": null, "titulaireIds": null, "amodiataireIds": null, "perimetre": null }, "etape_statut_id": "acc", "is_brouillon": false, "date": "2023-11-07", "id": "590f6dd2f808eeadf51b820e", "ordre": 9, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-pr101-dex01", "sections_with_values": [{ "id": "publication", "nom": "Références Légifrance", "elements": [{ "id": "jorf", "nom": "Numéro JORF", "description": "", "optionnel": true, "type": "text", "value": null }, { "id": "nor", "nom": "Numéro NOR", "description": "", "optionnel": true, "type": "text", "value": null }] }], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }, { "etape_type_id": "ppu", "etape_statut_id": "ter", "is_brouillon": false, "date": "2023-03-27", "id": "M1mK0vhAHH5CTaUwq4cJzK49", "ordre": 5, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-pr101-ppu01", "sections_with_values": [{ "id": "opdp", "elements": [{ "id": "lien", "nom": "Lien public externe", "description": "", "optionnel": true, "type": "url", "value": null }, {"id": "duree", "nom": "Durée en jours de la consultation du public", "description": "", "optionnel": false, "type": "number", "value": 15}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2021-04-30","id":"wFb34sxGyHoRNOByPffQZyAF","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-basse-mana-2018-pr101-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],"fondamentale":{"date_debut":null,"date_fin":null,"duree":60,"substances":["tant","niob","lith","bery","etai","wolf","tita","auru"],"titulaireIds":["fr-790856850"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.699150462397206,5.291394409468797],[-53.73568497160258,5.2433505257409125],[-53.684798879087204,5.232663883719148],[-53.664248736219285,5.2375411971227654],[-53.65545969176547,5.250365830767107],[-53.64027014144058,5.250466419912988],[-53.633130556393525,5.269808855679936],[-53.66511918689031,5.291623119512839],[-53.699150462397206,5.291394409468797]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.699150462397206,5.291394409468797]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.66511918689031,5.291623119512839]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.633130556393525,5.269808855679936]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.64027014144058,5.250466419912988]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.65545969176547,5.250365830767107]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.664248736219285,5.2375411971227654]},"properties":{"nom":"F","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.684798879087204,5.232663883719148]},"properties":{"nom":"G","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.73568497160258,5.2433505257409125]},"properties":{"nom":"H","description":null}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[200814,585525],[204589,585534],[208127,583105],[207326,580968],[205641,580964],[204660,579549],[202378,579019],[196738,580226],[200814,585525]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[200814,585525]},"properties":{"nom":"A"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204589,585534]},"properties":{"nom":"B"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[208127,583105]},"properties":{"nom":"C"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[207326,580968]},"properties":{"nom":"D"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[205641,580964]},"properties":{"nom":"E"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204660,579549]},"properties":{"nom":"F"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[202378,579019]},"properties":{"nom":"G"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[196738,580226]},"properties":{"nom":"H"}}]},"geojson_origine_geo_systeme_id":"2972","geojson4326_forages":null,"geojson_origine_forages":null,"surface":48.06,"communes":[{"id":"97306","nom":"Mana"}],"secteurs_maritimes":[],"sdom_zones":["2"],"forets":["BSM"]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2021-04-30","id":"NKW0jIKc5cPBIp2dwu2VceCG","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-basse-mana-2018-pr101-mfr01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"pr1","demarche_statut_id":"acc","demarche_date_debut":"2021-09-11","demarche_date_fin":"2024-03-11","ordre":2},{"id":"5df48d3536a38dd1dab542d7","slug":"m-pr-basse-mana-2018-pr201","description":"","etapes":[{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2023-10-30","id":"37a1752da216067fc73328f9","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-basse-mana-2018-pr201-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],"fondamentale":{"date_debut":null,"date_fin":null,"duree":60,"substances":["tant","niob","lith","bery","etai","wolf","tita","auru"],"titulaireIds":null,"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.695977302723314,5.258026897118486],[-53.69166175320614,5.243894120712839],[-53.691207934852734,5.238962048893827],[-53.66947244758239,5.236434510036549],[-53.66426676493007,5.2375411203489115],[-53.655468706369525,5.250365792413383],[-53.64027010339901,5.25045738302719],[-53.63422022259896,5.267391338838475],[-53.64933956522329,5.274005464773927],[-53.66943759690406,5.2748050575845875],[-53.66988205803166,5.281761503749559],[-53.671594626284566,5.281690874443703],[-53.67432345044184,5.276844434310086],[-53.67742349010169,5.274481516415551],[-53.68523182828244,5.270616251350751],[-53.695977302723314,5.258026897118486]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.695977302723314,5.258026897118486]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.68523182828244,5.270616251350751]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.67742349010169,5.274481516415551]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.67432345044184,5.276844434310086]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.671594626284566,5.281690874443703]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.66988205803166,5.281761503749559]},"properties":{"nom":"F","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.66943759690406,5.2748050575845875]},"properties":{"nom":"G","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.64933956522329,5.274005464773927]},"properties":{"nom":"H","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.63422022259896,5.267391338838475]},"properties":{"nom":"I","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.64027010339901,5.25045738302719]},"properties":{"nom":"J","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.655468706369525,5.250365792413383]},"properties":{"nom":"K","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.66426676493007,5.2375411203489115]},"properties":{"nom":"L","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.66947244758239,5.236434510036549]},"properties":{"nom":"M","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.691207934852734,5.238962048893827]},"properties":{"nom":"N","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.69166175320614,5.243894120712839]},"properties":{"nom":"O","description":null}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[201150,581831],[202348,583219],[203216,583643],[203561,583903],[203866,584438],[204056,584445],[204102,583675],[206331,583577],[208005,582838],[207326,580967],[205640,580964],[204658,579549],[204080,579429],[201670,579719],[201622,580265],[201150,581831]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[201150,581831]},"properties":{"nom":"A"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[202348,583219]},"properties":{"nom":"B"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[203216,583643]},"properties":{"nom":"C"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[203561,583903]},"properties":{"nom":"D"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[203866,584438]},"properties":{"nom":"E"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204056,584445]},"properties":{"nom":"F"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204102,583675]},"properties":{"nom":"G"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[206331,583577]},"properties":{"nom":"H"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[208005,582838]},"properties":{"nom":"I"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[207326,580967]},"properties":{"nom":"J"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[205640,580964]},"properties":{"nom":"K"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204658,579549]},"properties":{"nom":"L"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204080,579429]},"properties":{"nom":"M"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[201670,579719]},"properties":{"nom":"N"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[201622,580265]},"properties":{"nom":"O"}}]},"geojson_origine_geo_systeme_id":"2972","geojson4326_forages":null,"geojson_origine_forages":null,"surface":20.69,"communes":[{"id":"97306","nom":"Mana"}],"secteurs_maritimes":[],"sdom_zones":["2"],"forets":["BSM"]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2023-10-30","id":"47a22a6ca44891d40e2f4149","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-basse-mana-2018-pr201-mfr01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"pr2","demarche_statut_id":"dep","demarche_date_debut":"2024-03-11","demarche_date_fin":null,"ordre":3}],"nb_activites_to_do":null})
+    const basseManaData = titreGetValidator.parse({ "id": "ORKjSbwrb87xE53MsYClV8OF","titre_visibilite":"Publique", "nom": "Basse Mana", "slug": "m-pr-basse-mana-2018", "titre_type_id": "prm", "titre_statut_id": "sup", "titre_doublon": null, "references": [{ "nom": "22/2018", "referenceTypeId": "dea" }, { "nom": "2016-0010-MI", "referenceTypeId": "deb" }], "titre_last_modified_date": "2023-12-19", "demarches": [{"demarche_visibilite":"Publique", "id": "GnIerujOWqlS3U06Xcbc1Dr0", "slug": "m-pr-basse-mana-2018-oct01", "description": null, "etapes": [{ "etape_type_id": "dpu", "fondamentale": { "date_debut": null, "date_fin": null, "duree": 36, "substances": ["tant", "niob", "lith", "bery", "etai", "wolf", "tita", "auru"], "titulaireIds": ["fr-790856850"], "amodiataireIds": null, "perimetre": { "geojson4326_perimetre": { "type": "Feature", "properties": {}, "geometry": { "type": "MultiPolygon", "coordinates": [[[[-53.699125239725, 5.29137675727333], [-53.735659753333, 5.24333287037071], [-53.6847736578144, 5.232646225266], [-53.664223513371, 5.23752353831223], [-53.6554344678131, 5.25034817283726], [-53.6402449164671, 5.25044876137938], [-53.6331053301638, 5.26979119871868], [-53.6650166925488, 5.27353207619541], [-53.699125239725, 5.29137675727333]]]] } }, "geojson4326_points": { "type": "FeatureCollection", "properties": {}, "features": [{ "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.699125239725, 5.29137675727333] }, "properties": { "nom": "A", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6650166925488, 5.27353207619541] }, "properties": { "nom": "B", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6331053301638, 5.26979119871868] }, "properties": { "nom": "C", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6402449164671, 5.25044876137938] }, "properties": { "nom": "D", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6554344678131, 5.25034817283726] }, "properties": { "nom": "E", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.664223513371, 5.23752353831223] }, "properties": { "nom": "F", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6847736578144, 5.232646225266] }, "properties": { "nom": "G", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.735659753333, 5.24333287037071] }, "properties": { "nom": "H", "description": null } }] }, "geojson_origine_perimetre": { "type": "Feature", "properties": {}, "geometry": { "type": "MultiPolygon", "coordinates": [[[[200814, 585525], [204589, 583534], [208127, 583105], [207326, 580968], [205641, 580964], [204660, 579549], [202378, 579019], [196738, 580226], [200814, 585525]]]] } }, "geojson_origine_points": { "type": "FeatureCollection", "features": [{ "type": "Feature", "geometry": { "type": "Point", "coordinates": [200814, 585525] }, "properties": { "nom": "A" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [204589, 583534] }, "properties": { "nom": "B" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [208127, 583105] }, "properties": { "nom": "C" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [207326, 580968] }, "properties": { "nom": "D" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [205641, 580964] }, "properties": { "nom": "E" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [204660, 579549] }, "properties": { "nom": "F" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [202378, 579019] }, "properties": { "nom": "G" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [196738, 580226] }, "properties": { "nom": "H" } }] }, "geojson_origine_geo_systeme_id": "2972", "geojson4326_forages": null, "geojson_origine_forages": null, "surface": 48, "communes": [{ "id": "97306", "nom": "Mana" }], "secteurs_maritimes": [], "sdom_zones": ["2"], "forets": ["BSM"] } }, "etape_statut_id": "fai", "is_brouillon": false, "date": "2018-09-11", "id": "ooH6ZbECJPcDPFsE0McnKvUm", "ordre": 9, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-oct01-dpu01", "sections_with_values": [{ "id": "prx", "nom": "Propriétés du permis exclusif de recherches", "elements": [{ "id": "engagement", "nom": "Engagement", "optionnel": true, "type": "number", "value": 150000 }, { "id": "engagementDeviseId", "nom": "Devise de l'engagement", "description": "", "optionnel": true, "type": "select", "options": [{ "id": "EUR", "nom": "Euros" }, { "id": "FRF", "nom": "Francs" }, { "id": "XPF", "nom": "Francs Pacifique" }], "value": "EUR" }] }, { "id": "publication", "nom": "Références Légifrance", "elements": [{ "id": "jorf", "nom": "Numéro JORF", "description": "", "optionnel": false, "type": "text", "value": "JORFTEXT000037382008" }, { "id": "nor", "nom": "Numéro NOR", "description": "", "optionnel": true, "type": "text", "value": "ECOL1816264A" }] }], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }, { "etape_type_id": "dex", "fondamentale": { "date_debut": null, "date_fin": null, "duree": 36, "substances": ["tant", "niob", "lith", "bery", "etai", "wolf", "tita", "auru"], "titulaireIds": ["fr-790856850"], "amodiataireIds": null, "perimetre": { "geojson4326_perimetre": { "type": "Feature", "properties": {}, "geometry": { "type": "MultiPolygon", "coordinates": [[[[-53.699125239725, 5.29137675727333], [-53.735659753333, 5.24333287037071], [-53.6847736578144, 5.232646225266], [-53.664223513371, 5.23752353831223], [-53.6554344678131, 5.25034817283726], [-53.6402449164671, 5.25044876137938], [-53.6331053301638, 5.26979119871868], [-53.6650166925488, 5.27353207619541], [-53.699125239725, 5.29137675727333]]]] } }, "geojson4326_points": { "type": "FeatureCollection", "properties": {}, "features": [{ "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.699125239725, 5.29137675727333] }, "properties": { "nom": "A", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6650166925488, 5.27353207619541] }, "properties": { "nom": "B", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6331053301638, 5.26979119871868] }, "properties": { "nom": "C", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6402449164671, 5.25044876137938] }, "properties": { "nom": "D", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6554344678131, 5.25034817283726] }, "properties": { "nom": "E", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.664223513371, 5.23752353831223] }, "properties": { "nom": "F", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.6847736578144, 5.232646225266] }, "properties": { "nom": "G", "description": null } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [-53.735659753333, 5.24333287037071] }, "properties": { "nom": "H", "description": null } }] }, "geojson_origine_perimetre": { "type": "Feature", "properties": {}, "geometry": { "type": "MultiPolygon", "coordinates": [[[[200814, 585525], [204589, 583534], [208127, 583105], [207326, 580968], [205641, 580964], [204660, 579549], [202378, 579019], [196738, 580226], [200814, 585525]]]] } }, "geojson_origine_points": { "type": "FeatureCollection", "features": [{ "type": "Feature", "geometry": { "type": "Point", "coordinates": [200814, 585525] }, "properties": { "nom": "A" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [204589, 583534] }, "properties": { "nom": "B" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [208127, 583105] }, "properties": { "nom": "C" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [207326, 580968] }, "properties": { "nom": "D" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [205641, 580964] }, "properties": { "nom": "E" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [204660, 579549] }, "properties": { "nom": "F" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [202378, 579019] }, "properties": { "nom": "G" } }, { "type": "Feature", "geometry": { "type": "Point", "coordinates": [196738, 580226] }, "properties": { "nom": "H" } }] }, "geojson_origine_geo_systeme_id": "2972", "geojson4326_forages": null, "geojson_origine_forages": null, "surface": 48, "communes": [{ "id": "97306", "nom": "Mana" }], "secteurs_maritimes": [], "sdom_zones": ["2"], "forets": ["BSM"] } }, "etape_statut_id": "acc", "is_brouillon": false, "date": "2018-08-31", "id": "KJtV68vswF5ewUyF2jTuLGhS", "ordre": 8, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-oct01-dex01", "sections_with_values": [{ "id": "prx", "nom": "Propriétés du permis exclusif de recherches", "elements": [{ "id": "engagement", "nom": "Engagement", "optionnel": true, "type": "number", "value": 150000 }, { "id": "engagementDeviseId", "nom": "Devise de l'engagement", "description": "", "optionnel": true, "type": "select", "options": [{ "id": "EUR", "nom": "Euros" }, { "id": "FRF", "nom": "Francs" }, { "id": "XPF", "nom": "Francs Pacifique" }], "value": "EUR" }] }, { "id": "publication", "nom": "Références Légifrance", "elements": [{ "id": "jorf", "nom": "Numéro JORF", "description": "", "optionnel": true, "type": "text", "value": "JORFTEXT000037382008" }, { "id": "nor", "nom": "Numéro NOR", "description": "", "optionnel": true, "type": "text", "value": "ECOL1816264A" }] }], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }, { "etape_type_id": "men", "etape_statut_id": "fai", "is_brouillon": false, "date": "2016-08-28", "id": "qVJM9zS6hWyIr3My5OoubQA3", "ordre": 2, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-oct01-men01", "sections_with_values": [], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }, { "etape_type_id": "mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [], "fondamentale": { "date_debut": null, "date_fin": null, "duree": 36, "substances": ["tant", "niob", "scoc"], "titulaireIds": null, "amodiataireIds": null, "perimetre": null }, "etape_statut_id": "fai", "is_brouillon": false, "date": "2016-06-19", "id": "abABihashClZP0lL3NUPELNV", "ordre": 1, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-oct01-mfr01", "sections_with_values": [{ "id": "prx", "nom": "Propriétés du permis exclusif de recherches", "elements": [{ "id": "engagement", "nom": "Engagement", "optionnel": true, "type": "number", "value": null }, { "id": "engagementDeviseId", "nom": "Devise de l'engagement", "description": "", "optionnel": true, "type": "select", "options": [{ "id": "EUR", "nom": "Euros" }, { "id": "FRF", "nom": "Francs" }, { "id": "XPF", "nom": "Francs Pacifique" }], "value": null }] }], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }], "demarche_type_id": "oct", "demarche_statut_id": "acc", "demarche_date_debut": "2018-09-11", "demarche_date_fin": "2021-09-11", "ordre": 1 }, {"demarche_visibilite":"Publique", "id": "mZAUVvPyznbzpj3e3grjFmlJ", "slug": "m-pr-basse-mana-2018-pr101", "description": null, "etapes": [{ "etape_type_id": "rpu", "fondamentale": { "date_debut": null, "date_fin": null, "duree": null, "substances": null, "titulaireIds": null, "amodiataireIds": null, "perimetre": null }, "etape_statut_id": "fai", "is_brouillon": false, "date": "2023-11-17", "id": "f76c17ab21ca966988390d92", "ordre": 11, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-pr101-rpu01", "sections_with_values": [], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }, { "etape_type_id": "dpu", "fondamentale": { "date_debut": null, "date_fin": null, "duree": null, "substances": null, "titulaireIds": null, "amodiataireIds": null, "perimetre": null }, "etape_statut_id": "fai", "is_brouillon": false, "date": "2023-11-15", "id": "71f6497117b21325d53d8e56", "ordre": 10, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-pr101-dpu01", "sections_with_values": [{ "id": "publication", "nom": "Références Légifrance", "elements": [{ "id": "jorf", "nom": "Numéro JORF", "description": "", "optionnel": false, "type": "text", "value": "Texte 3 sur 160" }] }], "entreprises_documents": [], "etape_documents": [{ "id": "2023-11-15-pub-4d420801", "type": "DESCRIPTION_OPTIONNELLE", "public_lecture": true, "entreprises_lecture": true, "etape_document_type_id": "pub", "description": "" }], "avis_documents": [] }, { "etape_type_id": "dex", "fondamentale": { "date_debut": null, "date_fin": null, "duree": 30, "substances": null, "titulaireIds": null, "amodiataireIds": null, "perimetre": null }, "etape_statut_id": "acc", "is_brouillon": false, "date": "2023-11-07", "id": "590f6dd2f808eeadf51b820e", "ordre": 9, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-pr101-dex01", "sections_with_values": [{ "id": "publication", "nom": "Références Légifrance", "elements": [{ "id": "jorf", "nom": "Numéro JORF", "description": "", "optionnel": true, "type": "text", "value": null }, { "id": "nor", "nom": "Numéro NOR", "description": "", "optionnel": true, "type": "text", "value": null }] }], "entreprises_documents": [], "etape_documents": [], "avis_documents": [] }, { "etape_type_id": "ppu", "etape_statut_id": "ter", "is_brouillon": false, "date": "2023-03-27", "id": "M1mK0vhAHH5CTaUwq4cJzK49", "ordre": 5, "note": { "valeur": "", "is_avertissement": false }, "slug": "m-pr-basse-mana-2018-pr101-ppu01", "sections_with_values": [{ "id": "opdp", "elements": [{ "id": "lien", "nom": "Lien public externe", "description": "", "optionnel": true, "type": "url", "value": null }, {"id": "duree", "nom": "Durée en jours de la consultation du public", "description": "", "optionnel": false, "type": "number", "value": 15}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2021-04-30","id":"wFb34sxGyHoRNOByPffQZyAF","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-basse-mana-2018-pr101-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],"fondamentale":{"date_debut":null,"date_fin":null,"duree":60,"substances":["tant","niob","lith","bery","etai","wolf","tita","auru"],"titulaireIds":["fr-790856850"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.699150462397206,5.291394409468797],[-53.73568497160258,5.2433505257409125],[-53.684798879087204,5.232663883719148],[-53.664248736219285,5.2375411971227654],[-53.65545969176547,5.250365830767107],[-53.64027014144058,5.250466419912988],[-53.633130556393525,5.269808855679936],[-53.66511918689031,5.291623119512839],[-53.699150462397206,5.291394409468797]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.699150462397206,5.291394409468797]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.66511918689031,5.291623119512839]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.633130556393525,5.269808855679936]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.64027014144058,5.250466419912988]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.65545969176547,5.250365830767107]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.664248736219285,5.2375411971227654]},"properties":{"nom":"F","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.684798879087204,5.232663883719148]},"properties":{"nom":"G","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.73568497160258,5.2433505257409125]},"properties":{"nom":"H","description":null}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[200814,585525],[204589,585534],[208127,583105],[207326,580968],[205641,580964],[204660,579549],[202378,579019],[196738,580226],[200814,585525]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[200814,585525]},"properties":{"nom":"A"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204589,585534]},"properties":{"nom":"B"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[208127,583105]},"properties":{"nom":"C"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[207326,580968]},"properties":{"nom":"D"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[205641,580964]},"properties":{"nom":"E"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204660,579549]},"properties":{"nom":"F"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[202378,579019]},"properties":{"nom":"G"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[196738,580226]},"properties":{"nom":"H"}}]},"geojson_origine_geo_systeme_id":"2972","geojson4326_forages":null,"geojson_origine_forages":null,"surface":48.06,"communes":[{"id":"97306","nom":"Mana"}],"secteurs_maritimes":[],"sdom_zones":["2"],"forets":["BSM"]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2021-04-30","id":"NKW0jIKc5cPBIp2dwu2VceCG","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-basse-mana-2018-pr101-mfr01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"pr1","demarche_statut_id":"acc","demarche_date_debut":"2021-09-11","demarche_date_fin":"2024-03-11","ordre":2},{"demarche_visibilite":"Publique","id":"5df48d3536a38dd1dab542d7","slug":"m-pr-basse-mana-2018-pr201","description":"","etapes":[{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2023-10-30","id":"37a1752da216067fc73328f9","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-basse-mana-2018-pr201-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],"fondamentale":{"date_debut":null,"date_fin":null,"duree":60,"substances":["tant","niob","lith","bery","etai","wolf","tita","auru"],"titulaireIds":null,"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[-53.695977302723314,5.258026897118486],[-53.69166175320614,5.243894120712839],[-53.691207934852734,5.238962048893827],[-53.66947244758239,5.236434510036549],[-53.66426676493007,5.2375411203489115],[-53.655468706369525,5.250365792413383],[-53.64027010339901,5.25045738302719],[-53.63422022259896,5.267391338838475],[-53.64933956522329,5.274005464773927],[-53.66943759690406,5.2748050575845875],[-53.66988205803166,5.281761503749559],[-53.671594626284566,5.281690874443703],[-53.67432345044184,5.276844434310086],[-53.67742349010169,5.274481516415551],[-53.68523182828244,5.270616251350751],[-53.695977302723314,5.258026897118486]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.695977302723314,5.258026897118486]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.68523182828244,5.270616251350751]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.67742349010169,5.274481516415551]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.67432345044184,5.276844434310086]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.671594626284566,5.281690874443703]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.66988205803166,5.281761503749559]},"properties":{"nom":"F","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.66943759690406,5.2748050575845875]},"properties":{"nom":"G","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.64933956522329,5.274005464773927]},"properties":{"nom":"H","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.63422022259896,5.267391338838475]},"properties":{"nom":"I","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.64027010339901,5.25045738302719]},"properties":{"nom":"J","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.655468706369525,5.250365792413383]},"properties":{"nom":"K","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.66426676493007,5.2375411203489115]},"properties":{"nom":"L","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.66947244758239,5.236434510036549]},"properties":{"nom":"M","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.691207934852734,5.238962048893827]},"properties":{"nom":"N","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-53.69166175320614,5.243894120712839]},"properties":{"nom":"O","description":null}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[201150,581831],[202348,583219],[203216,583643],[203561,583903],[203866,584438],[204056,584445],[204102,583675],[206331,583577],[208005,582838],[207326,580967],[205640,580964],[204658,579549],[204080,579429],[201670,579719],[201622,580265],[201150,581831]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[201150,581831]},"properties":{"nom":"A"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[202348,583219]},"properties":{"nom":"B"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[203216,583643]},"properties":{"nom":"C"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[203561,583903]},"properties":{"nom":"D"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[203866,584438]},"properties":{"nom":"E"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204056,584445]},"properties":{"nom":"F"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204102,583675]},"properties":{"nom":"G"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[206331,583577]},"properties":{"nom":"H"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[208005,582838]},"properties":{"nom":"I"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[207326,580967]},"properties":{"nom":"J"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[205640,580964]},"properties":{"nom":"K"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204658,579549]},"properties":{"nom":"L"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[204080,579429]},"properties":{"nom":"M"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[201670,579719]},"properties":{"nom":"N"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[201622,580265]},"properties":{"nom":"O"}}]},"geojson_origine_geo_systeme_id":"2972","geojson4326_forages":null,"geojson_origine_forages":null,"surface":20.69,"communes":[{"id":"97306","nom":"Mana"}],"secteurs_maritimes":[],"sdom_zones":["2"],"forets":["BSM"]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2023-10-30","id":"47a22a6ca44891d40e2f4149","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-pr-basse-mana-2018-pr201-mfr01","sections_with_values":[{"id":"prx","nom":"Propriétés du permis exclusif de recherches","elements":[{"id":"engagement","nom":"Engagement","optionnel":true,"type":"number","value":null},{"id":"engagementDeviseId","nom":"Devise de l'engagement","description":"","optionnel":true,"type":"select","options":[{"id":"EUR","nom":"Euros"},{"id":"FRF","nom":"Francs"},{"id":"XPF","nom":"Francs Pacifique"}],"value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"pr2","demarche_statut_id":"dep","demarche_date_debut":"2024-03-11","demarche_date_fin":null,"ordre":3}],"nb_activites_to_do":null})
 
     return Promise.resolve(basseManaData)
   },
@@ -585,6 +586,7 @@ export const Empty: StoryFn = () => (
           references: [],
           titre_last_modified_date: toCaminoDate('2021-01-01'),
           titre_doublon: null,
+          titre_visibilite: 'Confidentielle',
           demarches: [],
         })
       },
@@ -618,6 +620,7 @@ export const WithDoublon: StoryFn = () => (
             id: titreIdValidator.parse('id-du-doublon'),
             nom: 'Nom du titre en doublon',
           },
+          titre_visibilite: 'Confidentielle',
           demarches: [],
         })
       },
@@ -668,6 +671,7 @@ export const WithLinkableTitreAmont: StoryFn = () => (
           references: [],
           titre_last_modified_date: toCaminoDate('2021-01-01'),
           titre_doublon: null,
+          titre_visibilite: 'Confidentielle',
           demarches: [],
         })
       },
@@ -718,6 +722,7 @@ export const WithLinkableTitreAval: StoryFn = () => (
           titre_last_modified_date: toCaminoDate('2021-01-01'),
           titre_doublon: null,
           demarches: [],
+          titre_visibilite: 'Confidentielle',
         })
       },
     }}
@@ -731,7 +736,7 @@ const lenoncourtApiClient: PropsApiClient = {
     getTitreAction(titreIdOrSlug)
 
     // prettier-ignore
-    const lenoncourtData = titreGetValidator.parse({"id":"s7RvqvCAgKs4DxkQBYV93cVx","nom":"Lenoncourt","slug":"m-cx-lenoncourt-1968","titre_type_id":"cxm","titre_statut_id":"val","titre_doublon":null,"references":[{"nom":"2013-0275-MI","referenceTypeId":"deb"},{"nom":"54TM0153","referenceTypeId":"rnt"}],"titre_last_modified_date":"2024-03-21","demarches":[{"id":"ozYnUjy40eru81jUnXz5snv2","slug":"m-cx-lenoncourt-1968-oct01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"1968-01-24","id":"SG2zAN9QaKBN1hZKqKEgQGpI","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-oct01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"1968-01-24-dec-89a94bb2","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":"Décret du 13 janvier 1968 instituant la concession de mines de sels de sodium de Lenoncourt (Meurthe-et-Moselle) au profit de la société Les Soudières réunies - La Madeleine-Varangéville"}],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"1968-01-13","id":"LM2Zk3PwAjrduc4EqmucOjeB","ordre":1,"note":{"valeur":"Décret du 13 janvier 1968 instituant la concession de mines de sels de sodium de Lenoncourt (Meurthe-et-Moselle) au profit de la société Les Soudières réunies - La Madeleine-Varangéville","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-oct01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"oct","demarche_statut_id":"acc","demarche_date_debut":"1968-01-24","demarche_date_fin":"2024-03-01","ordre":1},{"id":"wM0cpipWSef9lDAHDurJxxhk","slug":"m-cx-lenoncourt-1968-mut01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["selg","selh"],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"1970-11-19","id":"XScxzwDKFxmYtDnkJ7X7qZBi","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"1970-11-19-dec-8a77b142","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":"Décret du 16 novembre 1970 autorisant la mutation de propriété de cinq concessions de mines de sel gemme et de sources salées au profit de la société Produits chimiques Pechlney-Saint-Gobaln."}],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":["fr-606320471"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"1970-11-16","id":"ejAqTpzBj82jgF0ShiwMRQmW","ordre":1,"note":{"valeur":"Décret du 16 novembre 1970 autorisant la mutation de propriété de cinq concessions de mines de sel gemme et de sources salées au profit de la société Produits chimiques Pechlney-Saint-Gobaln.","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":2},{"id":"1UC2b0ORsm2ezCh6whHzbOKR","slug":"m-cx-lenoncourt-1968-mut02","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["selg","selh"],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"1975-11-27","id":"TjimKkEETzF0yGBG2m085on9","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut02-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"1975-11-27-dec-b50a06f5","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":"Décret du 24 novembre 1975 autorisant la mutation de cinq concessions de mines de sel gemme et de sources salées au profit de la Compagnie industrielle et minière"}],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":["fr-712025048"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"1975-11-24","id":"aYO0zwBFBOZP7VN11JaJDhzI","ordre":1,"note":{"valeur":"Décret du 24 novembre 1975 autorisant la mutation de cinq concessions de mines de sel gemme et de sources salées au profit de la Compagnie industrielle et minière","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut02-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":3},{"id":"H5eANAZPKhY9eFQtCyLYjCvp","slug":"m-cx-lenoncourt-1968-exp01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":["fr-712025048"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[6.275644095814427,48.6854960696669],[6.255874124806144,48.675237870291575],[6.295319143383101,48.66801114312286],[6.316241924966296,48.676189123934925],[6.315656943097024,48.680413137182065],[6.307671761547864,48.69027442550079],[6.302487495007789,48.68919858322589],[6.296317613859298,48.68917495187758],[6.290997693817669,48.68780534512822],[6.285653764289864,48.68913324659737],[6.281744418990354,48.68911774206666],[6.275644095814427,48.6854960696669]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[6.275644095814427,48.6854960696669]},"properties":{"nom":"A","description":"Point situé sur la ligne joignant les clochers de Saulxures-lès-Nancy et de Buissoncourt, à son intersection avec la limite des communes de Saulxures-lès-Nancy et de Lenoncourt, soit à environ 2040 mètres à l'Est-Sud-Est du clocher de Saulxures-lès-Nancy"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.281744418990354,48.68911774206666]},"properties":{"nom":"B1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.285653764289864,48.68913324659737]},"properties":{"nom":"C1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.290997693817669,48.68780534512822]},"properties":{"nom":"D1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.296317613859298,48.68917495187758]},"properties":{"nom":"E1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.302487495007789,48.68919858322589]},"properties":{"nom":"F1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.307671761547864,48.69027442550079]},"properties":{"nom":"G1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.315656943097024,48.680413137182065]},"properties":{"nom":"B","description":"Point situé sur la ligne joignant les clochers de Saulxures-lès-Nancy et de Buissoncourt, à son intersection avec la limite Ouest de la concession de Cercueil-Buissoncourt, soit à environ 2 150 mètres au Nord-Nord-Ouest du clocher de Buissoncourt"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.316241924966296,48.676189123934925]},"properties":{"nom":"C","description":"Borne commune aux concessions d'Art-sur-Meurthe et de Cercueil-Buissoncourt"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.295319143383101,48.66801114312286]},"properties":{"nom":"D","description":"Sommet A de la concession d'Art-sur-Meurthe:"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.255874124806144,48.675237870291575]},"properties":{"nom":"E","description":"Sommet M de la concession d'Art-sur•Meurthe:"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[889907.42,1117010.26],[890334.9,1117435.93],[890622.24,1117452.72],[891022.89,1117325.88],[891406.04,1117498.53],[891859.53,1117525.03],[892234.39,1117664.59],[892879.34,1116600.52],[892947.15,1116133.73],[891456.2,1115144.46],[888513.03,1115795.21],[889907.42,1117010.26]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[889907.42,1117010.26]},"properties":{"nom":"A","description":"Point situé sur la ligne joignant les clochers de Saulxures-lès-Nancy et de Buissoncourt, à son intersection avec la limite des communes de Saulxures-lès-Nancy et de Lenoncourt, soit à environ 2040 mètres à l’Est-Sud-Est du clocher de Saulxures-lès-Nancy"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[890334.9,1117435.93]},"properties":{"nom":"B1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[890622.24,1117452.72]},"properties":{"nom":"C1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[891022.89,1117325.88]},"properties":{"nom":"D1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[891406.04,1117498.53]},"properties":{"nom":"E1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[891859.53,1117525.03]},"properties":{"nom":"F1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[892234.39,1117664.59]},"properties":{"nom":"G1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[892879.34,1116600.52]},"properties":{"nom":"B","description":"Point situé sur la ligne joignant les clochers de Saulxures-lès-Nancy et de Buissoncourt, à son intersection avec la limite Ouest de la concession de Cercueil-Buissoncourt, soit à environ 2 150 mètres au Nord-Nord-Ouest du clocher de Buissoncourt"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[892947.15,1116133.73]},"properties":{"nom":"C","description":"Borne commune aux concessions d’Art-sur-Meurthe et de Cercueil-Buissoncourt"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[891456.2,1115144.46]},"properties":{"nom":"D","description":"Sommet A de la concession d’Art-sur-Meurthe:"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[888513.03,1115795.21]},"properties":{"nom":"E","description":"Sommet M de la concession d’Art-sur•Meurthe:"}}]},"geojson_origine_geo_systeme_id":"27571","geojson4326_forages":null,"geojson_origine_forages":null,"surface":6.75,"communes":[{"id":"54495","nom":"Saulxures-lès-Nancy"},{"id":"54311","nom":"Lenoncourt"},{"id":"54110","nom":"Cerville"},{"id":"54025","nom":"Art-sur-Meurthe"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"fai","is_brouillon":false,"date":"1981-09-13","id":"C6UHWZDSFnLbwuaeksXG1SEj","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-exp01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"N"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"1981-09-13-dec-8bf8fa4c","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":"Décret du 9 septembre 1981 portant extension de superficie de la concession des mines de sels de sodium de Lenoncourt (Meurthe-et-Moselle) et modifiant les conditions auxquelles est soumise ladite concession"}],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"1981-09-09","id":"xHxKuYk5goClAaZr1hxGaCyr","ordre":1,"note":{"valeur":"Décret du 9 septembre 1981 portant extension de superficie de la concession des mines de sels de sodium de Lenoncourt (Meurthe-et-Moselle) et modifiant les conditions auxquelles est soumise ladite concession","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-exp01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"exp","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":4},{"id":"W9IX7VanFA5iYxYAGulcA0CY","slug":"m-cx-lenoncourt-1968-mut03","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":["fr-442993283"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2000-10-06","id":"wuYTEAQ5UUAUZxiowQIthgkg","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut03-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000208330"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"ECOI0000456A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2000-09-26","id":"f2iSnn7XPrOXDIrbmYFKUiz1","ordre":1,"note":{"valeur":"Arrêté du 26 septembre 2000 autorisant la mutation de concessions de mines","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut03-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":6},{"id":"md9yLbhZSOqdcOANAAyUPTur","slug":"m-cx-lenoncourt-1968-mut04","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":["fr-642014526"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2003-01-08","id":"yuMPprDNtN6mZzdmlVTDd25I","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut04-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000228627"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"INDI0200856A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2002-12-24","id":"jZRW7aZo5DmTABnQCe35wVrh","ordre":1,"note":{"valeur":"Arrêté du 24 décembre 2002 autorisant la mutation de concessions de mines","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut04-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":7},{"id":"3W0rdHS1VqDSIQjZ1mLD8b9L","slug":"m-cx-lenoncourt-1968-mut05","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":["fr-442993283"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2004-02-28","id":"isgwwZGJwv7UDuJvtxAaj3T4","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut05-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000434866"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"INDI0402498A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2004-02-13","id":"Full4Vnptm6czWaJ4b6kZR6W","ordre":1,"note":{"valeur":"Arrêté du 13 février 2004 autorisant la mutation d’une concession de mines de sels de sodium","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut05-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":8},{"id":"fA9NJsMZ78XyG402LUdm2Szi","slug":"m-cx-lenoncourt-1968-pro01","description":"prolongation et extension de périmètre","etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":null,"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2024-03-01","id":"a0af6a2e56cd046cd72c71cf","ordre":16,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000049219226"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"ECOL2320431D"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":null,"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2024-02-29","id":"aa23dc021366330e04383eba","ordre":15,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"2024-02-29-dec-12df6369","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":""},{"id":"2024-02-29-dec-4bb7fd91","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":""}],"avis_documents":[]},{"etape_type_id":"adc","etape_statut_id":"fai","is_brouillon":false,"date":"2021-06-01","id":"ryW6mbg2cC906CimQRgdVhvd","ordre":7,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-adc01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"epu","etape_statut_id":"ter","is_brouillon":false,"date":"2021-04-20","id":"d1PRxUd0F9JHQSziUQ3skOem","ordre":6,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-epu01","sections_with_values":[{"id":"epu","elements":[{"id":"lien","nom":"Lien public externe","description":"","optionnel":true,"type":"url","value":null},{"id":"duree","nom":"Durée en jours de l'enquête publique","description":"","optionnel":false,"type":"number","value":43}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mcr","etape_statut_id":"fav","is_brouillon":false,"date":"2021-01-27","id":"pHf3m1Hygp8kz8d7G0j2TKgZ","ordre":4,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-mcr01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2020-08-04","id":"mQnOvtSGpc1T83bSvOOorVOa","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],"fondamentale":{"date_debut":null,"date_fin":null,"duree":300,"substances":["nacl"],"titulaireIds":["fr-442993283"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[6.255869021711159,48.675202067410254],[6.263459497281365,48.6611397799328],[6.274477936823362,48.661530617274785],[6.29531036181682,48.66798716858568],[6.3162302722649795,48.67616624512283],[6.31565519531486,48.68038643555574],[6.307660371971501,48.69025022534333],[6.302480013569365,48.68917854238857],[6.2963188041374485,48.68915103738882],[6.290983811108587,48.68777705995633],[6.285642745098623,48.68911271820202],[6.281739260684181,48.68909422269382],[6.275638319504659,48.68547207905551],[6.255869021711159,48.675202067410254]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[6.255869021711159,48.675202067410254]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.275638319504659,48.68547207905551]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.281739260684181,48.68909422269382]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.285642745098623,48.68911271820202]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.290983811108587,48.68777705995633]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2963188041374485,48.68915103738882]},"properties":{"nom":"F","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.302480013569365,48.68917854238857]},"properties":{"nom":"G","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.307660371971501,48.69025022534333]},"properties":{"nom":"H","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.31565519531486,48.68038643555574]},"properties":{"nom":"I","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3162302722649795,48.67616624512283]},"properties":{"nom":"J","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.29531036181682,48.66798716858568]},"properties":{"nom":"K","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.274477936823362,48.661530617274785]},"properties":{"nom":"L","description":"Nouveau sommet « d’extension » défini par NOVACARB"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.263459497281365,48.6611397799328]},"properties":{"nom":"M","description":"Nouveau sommet « d’extension » défini par NOVACARB"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[939659,6846613],[941066,6847814],[941498,6848235],[941785,6848249],[942184,6848117],[942570,6848286],[943023,6848308],[943399,6848443],[944033,6847372],[944095,6846905],[942594,6845932],[941091,6845151],[940282,6845074],[939659,6846613]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[939659,6846613]},"properties":{"nom":"A"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[941066,6847814]},"properties":{"nom":"B"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[941498,6848235]},"properties":{"nom":"C"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[941785,6848249]},"properties":{"nom":"D"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[942184,6848117]},"properties":{"nom":"E"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[942570,6848286]},"properties":{"nom":"F"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[943023,6848308]},"properties":{"nom":"G"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[943399,6848443]},"properties":{"nom":"H"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[944033,6847372]},"properties":{"nom":"I"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[944095,6846905]},"properties":{"nom":"J"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[942594,6845932]},"properties":{"nom":"K"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[941091,6845151]},"properties":{"nom":"L","description":"Nouveau sommet « d’extension » défini par NOVACARB"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[940282,6845074]},"properties":{"nom":"M","description":"Nouveau sommet « d’extension » défini par NOVACARB"}}]},"geojson_origine_geo_systeme_id":"2154","geojson4326_forages":null,"geojson_origine_forages":null,"surface":9.05,"communes":[{"id":"54495","nom":"Saulxures-lès-Nancy"},{"id":"54311","nom":"Lenoncourt"},{"id":"54110","nom":"Cerville"},{"id":"54025","nom":"Art-sur-Meurthe"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2020-07-06","id":"mh70cpBA8jOZWCEDJKupM4Rs","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-mfr01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"pro","demarche_statut_id":"acc","demarche_date_debut":"2024-03-01","demarche_date_fin":"2049-03-01","ordre":11},{"id":"b7586ad241a658ae1eb42b08","slug":"m-cx-lenoncourt-1968-exp02","description":"","etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":null,"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2024-03-01","id":"e48a19b86d090feadc67a893","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-exp02-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000049219226"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"ECOL2320431D"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":["fr-442993283"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[6.2559,48.6752],[6.2756,48.6855],[6.2817,48.6891],[6.2856,48.6891],[6.291,48.6878],[6.2963,48.6892],[6.3025,48.6892],[6.3076,48.689],[6.3157,48.6804],[6.3162,48.6762],[6.2953,48.668],[6.2794,48.6631],[6.2614,48.6649],[6.2559,48.6752]]]]}},"geojson4326_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2559,48.6752]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2756,48.6855]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2817,48.6891]},"properties":{"nom":"B1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2856,48.6891]},"properties":{"nom":"C1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.291,48.6878]},"properties":{"nom":"D1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2963,48.6892]},"properties":{"nom":"E1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3025,48.6892]},"properties":{"nom":"F1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3076,48.689]},"properties":{"nom":"G1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3157,48.6804]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3162,48.6762]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2953,48.668]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2794,48.6631]},"properties":{"nom":"Da","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2614,48.6649]},"properties":{"nom":"Db","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2559,48.6752]},"properties":{"nom":"E","description":null}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[6.2559,48.6752],[6.2756,48.6855],[6.2817,48.6891],[6.2856,48.6891],[6.291,48.6878],[6.2963,48.6892],[6.3025,48.6892],[6.3076,48.689],[6.3157,48.6804],[6.3162,48.6762],[6.2953,48.668],[6.2794,48.6631],[6.2614,48.6649],[6.2559,48.6752]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2559,48.6752]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2756,48.6855]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2817,48.6891]},"properties":{"nom":"B1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2856,48.6891]},"properties":{"nom":"C1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.291,48.6878]},"properties":{"nom":"D1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2963,48.6892]},"properties":{"nom":"E1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3025,48.6892]},"properties":{"nom":"F1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3076,48.689]},"properties":{"nom":"G1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3157,48.6804]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3162,48.6762]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2953,48.668]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2794,48.6631]},"properties":{"nom":"Da","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2614,48.6649]},"properties":{"nom":"Db","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2559,48.6752]},"properties":{"nom":"E","description":null}}]},"geojson_origine_geo_systeme_id":"4326","geojson4326_forages":null,"geojson_origine_forages":null,"surface":8.65,"communes":[{"id":"54495","nom":"Saulxures-lès-Nancy"},{"id":"54311","nom":"Lenoncourt"},{"id":"54110","nom":"Cerville"},{"id":"54025","nom":"Art-sur-Meurthe"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"acc","is_brouillon":false,"date":"2024-02-29","id":"c15f4ceaa62a6298a2f8e117","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-exp02-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"2024-02-29-dec-d9f1e868","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":""},{"id":"2024-02-29-dec-32312304","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":""}],"avis_documents":[]}],"demarche_type_id":"exp","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":12}],"nb_activites_to_do":null})
+    const lenoncourtData = titreGetValidator.parse({"id":"s7RvqvCAgKs4DxkQBYV93cVx","titre_visibilite":"Publique","nom":"Lenoncourt","slug":"m-cx-lenoncourt-1968","titre_type_id":"cxm","titre_statut_id":"val","titre_doublon":null,"references":[{"nom":"2013-0275-MI","referenceTypeId":"deb"},{"nom":"54TM0153","referenceTypeId":"rnt"}],"titre_last_modified_date":"2024-03-21","demarches":[{"demarche_visibilite":"Publique","id":"ozYnUjy40eru81jUnXz5snv2","slug":"m-cx-lenoncourt-1968-oct01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"1968-01-24","id":"SG2zAN9QaKBN1hZKqKEgQGpI","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-oct01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"1968-01-24-dec-89a94bb2","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":"Décret du 13 janvier 1968 instituant la concession de mines de sels de sodium de Lenoncourt (Meurthe-et-Moselle) au profit de la société Les Soudières réunies - La Madeleine-Varangéville"}],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"1968-01-13","id":"LM2Zk3PwAjrduc4EqmucOjeB","ordre":1,"note":{"valeur":"Décret du 13 janvier 1968 instituant la concession de mines de sels de sodium de Lenoncourt (Meurthe-et-Moselle) au profit de la société Les Soudières réunies - La Madeleine-Varangéville","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-oct01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"oct","demarche_statut_id":"acc","demarche_date_debut":"1968-01-24","demarche_date_fin":"2024-03-01","ordre":1},{"demarche_visibilite":"Publique","id":"wM0cpipWSef9lDAHDurJxxhk","slug":"m-cx-lenoncourt-1968-mut01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["selg","selh"],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"1970-11-19","id":"XScxzwDKFxmYtDnkJ7X7qZBi","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"1970-11-19-dec-8a77b142","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":"Décret du 16 novembre 1970 autorisant la mutation de propriété de cinq concessions de mines de sel gemme et de sources salées au profit de la société Produits chimiques Pechlney-Saint-Gobaln."}],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":["fr-606320471"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"1970-11-16","id":"ejAqTpzBj82jgF0ShiwMRQmW","ordre":1,"note":{"valeur":"Décret du 16 novembre 1970 autorisant la mutation de propriété de cinq concessions de mines de sel gemme et de sources salées au profit de la société Produits chimiques Pechlney-Saint-Gobaln.","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":2},{"demarche_visibilite":"Publique","id":"1UC2b0ORsm2ezCh6whHzbOKR","slug":"m-cx-lenoncourt-1968-mut02","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["selg","selh"],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"1975-11-27","id":"TjimKkEETzF0yGBG2m085on9","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut02-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"1975-11-27-dec-b50a06f5","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":"Décret du 24 novembre 1975 autorisant la mutation de cinq concessions de mines de sel gemme et de sources salées au profit de la Compagnie industrielle et minière"}],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":["fr-712025048"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"1975-11-24","id":"aYO0zwBFBOZP7VN11JaJDhzI","ordre":1,"note":{"valeur":"Décret du 24 novembre 1975 autorisant la mutation de cinq concessions de mines de sel gemme et de sources salées au profit de la Compagnie industrielle et minière","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut02-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":3},{"demarche_visibilite":"Publique","id":"H5eANAZPKhY9eFQtCyLYjCvp","slug":"m-cx-lenoncourt-1968-exp01","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":["fr-712025048"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[6.275644095814427,48.6854960696669],[6.255874124806144,48.675237870291575],[6.295319143383101,48.66801114312286],[6.316241924966296,48.676189123934925],[6.315656943097024,48.680413137182065],[6.307671761547864,48.69027442550079],[6.302487495007789,48.68919858322589],[6.296317613859298,48.68917495187758],[6.290997693817669,48.68780534512822],[6.285653764289864,48.68913324659737],[6.281744418990354,48.68911774206666],[6.275644095814427,48.6854960696669]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[6.275644095814427,48.6854960696669]},"properties":{"nom":"A","description":"Point situé sur la ligne joignant les clochers de Saulxures-lès-Nancy et de Buissoncourt, à son intersection avec la limite des communes de Saulxures-lès-Nancy et de Lenoncourt, soit à environ 2040 mètres à l'Est-Sud-Est du clocher de Saulxures-lès-Nancy"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.281744418990354,48.68911774206666]},"properties":{"nom":"B1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.285653764289864,48.68913324659737]},"properties":{"nom":"C1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.290997693817669,48.68780534512822]},"properties":{"nom":"D1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.296317613859298,48.68917495187758]},"properties":{"nom":"E1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.302487495007789,48.68919858322589]},"properties":{"nom":"F1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.307671761547864,48.69027442550079]},"properties":{"nom":"G1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.315656943097024,48.680413137182065]},"properties":{"nom":"B","description":"Point situé sur la ligne joignant les clochers de Saulxures-lès-Nancy et de Buissoncourt, à son intersection avec la limite Ouest de la concession de Cercueil-Buissoncourt, soit à environ 2 150 mètres au Nord-Nord-Ouest du clocher de Buissoncourt"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.316241924966296,48.676189123934925]},"properties":{"nom":"C","description":"Borne commune aux concessions d'Art-sur-Meurthe et de Cercueil-Buissoncourt"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.295319143383101,48.66801114312286]},"properties":{"nom":"D","description":"Sommet A de la concession d'Art-sur-Meurthe:"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.255874124806144,48.675237870291575]},"properties":{"nom":"E","description":"Sommet M de la concession d'Art-sur•Meurthe:"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[889907.42,1117010.26],[890334.9,1117435.93],[890622.24,1117452.72],[891022.89,1117325.88],[891406.04,1117498.53],[891859.53,1117525.03],[892234.39,1117664.59],[892879.34,1116600.52],[892947.15,1116133.73],[891456.2,1115144.46],[888513.03,1115795.21],[889907.42,1117010.26]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[889907.42,1117010.26]},"properties":{"nom":"A","description":"Point situé sur la ligne joignant les clochers de Saulxures-lès-Nancy et de Buissoncourt, à son intersection avec la limite des communes de Saulxures-lès-Nancy et de Lenoncourt, soit à environ 2040 mètres à l’Est-Sud-Est du clocher de Saulxures-lès-Nancy"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[890334.9,1117435.93]},"properties":{"nom":"B1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[890622.24,1117452.72]},"properties":{"nom":"C1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[891022.89,1117325.88]},"properties":{"nom":"D1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[891406.04,1117498.53]},"properties":{"nom":"E1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[891859.53,1117525.03]},"properties":{"nom":"F1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[892234.39,1117664.59]},"properties":{"nom":"G1"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[892879.34,1116600.52]},"properties":{"nom":"B","description":"Point situé sur la ligne joignant les clochers de Saulxures-lès-Nancy et de Buissoncourt, à son intersection avec la limite Ouest de la concession de Cercueil-Buissoncourt, soit à environ 2 150 mètres au Nord-Nord-Ouest du clocher de Buissoncourt"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[892947.15,1116133.73]},"properties":{"nom":"C","description":"Borne commune aux concessions d’Art-sur-Meurthe et de Cercueil-Buissoncourt"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[891456.2,1115144.46]},"properties":{"nom":"D","description":"Sommet A de la concession d’Art-sur-Meurthe:"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[888513.03,1115795.21]},"properties":{"nom":"E","description":"Sommet M de la concession d’Art-sur•Meurthe:"}}]},"geojson_origine_geo_systeme_id":"27571","geojson4326_forages":null,"geojson_origine_forages":null,"surface":6.75,"communes":[{"id":"54495","nom":"Saulxures-lès-Nancy"},{"id":"54311","nom":"Lenoncourt"},{"id":"54110","nom":"Cerville"},{"id":"54025","nom":"Art-sur-Meurthe"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"fai","is_brouillon":false,"date":"1981-09-13","id":"C6UHWZDSFnLbwuaeksXG1SEj","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-exp01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"N"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"1981-09-13-dec-8bf8fa4c","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":"Décret du 9 septembre 1981 portant extension de superficie de la concession des mines de sels de sodium de Lenoncourt (Meurthe-et-Moselle) et modifiant les conditions auxquelles est soumise ladite concession"}],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"1981-09-09","id":"xHxKuYk5goClAaZr1hxGaCyr","ordre":1,"note":{"valeur":"Décret du 9 septembre 1981 portant extension de superficie de la concession des mines de sels de sodium de Lenoncourt (Meurthe-et-Moselle) et modifiant les conditions auxquelles est soumise ladite concession","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-exp01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"exp","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":4},{"demarche_visibilite":"Publique","id":"W9IX7VanFA5iYxYAGulcA0CY","slug":"m-cx-lenoncourt-1968-mut03","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":["fr-442993283"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2000-10-06","id":"wuYTEAQ5UUAUZxiowQIthgkg","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut03-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000208330"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"ECOI0000456A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2000-09-26","id":"f2iSnn7XPrOXDIrbmYFKUiz1","ordre":1,"note":{"valeur":"Arrêté du 26 septembre 2000 autorisant la mutation de concessions de mines","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut03-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":6},{"demarche_visibilite":"Publique","id":"md9yLbhZSOqdcOANAAyUPTur","slug":"m-cx-lenoncourt-1968-mut04","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":["fr-642014526"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2003-01-08","id":"yuMPprDNtN6mZzdmlVTDd25I","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut04-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000228627"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"INDI0200856A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2002-12-24","id":"jZRW7aZo5DmTABnQCe35wVrh","ordre":1,"note":{"valeur":"Arrêté du 24 décembre 2002 autorisant la mutation de concessions de mines","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut04-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":7},{"demarche_visibilite":"Publique","id":"3W0rdHS1VqDSIQjZ1mLD8b9L","slug":"m-cx-lenoncourt-1968-mut05","description":null,"etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":["fr-442993283"],"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2004-02-28","id":"isgwwZGJwv7UDuJvtxAaj3T4","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut05-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000000434866"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"INDI0402498A"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":[],"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2004-02-13","id":"Full4Vnptm6czWaJ4b6kZR6W","ordre":1,"note":{"valeur":"Arrêté du 13 février 2004 autorisant la mutation d’une concession de mines de sels de sodium","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-mut05-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"mut","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":8},{"demarche_visibilite":"Publique","id":"fA9NJsMZ78XyG402LUdm2Szi","slug":"m-cx-lenoncourt-1968-pro01","description":"prolongation et extension de périmètre","etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":null,"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2024-03-01","id":"a0af6a2e56cd046cd72c71cf","ordre":16,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000049219226"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"ECOL2320431D"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":null,"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"acc","is_brouillon":false,"date":"2024-02-29","id":"aa23dc021366330e04383eba","ordre":15,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"2024-02-29-dec-12df6369","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":""},{"id":"2024-02-29-dec-4bb7fd91","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":""}],"avis_documents":[]},{"etape_type_id":"adc","etape_statut_id":"fai","is_brouillon":false,"date":"2021-06-01","id":"ryW6mbg2cC906CimQRgdVhvd","ordre":7,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-adc01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"epu","etape_statut_id":"ter","is_brouillon":false,"date":"2021-04-20","id":"d1PRxUd0F9JHQSziUQ3skOem","ordre":6,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-epu01","sections_with_values":[{"id":"epu","elements":[{"id":"lien","nom":"Lien public externe","description":"","optionnel":true,"type":"url","value":null},{"id":"duree","nom":"Durée en jours de l'enquête publique","description":"","optionnel":false,"type":"number","value":43}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mcr","etape_statut_id":"fav","is_brouillon":false,"date":"2021-01-27","id":"pHf3m1Hygp8kz8d7G0j2TKgZ","ordre":4,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-mcr01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"men","etape_statut_id":"fai","is_brouillon":false,"date":"2020-08-04","id":"mQnOvtSGpc1T83bSvOOorVOa","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-men01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"mfr", "demarche_id_en_concurrence": null, "demarches_consentement": [],"fondamentale":{"date_debut":null,"date_fin":null,"duree":300,"substances":["nacl"],"titulaireIds":["fr-442993283"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[6.255869021711159,48.675202067410254],[6.263459497281365,48.6611397799328],[6.274477936823362,48.661530617274785],[6.29531036181682,48.66798716858568],[6.3162302722649795,48.67616624512283],[6.31565519531486,48.68038643555574],[6.307660371971501,48.69025022534333],[6.302480013569365,48.68917854238857],[6.2963188041374485,48.68915103738882],[6.290983811108587,48.68777705995633],[6.285642745098623,48.68911271820202],[6.281739260684181,48.68909422269382],[6.275638319504659,48.68547207905551],[6.255869021711159,48.675202067410254]]]]}},"geojson4326_points":{"type":"FeatureCollection","properties":{},"features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[6.255869021711159,48.675202067410254]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.275638319504659,48.68547207905551]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.281739260684181,48.68909422269382]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.285642745098623,48.68911271820202]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.290983811108587,48.68777705995633]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2963188041374485,48.68915103738882]},"properties":{"nom":"F","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.302480013569365,48.68917854238857]},"properties":{"nom":"G","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.307660371971501,48.69025022534333]},"properties":{"nom":"H","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.31565519531486,48.68038643555574]},"properties":{"nom":"I","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3162302722649795,48.67616624512283]},"properties":{"nom":"J","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.29531036181682,48.66798716858568]},"properties":{"nom":"K","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.274477936823362,48.661530617274785]},"properties":{"nom":"L","description":"Nouveau sommet « d’extension » défini par NOVACARB"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.263459497281365,48.6611397799328]},"properties":{"nom":"M","description":"Nouveau sommet « d’extension » défini par NOVACARB"}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[939659,6846613],[941066,6847814],[941498,6848235],[941785,6848249],[942184,6848117],[942570,6848286],[943023,6848308],[943399,6848443],[944033,6847372],[944095,6846905],[942594,6845932],[941091,6845151],[940282,6845074],[939659,6846613]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[939659,6846613]},"properties":{"nom":"A"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[941066,6847814]},"properties":{"nom":"B"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[941498,6848235]},"properties":{"nom":"C"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[941785,6848249]},"properties":{"nom":"D"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[942184,6848117]},"properties":{"nom":"E"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[942570,6848286]},"properties":{"nom":"F"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[943023,6848308]},"properties":{"nom":"G"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[943399,6848443]},"properties":{"nom":"H"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[944033,6847372]},"properties":{"nom":"I"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[944095,6846905]},"properties":{"nom":"J"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[942594,6845932]},"properties":{"nom":"K"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[941091,6845151]},"properties":{"nom":"L","description":"Nouveau sommet « d’extension » défini par NOVACARB"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[940282,6845074]},"properties":{"nom":"M","description":"Nouveau sommet « d’extension » défini par NOVACARB"}}]},"geojson_origine_geo_systeme_id":"2154","geojson4326_forages":null,"geojson_origine_forages":null,"surface":9.05,"communes":[{"id":"54495","nom":"Saulxures-lès-Nancy"},{"id":"54311","nom":"Lenoncourt"},{"id":"54110","nom":"Cerville"},{"id":"54025","nom":"Art-sur-Meurthe"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"fai","is_brouillon":false,"date":"2020-07-06","id":"mh70cpBA8jOZWCEDJKupM4Rs","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-pro01-mfr01","sections_with_values":[],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]}],"demarche_type_id":"pro","demarche_statut_id":"acc","demarche_date_debut":"2024-03-01","demarche_date_fin":"2049-03-01","ordre":11},{"demarche_visibilite":"Publique","id":"b7586ad241a658ae1eb42b08","slug":"m-cx-lenoncourt-1968-exp02","description":"","etapes":[{"etape_type_id":"dpu","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":null,"titulaireIds":null,"amodiataireIds":null,"perimetre":null},"etape_statut_id":"fai","is_brouillon":false,"date":"2024-03-01","id":"e48a19b86d090feadc67a893","ordre":2,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-exp02-dpu01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":false,"type":"text","value":"JORFTEXT000049219226"},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":"ECOL2320431D"}]}],"entreprises_documents":[],"etape_documents":[],"avis_documents":[]},{"etape_type_id":"dex","fondamentale":{"date_debut":null,"date_fin":null,"duree":null,"substances":["nacl"],"titulaireIds":["fr-442993283"],"amodiataireIds":null,"perimetre":{"geojson4326_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[6.2559,48.6752],[6.2756,48.6855],[6.2817,48.6891],[6.2856,48.6891],[6.291,48.6878],[6.2963,48.6892],[6.3025,48.6892],[6.3076,48.689],[6.3157,48.6804],[6.3162,48.6762],[6.2953,48.668],[6.2794,48.6631],[6.2614,48.6649],[6.2559,48.6752]]]]}},"geojson4326_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2559,48.6752]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2756,48.6855]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2817,48.6891]},"properties":{"nom":"B1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2856,48.6891]},"properties":{"nom":"C1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.291,48.6878]},"properties":{"nom":"D1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2963,48.6892]},"properties":{"nom":"E1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3025,48.6892]},"properties":{"nom":"F1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3076,48.689]},"properties":{"nom":"G1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3157,48.6804]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3162,48.6762]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2953,48.668]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2794,48.6631]},"properties":{"nom":"Da","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2614,48.6649]},"properties":{"nom":"Db","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2559,48.6752]},"properties":{"nom":"E","description":null}}]},"geojson_origine_perimetre":{"type":"Feature","properties":{},"geometry":{"type":"MultiPolygon","coordinates":[[[[6.2559,48.6752],[6.2756,48.6855],[6.2817,48.6891],[6.2856,48.6891],[6.291,48.6878],[6.2963,48.6892],[6.3025,48.6892],[6.3076,48.689],[6.3157,48.6804],[6.3162,48.6762],[6.2953,48.668],[6.2794,48.6631],[6.2614,48.6649],[6.2559,48.6752]]]]}},"geojson_origine_points":{"type":"FeatureCollection","features":[{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2559,48.6752]},"properties":{"nom":"E","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2756,48.6855]},"properties":{"nom":"A","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2817,48.6891]},"properties":{"nom":"B1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2856,48.6891]},"properties":{"nom":"C1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.291,48.6878]},"properties":{"nom":"D1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2963,48.6892]},"properties":{"nom":"E1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3025,48.6892]},"properties":{"nom":"F1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3076,48.689]},"properties":{"nom":"G1","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3157,48.6804]},"properties":{"nom":"B","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.3162,48.6762]},"properties":{"nom":"C","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2953,48.668]},"properties":{"nom":"D","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2794,48.6631]},"properties":{"nom":"Da","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2614,48.6649]},"properties":{"nom":"Db","description":null}},{"type":"Feature","geometry":{"type":"Point","coordinates":[6.2559,48.6752]},"properties":{"nom":"E","description":null}}]},"geojson_origine_geo_systeme_id":"4326","geojson4326_forages":null,"geojson_origine_forages":null,"surface":8.65,"communes":[{"id":"54495","nom":"Saulxures-lès-Nancy"},{"id":"54311","nom":"Lenoncourt"},{"id":"54110","nom":"Cerville"},{"id":"54025","nom":"Art-sur-Meurthe"}],"secteurs_maritimes":[],"sdom_zones":[],"forets":[]}},"etape_statut_id":"acc","is_brouillon":false,"date":"2024-02-29","id":"c15f4ceaa62a6298a2f8e117","ordre":1,"note":{"valeur":"","is_avertissement":false},"slug":"m-cx-lenoncourt-1968-exp02-dex01","sections_with_values":[{"id":"publication","nom":"Références Légifrance","elements":[{"id":"jorf","nom":"Numéro JORF","description":"","optionnel":true,"type":"text","value":null},{"id":"nor","nom":"Numéro NOR","description":"","optionnel":true,"type":"text","value":null}]}],"entreprises_documents":[],"etape_documents":[{"id":"2024-02-29-dec-d9f1e868","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":""},{"id":"2024-02-29-dec-32312304","type":"DESCRIPTION_OPTIONNELLE","public_lecture":true,"entreprises_lecture":true,"etape_document_type_id":"dec","description":""}],"avis_documents":[]}],"demarche_type_id":"exp","demarche_statut_id":"acc","demarche_date_debut":null,"demarche_date_fin":null,"ordre":12}],"nb_activites_to_do":null})
 
     return Promise.resolve(lenoncourtData)
   },
@@ -808,6 +813,7 @@ export const TitreAvecUnOctroiEnConstructionEtUnTravaux: StoryFn = () => (
               demarche_statut_id: 'fpm',
               demarche_date_debut: null,
               demarche_date_fin: null,
+              demarche_visibilite: 'Confidentielle',
             },
           ],
         })
diff --git a/packages/ui/src/components/titre.stories_snapshots_AbattisKoticaOctroi.html b/packages/ui/src/components/titre.stories_snapshots_AbattisKoticaOctroi.html
index 10084c5ee5cff9186043345b52559a15f5b483f1..554912ee99bf156b9c6c17ece54f534275a191c9 100644
--- a/packages/ui/src/components/titre.stories_snapshots_AbattisKoticaOctroi.html
+++ b/packages/ui/src/components/titre.stories_snapshots_AbattisKoticaOctroi.html
@@ -8,9 +8,12 @@
         <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button>
       </div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <!---->
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">ONF : AR2006060</div>
       <div style="font-weight: 500;">PTMG : 2006-061</div>
@@ -69,7 +72,12 @@
         <!---->
       </div>
       <!---->
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <!---->
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -317,7 +325,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 28-11-2006</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 28-11-2006</div>
+                  <div>
+                    <!---->
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -551,7 +564,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 28-11-2006</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 28-11-2006</div>
+                  <div>
+                    <!---->
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
@@ -577,7 +595,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 16-10-2006</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 16-10-2006</div>
+                  <div>
+                    <!---->
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
diff --git a/packages/ui/src/components/titre.stories_snapshots_BasseManaMod.html b/packages/ui/src/components/titre.stories_snapshots_BasseManaMod.html
index 64b1fa578e5d63191bea3ac06ea5567ed4283912..503bd2710e9afd67d46e212a8954e061f9c75a42 100644
--- a/packages/ui/src/components/titre.stories_snapshots_BasseManaMod.html
+++ b/packages/ui/src/components/titre.stories_snapshots_BasseManaMod.html
@@ -8,9 +8,12 @@
         <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button>
       </div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Permis exclusif de recherches</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Permis exclusif de recherches</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <!---->
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">DEAL : 22/2018</div>
       <div style="font-weight: 500;">DEB : 2016-0010-MI</div>
@@ -82,7 +85,12 @@
         <!---->
       </div>
       <!---->
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <!---->
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -330,7 +338,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 17-11-2023</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 17-11-2023</div>
+                  <div>
+                    <!---->
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
@@ -356,7 +369,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 15-11-2023</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 15-11-2023</div>
+                  <div>
+                    <!---->
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -420,7 +438,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 07-11-2023</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 07-11-2023</div>
+                  <div>
+                    <!---->
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -459,7 +482,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="terminé" aria-label="terminé">terminé</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 27-03-2023</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 27-03-2023</div>
+                  <div>
+                    <!---->
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -497,7 +525,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 30-04-2021</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 30-04-2021</div>
+                  <div>
+                    <!---->
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
@@ -523,7 +556,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 30-04-2021</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 30-04-2021</div>
+                  <div>
+                    <!---->
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/titre.stories_snapshots_BonEspoirOctroi.html b/packages/ui/src/components/titre.stories_snapshots_BonEspoirOctroi.html
index a5b7a5f7a95429adcdcafa96d1adcded9adea26d..8e2db12e791c760b42f2e17b8b67f5333cd22848 100644
--- a/packages/ui/src/components/titre.stories_snapshots_BonEspoirOctroi.html
+++ b/packages/ui/src/components/titre.stories_snapshots_BonEspoirOctroi.html
@@ -8,9 +8,12 @@
         <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button>
       </div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Permis exclusif de recherches</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Permis exclusif de recherches</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">DEAL : 21/2001</div>
       <div style="font-weight: 500;">DEB : 2013-0033-MI</div>
@@ -103,7 +106,12 @@
         <!---->
       </div>
       <!---->
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -382,7 +390,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 26-10-2001</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 26-10-2001</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -670,7 +683,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2001</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-10-2001</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/titre.stories_snapshots_BonEspoirProlongation2.html b/packages/ui/src/components/titre.stories_snapshots_BonEspoirProlongation2.html
index d469c29f7e6563449e81959a359d697565f06bb8..6c3e3960ed8a72f24b6b1a56914e65d48bbec050 100644
--- a/packages/ui/src/components/titre.stories_snapshots_BonEspoirProlongation2.html
+++ b/packages/ui/src/components/titre.stories_snapshots_BonEspoirProlongation2.html
@@ -8,9 +8,12 @@
         <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button>
       </div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Permis exclusif de recherches</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Permis exclusif de recherches</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">DEAL : 21/2001</div>
       <div style="font-weight: 500;">DEB : 2013-0033-MI</div>
@@ -103,7 +106,12 @@
         <!---->
       </div>
       <!---->
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -365,7 +373,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 15-08-2015</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 15-08-2015</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -453,7 +466,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 03-08-2015</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 03-08-2015</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -527,7 +545,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 30-06-2011</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 30-06-2011</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
@@ -553,7 +576,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 29-06-2011</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 29-06-2011</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/titre.stories_snapshots_BonEspoirTravaux.html b/packages/ui/src/components/titre.stories_snapshots_BonEspoirTravaux.html
index e755d628f73e8c600ffa654507b7aac4bfeecd19..2f93b97b0b8998f38f158954eeca366951840508 100644
--- a/packages/ui/src/components/titre.stories_snapshots_BonEspoirTravaux.html
+++ b/packages/ui/src/components/titre.stories_snapshots_BonEspoirTravaux.html
@@ -8,9 +8,12 @@
         <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button>
       </div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Permis exclusif de recherches</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Permis exclusif de recherches</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">DEAL : 21/2001</div>
       <div style="font-weight: 500;">DEB : 2013-0033-MI</div>
@@ -103,7 +106,12 @@
         <!---->
       </div>
       <!---->
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -150,7 +158,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 23-07-2012</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 23-07-2012</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
@@ -198,7 +211,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 04-05-2011</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 04-05-2011</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -252,7 +270,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-10-2010</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-10-2010</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Étape confidentielle" aria-label="Étape confidentielle">Étape confidentielle</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
@@ -278,7 +301,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="favorable" aria-label="favorable">favorable</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-10-2010</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-10-2010</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
diff --git a/packages/ui/src/components/titre.stories_snapshots_ChantepieMutation.html b/packages/ui/src/components/titre.stories_snapshots_ChantepieMutation.html
index 8127e6df8671ea7f5c0c5e3b38caeb7f8fda8cc9..ae95a59ba2722c7cb96824e5d4a2ea4cfa82a7fe 100644
--- a/packages/ui/src/components/titre.stories_snapshots_ChantepieMutation.html
+++ b/packages/ui/src/components/titre.stories_snapshots_ChantepieMutation.html
@@ -9,9 +9,12 @@
           <!---->
         </button><button class="fr-btn fr-btn--primary fr-btn--md fr-ml-2w" title="S'abonner" aria-label="S'abonner" type="button" style="margin-right: 0px;">S'abonner</button></div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Concession</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Concession</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">DEB : 2013-0224-MI</div>
     </div>
@@ -73,7 +76,12 @@
         </button>
       </div>
       <!---->
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -296,7 +304,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 06-06-2000</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 06-06-2000</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -356,7 +369,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 25-05-2000</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 25-05-2000</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroi.html b/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroi.html
index 9cbb892ba320871d4313c040aebc8a4da2b1c703..44f706b80836a562956795f556e54e2930bb084a 100644
--- a/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroi.html
+++ b/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroi.html
@@ -9,9 +9,12 @@
         <!----><button class="fr-btn fr-btn--primary fr-btn--md fr-ml-2w" title="S'abonner" aria-label="S'abonner" type="button" style="margin-right: 0px;">S'abonner</button>
       </div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Concession</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Concession</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">DEB : 2013-0224-MI</div>
     </div>
@@ -73,7 +76,12 @@
         <!---->
       </div>
       <!---->
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -296,7 +304,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-09-1988</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-09-1988</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -520,7 +533,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-08-1988</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-08-1988</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroiAsEntreprise.html b/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroiAsEntreprise.html
index 750b4927d90fcf06b320272f45dd919cb0a8bb53..fed6d71f874dfb9519acee1d7b1aab2ddd92a630 100644
--- a/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroiAsEntreprise.html
+++ b/packages/ui/src/components/titre.stories_snapshots_ChantepieOctroiAsEntreprise.html
@@ -8,9 +8,12 @@
         <!----><button class="fr-btn fr-btn--primary fr-btn--md fr-ml-2w" title="S'abonner" aria-label="S'abonner" type="button" style="margin-right: 0px;">S'abonner</button>
       </div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Concession</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Concession</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">DEB : 2013-0224-MI</div>
     </div>
@@ -73,7 +76,12 @@
         <!---->
       </div>
       <!---->
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -295,7 +303,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-09-1988</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-09-1988</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -517,7 +530,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-08-1988</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 24-08-1988</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/titre.stories_snapshots_CriqueAdolpheOctroi.html b/packages/ui/src/components/titre.stories_snapshots_CriqueAdolpheOctroi.html
index a6b4ee88085c8a1e0aca09d08aad92a6b756cefa..98b672ca762576d96d27a8821e9165547fa8ca78 100644
--- a/packages/ui/src/components/titre.stories_snapshots_CriqueAdolpheOctroi.html
+++ b/packages/ui/src/components/titre.stories_snapshots_CriqueAdolpheOctroi.html
@@ -9,9 +9,12 @@
           <!---->
         </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button></div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">PTMG : 2022-032</div>
       <div style="font-weight: 500;">ONF : AR 2022-027</div>
@@ -70,7 +73,12 @@
         </button>
       </div>
       <!---->
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -344,7 +352,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 19-09-2023</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 19-09-2023</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
@@ -372,7 +385,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="favorable" aria-label="favorable">favorable</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 11-01-2023</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 11-01-2023</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
@@ -400,7 +418,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 11-01-2023</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 11-01-2023</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
@@ -428,7 +451,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="favorable" aria-label="favorable">favorable</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 29-12-2022</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 29-12-2022</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -469,7 +497,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="favorable" aria-label="favorable">favorable</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 05-12-2022</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 05-12-2022</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
@@ -497,7 +530,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 08-11-2022</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 08-11-2022</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <!---->
@@ -525,7 +563,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 08-11-2022</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 08-11-2022</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -791,7 +834,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="exempté" aria-label="exempté">exempté</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 26-09-2022</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 26-09-2022</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/titre.stories_snapshots_Empty.html b/packages/ui/src/components/titre.stories_snapshots_Empty.html
index dbdde06f954992387ad9f82bb2a3152d8704d377..b57faa16adba1f5e5024fe92a969fdb89fff6478 100644
--- a/packages/ui/src/components/titre.stories_snapshots_Empty.html
+++ b/packages/ui/src/components/titre.stories_snapshots_Empty.html
@@ -9,9 +9,12 @@
           <!---->
         </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button></div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
     </div>
     <!---->
     <div class="fr-grid-row fr-grid-row--middle fr-mt-4w">
diff --git a/packages/ui/src/components/titre.stories_snapshots_Full.html b/packages/ui/src/components/titre.stories_snapshots_Full.html
index 1ec9351897bd546f4c045e2364bd78b8c5ead5fa..68081d2f080c9aba0312577c323a1140b40ab0cc 100644
--- a/packages/ui/src/components/titre.stories_snapshots_Full.html
+++ b/packages/ui/src/components/titre.stories_snapshots_Full.html
@@ -9,9 +9,12 @@
           <!---->
         </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button></div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">Ifremer : Duo</div>
       <div style="font-weight: 500;">DEB : 2012/12</div>
@@ -51,7 +54,12 @@
         </button>
       </div>
       <div class="fr-grid-row fr-mt-3w">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -264,7 +272,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-02-4000</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-02-4000</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/titre.stories_snapshots_Lenoncourt.html b/packages/ui/src/components/titre.stories_snapshots_Lenoncourt.html
index 025d71b733573b689d858f01fbf49deb33d2d0ce..4b73581da07de799253bbeab35c28c91f69cb218 100644
--- a/packages/ui/src/components/titre.stories_snapshots_Lenoncourt.html
+++ b/packages/ui/src/components/titre.stories_snapshots_Lenoncourt.html
@@ -8,9 +8,12 @@
         <!----><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button>
       </div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Concession</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Concession</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <!---->
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">DEB : 2013-0275-MI</div>
       <div style="font-weight: 500;">RNTM : 54TM0153</div>
@@ -93,7 +96,12 @@
         <!---->
       </div>
       <!---->
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <!---->
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -399,7 +407,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-03-2024</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-03-2024</div>
+                  <div>
+                    <!---->
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
@@ -454,7 +467,12 @@
                   </div>
                 </div>
                 <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="accepté" aria-label="accepté">accepté</p>
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 29-02-2024</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 29-02-2024</div>
+                  <div>
+                    <!---->
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/titre.stories_snapshots_TitreAvecUnOctroiEnConstructionEtUnTravaux.html b/packages/ui/src/components/titre.stories_snapshots_TitreAvecUnOctroiEnConstructionEtUnTravaux.html
index a473fc4b08d1a6c74a874f08e275a91221c45fb9..e56a8c733f1f1eb3c67dfcf3fddd0827e5107813 100644
--- a/packages/ui/src/components/titre.stories_snapshots_TitreAvecUnOctroiEnConstructionEtUnTravaux.html
+++ b/packages/ui/src/components/titre.stories_snapshots_TitreAvecUnOctroiEnConstructionEtUnTravaux.html
@@ -9,9 +9,12 @@
           <!---->
         </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button></div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">Ifremer : Duo</div>
       <div style="font-weight: 500;">DEB : 2012/12</div>
@@ -60,7 +63,12 @@
         </button>
       </div>
       <div class="fr-grid-row fr-mt-3w">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -273,7 +281,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-02-4000</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-02-4000</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/titre.stories_snapshots_TitreAvecUneSeuleDemarcheEnConstruction.html b/packages/ui/src/components/titre.stories_snapshots_TitreAvecUneSeuleDemarcheEnConstruction.html
index 18aa6f2ef13d5204fc71b7b2c519957a2d5d259e..26405942646315725f325cbceba8534deae239da 100644
--- a/packages/ui/src/components/titre.stories_snapshots_TitreAvecUneSeuleDemarcheEnConstruction.html
+++ b/packages/ui/src/components/titre.stories_snapshots_TitreAvecUneSeuleDemarcheEnConstruction.html
@@ -9,9 +9,12 @@
           <!---->
         </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button></div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Titre public" aria-label="Titre public">Titre public</p>
     </div>
     <div class="fr-mt-2w">Références<div style="font-weight: 500;">Ifremer : Duo</div>
       <div style="font-weight: 500;">DEB : 2012/12</div>
@@ -52,7 +55,12 @@
         </button>
       </div>
       <div class="fr-grid-row fr-mt-3w">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
-      <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+      <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+        <div>
+          <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Démarche publique" aria-label="Démarche publique">Démarche publique</p>
+        </div>
+      </div>
       <div class="fr-pt-2w">
         <div class="fr-grid-row">
           <div class="fr-col-12" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); align-content: flex-start; column-gap: 16px; row-gap: 8px;">
@@ -265,7 +273,12 @@
                   </div>
                 </div>
                 <!---->
-                <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-02-4000</div>
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                  <div class="fr-mt-1w"><span class="fr-icon-calendar-line" style="color: var(--text-title-blue-france);" aria-hidden="true"></span> 01-02-4000</div>
+                  <div>
+                    <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--green-bourgeon" title="Étape publique" aria-label="Étape publique">Étape publique</p>
+                  </div>
+                </div>
               </div>
               <!---->
               <div class="fr-mb-3w fr-mt-3w" style="height: 1px; width: 100%; background-color: var(--grey-900-175);"></div>
diff --git a/packages/ui/src/components/titre.stories_snapshots_WithDoublon.html b/packages/ui/src/components/titre.stories_snapshots_WithDoublon.html
index 97f47e031aff048ba76248c36efebf4a9b0601da..e3e2e1c3362f39b8dc87cc06a8b26e4753ec7340 100644
--- a/packages/ui/src/components/titre.stories_snapshots_WithDoublon.html
+++ b/packages/ui/src/components/titre.stories_snapshots_WithDoublon.html
@@ -9,9 +9,12 @@
           <!---->
         </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button></div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Autorisation de recherches</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
     </div>
     <!---->
     <div class="fr-grid-row fr-grid-row--middle fr-mt-4w">
diff --git a/packages/ui/src/components/titre.stories_snapshots_WithLinkableTitreAmont.html b/packages/ui/src/components/titre.stories_snapshots_WithLinkableTitreAmont.html
index 04bca2cea5ed9c18fd231e860e4529a6b2004fdc..069802e97152b6551f0deb9b883e8c5907ce1224 100644
--- a/packages/ui/src/components/titre.stories_snapshots_WithLinkableTitreAmont.html
+++ b/packages/ui/src/components/titre.stories_snapshots_WithLinkableTitreAmont.html
@@ -9,9 +9,12 @@
           <!---->
         </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button></div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Autorisation d'exploitation</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Autorisation d'exploitation</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
     </div>
     <!---->
     <div class="fr-grid-row fr-grid-row--middle fr-mt-4w">
diff --git a/packages/ui/src/components/titre.stories_snapshots_WithLinkableTitreAval.html b/packages/ui/src/components/titre.stories_snapshots_WithLinkableTitreAval.html
index b4d32b2faa786ce6734b806d3a1efa9e6b0d7ad3..5364209fe2fa2da959827ce8aae2f2cf8ba1ae90 100644
--- a/packages/ui/src/components/titre.stories_snapshots_WithLinkableTitreAval.html
+++ b/packages/ui/src/components/titre.stories_snapshots_WithLinkableTitreAval.html
@@ -9,9 +9,12 @@
           <!---->
         </button><button class="fr-btn fr-btn--secondary fr-btn--md fr-ml-2w" title="Se désabonner" aria-label="Se désabonner" type="button" style="margin-right: 0px;">Se désabonner</button></div>
     </div>
-    <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-      <p class="fr-h3 fr-m-0">Autorisation d'exploitation</p>
-      <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+      <div class="fr-grid-row fr-grid-row--middle">
+        <p class="fr-h3 fr-m-0">Autorisation d'exploitation</p>
+        <p class="fr-tag fr-tag--md mono fr-ml-2w" title="Domaine minéraux et métaux" aria-label="Domaine minéraux et métaux" style="min-width: 2rem; background-color: var(--background-contrast-blue-ecume); color: black;">M</p>
+      </div>
+      <p style="z-index: unset; margin-bottom: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;" class="fr-badge fr-badge--md fr-badge--beige-gris-galet" title="Titre confidentiel" aria-label="Titre confidentiel">Titre confidentiel</p>
     </div>
     <!---->
     <div class="fr-grid-row fr-grid-row--middle fr-mt-4w">
diff --git a/packages/ui/src/components/titre.tsx b/packages/ui/src/components/titre.tsx
index c298cee797c5292a28d3c1b6eb38d3e46a6f6a78..89cb0601e2fa8c09d774ab317a7e081355806d1d 100644
--- a/packages/ui/src/components/titre.tsx
+++ b/packages/ui/src/components/titre.tsx
@@ -46,6 +46,8 @@ import { useState } from '@/utils/vue-tsx-utils'
 import { isMachineWithConsentement, machineIdFind } from 'camino-common/src/machines'
 import { InitialSort } from './_ui/table'
 import { HTTP_STATUS } from 'camino-common/src/http'
+import { fr } from '@codegouvfr/react-dsfr'
+import { TitreVisibilite } from './_common/titre-visibilite'
 
 const activitesSort: InitialSort<string> = {
   colonne: activitesColonneIdAnnee,
@@ -406,10 +408,14 @@ export const PureTitre = defineComponent<Props>(props => {
                 <TitreAbonnerButton class="fr-ml-2w" titreId={titre.id} user={props.user} apiClient={props.apiClient} />
               </div>
             </div>
-            <div class="fr-grid-row fr-grid-row--middle fr-mt-1w">
-              <p class="fr-h3 fr-m-0">{capitalize(TitresTypesTypes[TitresTypes[titre.titre_type_id].typeId].nom)}</p>
-              <Domaine class="fr-ml-2w" domaineId={TitresTypes[titre.titre_type_id].domaineId} />
+            <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+              <div class={fr.cx('fr-grid-row', 'fr-grid-row--middle')}>
+                <p class={fr.cx('fr-h3', 'fr-m-0')}>{capitalize(TitresTypesTypes[TitresTypes[titre.titre_type_id].typeId].nom)}</p>
+                <Domaine class={fr.cx('fr-ml-2w')} domaineId={TitresTypes[titre.titre_type_id].domaineId} />
+              </div>
+              <TitreVisibilite titre_visibilite={titre.titre_visibilite} user={props.user} />
             </div>
+
             {titre.references.length > 0 ? (
               <div class="fr-mt-2w">
                 Références
diff --git a/packages/ui/src/components/titre/phase.test.ts b/packages/ui/src/components/titre/phase.test.ts
index 7d5269c6f5ca4b4fc0964de9f805533bd7b9f636..4c18944f2a2d6ef7b6bca52d4354af755aab6fc9 100644
--- a/packages/ui/src/components/titre/phase.test.ts
+++ b/packages/ui/src/components/titre/phase.test.ts
@@ -16,6 +16,7 @@ test('phase en erreur', () => {
       demarche_statut_id: 'acp',
       demarche_date_debut: null,
       demarche_date_fin: null,
+      demarche_visibilite: 'Confidentielle',
       ordre: 1,
     },
     {
@@ -24,6 +25,7 @@ test('phase en erreur', () => {
       description: null,
       etapes: [],
       demarche_type_id: 'pro',
+      demarche_visibilite: 'Confidentielle',
       demarche_statut_id: 'acp',
       demarche_date_debut: null,
       demarche_date_fin: null,
@@ -32,34 +34,36 @@ test('phase en erreur', () => {
   ]
   const actual = phaseWithAlterations(demarches, toCaminoDate('2024-07-11'))
   expect(actual).toMatchInlineSnapshot(`
-  {
-    "demarches": [
-      {
-        "demarche_date_debut": null,
-        "demarche_date_fin": null,
-        "demarche_statut_id": "acp",
-        "demarche_type_id": "mut",
-        "description": null,
-        "etapes": [],
-        "id": "idMut",
-        "ordre": 1,
-        "slug": "slug-mut",
-      },
-      {
-        "demarche_date_debut": null,
-        "demarche_date_fin": null,
-        "demarche_statut_id": "acp",
-        "demarche_type_id": "pro",
-        "description": null,
-        "etapes": [],
-        "id": "idDemPro",
-        "ordre": 2,
-        "slug": "dem-slug-pro",
-      },
-    ],
-    "erreur": "plusieurs démarches sans phase",
-  }
-`)
+    {
+      "demarches": [
+        {
+          "demarche_date_debut": null,
+          "demarche_date_fin": null,
+          "demarche_statut_id": "acp",
+          "demarche_type_id": "mut",
+          "demarche_visibilite": "Confidentielle",
+          "description": null,
+          "etapes": [],
+          "id": "idMut",
+          "ordre": 1,
+          "slug": "slug-mut",
+        },
+        {
+          "demarche_date_debut": null,
+          "demarche_date_fin": null,
+          "demarche_statut_id": "acp",
+          "demarche_type_id": "pro",
+          "demarche_visibilite": "Confidentielle",
+          "description": null,
+          "etapes": [],
+          "id": "idDemPro",
+          "ordre": 2,
+          "slug": "dem-slug-pro",
+        },
+      ],
+      "erreur": "plusieurs démarches sans phase",
+    }
+  `)
 })
 test('phase acceptée et publiée', () => {
   const demarches: TitreGetDemarche[] = [
@@ -85,6 +89,7 @@ test('phase acceptée et publiée', () => {
         },
       ],
       demarche_type_id: 'mut',
+      demarche_visibilite: 'Confidentielle',
       demarche_statut_id: 'acp',
       demarche_date_debut: null,
       demarche_date_fin: null,
@@ -94,6 +99,7 @@ test('phase acceptée et publiée', () => {
       id: demarcheIdValidator.parse('idDemPro'),
       slug: demarcheSlugValidator.parse('dem-slug-pro'),
       description: null,
+      demarche_visibilite: 'Confidentielle',
       etapes: [
         {
           etape_type_id: 'dex',
@@ -127,6 +133,7 @@ test('phase acceptée et publiée', () => {
           "demarche_date_fin": "2000-04-30",
           "demarche_statut_id": "acp",
           "demarche_type_id": "pro",
+          "demarche_visibilite": "Confidentielle",
           "description": null,
           "etapes": [
             {
@@ -167,6 +174,7 @@ test('phase acceptée et publiée', () => {
           "demarche_date_fin": null,
           "demarche_statut_id": "acp",
           "demarche_type_id": "mut",
+          "demarche_visibilite": "Confidentielle",
           "description": null,
           "etapes": [
             {
diff --git a/packages/ui/src/components/titre/titre-demarche.tsx b/packages/ui/src/components/titre/titre-demarche.tsx
index 248de2416ac310fd584c2651bc47b269214eacda..ef73ad7e542d3c1d6cf59a69cad25d6ed4c8894c 100644
--- a/packages/ui/src/components/titre/titre-demarche.tsx
+++ b/packages/ui/src/components/titre/titre-demarche.tsx
@@ -27,9 +27,11 @@ import { CaminoRouter } from '@/typings/vue-router'
 import { Alert } from '../_ui/alert'
 import { CaminoDate, firstEtapeDateValidator } from 'camino-common/src/date'
 import { machineIdFind } from 'camino-common/src/machines'
+import { fr } from '@codegouvfr/react-dsfr'
+import { DemarcheVisibilite } from '../_common/demarche-visibilite'
 
 type Props = {
-  titre: Pick<TitreGet, 'id' | 'slug' | 'titre_type_id' | 'titre_statut_id' | 'nom'>
+  titre: Pick<TitreGet, 'id' | 'slug' | 'titre_type_id' | 'titre_statut_id' | 'nom' | 'titre_visibilite'>
   demarches: TitreGetDemarche[]
   currentDemarcheSlug: DemarcheSlug
   currentDate: CaminoDate
@@ -176,7 +178,12 @@ export const TitreDemarche = defineComponent<Props>(props => {
 
           {demarche.value.description !== null && demarche.value.description !== '' ? <div class="fr-grid-row fr-mt-3w">{demarche.value.description} </div> : null}
 
-          <h3 class="fr-mt-3w fr-mb-0">Résumé</h3>
+          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+            <h3 class={fr.cx('fr-mt-3w', 'fr-mb-0')}>Résumé</h3>
+            <div>
+              <DemarcheVisibilite user={props.user} titre_visibilite={props.titre.titre_visibilite} demarche_visibilite={demarche.value.demarche_visibilite} />
+            </div>
+          </div>
 
           <div class="fr-pt-2w">
             <div class="fr-grid-row">
@@ -263,9 +270,16 @@ export const TitreDemarche = defineComponent<Props>(props => {
                         router={props.router}
                         user={props.user}
                         entreprises={props.entreprises}
-                        titre={{ typeId: props.titre.titre_type_id, titreStatutId: props.titre.titre_statut_id, slug: props.titre.slug, nom: props.titre.nom }}
+                        titre={{
+                          typeId: props.titre.titre_type_id,
+                          titreStatutId: props.titre.titre_statut_id,
+                          slug: props.titre.slug,
+                          nom: props.titre.nom,
+                          titre_visibilite: props.titre.titre_visibilite,
+                        }}
                         demarche={{
                           id: demarche.value.id,
+                          demarche_visibilite: demarche.value.demarche_visibilite,
                           administrationsLocales: getAdministrationsLocales(perimetre.value?.communes.map(({ id }) => id) ?? [], perimetre.value?.secteurs_maritimes ?? []),
                           demarche_type_id: demarche.value.demarche_type_id,
                           demarche_statut_id: demarche.value.demarche_statut_id,