From eda803b8df3296d49433c68a37802836305265a2 Mon Sep 17 00:00:00 2001
From: Johan Girod <johan.girod@beta.gouv.fr>
Date: Wed, 23 Sep 2020 18:41:55 +0200
Subject: [PATCH 1/2] =?UTF-8?q?:sparkles:=20Ajoute=20les=20simulateurs=20p?=
 =?UTF-8?q?rofessionnels=20de=20sant=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Refacto la page de présentation des simulateurs
- Ajoute un objet de description des simulateurs existant (qui permet de boostraper un nouveau simulateur très rapidement)
---
 .../mon-entreprise/demande-mobilité.js        |   8 +-
 .../integration/mon-entreprise/gérer.js       |   2 +-
 mon-entreprise/scripts/fetch-stats.js         |  22 +-
 .../source/components/Notifications.tsx       |   1 +
 .../source/components/SchemeComparaison.tsx   |   2 +-
 .../source/components/Simulation.tsx          |  22 +-
 .../source/components/StackedBarChart.tsx     |   1 -
 .../AutoEntrepreneurExplanation.tsx           |  47 ++
 .../IndépendantExplanation.tsx                |  34 +
 .../SalaryExplanation.tsx                     |   0
 mon-entreprise/source/components/ui/Card.css  |  18 +-
 mon-entreprise/source/locales/rules-en.yaml   |  20 +-
 mon-entreprise/source/locales/ui-en.yaml      | 274 +++++--
 mon-entreprise/source/rules/dirigeant.yaml    |   8 +
 .../source/rules/profession-libérale.yaml     |  55 +-
 .../iframe-integration-script.js              |   2 +-
 .../pages/Dev/IntegrationTest.tsx             |  25 +-
 .../AideDéclarationIndépendant/index.tsx      |   2 +-
 .../pages/Gérer/DemandeMobilite/index.tsx     |   2 +-
 .../pages/Iframes/SimulateurEmbauche.tsx      |  16 -
 .../mon-entreprise.fr/pages/Iframes/index.tsx |  61 +-
 .../pages/Simulateurs/ArtisteAuteur.tsx       |  24 +-
 .../pages/Simulateurs/AutoEntrepreneur.tsx    | 172 -----
 .../pages/Simulateurs/ChômagePartiel.tsx      |  93 +--
 .../pages/Simulateurs/Home.tsx                | 261 ++++---
 .../pages/Simulateurs/Indépendant.tsx         |  76 --
 .../Simulateurs/IndépendantSimulation.tsx     |  12 +
 .../pages/Simulateurs/Page.tsx                |  34 +
 .../pages/Simulateurs/ProfessionLibérale.tsx  | 135 ----
 .../pages/Simulateurs/RémunérationSASU.tsx    |  98 ---
 .../pages/Simulateurs/Salarié.tsx             | 168 -----
 .../pages/Simulateurs/SalariéSimulation.tsx   |  46 ++
 .../pages/Simulateurs/SchemeComparaison.tsx   |  23 -
 .../Simulateurs/configs}/artiste-auteur.yaml  |   0
 .../configs}/auto-entrepreneur.yaml           |   0
 .../Simulateurs/configs}/chômage-partiel.yaml |   0
 .../Simulateurs/configs/dirigeant-sasu.yaml}  |   0
 .../Simulateurs/configs}/indépendant.yaml     |   0
 .../configs}/profession-libérale.yaml         |   0
 .../configs}/rémunération-dirigeant.yaml      |   0
 .../pages/Simulateurs/configs}/salarié.yaml   |   0
 .../images/illustration-simulateur.svg        |   1 +
 .../pages/Simulateurs/index.tsx               |  59 +-
 .../pages/Simulateurs/metadata.tsx            | 667 ++++++++++++++++++
 .../ActivitésSelection.tsx                    |   3 -
 .../mon-entreprise.fr/pages/Stats/Stats.tsx   |  12 +-
 .../pages/integration/Iframe.tsx              |  12 +-
 .../sites/mon-entreprise.fr/sitePaths.ts      |  15 +-
 .../__snapshots__/simulations.jest.js.snap    |  40 +-
 .../test/regressions/simulations.jest.js      |  10 +-
 50 files changed, 1409 insertions(+), 1174 deletions(-)
 create mode 100644 mon-entreprise/source/components/simulationExplanation/AutoEntrepreneurExplanation.tsx
 create mode 100644 mon-entreprise/source/components/simulationExplanation/IndépendantExplanation.tsx
 rename mon-entreprise/source/components/{ => simulationExplanation}/SalaryExplanation.tsx (100%)
 delete mode 100644 mon-entreprise/source/sites/mon-entreprise.fr/pages/Iframes/SimulateurEmbauche.tsx
 delete mode 100644 mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/AutoEntrepreneur.tsx
 delete mode 100644 mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Indépendant.tsx
 create mode 100644 mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/IndépendantSimulation.tsx
 create mode 100644 mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Page.tsx
 delete mode 100644 mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ProfessionLibérale.tsx
 delete mode 100644 mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/RémunérationSASU.tsx
 delete mode 100644 mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Salarié.tsx
 create mode 100644 mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/SalariéSimulation.tsx
 rename mon-entreprise/source/{components/simulationConfigs => sites/mon-entreprise.fr/pages/Simulateurs/configs}/artiste-auteur.yaml (100%)
 rename mon-entreprise/source/{components/simulationConfigs => sites/mon-entreprise.fr/pages/Simulateurs/configs}/auto-entrepreneur.yaml (100%)
 rename mon-entreprise/source/{components/simulationConfigs => sites/mon-entreprise.fr/pages/Simulateurs/configs}/chômage-partiel.yaml (100%)
 rename mon-entreprise/source/{components/simulationConfigs/assimilé.yaml => sites/mon-entreprise.fr/pages/Simulateurs/configs/dirigeant-sasu.yaml} (100%)
 rename mon-entreprise/source/{components/simulationConfigs => sites/mon-entreprise.fr/pages/Simulateurs/configs}/indépendant.yaml (100%)
 rename mon-entreprise/source/{components/simulationConfigs => sites/mon-entreprise.fr/pages/Simulateurs/configs}/profession-libérale.yaml (100%)
 rename mon-entreprise/source/{components/simulationConfigs => sites/mon-entreprise.fr/pages/Simulateurs/configs}/rémunération-dirigeant.yaml (100%)
 rename mon-entreprise/source/{components/simulationConfigs => sites/mon-entreprise.fr/pages/Simulateurs/configs}/salarié.yaml (100%)
 create mode 100644 mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/images/illustration-simulateur.svg
 create mode 100644 mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/metadata.tsx

diff --git a/mon-entreprise/cypress/integration/mon-entreprise/demande-mobilité.js b/mon-entreprise/cypress/integration/mon-entreprise/demande-mobilité.js
index dacd78f54..54d4b3919 100644
--- a/mon-entreprise/cypress/integration/mon-entreprise/demande-mobilité.js
+++ b/mon-entreprise/cypress/integration/mon-entreprise/demande-mobilité.js
@@ -25,13 +25,13 @@ describe('Formulaire demande mobilité', function() {
 			.type('1991-07-25')
 			.tab()
 			.type('Pouts')
-			.wait(1000)
+			.wait(1500)
 			.type('{enter}')
 			.tab()
 			.type('3 rue de la Rhumerie')
 			.tab()
 			.type('Brest')
-			.wait(1000)
+			.wait(1500)
 			.type('{enter}')
 			.tab()
 			.type('jean.deaux@gmail.com')
@@ -46,7 +46,7 @@ describe('Formulaire demande mobilité', function() {
 			.type('14 chemin des Docks')
 			.tab()
 			.type('Bre')
-			.wait(1000)
+			.wait(1500)
 		cy.contains('29240').click()
 		cy.contains('Organisme Urssaf').click()
 		cy.focused()
@@ -67,7 +67,7 @@ describe('Formulaire demande mobilité', function() {
 			.next()
 			.click()
 		cy.get('label[for="détachement . pays"]')
-			.wait(1000)
+			.wait(1500)
 			.click()
 		cy.focused()
 			.select('Irlande')
diff --git a/mon-entreprise/cypress/integration/mon-entreprise/gérer.js b/mon-entreprise/cypress/integration/mon-entreprise/gérer.js
index 1dd99fb36..f117c35d2 100644
--- a/mon-entreprise/cypress/integration/mon-entreprise/gérer.js
+++ b/mon-entreprise/cypress/integration/mon-entreprise/gérer.js
@@ -37,6 +37,6 @@ describe('Manage page test', function() {
 	})
 	it('should be able to navigate to the hiring simulator', function() {
 		cy.contains(fr ? 'une embauche' : 'hiring').click()
-		cy.contains(fr ? 'salarié' : 'employees')
+		cy.contains(fr ? 'salarié' : 'employee')
 	})
 })
diff --git a/mon-entreprise/scripts/fetch-stats.js b/mon-entreprise/scripts/fetch-stats.js
index 79fc305ce..ce45c6f65 100644
--- a/mon-entreprise/scripts/fetch-stats.js
+++ b/mon-entreprise/scripts/fetch-stats.js
@@ -125,7 +125,8 @@ async function fetchSimulators(dt) {
 					'/comparaison-régimes-sociaux',
 					'/dirigeant-sasu',
 					'/aide-declaration-independants',
-					'/demande-mobilité'
+					'/demande-mobilité',
+					'/économie-collaborative'
 				].includes(label)
 			)
 
@@ -155,9 +156,13 @@ async function fetchSimulators(dt) {
 		const dataIframes = await responseIframes.json()
 		const resultIframes = dataIframes.filter(x =>
 			[
-				'/simulateur-embauche?couleur=',
-				'/simulateur-autoentrepreneur?couleur='
-			].includes(x.label)
+				'/simulateur-embauche',
+				'/simulateur-autoentrepreneur',
+				'/simulateur-assimilesalarie',
+				'/simulateur-artiste-auteur',
+				'/simulateur-independant',
+				'/demande-mobilite'
+			].some(path => x.label.startsWith(path))
 		)
 
 		const groupSimulateursIframesVisits = ({ label }) =>
@@ -168,8 +173,15 @@ async function fetchSimulators(dt) {
 				? '/salaire-brut-net'
 				: label.startsWith('/simulateur-autoentrepreneur')
 				? '/auto-entrepreneur'
-				: label.startsWith('/assimilé-salarié')
+				: label.startsWith('/assimilé-salarié') ||
+				  label.startsWith('/simulateur-assimilesalarie')
 				? '/dirigeant-sasu'
+				: label.startsWith('/simulateur-independant')
+				? '/indépendant'
+				: label.startsWith('/simulateur-artiste-auteur')
+				? '/artiste-auteur'
+				: label.startsWith('/demande-mobilite')
+				? '/demande-mobilité'
 				: label
 
 		const sumVisits = (acc, { nb_visits }) => acc + nb_visits
diff --git a/mon-entreprise/source/components/Notifications.tsx b/mon-entreprise/source/components/Notifications.tsx
index f184cedfe..a627304ae 100644
--- a/mon-entreprise/source/components/Notifications.tsx
+++ b/mon-entreprise/source/components/Notifications.tsx
@@ -31,6 +31,7 @@ export default function Notifications() {
 					engine.evaluate(notification.dottedName).isApplicable
 				)
 		)
+	console.log(notifications.map(n => engine.evaluate(n.dottedName)))
 
 	const inversionFail = useInversionFail()
 	const hiddenNotifications = useSelector(
diff --git a/mon-entreprise/source/components/SchemeComparaison.tsx b/mon-entreprise/source/components/SchemeComparaison.tsx
index a03a35c8f..e8de1335b 100644
--- a/mon-entreprise/source/components/SchemeComparaison.tsx
+++ b/mon-entreprise/source/components/SchemeComparaison.tsx
@@ -7,7 +7,7 @@ import classnames from 'classnames'
 import Conversation from 'Components/conversation/Conversation'
 import SeeAnswersButton from 'Components/conversation/SeeAnswersButton'
 import Value from 'Components/EngineValue'
-import dirigeantComparaison from 'Components/simulationConfigs/rémunération-dirigeant.yaml'
+import dirigeantComparaison from '../sites/mon-entreprise.fr/pages/Simulateurs/configs/rémunération-dirigeant.yaml'
 import Engine from 'publicodes'
 import revenusSVG from 'Images/revenus.svg'
 import {
diff --git a/mon-entreprise/source/components/Simulation.tsx b/mon-entreprise/source/components/Simulation.tsx
index 3e6676669..f5a0c7b9e 100644
--- a/mon-entreprise/source/components/Simulation.tsx
+++ b/mon-entreprise/source/components/Simulation.tsx
@@ -1,24 +1,20 @@
-import { setSimulationConfig } from 'Actions/actions'
-import Notifications from 'Components/Notifications'
 import Conversation, {
 	ConversationProps
 } from 'Components/conversation/Conversation'
 import SeeAnswersButton from 'Components/conversation/SeeAnswersButton'
 import PageFeedback from 'Components/Feedback/PageFeedback'
+import Notifications from 'Components/Notifications'
 import SearchButton from 'Components/SearchButton'
 import TargetSelection from 'Components/TargetSelection'
-import { useSimulationProgress } from 'Components/utils/useNextQuestion'
-import React, { useEffect } from 'react'
-import { Trans } from 'react-i18next'
-import { useDispatch, useSelector } from 'react-redux'
-import { useLocation } from 'react-router'
-import { SimulationConfig } from 'Reducers/rootReducer'
-import { firstStepCompletedSelector } from 'Selectors/simulationSelectors'
 import * as Animate from 'Components/ui/animate'
 import Progress from 'Components/ui/Progress'
+import { useSimulationProgress } from 'Components/utils/useNextQuestion'
+import React from 'react'
+import { Trans } from 'react-i18next'
+import { useSelector } from 'react-redux'
+import { firstStepCompletedSelector } from 'Selectors/simulationSelectors'
 
 type SimulationProps = {
-	config: SimulationConfig
 	explanations?: React.ReactNode
 	results?: React.ReactNode
 	customEndMessages?: ConversationProps['customEndMessages']
@@ -26,17 +22,11 @@ type SimulationProps = {
 }
 
 export default function Simulation({
-	config,
 	explanations,
 	results,
 	customEndMessages,
 	showPeriodSwitch
 }: SimulationProps) {
-	const dispatch = useDispatch()
-	const location = useLocation<{ fromGérer?: boolean }>()
-	useEffect(() => {
-		dispatch(setSimulationConfig(config, location.state?.fromGérer))
-	}, [config])
 	const firstStepCompleted = useSelector(firstStepCompletedSelector)
 	return (
 		<>
diff --git a/mon-entreprise/source/components/StackedBarChart.tsx b/mon-entreprise/source/components/StackedBarChart.tsx
index 967289eca..10cf9947e 100644
--- a/mon-entreprise/source/components/StackedBarChart.tsx
+++ b/mon-entreprise/source/components/StackedBarChart.tsx
@@ -5,7 +5,6 @@ import React from 'react'
 import { animated, useSpring } from 'react-spring'
 import { DottedName } from 'Rules'
 import styled from 'styled-components'
-import { capitalise0 } from '../utils'
 
 const BarStack = styled.div`
 	display: flex;
diff --git a/mon-entreprise/source/components/simulationExplanation/AutoEntrepreneurExplanation.tsx b/mon-entreprise/source/components/simulationExplanation/AutoEntrepreneurExplanation.tsx
new file mode 100644
index 000000000..539f60331
--- /dev/null
+++ b/mon-entreprise/source/components/simulationExplanation/AutoEntrepreneurExplanation.tsx
@@ -0,0 +1,47 @@
+import StackedBarChart from 'Components/StackedBarChart'
+import { ThemeColorsContext } from 'Components/utils/colors'
+import { EngineContext } from 'Components/utils/EngineContext'
+import { default as React, useContext } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+import { useSelector } from 'react-redux'
+import { targetUnitSelector } from 'Selectors/simulationSelectors'
+
+export default function AutoEntrepreneurExplanation() {
+	const engine = useContext(EngineContext)
+	const { t } = useTranslation()
+	const { palettes } = useContext(ThemeColorsContext)
+	const targetUnit = useSelector(targetUnitSelector)
+	const impôt = engine.evaluate('impôt', { unit: targetUnit })
+
+	return (
+		<section>
+			<h2>
+				<Trans>Répartition du chiffre d'affaires</Trans>
+			</h2>
+			<StackedBarChart
+				data={[
+					{
+						...engine.evaluate(
+							'dirigeant . auto-entrepreneur . net après impôt',
+							{ unit: targetUnit }
+						),
+						title: t("Revenu (incluant les dépenses liées à l'activité)"),
+						color: palettes[0][0]
+					},
+
+					...(impôt.nodeValue
+						? [{ ...impôt, title: t('impôt'), color: palettes[1][0] }]
+						: []),
+					{
+						...engine.evaluate(
+							'dirigeant . auto-entrepreneur . cotisations et contributions',
+							{ unit: targetUnit }
+						),
+						title: t('Cotisations'),
+						color: palettes[1][1]
+					}
+				]}
+			/>
+		</section>
+	)
+}
diff --git a/mon-entreprise/source/components/simulationExplanation/IndépendantExplanation.tsx b/mon-entreprise/source/components/simulationExplanation/IndépendantExplanation.tsx
new file mode 100644
index 000000000..ca838e994
--- /dev/null
+++ b/mon-entreprise/source/components/simulationExplanation/IndépendantExplanation.tsx
@@ -0,0 +1,34 @@
+import StackedBarChart from 'Components/StackedBarChart'
+import { ThemeColorsContext } from 'Components/utils/colors'
+import { EngineContext } from 'Components/utils/EngineContext'
+import { default as React, useContext } from 'react'
+import { useTranslation } from 'react-i18next'
+
+export default function IndépendantExplanation() {
+	const engine = useContext(EngineContext)
+	const { t } = useTranslation()
+	const { palettes } = useContext(ThemeColorsContext)
+
+	return (
+		<section>
+			<h2>Répartition de la rémunération totale</h2>
+			<StackedBarChart
+				data={[
+					{
+						...engine.evaluate('revenu net après impôt'),
+						title: t('Revenu disponible'),
+						color: palettes[0][0]
+					},
+					{ ...engine.evaluate('impôt'), color: palettes[1][0] },
+					{
+						...engine.evaluate(
+							'dirigeant . indépendant . cotisations et contributions'
+						),
+						title: t('Cotisations'),
+						color: palettes[1][1]
+					}
+				]}
+			/>
+		</section>
+	)
+}
diff --git a/mon-entreprise/source/components/SalaryExplanation.tsx b/mon-entreprise/source/components/simulationExplanation/SalaryExplanation.tsx
similarity index 100%
rename from mon-entreprise/source/components/SalaryExplanation.tsx
rename to mon-entreprise/source/components/simulationExplanation/SalaryExplanation.tsx
diff --git a/mon-entreprise/source/components/ui/Card.css b/mon-entreprise/source/components/ui/Card.css
index 8bdd3737c..65ae56f0b 100644
--- a/mon-entreprise/source/components/ui/Card.css
+++ b/mon-entreprise/source/components/ui/Card.css
@@ -9,6 +9,10 @@
 	border-radius: 0.3rem;
 	transition: box-shadow 0.2s;
 }
+.ui__.card.small {
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+}
 
 .ui__.card.disabled .ui__.button.simple,
 .ui__.card.disabled a {
@@ -108,15 +112,21 @@
 	color: inherit;
 	font-size: inherit !important;
 }
+
+.ui__.card.box.small {
+	padding-top: 0.5rem;
+	margin: 0.5rem;
+	min-width: 10rem;
+	padding-bottom: 0.5rem;
+}
 .ui__.card.box .ui__.box-icon > img {
-	margin: 0.8rem !important;
-	transform: scale(1.5) translateY(0.1rem);
-}
-.ui__.card.box:active .ui__.box-icon > img {
+	margin: 0.4rem !important;
 	transform: scale(1.5) translateY(0.1rem);
 }
+
 .ui__.card.box .ui__.big.box-icon > img {
 	transform: scale(2.3) translateY(0.2rem);
+	margin: 0.8rem !important;
 }
 
 .ui__.card.box.inverted-colors {
diff --git a/mon-entreprise/source/locales/rules-en.yaml b/mon-entreprise/source/locales/rules-en.yaml
index e63ec15bd..4899cd41e 100644
--- a/mon-entreprise/source/locales/rules-en.yaml
+++ b/mon-entreprise/source/locales/rules-en.yaml
@@ -3787,6 +3787,18 @@ dirigeant . auto-entrepreneur . net de cotisations:
   résumé.fr: Avant impôt
   titre.en: Net contribution income
   titre.fr: Revenu net de cotisations
+dirigeant . auto-entrepreneur . notification valeur annuelle:
+  description.en: >
+    [automatic] The ACRE rate used is the one corresponding to the current
+    month. The
+
+    simulator does not yet take into account the overlap of 2 periods
+
+    of an acre in a single year.
+  description.fr: |
+    Le taux ACRE utilisé est celui correspondant au mois courant. Le
+    simulateur ne prends pas encore en compte le chevauchement de 2 période
+    d'acre sur une meme année.
 dirigeant . auto-entrepreneur . plafond:
   description.en: >
     The status of microentrepreneur applies as long as the annual turnover
@@ -3942,12 +3954,18 @@ dirigeant . indépendant . PL . CARCDSF . chirurgien-dentiste . exonération PCV
     de cotisation pour la prestation complémentaire de vieillesse (PCV) si vous
     en faites la demande. [En savoir
     plus](http://www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations)
-? dirigeant . indépendant . PL . CARCDSF . chirurgien-dentiste . exonération PCV . prix d'une consultation
+? dirigeant . indépendant . PL . CARCDSF . chirurgien-dentiste . prix d'une consultation
 : titre.en: '[automatic] consulting fee'
   titre.fr: prix d'une consultation
 dirigeant . indépendant . PL . CARCDSF . retraite complémentaire:
   titre.en: '[automatic] supplementary pension (CARCDSF)'
   titre.fr: retraite complémentaire (CARCDSF)
+? dirigeant . indépendant . PL . CARCDSF . retraite complémentaire . cotisation forfaitaire
+: titre.en: '[automatic] flat-rate contribution'
+  titre.fr: cotisation forfaitaire
+? dirigeant . indépendant . PL . CARCDSF . retraite complémentaire . cotisation proportionnelle
+: titre.en: '[automatic] proportional contribution'
+  titre.fr: cotisation proportionnelle
 ? dirigeant . indépendant . PL . CARCDSF . retraite complémentaire . réduction de la cotisation forfaitaire
 : description.en: >
     [automatic] You have the possibility of benefiting from a contribution
diff --git a/mon-entreprise/source/locales/ui-en.yaml b/mon-entreprise/source/locales/ui-en.yaml
index 7a2dc1c12..3fc923062 100644
--- a/mon-entreprise/source/locales/ui-en.yaml
+++ b/mon-entreprise/source/locales/ui-en.yaml
@@ -1,7 +1,7 @@
-'404':
+"404":
   action: Return to safe place
   message: This page does not exist or no longer exists
-'<0>Covid-19 et chômage partiel </0>: <3>Calculez votre indemnité</3>': '<0>Covid-19 and Short-Time </0>Work: <3>Calculate Your Benefit</3>'
+"<0>Covid-19 et chômage partiel </0>: <3>Calculez votre indemnité</3>": "<0>Covid-19 and Short-Time </0>Work: <3>Calculate Your Benefit</3>"
 <0>Oui</0>: <0>Yes</0>
 A quoi servent mes cotisations ?: What's included in my contributions?
 Accueil: Home
@@ -28,16 +28,16 @@ Choisir plus tard: Choose later
 Chômage partiel: Partial unemployment
 Code d'intégration: Integration Code
 Commencer: Get started
-'Commerçant, artisan, ou libéral ?': Trader, craftsman, or liberal?
+"Commerçant, artisan, ou libéral ?": Trader, craftsman, or liberal?
 Comparaison statuts: Status comparison
 Continuer: Continue
 Coronavirus: Coronavirus
 Cotisations: Contributions
 Cotisations sociales: Social contributions
 Covid 19: Covid 19
-"Covid-19 : Calculer l'impact du chômage partiel": 'Covid-19: Calculating the impact of short-time work'
-'Covid-19 : Découvrez les mesures de soutien aux entreprises': 'Covid-19: Find out about business support measures'
-'Covid-19 : Découvrir les mesures de soutien aux entreprises': 'Covid-19: Discovering Business Support Measures'
+"Covid-19 : Calculer l'impact du chômage partiel": "Covid-19: Calculating the impact of short-time work"
+"Covid-19 : Découvrez les mesures de soutien aux entreprises": "Covid-19: Find out about business support measures"
+"Covid-19 : Découvrir les mesures de soutien aux entreprises": "Covid-19: Discovering Business Support Measures"
 Coût pour l'entreprise: Cost to the company
 Crée le: Created on
 Créer une: Create a
@@ -71,12 +71,13 @@ Gérant minoritaire: Managing director
 Habituellement: Usually
 Imprimer: Print
 Impôts: Taxes
-"Indemnité chômage partiel prise en charge par l'état :": 'State-paid short-time working allowance :'
+"Indemnité chômage partiel prise en charge par l'état :": "State-paid short-time working allowance :"
 Indépendant: Indépendant
 International: International
 Intégrer l'interface de simulation: Integrate the simulation interface
 Intégrer la bibliothèque de calcul: Integrate the calculation library
 Intégrer nos simulateurs: Integrate our simulators
+Intégrer un simulateur: Integrating a simulator
 J'ai compris: understood
 Janvier 2019: January 2019
 La somme de: This rule is the sum of
@@ -102,7 +103,7 @@ Pas en auto-entrepreneur: Not in auto-entrepreneur
 Pas implémenté: Not implemented
 Passer: Skip
 Personnalisez l'integration: Customize the integration
-'Perte de revenu net :': 'Loss of net income :'
+"Perte de revenu net :": "Loss of net income :"
 Plafonds des tranches: Wafer ceilings
 Plein écran: Fullscreen
 Plus d'informations: More information (fr)
@@ -130,7 +131,7 @@ Retour à mon activité: Back to my business
 Revenir à la documentation: Go back to documentation
 Revenu (incluant les dépenses liées à l'activité): Revenue (including expenses related to the activity)
 Revenu disponible: Disposable income
-'Revenu net avec chômage partiel :': 'Net income with short-time work :'
+"Revenu net avec chômage partiel :": "Net income with short-time work :"
 Revenu net mensuel: Monthly net income
 Réductions: Discounts
 Rémunération du dirigeant: Director's remuneration
@@ -154,7 +155,7 @@ Taux: Rate
 Taux calculé: Calculated rate
 Taux moyen: Average rate
 Total des retenues: Total withheld
-"Total payé par l'entreprise :": 'Total paid by the company :'
+"Total payé par l'entreprise :": "Total paid by the company :"
 Tout effacer: Delete all
 Tranche de l'assiette: Scale bracket
 Un seul associé: Only one partner
@@ -214,11 +215,11 @@ après:
     registered, you'll have access to the following
   kbis:
     description:
-      '1': It is the official document attesting to <2>the legal existence of a
+      "1": It is the official document attesting to <2>the legal existence of a
         commercial enterprise</2>. In most cases, to be opposable and authentic
         for administrative procedures, the extract must be less than 3 months
         old.
-      '2': This document is generally requested when applying for a public tender,
+      "2": This document is generally requested when applying for a public tender,
         opening a professional bank account, purchasing professional equipment
         from distributors, etc.
     titre: The Kbis
@@ -272,7 +273,7 @@ autoentrepreneur:
   titre: Auto-entrepeneur
 back: Resume simulation
 barème: scale
-calcul-avec: 'Calculation from <1></1>with :'
+calcul-avec: "Calculation from <1></1>with :"
 cancelExample: Back to your situation
 car dépend de: because it depends on
 cible: target
@@ -384,8 +385,8 @@ comparaisonRégimes:
     AS: SAS, SASU or SARL with minority director
     auto: Auto-entreprise
     indep:
-      '1': EI, EIRL, EURL or SARL with majority director
-      '2': EI or EIRL
+      "1": EI, EIRL, EURL or SARL with majority director
+      "2": EI or EIRL
     legend: Possible legal status
   sécuritéSociale: |
     <0> Social security</0>
@@ -399,13 +400,13 @@ comparaisonRégimes:
   trimestreValidés: <0>Number of quarters validated <1>(for retirement)</1></0>
 composantes: components
 coronavirus:
-  description: '<0>Coronavirus and short-time working: what impact on my
+  description: "<0>Coronavirus and short-time working: what impact on my
     income?</0><1>The government is putting in place measures to support
     employees affected by the Coronavirus crisis. One of the key measures is the
-    assumption of the entire short-time working compensation by the State.</1>'
+    assumption of the entire short-time working compensation by the State.</1>"
   page:
     description: Estimate net income with short-time working benefits
-    titre: 'Coronavirus and short-time working: what impact on your income?'
+    titre: "Coronavirus and short-time working: what impact on your income?"
 cotisation: contribution
 créer:
   cta:
@@ -424,7 +425,7 @@ créer:
       <0>List of legal statuses</0>
       <1>EURL, SARL, SASU, etc: a shortcut if you already know your status </1>
   titre: Create a company
-  warningPL: 'Note: the case of regulated liberal professions is not covered'
+  warningPL: "Note: the case of regulated liberal professions is not covered"
 d'aides: of aid
 domiciliation inconnue: unknown address
 domiciliée à: domiciled in
@@ -540,9 +541,9 @@ entreprise:
       creation process. It is automatically saved in your browser.
     banque:
       description:
-        '1': The purpose of a <1>professional bank account</1> is to separate your
+        "1": The purpose of a <1>professional bank account</1> is to separate your
           company's assets from your personal assets.
-        '2': 'The professional bank account allows you to:'
+        "2": "The professional bank account allows you to:"
         EI: If its opening is not obligatory for an EI, it is strongly recommended.
         liste: >
           <0>Differentiate your private and professional operations and simplify
@@ -745,13 +746,13 @@ indicationTempsPlein: in full-time gross salary equivalent
 inférieurs à: lower than
 jour: day
 landing:
-  aboutUs: '<0>Who are we ?</0><1>We are a small<2>, autonomous and
+  aboutUs: "<0>Who are we ?</0><1>We are a small<2>, autonomous and
     multidisciplinary team</2> within<4> URSSAF</4>. We have at heart to be
     close to your needs in order to constantly improve this site in accordance
     with the <7>beta.gouv.fr</7> approach.</1><2>We have developed this site to
     <2>support entrepreneurs</2> in the development of their business.</2><3>Our
     goal is to <2>remove all uncertainties with regard to the administration</2>
-    so that you can concentrate on what matters: your business.</3>'
+    so that you can concentrate on what matters: your business.</3>"
   choice:
     create: <0>Create a company</0><1>Assistance in choosing the status and the
       complete list of creation steps</1>
@@ -760,7 +761,7 @@ landing:
       flow.</1>
     simulators: <0>Access the simulators</0><1>The exhaustive list of all the
       simulators available on the site.</1>
-  covid19: 'Covid-19: Calculating the impact of short-time work'
+  covid19: "Covid-19: Calculating the impact of short-time work"
   seeSimulators: See the simulators list
   subtitle: All the resources you need to develop your business, from legal status
     to hiring.
@@ -819,13 +820,13 @@ pages:
         authorities concerning auto-entrepreneurs and the micro-enterprise
         scheme (in french).</1></0>
   dévelopeurs:
-    bibliothèque: '<0>Integrate our calculation library</0><1>If you think that your
+    bibliothèque: "<0>Integrate our calculation library</0><1>If you think that your
       site or service would benefit from displaying salary calculations, for
       example switching from gross salary to net salary, good news: all the
       contribution and tax calculations behind my-company.fr are free and <2>can
       be integrated in the form of an <2>NPM library</2></2>.</1><2>Put simply,
-      your team''s developers are able to integrate the calculation into your
-      interface in 5 minutes{emoji(''⌚'')}, without having to deal with the
+      your team's developers are able to integrate the calculation into your
+      interface in 5 minutes{emoji('⌚')}, without having to deal with the
       complexity of payroll and the regular updating of calculation
       rules.</2><3>This library is a common digital library developed by the
       State and ACOSS. It is based on a new programming language,
@@ -836,36 +837,36 @@ pages:
       recipe for a calculation is simple: input variables (gross wage), one or
       more output variables (net wage).</9><10>All these variables are listed
       and explained in our <2>online documentation</2>.</10><11>Use the search
-      engine to find the right variable, then click on "View source code" to
-      get all the documentation: default value, possible values when it''s an
-      enumeration of choice, unit when it''s a number, description, associated
-      user question, etc.</11><12>Let''s run a calculation closer to a payslip:
+      engine to find the right variable, then click on \"View source code\" to
+      get all the documentation: default value, possible values when it's an
+      enumeration of choice, unit when it's a number, description, associated
+      user question, etc.</11><12>Let's run a calculation closer to a payslip:
       Here is a description of the input situation with links to the
       corresponding pages of the documentation :</12><13> An <3>executive</3>
       earning <7>€3,400 gross</7>, who benefits from the<10> bicycle mileage
       allowance</10> and works in a company with <14>12
       employees</14>.</13><14>The calculation for this more complete example is
-      as follows:</14><15><0></0></15><16>{emoji(''ℹ️ '')} Note that in the
+      as follows:</14><15><0></0></15><16>{emoji('ℹ️ ')} Note that in the
       previous example we have to specify the transport payment rate
       ourselves.</16><17>Whereas in the <2>employee</2> simulator, it is
       sufficient to fill in the municipality and the corresponding rate is
-      automatically determined. It''s intentional: to keep the library (and the
+      automatically determined. It's intentional: to keep the library (and the
       site) light, we use two online APIs. The<4> Geo API - communes</4> to
       switch from the commune name to the common code. Then the<7> transport
       payout API</7>, developed and maintained by us, which is not documented
       but its use is very simple and understandable <10>in this React component
       that calls it</10>, a component that also uses the common
-      API.</17><18>Making economic charts{emoji('' 📈'')}</18><19>It is also
+      API.</17><18>Making economic charts{emoji(' 📈')}</18><19>It is also
       possible to use the library for economic or political analysis
       calculations. Here, the price of labour and the net wage is plotted
       against the gross wage.</19><20>We can see the progressiveness of the
       total wage, which is in percent lower for a minimum wage than for a high
       income. In other words, high-wage earners pay part of the social security
-      contributions of low-wage earners.</20><21>{emoji(''⚠️ '')}Beware, this
+      contributions of low-wage earners.</20><21>{emoji('⚠️ ')}Beware, this
       example does a lot of calculations in one go, which can block your browser
       for a few seconds. To overcome this problem, you would have to call the
       library in a Web Worker, but this is not possible for the <3>moment</3> in
-      these demos.</21><22><0></0></22>'
+      these demos.</21><22><0></0></22>"
   développeurs:
     choice:
       github: <0>Contribute to GitHub</0><1>All our tools are open and publicly
@@ -876,10 +877,10 @@ pages:
       publicode: <0>Publicodes</0><1>Our tools are powered by Publicodes, a new
         language for encoding "explainable" algorithms.</1>
     code:
-      description: 'Here is the code to copy and paste on your site:'
+      description: "Here is the code to copy and paste on your site:"
       titre: Integration Code
-    code à copier: 'Here is the code to copy and paste on your site:'
-    couleur: 'What color? '
+    code à copier: "Here is the code to copy and paste on your site:"
+    couleur: "What color? "
     home:
       choice:
         iframe: <0>Integrating a simulator</0><1>Integrate one of our simulators in one
@@ -898,23 +899,43 @@ pages:
       attribute <1>data-lang="en"</1> allows you to choose English as the
       simulator language.</3>
     module: What module?
+  gérer:
+    aide-déclaration-indépendant:
+      meta:
+        description: Easily calculate the amount of payroll taxes to report on your 2019
+          income tax return.
+        title: "Self-employed tax return: calculation of the amount of contributions"
+      shortname: Income tax return assistance
+      title: Help with your 2019 income tax return
+    demande-mobilité:
+      meta:
+        description: Interactive form to be completed for self-employed persons wishing
+          to carry out their activity in other European countries
+        title: "Self-employed: demand for mobility in Europe"
+      shortname: Demand for mobility in Europe
   simulateurs:
+    artiste-auteur:
+      meta:
+        description: Estimate social contributions on copyright and BNC income
+        title: "Artist-author: calculation of URSSAF membership fees"
+      shortname: Artist-author
+      title: Estimate my artist/author dues
     auto-entrepreneur:
       meta:
         description: Calculation of your income based on turnover, after deduction of
           contributions and income tax.
-        ogDescription: 'Thanks to the auto-entrepreneur income simulator developed by
+        ogDescription: "Thanks to the auto-entrepreneur income simulator developed by
           URSSAF, you can estimate the amount of your income based on your
           monthly or annual turnover to better manage your cash flow. Or in the
           opposite direction: to know what amount to invoice to achieve a
-          certain income.'
-        ogTitle: 'Auto-entrepreneur: quickly calculate your net income from sales and
-          vice versa'
-        titre: 'Auto-entrepreneurs: income simulator'
-      seo explanation: '<0>How do you calculate the net income for an
+          certain income."
+        ogTitle: "Auto-entrepreneur: quickly calculate your net income from sales and
+          vice versa"
+        titre: "Auto-entrepreneurs: income simulator"
+      seo explanation: "<0>How do you calculate the net income for an
         auto-entrepreneur?</0><1>An auto-entrepreneur has to pay social
         security         contributions to the administration (also known as
-        "social charge"). These social contributions are used to finance
+        \"social charge\"). These social contributions are used to finance
         social security, and give rights for retirement or health insurance.
         They are also used to finance vocational training.</1><2><0></0> <2>See
         details of how the contributions are calculated</2></2><3>But this is
@@ -922,7 +943,7 @@ pages:
         account all expenses incurred in the course of the professional activity
         (assets, raw materials, premises, transport). Although they are not
         useful for the calculation of contributions and taxes, they must be
-        taken into account to estimate the viability of one''''s
+        taken into account to estimate the viability of one''s
         activity.</3><4>The complete calculation formula is therefore:<1><0>Net
         income = Turnover - Social contributions - Professional
         expenses</0></1></4><5>How to calculate income tax for an
@@ -936,8 +957,16 @@ pages:
         carried out. It is said to be lump-sum because it does not take into
         account the actual expenses incurred in the activity.</8><9><0></0>
         <2>See details of the calculation of the income allowance for an
-        auto-entrepreneur</2></9><10>Useful resources</10><11><0></0></11>'''
+        auto-entrepreneur</2></9><10>Useful resources</10><11><0></0></11>'"
+      shortname: Auto-entrepreneur
+      title: Self-entrepreneur Income Simulator
       titre: Auto-entrepreneur income simulator
+    auxiliaire:
+      shortname: Medical Axiliary
+      title: Income simulator for a private medical assistant
+    chirurgien-dentiste:
+      shortname: Dental surgeon
+      title: Income simulator for a private dental surgeon
     chômage-partiel:
       explications seo: >-
         [👨 Integrate this simulator on your
@@ -979,11 +1008,50 @@ pages:
           then be able to personalize your situation (part-time, agreement,
           etc). Take into account all contributions, including those specific to
           the allowance (CSG and CRDS).
-        ogTitle: 'Short-time working simulator: find out the impact on the net salaried
-          income and the total employer cost.'
+        ogTitle: "Short-time working simulator: find out the impact on the net salaried
+          income and the total employer cost."
         titre: Calculation of the short-time working allowance in France
+      seo: <0>How is the partial activity allowance calculated?</0><1>The basic
+        partial activity allowance is fixed by law at <2>70% of gross</2>
+        salary. It is prorated according to the number of hours off work. For an
+        employee at € 2300 gross monthly, who works 50% of his usual time, this
+        gives <5>€ 2300 × 50% × 70% = € 805</5>.</1><2>In addition to this basic
+        allowance, there is a supplementary allowance for salaries close to the
+        minimum wage. This additional allowance is paid when the combined
+        remuneration and basic allowance are below a net SMIC. These allowances
+        are paid by the employer, who will then be reimbursed in part or in full
+        by the State.</2><3>👉 <2>See the details of the calculation of</2> the
+        allowance</3><4> How to calculate the part reimbursed by the
+        State?</4><5>The State covers part of the partial compensation for wages
+        up to **4.5 SMIC**, with a minimum of €8.03 per unemployed hour. In
+        concrete terms, this results in 100% coverage for salaries close to the
+        SMIC. This gradually decreases until it stabilizes at **93%** for wages
+        <3>between €2,000 and €7,000</3> (wage corresponding to the limit of 4.5
+        SMIC).</5><6>👉 <2>See details of the calculation of the reimbursement
+        of the allowance</2></6><7> How to report a partial activity?</7><8>In
+        response to the coronavirus crisis, the conditions for partial
+        employment have been eased. The employer is allowed to place his
+        employees in partial activity before the official application is filed.
+        The employee then has a period of <2>30 days</2> to comply with the
+        regulations. Benefits will be paid retroactively from the date of the
+        partial unemployment.</8><9>👉 <2>Applying for partial unemployment</2>
+        benefit</9><10> What social security contributions must be paid for the
+        partial activity allowance?</10><11>The partial activity allowance is
+        subject to the CSG/CRDS and to a sickness contribution in certain cases.
+        For more information, see the explanatory page on the <2>URSSAF
+        website</2>.</11>
+      shortname: Partial unemployment
+      title: "Covid-19: Short-time work simulator"
+    comparaison:
+      meta:
+        description: Self-employed, self-employed or similarly employed? With this
+          comparison, find the plan that suits you best
+        title: "Starting a business: a comparison of social schemes"
+      shortname: Status Comparison
+      title: "Self-employed, assimilated employee or auto-entrepreneur: which plan to
+        choose?"
     dirigean sasu:
-      explication seo: '<0>How to calculate the salary of a SASU executive? </0><1>As
+      explication seo: "<0>How to calculate the salary of a SASU executive? </0><1>As
         for a conventional employee, the SASU <1>manager</1> pays social
         security contributions on the salary he or she pays. The contributions
         are calculated in the same way as for the employee: they are broken down
@@ -992,15 +1060,35 @@ pages:
         manager-employee does not pay <2>unemployment contributions</2>.
         Moreover, they do not benefit from the <5>general reduction</5> in
         contributions or from the schemes governed by the Labour Code, such as
-        <9>overtime</9> or bonuses.</2><3>A SASU executive''s salary can be
-        calculated by entering the total amount of the salary in the "total
-        expense" box, but he or she can claim the <2>ACRE reduction</2> at the
+        <9>overtime</9> or bonuses.</2><3>A SASU executive's salary can be
+        calculated by entering the total amount of the salary in the \"total
+        expense\" box, but he or she can claim the <2>ACRE reduction</2> at the
         beginning of the activity, under certain conditions.</3><4>You can use
         our simulator to calculate the <2>net remuneration</2> from a
-        super-gross amount allocated to the executive''s remuneration. To do
+        super-gross amount allocated to the executive's remuneration. To do
         this, simply enter the announced compensation in the total loaded box.
         The simulation can then be refined by answering the various
-        questions.</4>'
+        questions.</4>"
+    indépendant:
+      meta:
+        description: Calculation of net income after tax and contributions based on
+          turnover and vice versa
+        title: "Independent: Urssaf income simulator"
+      shortname: Independent
+      title: Income simulator for the self-employed
+    médecin:
+      shortname: Doctor
+      title: Income simulator for private practitioners
+    profession-libérale:
+      meta:
+        description: Net Income Calculation for Self-Employed Persons in Liberal Income
+          Tax (IR, BNC)
+        title: "Liberal professions: the Urssaf simulator"
+      shortname: Liberal profession
+      title: Professional Income Simulator
+    sage-femme:
+      shortname: Midwife
+      title: Income simulator for private midwives
     salarié:
       explication seo: <0>Calculate your net salary</0><1>During the job interview,
         the employer usually offers a "gross" remuneration. The announced amount
@@ -1036,24 +1124,74 @@ pages:
           (executive status, internship, apprenticeship, overtime, restaurant
           vouchers, mutual insurance, part-time work, collective agreement,
           etc.).
-        ogTitle: 'Gross, net, net after-tax salary, total cost: the ultimate simulator
-          for employees and employers'
-        titre: 'Gross / net salary: the Urssaf converter'
+        ogTitle: "Gross, net, net after-tax salary, total cost: the ultimate simulator
+          for employees and employers"
+        titre: "Gross / net salary: the Urssaf converter"
+      seo: <0>How is the net salary calculated?</0><1>At the job interview, the
+        employer usually proposes a "gross" remuneration. The amount announced
+        thus includes employee contributions, which are used to finance the
+        employee's social protection and which are deducted from the "net"
+        salary received by the employee.</1><2>You can use our simulator to
+        convert the <2>gross salary into net</2> salary. Simply enter the
+        advertised remuneration in the gross salary box. The simulation can be
+        refined by answering the various questions (fixed-term contract,
+        executive status, overtime, part-time, meal vouchers,
+        etc.).</2><3></3><4>Moreover, since 2019,<1> income tax</1> is deducted
+        at source. To do this, the Directorate General of Public Finance (DGFiP)
+        sends the employer the tax rate calculated from the employee's income
+        tax return. If this rate is unknown, for example in the first year of
+        employment, the employer uses the <4>neutral rate</4>.</4><5>How to
+        calculate the cost of hiring?</5><6>If you are looking to hire, you can
+        calculate the total cost of your employee's remuneration, as well as the
+        corresponding employer and employee contribution amounts. This enables
+        you to define the remuneration level by knowing the overall amount of
+        expense this represents for your company.</6><7>In addition to the
+        salary, our simulator takes into account the calculation of benefits in
+        kind (telephone, company car, etc.), as well as the compulsory health
+        insurance.</7><8>There are <2>deferred</2> hiring <2>aids</2> which are
+        not all taken into account by our simulator, you can find them on <6>the
+        official portal</6>.</8>
+      shortname: Employee
+      title: Employee income simulator
       titre: Income simulator for employees
     sasu:
       meta:
         description: Calculation of net salary from turnover + expenses and vice versa.
         ogDescription: As an officer in a similar position, immediately calculate your
           net income after tax from the total allocated to your compensation.
-        ogTitle: 'SASU executive compensation: a simulator to find out your net salary'
-        titre: 'Head of SASU: Urssaf revenue simulator'
+        ogTitle: "SASU executive compensation: a simulator to find out your net salary"
+        titre: "Head of SASU: Urssaf revenue simulator"
+      seo-explanation: "<0>How to calculate the salary of a SASU executive? </0><1>As
+        for a classic employee, the SASU <2>manager</2> pays social security
+        contributions on the remuneration he pays himself. The contributions are
+        calculated in the same way as for the employee: they are broken down
+        into the employer and employee parts and are expressed as a percentage
+        of the gross salary.</1><2>The assimilated manager-employee does not pay
+        <2>unemployment contributions</2>. Furthermore, they do not benefit from
+        the <5>general reduction</5> in contributions or from the provisions of
+        the French Labour Code, such as <9>overtime</9> or
+        bonuses.</2><3>However, the employee is entitled to the <2>ACRE
+        reduction</2> at the start of employment, under certain
+        conditions.</3><4>You can use our simulator to calculate the <2>net
+        remuneration</2> from a super-gross amount allocated to the executive's
+        remuneration. To do this, simply enter the total amount allocated in the
+        \"total charged\" box. The simulation can then be refined by answering
+        the various questions.</4>"
+      shortname: Head of SASU
+      title: Income simulator for SASU manager
       titre: Revenue simulator for SAS(U) executive
+  économie-collaborative:
+    meta:
+      description: Airbnb, Drivy, Blablacar, Leboncoin... Find out how to be in order
+        in your declarations
+      title: "Online platform income tax return: interactive guide"
+    shortname: Collaborative Economy Guide
 par: per
 payslip:
   disclaimer: It takes into account national law but not union negotiated rules.
     Lots of financial aids for your enterprise exist, explore them on
     <1>aides-entreprises.fr (French)</1>.
-  heures: 'Hours worked per month: '
+  heures: "Hours worked per month: "
   notice: This simulation helps you understand your French payslip, but it should
     not be used as one. For further details, check <1>service-public.fr
     (French)</1>.
@@ -1165,10 +1303,12 @@ simulateurs:
         and income tax are taken into account. Official URSSAF simulator
       titre: Official income simulator for self-employed person
     titre: Self-employed income simulator
-  inversionFail: |
+  inversionFail: >
     The amount entered results in an impossible result. This is due to a
+
     threshold effect in the calculation of contributions.
 
+
     We invite you to try again by slightly modifying the amount entered (a few euros more for example).
   profession-libérale:
     page:
@@ -1177,7 +1317,7 @@ simulateurs:
     titre: Income simulator for {professionName}.
   précision:
     bonne: Good accuracy
-    défaut: 'Refine the simulation by answering the following questions:'
+    défaut: "Refine the simulation by answering the following questions:"
     faible: Low accuracy
     moyenne: Medium accuracy
   résumé:
@@ -1226,7 +1366,7 @@ simulation-end:
   text: You have reached the most accurate estimate.
   title: No more questions left!
 site:
-  titleTemplate: '%s'
+  titleTemplate: "%s"
 statut du dirigeant:
   description: <0>This choice is important because it determines the social
     security regime and the social coverage of the manager. The amount and terms
@@ -1277,8 +1417,8 @@ une de ces conditions: one of these applies
       onwards, these revenues will be automatically reported by the platforms to
       the tax authorities and Urssaf.</2>
     question: What types of activity did you undertake?
-    réassurance: 'PS: this tool is only there to inform you, no data will be
-      transmitted to the administrations'
+    réassurance: "PS: this tool is only there to inform you, no data will be
+      transmitted to the administrations"
     titre: How to declare income from digital platforms?
   activité:
     choix: What are more precisely the activities carried out?
diff --git a/mon-entreprise/source/rules/dirigeant.yaml b/mon-entreprise/source/rules/dirigeant.yaml
index 83e39b887..5b62f9dbd 100644
--- a/mon-entreprise/source/rules/dirigeant.yaml
+++ b/mon-entreprise/source/rules/dirigeant.yaml
@@ -311,6 +311,14 @@ dirigeant . auto-entrepreneur . cotisations et contributions . cotisations . tau
 dirigeant . auto-entrepreneur . cotisations et contributions . cotisations . plafond ACRE:
   formule: plafond sécurité sociale temps plein / impôt . abattement . taux inversé
 
+dirigeant . auto-entrepreneur . notification valeur annuelle:
+  applicable si: entreprise . ACRE
+  type: notification
+  description: |
+    Le taux ACRE utilisé est celui correspondant au mois courant. Le
+    simulateur ne prends pas encore en compte le chevauchement de 2 période
+    d'acre sur une meme année.
+
 dirigeant . auto-entrepreneur . impôt:
 
 dirigeant . auto-entrepreneur . impôt . abattement:
diff --git a/mon-entreprise/source/rules/profession-libérale.yaml b/mon-entreprise/source/rules/profession-libérale.yaml
index 9d489e010..8e008a60a 100644
--- a/mon-entreprise/source/rules/profession-libérale.yaml
+++ b/mon-entreprise/source/rules/profession-libérale.yaml
@@ -317,6 +317,8 @@ dirigeant . indépendant . PL . PAMC:
     - conjoint collaborateur
     - entreprise . franchise de TVA
     - dirigeant . indépendant . revenus étrangers
+    - dirigeant . indépendant . cotisations et contributions . exonération de cotisations minimales
+    - dirigeant . indépendant . cotisations et contributions . maladie domiciliation fiscale étranger
   formule: oui
 
 dirigeant . indépendant . PL . PAMC . proportion recette activité non conventionnée:
@@ -661,28 +663,36 @@ dirigeant . indépendant . PL . CARCDSF:
       - métier = 'santé . chirurgien-dentiste'
       - métier = 'santé . sage-femme'
   références:
-    Site CARMF: https://www.carcdsf.fr
+    Site CARMF: http://www.carcdsf.fr
 
 dirigeant . indépendant . PL . CARCDSF . retraite complémentaire:
   titre: retraite complémentaire (CARCDSF)
   remplace: cotisations et contributions . retraite complémentaire
   formule:
     somme:
-      - produit:
-          assiette: 2960.40 €/an
-          taux: réduction de la cotisation forfaitaire
-        arrondi: oui
-      - barème:
-          assiette: assiette des cotisations
-          multiplicateur: plafond sécurité sociale temps plein
-          tranches:
-            - taux: 0%
-              plafond: 0.85
-            - taux: 10.65%
-              plafond: 5
-    arrondi: oui
+      - cotisation forfaitaire
+      - cotisation proportionnelle
   références:
-    Site CARCDSF: www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations
+    Site CARCDSF: http://www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations
+
+dirigeant . indépendant . PL . CARCDSF . retraite complémentaire . cotisation proportionnelle:
+  formule:
+    barème:
+      assiette: assiette des cotisations
+      multiplicateur: plafond sécurité sociale temps plein
+      tranches:
+        - taux: 0%
+          plafond: 0.85
+        - taux: 10.65%
+          plafond: 5
+    arrondi: oui
+
+dirigeant . indépendant . PL . CARCDSF . retraite complémentaire . cotisation forfaitaire:
+  formule:
+    produit:
+      assiette: 2960.40 €/an
+      taux: réduction de la cotisation forfaitaire
+    arrondi: oui
 
 dirigeant . indépendant . PL . CARCDSF . retraite complémentaire . réduction de la cotisation forfaitaire:
   applicable si: assiette des cotisations < 85% * plafond sécurité sociale temps plein
@@ -706,7 +716,7 @@ dirigeant . indépendant . PL . CARCDSF . retraite complémentaire . réduction
   formule: assiette des cotisations / (85% * plafond sécurité sociale temps plein)
 
   références:
-    Site CARCDSF: www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations
+    Site CARCDSF: http://www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations
 
 dirigeant . indépendant . PL . CARCDSF . chirurgien-dentiste:
   applicable si: métier = 'santé . chirurgien-dentiste'
@@ -740,22 +750,24 @@ dirigeant . indépendant . PL . CARCDSF . chirurgien-dentiste . PCV:
           taux: 0.725 %
     arrondi: oui
   références:
-    Site CARCDSF: www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations
+    Site CARCDSF: http://www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations
 
 dirigeant . indépendant . PL . CARCDSF . chirurgien-dentiste . exonération PCV:
   type: notification
   applicable si: (assiette des cotisations / prix d'une consultation) <=  500 consultation/an
+  formule: oui
   description: >-
     Vous avez la possibilité de bénéficier d'une exonération totale de
     cotisation pour la prestation complémentaire de vieillesse (PCV) si vous en
     faites la demande. [En savoir
     plus](http://www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations)
 
-dirigeant . indépendant . PL . CARCDSF . chirurgien-dentiste . exonération PCV . prix d'une consultation:
+dirigeant . indépendant . PL . CARCDSF . chirurgien-dentiste . prix d'une consultation:
   formule: 23 €/consultation
 
 dirigeant . indépendant . PL . CARCDSF . sage-femme:
-  applicable si: métier = 'PAM . sage-femme'
+  applicable si: métier = 'santé . sage-femme'
+  formule: oui
 
 dirigeant . indépendant . PL . CARCDSF . sage-femme . RID:
   titre: invalidité et décès (CARCDSF sage-femme)
@@ -778,7 +790,7 @@ dirigeant . indépendant . PL . CARCDSF . sage-femme . RID:
       - si: classe = 'C'
         alors: 273 €/an
   références:
-    Montant des cotisations: www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations
+    Montant des cotisations: http://www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations
 
 dirigeant . indépendant . PL . CARCDSF . sage-femme . RID . classe:
   titre: Classe de cotisation
@@ -815,7 +827,7 @@ dirigeant . indépendant . PL . CARCDSF . sage-femme . PCV:
       taux: 1 / 3
     arrondi: oui
   références:
-    Site CARCDSF: www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations
+    Site CARCDSF: http://www.carcdsf.fr/cotisations-du-praticien/montant-des-cotisations
   note: |
     Une dispense peut être accordée lorsque les revenus professionnels sont
     inférieurs ou égaux à 3120 €.
@@ -830,6 +842,7 @@ dirigeant . indépendant . PL . CARCDSF . sage-femme . PCV:
 dirigeant . indépendant . PL . CARCDSF . sage-femme . exonération PCV:
   type: notification
   applicable si: assiette des cotisations <= 3120 €/an
+  formule: oui
   description: >-
     Vous avez la possibilité de bénéficier d'une exonération totale de
     cotisation pour la prestation complémentaire de vieillesse (PCV) si vous en
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/iframe-integration-script.js b/mon-entreprise/source/sites/mon-entreprise.fr/iframe-integration-script.js
index afb4e7d30..7c1ba732f 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/iframe-integration-script.js
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/iframe-integration-script.js
@@ -53,7 +53,7 @@ const moduleToSitePath = {
 }
 const simulateurLink = (fr ? process.env.FR_SITE : process.env.EN_SITE).replace(
 	'${path}',
-	moduleToSitePath[moduleName]
+	moduleToSitePath[moduleName] ?? ''
 )
 links.innerHTML = `
 	<div style="text-align: center; margin-bottom: 2rem">
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Dev/IntegrationTest.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Dev/IntegrationTest.tsx
index 615b32dbe..0e2a920bc 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Dev/IntegrationTest.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Dev/IntegrationTest.tsx
@@ -1,19 +1,16 @@
-import React, { Suspense } from 'react'
+import React, { Suspense, useMemo } from 'react'
+import useSimulatorsData from '../Simulateurs/metadata'
 const LazyColorPicker = React.lazy(() => import('./ColorPicker'))
 
-export const integrableModuleNames = [
-	'simulateur-embauche',
-	'simulateur-autoentrepreneur',
-	'simulateur-independant',
-	'simulateur-assimilesalarie',
-	'simulateur-artiste-auteur',
-	'simulateur-chomage-partiel'
-]
-
-// Intégrations "cachées" (non diffusées)
-const privateModuleNames = ['demande-mobilite']
-
 export default function IntegrationTest() {
+	const simulators = useSimulatorsData()
+	const integrableModuleNames = useMemo(
+		() =>
+			Object.values(simulators)
+				.map(s => s.iframe)
+				.filter(Boolean),
+		[simulators]
+	)
 	const [currentModule, setCurrentModule] = React.useState(
 		integrableModuleNames[0]
 	)
@@ -36,7 +33,7 @@ export default function IntegrationTest() {
 		<>
 			<h2>Quel module ?</h2>
 			<select onChange={event => setCurrentModule(event.target.value)}>
-				{[...integrableModuleNames, ...privateModuleNames].map(name => (
+				{integrableModuleNames.map(name => (
 					<option key={name}>{name}</option>
 				))}
 			</select>
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/AideDéclarationIndépendant/index.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/AideDéclarationIndépendant/index.tsx
index 63c4303f1..ebfc1919e 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/AideDéclarationIndépendant/index.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/AideDéclarationIndépendant/index.tsx
@@ -24,7 +24,7 @@ import RuleLink from 'Components/RuleLink'
 import { formatValue } from 'publicodes'
 import Skeleton from 'Components/ui/Skeleton'
 
-export default function() {
+export default function AideDéclarationIndépendant() {
 	const dispatch = useDispatch()
 	const rules = useContext(EngineContext).getParsedRules()
 	const company = useSelector(
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/DemandeMobilite/index.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/DemandeMobilite/index.tsx
index 5cfc2d70c..590ce5c0f 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/DemandeMobilite/index.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/DemandeMobilite/index.tsx
@@ -12,7 +12,7 @@ import formulaire from './formulaire-détachement.yaml'
 
 const LazyEndBlock = React.lazy(() => import('./EndBlock'))
 
-export default function formulaireMobilitéIndépendant() {
+export default function FormulaireMobilitéIndépendant() {
 	const engine = new Engine(formulaire)
 	return (
 		<>
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Iframes/SimulateurEmbauche.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Iframes/SimulateurEmbauche.tsx
deleted file mode 100644
index 3886b56ab..000000000
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Iframes/SimulateurEmbauche.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { SitePathsContext } from 'Components/utils/SitePathsContext'
-import React, { useContext } from 'react'
-import { Helmet } from 'react-helmet'
-import { SalarySimulation } from '../Simulateurs/Salarié'
-
-export default function IframeSimulateurEmbauche() {
-	const sitePaths = useContext(SitePathsContext)
-	return (
-		<>
-			<Helmet>
-				<link rel="canonical" href={sitePaths.simulateurs.salarié} />
-			</Helmet>
-			<SalarySimulation />
-		</>
-	)
-}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Iframes/index.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Iframes/index.tsx
index dbfe7f3d8..4da41d53c 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Iframes/index.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Iframes/index.tsx
@@ -1,50 +1,41 @@
 import { IsEmbeddedContext } from 'Components/utils/embeddedContext'
 import React from 'react'
-import { Route } from 'react-router-dom'
+import { Route, Switch } from 'react-router-dom'
 import { inIframe } from '../../../../utils'
-import SimulateurChômagePartiel from '../Simulateurs/ChômagePartiel'
-import SimulateurArtisteAuteur from '../Simulateurs/ArtisteAuteur'
-import SimulateurAssimiléSalarié from '../Simulateurs/RémunérationSASU'
-import SimulateurAutoEntrepreneur from '../Simulateurs/AutoEntrepreneur'
-import SimulateurIndépendant from '../Simulateurs/Indépendant'
-import DemandeMobilite from '../Gérer/DemandeMobilite'
+import useSimulatorsData from '../Simulateurs/metadata'
+import SimulateurPage from '../Simulateurs/Page'
 import IframeFooter from './IframeFooter'
-import SimulateurEmbauche from './SimulateurEmbauche'
+import { Helmet } from 'react-helmet'
 
 export default function Iframes() {
+	const simulators = useSimulatorsData()
 	return (
 		<IsEmbeddedContext.Provider value={true}>
 			{/** Open external links in the parent frame.
 			This behavior can be configured on individual link, eg <a target="_blank" />.
-			Our own link are handled in-app by the router, and aren't affected by this directive. */}
+			Our own link are handled in-app by the router, and aren't affected by this directive.
+			*/}
+
 			<base target="_parent" />
 			<div className="ui__ container">
-				<Route
-					path="/iframes/simulateur-embauche"
-					component={SimulateurEmbauche}
-				/>
-				<Route
-					path="/iframes/simulateur-autoentrepreneur"
-					component={SimulateurAutoEntrepreneur}
-				/>
-				<Route
-					path="/iframes/simulateur-independant"
-					component={SimulateurIndépendant}
-				/>
-				<Route
-					path="/iframes/simulateur-assimilesalarie"
-					component={SimulateurAssimiléSalarié}
-				/>
-				<Route
-					path="/iframes/simulateur-artiste-auteur"
-					component={SimulateurArtisteAuteur}
-				/>
-				<Route
-					path="/iframes/simulateur-chomage-partiel"
-					component={SimulateurChômagePartiel}
-				/>
-				<Route path="/iframes/demande-mobilite" component={DemandeMobilite} />
-
+				<Switch>
+					{Object.values(simulators)
+						.filter(({ iframe }) => !!iframe)
+						.map(s => (
+							<Route
+								key={s.iframe}
+								path={`/iframes/${s.iframe}`}
+								render={() => (
+									<>
+										<Helmet>
+											<link rel="canonical" href={s.path} />
+										</Helmet>
+										<SimulateurPage {...s} />
+									</>
+								)}
+							/>
+						))}
+				</Switch>
 				{inIframe() && <IframeFooter />}
 			</div>
 		</IsEmbeddedContext.Provider>
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ArtisteAuteur.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ArtisteAuteur.tsx
index 2a2c94239..d7dbcd4f4 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ArtisteAuteur.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ArtisteAuteur.tsx
@@ -1,20 +1,18 @@
 import { setSimulationConfig, updateSituation } from 'Actions/actions'
-import { DistributionBranch } from 'Components/Distribution'
-import { Condition } from 'Components/EngineValue'
-import SimulateurWarning from 'Components/SimulateurWarning'
-import config from 'Components/simulationConfigs/artiste-auteur.yaml'
-import 'Components/TargetSelection.css'
-import { IsEmbeddedContext } from 'Components/utils/embeddedContext'
-import { EngineContext, useEvaluation } from 'Components/utils/EngineContext'
-import Value from 'Components/EngineValue'
 import RuleInput from 'Components/conversation/RuleInput'
+import { DistributionBranch } from 'Components/Distribution'
+import Value, { Condition } from 'Components/EngineValue'
+import SimulateurWarning from 'Components/SimulateurWarning'
+import 'Components/TargetSelection.css'
+import Animate from 'Components/ui/animate'
+import { EngineContext, useEvaluation } from 'Components/utils/EngineContext'
 import React, { createContext, useContext, useEffect, useState } from 'react'
 import { Trans } from 'react-i18next'
 import { useDispatch, useSelector } from 'react-redux'
 import { DottedName } from 'Rules'
 import { situationSelector } from 'Selectors/simulationSelectors'
 import styled from 'styled-components'
-import Animate from 'Components/ui/animate'
+import config from './configs/artiste-auteur.yaml'
 
 const InitialRenderContext = createContext(false)
 function useInitialRender() {
@@ -31,17 +29,9 @@ export default function ArtisteAuteur() {
 		dispatch(setSimulationConfig(config))
 	}, [])
 	const initialRender = useInitialRender()
-	const inIframe = useContext(IsEmbeddedContext)
 
 	return (
 		<>
-			{!inIframe && (
-				<h1>
-					<Trans i18nKey="simulateurs.artiste-auteur.titre">
-						Estimer mes cotisations d’artiste-auteur
-					</Trans>
-				</h1>
-			)}
 			<SimulateurWarning simulateur="artiste-auteur" />
 			<section className="ui__ light card">
 				<div id="targetSelection">
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/AutoEntrepreneur.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/AutoEntrepreneur.tsx
deleted file mode 100644
index 181802de8..000000000
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/AutoEntrepreneur.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-import Warning from 'Components/SimulateurWarning'
-import Simulation from 'Components/Simulation'
-import autoEntrepreneurConfig from 'Components/simulationConfigs/auto-entrepreneur.yaml'
-import StackedBarChart from 'Components/StackedBarChart'
-import { ThemeColorsContext } from 'Components/utils/colors'
-import { IsEmbeddedContext } from 'Components/utils/embeddedContext'
-import { EngineContext } from 'Components/utils/EngineContext'
-import Meta from 'Components/utils/Meta'
-import { SitePathsContext } from 'Components/utils/SitePathsContext'
-import { default as React, useContext } from 'react'
-import { Trans, useTranslation } from 'react-i18next'
-import { useSelector } from 'react-redux'
-import { targetUnitSelector } from 'Selectors/simulationSelectors'
-import AutoEntrepreneurPreview from './images/AutoEntrepreneurPreview.png'
-import Emoji from 'Components/utils/Emoji'
-import { RessourceAutoEntrepreneur } from '../Créer/CreationChecklist'
-import RuleLink from 'Components/RuleLink'
-
-export default function AutoEntrepreneur() {
-	const inIframe = useContext(IsEmbeddedContext)
-	const { t, i18n } = useTranslation()
-	const META = {
-		title: t(
-			'pages.simulateurs.auto-entrepreneur.meta.titre',
-			'Auto-entrepreneurs : simulateur de revenus'
-		),
-		description: t(
-			'pages.simulateurs.auto-entrepreneur.meta.description',
-			"Calcul de votre revenu à partir du chiffre d'affaires, après déduction des cotisations et de l'impôt sur le revenu."
-		),
-		ogTitle: t(
-			'pages.simulateurs.auto-entrepreneur.meta.ogTitle',
-			'Auto-entrepreneur : calculez rapidement votre revenu net à partir du CA et vice-versa'
-		),
-		ogDescription: t(
-			'pages.simulateurs.auto-entrepreneur.meta.ogDescription',
-			"Grâce au simulateur de revenu auto-entrepreneur développé par l'Urssaf, vous pourrez estimer le montant de vos revenus en fonction de votre chiffre d'affaire mensuel ou annuel pour mieux gérer votre trésorerie. Ou dans le sens inverse : savoir quel montant facturer pour atteindre un certain revenu."
-		),
-		...(i18n.language === 'fr' && { ogImage: AutoEntrepreneurPreview })
-	}
-	const isEmbedded = React.useContext(IsEmbeddedContext)
-	return (
-		<>
-			<Meta {...META} />
-			{!inIframe && (
-				<h1>
-					<Trans i18nKey="pages.simulateurs.auto-entrepreneur.titre">
-						Simulateur de revenus auto-entrepreneur
-					</Trans>
-				</h1>
-			)}
-			<Warning simulateur="auto-entrepreneur" />
-			<Simulation
-				config={autoEntrepreneurConfig}
-				explanations={<ExplanationSection />}
-			/>
-			{!isEmbedded && <SeoExplanations />}
-		</>
-	)
-}
-
-function ExplanationSection() {
-	const engine = useContext(EngineContext)
-	const { t } = useTranslation()
-	const { palettes } = useContext(ThemeColorsContext)
-	const targetUnit = useSelector(targetUnitSelector)
-	const impôt = engine.evaluate('impôt', { unit: targetUnit })
-
-	return (
-		<section>
-			<h2>
-				<Trans>Répartition du chiffre d'affaires</Trans>
-			</h2>
-			<StackedBarChart
-				data={[
-					{
-						...engine.evaluate(
-							'dirigeant . auto-entrepreneur . net après impôt',
-							{ unit: targetUnit }
-						),
-						title: t("Revenu (incluant les dépenses liées à l'activité)"),
-						color: palettes[0][0]
-					},
-
-					...(impôt.nodeValue
-						? [{ ...impôt, title: t('impôt'), color: palettes[1][0] }]
-						: []),
-					{
-						...engine.evaluate(
-							'dirigeant . auto-entrepreneur . cotisations et contributions',
-							{ unit: targetUnit }
-						),
-						title: t('Cotisations'),
-						color: palettes[1][1]
-					}
-				]}
-			/>
-		</section>
-	)
-}
-
-function SeoExplanations() {
-	const sitePaths = useContext(SitePathsContext)
-	return (
-		<Trans i18nKey="pages.simulateurs.auto-entrepreneur.seo explanation">
-			<h2>Comment calculer le revenu net d'un auto-entrepreneur ?</h2>
-			<p>
-				Un auto-entrepreneur doit payer des cotisations sociales à
-				l'administration. Ces cotisations servent au financement de la sécurité
-				sociale, et ouvrent des droits pour la retraite ou pour l'assurance
-				maladie. Elle permettent également de financer la formation
-				professionnelle. Leur montant varie en fonction du type d'activité.
-			</p>
-			<p>
-				<Emoji emoji="👉" />{' '}
-				<RuleLink dottedName="dirigeant . auto-entrepreneur . cotisations et contributions">
-					Voir le détail du calcul des cotisations
-				</RuleLink>
-			</p>
-			<p>
-				Il ne faut pas oublier de retrancher toutes les dépenses effectuées dans
-				le cadre de l'activité professionnelle (équipements, matière premières,
-				local, transport). Bien qu'elles ne soient pas utilisées pour le calcul
-				des cotisations et de l'impôt, elles doivent être prises en compte pour
-				vérifier si l'activité est viable économiquement.
-			</p>
-			<p>
-				La formule de calcul complète est donc :
-				<blockquote>
-					<strong>
-						Revenu net = Chiffres d'affaires − Cotisations sociales − Dépenses
-						professionnelles
-					</strong>
-				</blockquote>
-			</p>
-			<h2>
-				Comment calculer l'impôt sur le revenu pour un auto-entrepreneur ?
-			</h2>
-			<p>
-				Si vous avez opté pour le versement libératoire lors de la création de
-				votre auto-entreprise, l'impôt sur le revenu est payé en même temps que
-				les cotisations sociales.
-			</p>
-			<p>
-				<Emoji emoji="👉" />{' '}
-				<RuleLink dottedName="dirigeant . auto-entrepreneur . impôt . versement libératoire . montant">
-					Voir comment est calculé le montant du versement libératoire
-				</RuleLink>
-			</p>
-			<p>
-				Sinon, vous serez imposé selon le barème standard de l'impôt sur le
-				revenu. Le revenu imposable est alors calculé comme un pourcentage du
-				chiffre d'affaires. C'est qu'on appel l'abattement forfaitaire. Ce
-				pourcentage varie en fonction du type d'activité excercé. On dit qu'il
-				est forfaitaire car il ne prends pas en compte les dépenses réelles
-				effectuées dans le cadre de l'activité.
-			</p>
-			<p>
-				<Emoji emoji="👉" />{' '}
-				<RuleLink dottedName="dirigeant . auto-entrepreneur . impôt . revenu abattu">
-					Voir le détail du calcul du revenu abattu pour un auto-entrepreneur
-				</RuleLink>
-			</p>
-			<h2>
-				<Trans>Ressources utiles</Trans>
-			</h2>
-			<div style={{ display: 'flex', flexWrap: 'wrap' }}>
-				<RessourceAutoEntrepreneur />
-			</div>
-		</Trans>
-	)
-}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ChômagePartiel.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ChômagePartiel.tsx
index e87b30232..1a5601a42 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ChômagePartiel.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ChômagePartiel.tsx
@@ -1,20 +1,15 @@
 import RuleLink from 'Components/RuleLink'
 import Simulation from 'Components/Simulation'
-import chomagePartielConfig from 'Components/simulationConfigs/chômage-partiel.yaml'
 import Animate from 'Components/ui/animate'
 import Warning from 'Components/ui/WarningBlock'
 import { IsEmbeddedContext } from 'Components/utils/embeddedContext'
 import { useEvaluation } from 'Components/utils/EngineContext'
-import { Markdown } from 'Components/utils/markdown'
-import { ScrollToTop } from 'Components/utils/Scroll'
 import { EvaluatedRule, formatValue } from 'publicodes'
 import React, { useContext, useEffect, useState } from 'react'
-import { Trans, useTranslation } from 'react-i18next'
+import { useTranslation } from 'react-i18next'
 import { DottedName } from 'Rules'
 import styled from 'styled-components'
 import { productionMode } from '../../../../utils'
-import ChômagePartielPreview from './images/ChômagePartielPreview.png'
-import Meta from 'Components/utils/Meta'
 
 declare global {
 	interface Window {
@@ -37,37 +32,8 @@ export default function ChômagePartiel() {
 			document.body.removeChild(script)
 		}
 	}, [])
-	const { t, i18n } = useTranslation()
-	const META = {
-		title: t(
-			'pages.simulateurs.chômage-partiel.meta.titre',
-			"Calcul de l'indemnité chômage partiel : le simulateur Urssaf"
-		),
-		description: t(
-			'pages.simulateurs.chômage-partiel.meta.description',
-			"Calcul du revenu net pour l'employé et du reste à charge pour l'employeur après remboursement de l'Etat, en prenant en compte toutes les cotisations sociales."
-		),
-		ogTitle: t(
-			'pages.simulateurs.chômage-partiel.meta.ogTitle',
-			"Simulateur chômage partiel : découvrez l'impact sur le revenu net salarié et le coût total employeur."
-		),
-		ogDescription: t(
-			'pages.simulateurs.chômage-partiel.meta.ogDescription',
-			"Accédez à une première estimation en saisissant à partir d'un salaire brut. Vous pourrez ensuite personaliser votre situation (temps partiel, convention, etc). Prends en compte la totalité des cotisations, y compris celles spécifiques à l'indemnité (CSG et CRDS)."
-		),
-		...(i18n.language === 'fr' && { ogImage: ChômagePartielPreview })
-	}
 	return (
 		<>
-			<Meta {...META} />
-
-			<ScrollToTop />
-			{!inIframe && (
-				<Trans i18nKey="coronavirus.description">
-					<h1>Covid-19 : Simulateur de chômage partiel</h1>
-				</Trans>
-			)}
-
 			<Warning localStorageKey="covid19">
 				<ul>
 					<li>
@@ -77,14 +43,12 @@ export default function ChômagePartiel() {
 				</ul>
 			</Warning>
 			<Simulation
-				config={chomagePartielConfig}
 				results={<ExplanationSection />}
 				customEndMessages={
 					<span className="ui__ notice">Voir les résultats au-dessus</span>
 				}
 				showPeriodSwitch={false}
 			/>
-			{!inIframe && <TextExplanations />}
 		</>
 	)
 }
@@ -353,58 +317,3 @@ const ResultTable = styled.table`
 		background: var(--lighterColor);
 	}
 `
-
-function TextExplanations() {
-	const { t } = useTranslation()
-
-	return (
-		<Markdown
-			css={`
-				margin-top: 2rem;
-			`}
-			source={t(
-				'pages.simulateurs.chômage-partiel.explications seo',
-				`
-[👨‍💻 Intégrer ce simulateur sur votre site](/intégration/iframe?module=simulateur-chomage-partiel)
-
-## Comment calculer l'indemnité d'activité partielle ?
-
-L'indemnité d'activité partielle de base est fixée par la loi à **70% du brut**. Elle est proratisée en fonction du nombre d'heures chômées. Pour un salarié à 2300 € brut mensuel, qui travaille à 50% de son temps usuel, cela donne  **2300 € × 50% × 70% = 805 €**
-
-A cette indemnité de base s'ajoute l'indemnité complémentaire pour les salaires proches du SMIC. Ce complément intervient lorsque le cumul de la rémunération et de l'indemnité de base est en dessous d'un SMIC net.
-
-Ces indemnités sont prises en charge par l'employeur, qui sera ensuite remboursé en parti ou en totalité par l'Etat.
-
-👉 [Voir le détail du calcul de l'indemnité](/documentation/contrat-salarié/activité-partielle/indemnités)
-
-
-## Comment calculer la part remboursée par l'État ?
-
-L'Etat prend en charge une partie de l'indemnité partielle pour les salaires allant jusqu'à **4,5 SMIC**, avec un minimum à 8,03€ par heures chômée.
-
-Concrètement, cela abouti à une prise en charge à **100%** pour les salaires proches du SMIC. Celle-ci diminue progressivement jusqu'à se stabiliser à **93%** pour les salaires compris **entre 2000 € et 7000 €** (salaire correspondant à la limite de 4.5 SMIC).
-
-👉 [Voir le détail du calcul du remboursement de l'indemnité](/documentation/contrat-salarié/activité-partielle/indemnisation-entreprise)
-
-## Comment déclarer une activité partielle ?
-
-Face à la crise du coronavirus, les modalités de passage en activité partielle
-ont été allégées. L'employeur est autorisé a placer ses salariés en activité
-partielle avant que la demande officielle ne soit déposée. Celui-ci dispose
-ensuite d'un délai de **30 jours** pour se mettre en règle. Les
-indemnités seront versées avec un effet rétro-actif débutant à la mise en place
-du chômage partiel.
-
-👉 [Effectuer la demande de chômage partiel](https://www.service-public.fr/professionnels-entreprises/vosdroits/R31001)
-
-## Quelles sont les cotisations sociales à payer pour l'indemnité d'activité partielle ?
-
-L'indemnité d'activité partielle est soumise à la CSG/CRDS et à une
-contribution maladie dans certains cas. Pour en savoir plus, voir la page explicative sur [le site de l'URSSAF](https://www.urssaf.fr/portail/home/actualites/toute-lactualite-employeur/activite-partielle--nouveau-disp.html).
-
-
-`
-			)}
-		/>
-	)
-}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Home.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Home.tsx
index 74498701b..3c34d17bf 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Home.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Home.tsx
@@ -1,160 +1,118 @@
-import { SitePathsContext } from 'Components/utils/SitePathsContext'
 import React, { useContext } from 'react'
 import emoji from 'react-easy-emoji'
 import { Helmet } from 'react-helmet'
 import { Trans, useTranslation } from 'react-i18next'
 import { Link } from 'react-router-dom'
+import classnames from 'classnames'
 
-export function useSimulatorsMetadata() {
-	const { t } = useTranslation()
-	const sitePaths = useContext(SitePathsContext)
-
-	type SimulatorMetaData = {
-		name: string
-		icône: string
-		description?: string
-		sitePath: string
-		label?: string
-	}
-
-	return [
-		{
-			name: t('Assimilé salarié'),
-			icône: '☂️',
-			description: t(
-				'simulateurs.résumé.assimilé',
-				"Calculer le revenu d'un dirigeant de SAS, SASU ou SARL minoritaire"
-			),
-			sitePath: sitePaths.simulateurs.SASU
-		},
-		{
-			name: t('Indépendant'),
-			icône: '👩‍🔧',
-			description: t(
-				'simulateurs.résumé.indépendant',
-				"Calculer le revenu d'un dirigeant de EURL, EI, ou SARL majoritaire"
-			),
-			sitePath: sitePaths.simulateurs.indépendant
-		},
-		{
-			name: t('Auto-entrepreneur'),
-			icône: '🚶‍♂️',
-			description: t(
-				'simulateurs.résumé.auto',
-				"Calculer le revenu (ou le chiffre d'affaires) d'un auto-entrepreneur"
-			),
-			sitePath: sitePaths.simulateurs['auto-entrepreneur']
-		},
-		{
-			name: t('Salarié'),
-			icône: '🤝',
-			description: t(
-				'simulateurs.résumé.salarié',
-				"Calculer le salaire net, brut, ou total d'un salarié, stagiaire, ou assimilé"
-			),
-			sitePath: sitePaths.simulateurs.salarié
-		},
-		{
-			name: t('Artiste-auteur'),
-			icône: '👩‍🎨',
-			description: t(
-				'simulateurs.résumé.artiste-auteur',
-				"Estimer les cotisations sociales d'un artiste ou auteur"
-			),
-			sitePath: sitePaths.simulateurs['artiste-auteur']
-		},
-		{
-			name: t('Comparaison statuts'),
-			icône: '📊',
-			description: t(
-				'simulateurs.résumé.comparaison',
-				'Découvrir les différences entre les régimes (cotisations,retraite, maternité, maladie, etc.)'
-			),
-			sitePath: sitePaths.simulateurs.comparaison
-		},
-		{
-			name: t('Économie collaborative'),
-			description: t(
-				'simulateurs.résumé.économie-collaborative',
-				'Un guide pour savoir comment déclarer vos revenus issus de plateformes en ligne (AirBnb, leboncoin, blablacar, etc.)'
-			),
-			icône: '🙋',
-			sitePath: sitePaths.simulateurs.économieCollaborative.index
-		},
-		{
-			name: t('Chômage partiel'),
-			description: t(
-				'simulateurs.résumé.chômage-partiel',
-				"Simuler le revenu net versé au salarié, ainsi que le coût total restant à charge pour l'entreprise en cas de recours à l'activité partielle."
-			),
-			icône: '😷',
-			label: t('Covid 19'),
-			sitePath: sitePaths.simulateurs['chômage-partiel']
-		},
-		{
-			name: t('Aide à la déclaration de revenu'),
-			description: t(
-				'simulateurs.résumé.aide-déclaration-revenu-indep',
-				'Calculer facilement les montants des charges sociales à reporter dans votre déclaration de revenu 2019.'
-			),
-			icône: '✍️',
-			label: t('Indépendant'),
-			sitePath: sitePaths.gérer.déclarationIndépendant
-		},
-		{
-			name: t('Demande de mobilité'),
-			description: t(
-				'simulateurs.résumé.demande-mobilité',
-				'Formulaire de demande de mobilité en Europe pour les travailleurs indépendants'
-			),
-			icône: '🧳',
-			label: t('Indépendant'),
-			sitePath: sitePaths.gérer.formulaireMobilité
-		}
-	] as Array<SimulatorMetaData>
-}
+import simulatorSvg from './images/illustration-simulateur.svg'
+import useSimulatorsData, { SimulatorData } from './metadata'
+import { SitePathsContext } from 'Components/utils/SitePathsContext'
 
 export default function Simulateurs() {
 	const { t } = useTranslation()
-	const simulatorsMetadata = useSimulatorsMetadata()
+	const sitePaths = useContext(SitePathsContext)
+	const simulators = useSimulatorsData()
 	const titre = t('simulateurs.accueil.titre', 'Simulateurs disponibles')
 	return (
 		<>
 			<Helmet>
 				<title>{titre}</title>
 			</Helmet>
+			<section css="display: flex; align-items: flex-start; justify-content: space-between">
+				<div>
+					<h1>{titre}</h1>
+					<p className="ui__ lead">
+						<Trans i18nKey="créer.description">
+							Tous les simulateurs sur ce site sont maintenus à jour avec les
+							dernières évolutions législatives.
+						</Trans>
+					</p>
+					<Link
+						className="ui__ button plain cta"
+						to={sitePaths.integration.iframe}
+					>
+						<Trans>Intégrer un simulateur</Trans>
+					</Link>
+					{/* <p className="ui__ notice">
+						<Trans i18nKey="créer.warningPL">
+							Le cas des professions libérales réglementées n'est pas encore
+							traité
+						</Trans>
+					</p> */}
+				</div>
 
+				<img
+					className="ui__ hide-mobile"
+					src={simulatorSvg}
+					css="margin-left: 3rem; max-width: 15rem; transform: translateX(2rem) translateY(3rem) scale(1.4);"
+				/>
+			</section>
 			<section className="ui__ full-width light-bg">
-				<h1 css="min-width: 100%; text-align: center">{titre}</h1>
+				<h2 css="min-width: 100%; text-align: center">
+					Salariés et employeurs
+				</h2>
+				<div className="ui__ center-flex">
+					<SimulateurCard {...simulators.salarié} />
+					<SimulateurCard {...simulators['chômage-partiel']} />
+				</div>
+			</section>
+			<section>
+				<h2>Par type de société</h2>
 				<div
 					className="ui__ center-flex"
-					// Il y a actuellement 6 simulateurs affichés, c'est plus beau
-					// d'afficher une grille de 3x2 sur les écrans larges.
-					//
-					// TODO: on pourrait généraliser cette logique sur toutes les grilles
-					// avec des blocs centrés pour éviter d'avoir 1 seul élements sur la
-					// dernière ligne.
-					style={{ maxWidth: 1100, margin: 'auto' }}
+					css={`
+						margin: 0 -1rem;
+						> .card {
+							border: 4px solid var(--lighterColor);
+						}
+					`}
 				>
-					{simulatorsMetadata.map(
-						({ name, description, sitePath, icône, label }) => (
-							<Link
-								className="ui__ interactive card box"
-								key={sitePath}
-								to={{
-									state: { fromSimulateurs: true },
-									pathname: sitePath
-								}}
-							>
-								<div className="ui__ big box-icon">{emoji(icône)}</div>
-								<h3>{name}</h3>
-								<p className="ui__ notice" css="flex: 1">
-									{description}
-								</p>
-								{label && <span className="ui__ label">{label}</span>}
-							</Link>
-						)
-					)}
+					<SimulateurCard {...simulators['auto-entrepreneur']} />
+					<SimulateurCard {...simulators.indépendant} />
+					<SimulateurCard {...simulators.sasu} />
+				</div>
+
+				<h2>Par métier</h2>
+				<div
+					css={`
+						display: flex;
+						flex-wrap: wrap;
+						margin: 0 -1rem;
+						> .card {
+							border: 4px solid var(--lighterColor);
+						}
+					`}
+				>
+					<SimulateurCard {...simulators['artiste-auteur']} />
+					<SimulateurCard {...simulators['profession-libérale']} />
+				</div>
+				<h3>
+					<small>Professionnels de santé {emoji('🏥')}</small>
+				</h3>
+				<div
+					className="ui__ center-flex"
+					css={`
+						margin: 0 -0.5rem;
+						> .card {
+							border: 4px solid var(--lighterColor);
+						}
+					`}
+				>
+					<SimulateurCard small {...simulators['auxiliaire-médical']} />
+					<SimulateurCard small {...simulators['chirurgien-dentiste']} />
+					<SimulateurCard small {...simulators.médecin} />
+					<SimulateurCard small {...simulators['sage-femme']} />
+				</div>
+			</section>
+
+			<section className="ui__ full-width light-bg">
+				<h2 css="min-width: 100%; text-align: center">Autres outils</h2>
+				<div className="ui__ center-flex">
+					<SimulateurCard {...simulators['demande-mobilité']} />
+					<SimulateurCard {...simulators['comparaison-statuts']} />
+					<SimulateurCard {...simulators['économie-collaborative']} />
+					<SimulateurCard {...simulators['aide-déclaration-indépendant']} />
 				</div>
 			</section>
 			<section>
@@ -178,3 +136,32 @@ export default function Simulateurs() {
 		</>
 	)
 }
+
+function SimulateurCard({
+	small = false,
+	shortName,
+	meta,
+	path,
+	icône
+}: SimulatorData[keyof SimulatorData] & { small?: boolean }) {
+	return (
+		<Link
+			className={classnames('ui__ interactive card box', { small })}
+			key={path}
+			to={{
+				state: { fromSimulateurs: true },
+				pathname: path
+			}}
+		>
+			<div className={classnames('ui__ box-icon', { big: !small })}>
+				{emoji(icône)}
+			</div>
+			{small ? shortName : <h3>{shortName}</h3>}
+			{!small && meta?.description && (
+				<p className="ui__ notice" css="flex: 1">
+					{meta.description}
+				</p>
+			)}
+		</Link>
+	)
+}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Indépendant.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Indépendant.tsx
deleted file mode 100644
index ef9390c46..000000000
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Indépendant.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-import Warning from 'Components/SimulateurWarning'
-import Simulation from 'Components/Simulation'
-import indépendantConfig from 'Components/simulationConfigs/indépendant.yaml'
-import StackedBarChart from 'Components/StackedBarChart'
-import { ThemeColorsContext } from 'Components/utils/colors'
-import { IsEmbeddedContext } from 'Components/utils/embeddedContext'
-import { EngineContext } from 'Components/utils/EngineContext'
-import { default as React, useContext } from 'react'
-import { Helmet } from 'react-helmet'
-import { Trans, useTranslation } from 'react-i18next'
-
-export default function Indépendant() {
-	const { t } = useTranslation()
-	const inIframe = useContext(IsEmbeddedContext)
-
-	return (
-		<>
-			<Helmet>
-				<title>
-					{t(
-						'simulateurs.indépendant.page.titre',
-						'Indépendant : simulateur officiel de revenus et de cotisations'
-					)}
-				</title>
-				<meta
-					name="description"
-					content={t(
-						'simulateurs.indépendant.page.description',
-						"Estimez vos revenus en tant qu'indépendant à partir de votre chiffre d'affaire (pour les EI et les gérants EURL et SARL majoritaires). Prise en compte de toutes les cotisations et de l'impôt sur le revenu. Simulateur officiel de l'Urssaf"
-					)}
-				/>
-			</Helmet>
-			{!inIframe && (
-				<h1>
-					<Trans i18nKey="simulateurs.indépendant.titre">
-						Simulateur de revenus pour indépendants
-					</Trans>
-				</h1>
-			)}
-			<Warning simulateur="indépendant" />
-			<Simulation
-				config={indépendantConfig}
-				explanations={<ExplanationSection />}
-			/>
-		</>
-	)
-}
-
-function ExplanationSection() {
-	const engine = useContext(EngineContext)
-	const { t } = useTranslation()
-	const { palettes } = useContext(ThemeColorsContext)
-
-	return (
-		<section>
-			<h2>Répartition de la rémunération totale</h2>
-			<StackedBarChart
-				data={[
-					{
-						...engine.evaluate('revenu net après impôt'),
-						title: t('Revenu disponible'),
-						color: palettes[0][0]
-					},
-					{ ...engine.evaluate('impôt'), color: palettes[1][0] },
-					{
-						...engine.evaluate(
-							'dirigeant . indépendant . cotisations et contributions'
-						),
-						title: t('Cotisations'),
-						color: palettes[1][1]
-					}
-				]}
-			/>
-		</section>
-	)
-}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/IndépendantSimulation.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/IndépendantSimulation.tsx
new file mode 100644
index 000000000..623c76a0b
--- /dev/null
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/IndépendantSimulation.tsx
@@ -0,0 +1,12 @@
+import SimulateurWarning from 'Components/SimulateurWarning'
+import Simulation from 'Components/Simulation'
+import IndépendantExplanation from 'Components/simulationExplanation/IndépendantExplanation'
+import React from 'react'
+export default function IndépendantSimulation() {
+	return (
+		<>
+			<SimulateurWarning simulateur="indépendant" />
+			<Simulation explanations={<IndépendantExplanation />} />
+		</>
+	)
+}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Page.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Page.tsx
new file mode 100644
index 000000000..058aa365e
--- /dev/null
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Page.tsx
@@ -0,0 +1,34 @@
+import { setSimulationConfig } from 'Actions/actions'
+import { IsEmbeddedContext } from 'Components/utils/embeddedContext'
+import Meta from 'Components/utils/Meta'
+import { default as React, useContext, useEffect } from 'react'
+import { useDispatch } from 'react-redux'
+import { useLocation } from 'react-router-dom'
+import { SimulatorData } from './metadata'
+
+export default function SimulateurPage({
+	meta,
+	title,
+	config,
+	component: Component,
+	seoExplanations
+}: SimulatorData[keyof SimulatorData]) {
+	const inIframe = useContext(IsEmbeddedContext)
+	const dispatch = useDispatch()
+	const fromGérer = !!useLocation<{ fromGérer?: boolean }>().state?.fromGérer
+	useEffect(() => {
+		if (!config) {
+			return
+		}
+		dispatch(setSimulationConfig(config, fromGérer))
+	}, [config])
+
+	return (
+		<>
+			{meta && <Meta {...meta} />}
+			{title && !inIframe && <h1>{title}</h1>}
+			<Component />
+			{seoExplanations && !inIframe && seoExplanations}
+		</>
+	)
+}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ProfessionLibérale.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ProfessionLibérale.tsx
deleted file mode 100644
index 4c5a33787..000000000
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ProfessionLibérale.tsx
+++ /dev/null
@@ -1,135 +0,0 @@
-import Simulation from 'Components/Simulation'
-import professionLibéraleConfig from 'Components/simulationConfigs/profession-libérale.yaml'
-import StackedBarChart from 'Components/StackedBarChart'
-import { ThemeColorsContext } from 'Components/utils/colors'
-import { IsEmbeddedContext } from 'Components/utils/embeddedContext'
-import { EngineContext } from 'Components/utils/EngineContext'
-import React, { useContext, useEffect } from 'react'
-import { Helmet } from 'react-helmet'
-import { Trans, useTranslation } from 'react-i18next'
-import { SitePathsContext } from 'Components/utils/SitePathsContext'
-import { useHistory, useParams, useRouteMatch } from 'react-router-dom'
-import { useDispatch } from 'react-redux'
-import { updateSituation } from 'Actions/actions'
-import { DottedName } from 'Rules'
-import { utils } from 'publicodes'
-import { capitalise0 } from '../../../../utils'
-
-// The subsimulator feature allow to customize a simulator page content (title,
-// description) and url based on the answer to a multiple-choice question.
-// Arguments:
-// - `namespace` correspond to the question in the rule set
-// - `sitepath` is a React Router path descriptor which must contain a
-//   `:subsimulator?` argument
-function useSubSimulators(
-	namespace: DottedName,
-	sitepath: string
-): string | undefined {
-	const engine = useContext(EngineContext)
-	const history = useHistory()
-	const dispatch = useDispatch()
-	const subsimulatorUrlParam = '/:subsimulator?'
-	if (!sitepath.includes(subsimulatorUrlParam)) {
-		throw new Error('sitepath must contain the subsimulator param.')
-	}
-	const urlState = useRouteMatch<{ subsimulator: string }>({ path: sitepath })
-		?.params?.subsimulator
-	const defaultUrl = sitepath.replace(subsimulatorUrlParam, '')
-
-	// TODO: ajouter le support de l'attribut "titre" de la règle
-	const situationState = engine.situation[namespace]?.nodeValue
-
-	const encodedSituationState = utils.encodeRuleName(situationState)
-	const subSimulatorsList = Object.keys(engine.getParsedRules())
-		.filter(dottedname => dottedname.startsWith(namespace))
-		.map(dottedname => dottedname.replace(`${namespace} . `, ''))
-		.map(rulename => utils.encodeRuleName(rulename))
-
-	useEffect(() => {
-		if (urlState && !subSimulatorsList.includes(urlState)) {
-			history.push(defaultUrl)
-		} else if (encodedSituationState && encodedSituationState !== urlState) {
-			history.push(`${defaultUrl}/${encodedSituationState}`)
-		} else if (urlState && urlState !== encodedSituationState) {
-			dispatch(updateSituation(namespace, `'${urlState}'`))
-		}
-	}, [urlState, encodedSituationState])
-	if (typeof situationState !== 'string') {
-		return
-	}
-	return situationState
-}
-
-export default function ProfessionLibérale() {
-	const { t } = useTranslation()
-	const inIframe = useContext(IsEmbeddedContext)
-	const sitePaths = useContext(SitePathsContext)
-	const professionName = 'profession libérale'
-	// useSubSimulators(
-	// 	'dirigeant . indépendant . PL . métier . santé',
-	// 	sitePaths.simulateurs['profession-libérale']
-	// ) ?? 'profession libérale'
-
-	return (
-		<>
-			<Helmet>
-				<title>
-					{t(
-						'simulateurs.profession-libérale.page.titre',
-						`${capitalise0(
-							professionName
-						)} : simulateur de revenus et de cotisations`
-					)}
-				</title>
-				<meta
-					name="description"
-					content={t(
-						'simulateurs.profession-libérale.page.description',
-						`Estimez vos revenus en tant que ${professionName} à partir de votre chiffre d'affaire (pour les EI et les gérants EURL et SARL majoritaires). Prise en compte de toutes les cotisations et de l'impôt sur le revenu. Simulateur officiel de l'Urssaf`
-					)}
-				/>
-			</Helmet>
-			{!inIframe && (
-				<h1>
-					<Trans i18nKey="simulateurs.profession-libérale.titre">
-						Simulateur de revenus pour {professionName}
-					</Trans>
-				</h1>
-			)}
-			{/* <Warning simulateur="professionnelSanté" /> */}
-			<Simulation
-				config={professionLibéraleConfig}
-				explanations={<ExplanationSection />}
-			/>
-		</>
-	)
-}
-
-function ExplanationSection() {
-	const engine = useContext(EngineContext)
-	const { t } = useTranslation()
-	const { palettes } = useContext(ThemeColorsContext)
-
-	return (
-		<section>
-			<h2>Répartition de la rémunération totale</h2>
-			<StackedBarChart
-				data={[
-					{
-						...engine.evaluate('revenu net après impôt'),
-						title: t('Revenu disponible'),
-						color: palettes[0][0]
-					},
-					{ ...engine.evaluate('impôt'), color: palettes[1][0] },
-					{
-						...engine.evaluate(
-							'dirigeant . indépendant . cotisations et contributions'
-						),
-						title: t('Cotisations'),
-						color: palettes[1][1]
-					}
-				]}
-			/>
-		</section>
-	)
-}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/RémunérationSASU.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/RémunérationSASU.tsx
deleted file mode 100644
index 974c76268..000000000
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/RémunérationSASU.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import RuleLink from 'Components/RuleLink'
-import SalaryExplanation from 'Components/SalaryExplanation'
-import Warning from 'Components/SimulateurWarning'
-import Simulation from 'Components/Simulation'
-import assimiléConfig from 'Components/simulationConfigs/assimilé.yaml'
-import { IsEmbeddedContext } from 'Components/utils/embeddedContext'
-import Meta from 'Components/utils/Meta'
-import React, { useContext } from 'react'
-import { Trans, useTranslation } from 'react-i18next'
-import RémunérationSASUPreview from './images/RémunérationSASUPreview.png'
-
-export default function RémunérationSASU() {
-	const { t } = useTranslation()
-	const META = {
-		title: t(
-			'pages.simulateurs.sasu.meta.titre',
-			'Dirigeant de SASU : simulateur de revenus Urssaf'
-		),
-		description: t(
-			'pages.simulateurs.sasu.meta.description',
-			"Calcul du salaire net à partir du chiffre d'affaires + charges et vice-versa."
-		),
-		ogTitle: t(
-			'pages.simulateurs.sasu.meta.ogTitle',
-			'Rémunération du dirigeant de SASU : un simulateur pour connaître votre salaire net'
-		),
-		ogDescription: t(
-			'pages.simulateurs.sasu.meta.ogDescription',
-			'En tant que dirigeant assimilé-salarié, calculez immédiatement votre revenu net après impôt à partir du total alloué à votre rémunération.'
-		),
-		ogImage: RémunérationSASUPreview
-	}
-	const inIframe = useContext(IsEmbeddedContext)
-
-	return (
-		<>
-			<Meta {...META} />
-			{!inIframe && (
-				<h1>
-					<Trans i18nKey="pages.simulateurs.sasu.titre">
-						Simulateur de revenus pour dirigeant de SASU
-					</Trans>
-				</h1>
-			)}
-			<Warning simulateur="SASU" />
-			<Simulation
-				config={assimiléConfig}
-				explanations={<SalaryExplanation />}
-			/>
-			{!inIframe && <SeoExplanations />}
-		</>
-	)
-}
-
-function SeoExplanations() {
-	return (
-		<Trans i18nKey="pages.simulateurs.dirigean sasu.explication seo">
-			<h2>Comment calculer le salaire d'un dirigeant de SASU ? </h2>
-
-			<p>
-				Comme pour un salarié classique, le <strong>dirigeant de sasu</strong>{' '}
-				paye des cotisations sociales sur la rémunération qu'il se verse. Les
-				cotisations sont calculées de la même manière que pour le salarié :
-				elles sont décomposées en partie employeur et partie salarié et sont
-				exprimées comme un pourcentage du salaire brut.
-			</p>
-			<p>
-				Le dirigeant assimilé-salarié ne paye pas de{' '}
-				<strong>cotisations chômage</strong>. Par ailleurs, il ne bénéficie pas
-				de la{' '}
-				<RuleLink dottedName="contrat salarié . réduction générale">
-					réduction générale de cotisations
-				</RuleLink>{' '}
-				ni des dispositifs encadrés par le code du travail comme les{' '}
-				<RuleLink dottedName="contrat salarié . temps de travail . heures supplémentaires">
-					heures supplémentaires
-				</RuleLink>{' '}
-				ou les primes.
-			</p>
-
-			<p>
-				Il peut en revanche prétendre à la{' '}
-				<RuleLink dottedName="dirigeant . assimilé salarié . réduction ACRE">
-					réduction ACRE
-				</RuleLink>{' '}
-				en debut d'activité, sous certaines conditions.
-			</p>
-
-			<p>
-				Vous pouvez utiliser notre simulateur pour calculer la{' '}
-				<strong>rémunération nette</strong> à partir d'un montant superbrut
-				alloué à la rémunération du dirigeant. Il vous suffit pour cela saisir
-				le montant total alloué dans la case "total chargé". La simulation peut
-				ensuite être affinée en répondant aux différentes questions.
-			</p>
-		</Trans>
-	)
-}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Salarié.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Salarié.tsx
deleted file mode 100644
index 2fd3b2474..000000000
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Salarié.tsx
+++ /dev/null
@@ -1,168 +0,0 @@
-import Banner from 'Components/Banner'
-import PreviousSimulationBanner from 'Components/PreviousSimulationBanner'
-import RuleLink from 'Components/RuleLink'
-import SalaryExplanation from 'Components/SalaryExplanation'
-import Simulation from 'Components/Simulation'
-import salariéConfig from 'Components/simulationConfigs/salarié.yaml'
-import { IsEmbeddedContext } from 'Components/utils/embeddedContext'
-import Meta from 'Components/utils/Meta'
-import { SitePathsContext } from 'Components/utils/SitePathsContext'
-import { default as React, useContext } from 'react'
-import { Trans, useTranslation } from 'react-i18next'
-import { Link } from 'react-router-dom'
-import urlIllustrationNetBrutEn from './images/illustration-net-brut-en.png'
-import urlIllustrationNetBrut from './images/illustration-net-brut.png'
-import salaireBrutNetPreviewEN from './images/SalaireBrutNetPreviewEN.png'
-import salaireBrutNetPreviewFR from './images/SalaireBrutNetPreviewFR.png'
-
-export default function Salarié() {
-	const { t, i18n } = useTranslation()
-	const META = {
-		title: t(
-			'pages.simulateurs.salarié.meta.titre',
-			'Salaire brut / net : le convertisseur Urssaf'
-		),
-		description: t(
-			'pages.simulateurs.salarié.meta.description',
-			"Calcul du salaire net, net après impôt et coût total employeur. Beaucoup d'options disponibles (cadre, stage, apprentissage, heures supplémentaires, etc.)"
-		),
-		ogTitle: t(
-			'pages.simulateurs.salarié.meta.ogTitle',
-			'Salaire brut, net, net après impôt, coût total : le simulateur ultime pour salariés et employeurs'
-		),
-		ogDescription: t(
-			'pages.simulateurs.salarié.meta.ogDescription',
-			"En tant que salarié, calculez immédiatement votre revenu net après impôt à partir du brut mensuel ou annuel. En tant qu'employé, estimez le coût total d'une embauche à partir du brut. Ce simulateur est développé avec les experts de l'Urssaf, et il adapte les calculs à votre situation (statut cadre, stage, apprentissage, heures supplémentaire, titre-restaurants, mutuelle, temps partiel, convention collective, etc.)"
-		),
-		ogImage:
-			i18n.language === 'fr' ? salaireBrutNetPreviewFR : salaireBrutNetPreviewEN
-	}
-	const isEmbedded = React.useContext(IsEmbeddedContext)
-	return (
-		<>
-			<Meta {...META} />
-			<h1>
-				<Trans i18nKey="pages.simulateurs.salarié.titre">
-					Simulateur de revenus pour salarié
-				</Trans>
-			</h1>
-			<div style={{ margin: '2rem' }} />
-			<SalarySimulation />
-			{!isEmbedded && <SeoExplanations />}
-		</>
-	)
-}
-
-function SeoExplanations() {
-	const { i18n } = useTranslation()
-
-	return (
-		<Trans i18nKey="pages.simulateurs.salarié.explication seo">
-			<h2>Comment calculer le salaire net ?</h2>
-
-			<p>
-				Lors de l'entretien d'embauche l'employeur propose en général une
-				rémunération exprimée en « brut ». Le montant annoncé inclut ainsi les
-				cotisations salariales, qui servent à financer la protection sociale du
-				salarié et qui sont retranchées du salaire « net » perçu par le salarié.
-			</p>
-			<p>
-				Vous pouvez utiliser notre simulateur pour convertir le{' '}
-				<strong>salaire brut en net</strong> : il vous suffit pour cela saisir
-				la rémunération annoncée dans la case salaire brut. La simulation
-				peut-être affinée en répondant aux différentes questions (CDD, statut
-				cadre, heures supplémentaires, temps partiel, titre-restaurants, etc.).
-			</p>
-			<img
-				src={
-					i18n.language === 'fr'
-						? urlIllustrationNetBrut
-						: urlIllustrationNetBrutEn
-				}
-				css={`
-					width: 100%;
-				`}
-			/>
-			<p>
-				Par ailleurs depuis 2019, l'
-				<RuleLink dottedName="impôt">impôt sur le revenu</RuleLink> est prélevé
-				à la source. Pour ce faire, la direction générale des finances publiques
-				(DGFiP) transmet à l'employeur le taux d'imposition calculé à partir de
-				la déclaration de revenu du salarié. Si ce taux est inconnu, par exemple
-				lors d'une première année d'activité, l'employeur utilise le{' '}
-				<RuleLink dottedName="impôt . taux neutre d'impôt sur le revenu">
-					taux neutre
-				</RuleLink>
-				.
-			</p>
-
-			<h2>Comment calculer le coût d'embauche ?</h2>
-
-			<p>
-				Si vous cherchez à embaucher, vous pouvez calculer le coût total de la
-				rémunération de votre salarié, ainsi que les montants de cotisations
-				patronales et salariales correspondants. Cela vous permet de définir le
-				niveau de rémunération en connaissant le montant global de charge que
-				cela représente pour votre entreprise.
-			</p>
-
-			<p>
-				En plus du salaire, notre simulateur prend en compte le calcul des
-				avantages en nature (téléphone, véhicule de fonction, etc.), ainsi que
-				la mutuelle santé obligatoire.
-			</p>
-
-			<p>
-				Il existe des{' '}
-				<RuleLink dottedName="contrat salarié . aides employeur">
-					aides différées
-				</RuleLink>{' '}
-				à l'embauche qui ne sont pas toutes prises en compte par notre
-				simulateur, vous pouvez les retrouver sur{' '}
-				<a href="http://www.aides-entreprises.fr" target="_blank">
-					le portail officiel
-				</a>
-				.
-			</p>
-		</Trans>
-	)
-}
-
-export const SalarySimulation = () => {
-	const sitePaths = useContext(SitePathsContext)
-	return (
-		<>
-			<Simulation
-				config={salariéConfig}
-				explanations={<SalaryExplanation />}
-				customEndMessages={
-					<>
-						<Trans i18nKey="simulation-end.hiring.text">
-							Vous pouvez maintenant concrétiser votre projet d'embauche.
-						</Trans>
-						<div style={{ textAlign: 'center', margin: '1rem' }}>
-							<Link
-								className="ui__ plain button"
-								to={sitePaths.gérer.embaucher}
-							>
-								<Trans i18nKey="simulation-end.cta">
-									Connaître les démarches
-								</Trans>
-							</Link>
-						</div>
-					</>
-				}
-			/>
-			<br />
-			<PreviousSimulationBanner />
-			<Banner icon={'👨‍✈️'}>
-				<Trans>
-					Vous êtes dirigeant d'une SAS(U) ?{' '}
-					<Link to={sitePaths.simulateurs.SASU}>
-						Accéder au simulateur de revenu dédié
-					</Link>
-				</Trans>
-			</Banner>
-		</>
-	)
-}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/SalariéSimulation.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/SalariéSimulation.tsx
new file mode 100644
index 000000000..5a6ec5028
--- /dev/null
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/SalariéSimulation.tsx
@@ -0,0 +1,46 @@
+import Banner from 'Components/Banner'
+import PreviousSimulationBanner from 'Components/PreviousSimulationBanner'
+import Simulation from 'Components/Simulation'
+import SalaryExplanation from 'Components/simulationExplanation/SalaryExplanation'
+import { SitePathsContext } from 'Components/utils/SitePathsContext'
+import { default as React, useContext } from 'react'
+import { Trans } from 'react-i18next'
+import { Link } from 'react-router-dom'
+
+export default function SalariéSimulation() {
+	const sitePaths = useContext(SitePathsContext)
+	return (
+		<>
+			<Simulation
+				explanations={<SalaryExplanation />}
+				customEndMessages={
+					<>
+						<Trans i18nKey="simulation-end.hiring.text">
+							Vous pouvez maintenant concrétiser votre projet d'embauche.
+						</Trans>
+						<div style={{ textAlign: 'center', margin: '1rem' }}>
+							<Link
+								className="ui__ plain button"
+								to={sitePaths.gérer.embaucher}
+							>
+								<Trans i18nKey="simulation-end.cta">
+									Connaître les démarches
+								</Trans>
+							</Link>
+						</div>
+					</>
+				}
+			/>
+			<br />
+			<PreviousSimulationBanner />
+			<Banner icon={'👨‍✈️'}>
+				<Trans>
+					Vous êtes dirigeant d'une SAS(U) ?{' '}
+					<Link to={sitePaths.simulateurs.SASU}>
+						Accéder au simulateur de revenu dédié
+					</Link>
+				</Trans>
+			</Banner>
+		</>
+	)
+}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/SchemeComparaison.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/SchemeComparaison.tsx
index efcc9b8eb..212d20fa1 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/SchemeComparaison.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/SchemeComparaison.tsx
@@ -1,34 +1,11 @@
 import SchemeComparaison from 'Components/SchemeComparaison'
 import React from 'react'
-import { Helmet } from 'react-helmet'
 import { Trans, useTranslation } from 'react-i18next'
 
 export default function SchemeComparaisonPage() {
 	const { t } = useTranslation()
 	return (
 		<>
-			<Helmet>
-				<title>
-					{t(
-						'comparaisonRégimes.page.titre',
-						'Indépendant, assimilé salarié ou auto-entrepreneur : découvrez le régime qui vous correspond le mieux'
-					)}
-				</title>
-				<meta
-					name="description"
-					content={t(
-						'comparaisonRégimes.page.description',
-						'Quel est le meilleur régime pour votre situation ? Découvrez leur différences et simulez vos revenus et votre retraite en une minute pour chacune des possibilités.'
-					)}
-				/>
-			</Helmet>
-			<h1>
-				<Trans i18nKey="comparaisonRégimes.titre">
-					Indépendant, assimilé salarié ou{' '}
-					<span style={{ whiteSpace: 'nowrap' }}>auto-entrepreneur</span> : quel
-					régime choisir ?
-				</Trans>
-			</h1>
 			<p>
 				<Trans i18nKey="comparaisonRégimes.description">
 					Lorsque vous créez votre société, le choix du statut juridique va
diff --git a/mon-entreprise/source/components/simulationConfigs/artiste-auteur.yaml b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/artiste-auteur.yaml
similarity index 100%
rename from mon-entreprise/source/components/simulationConfigs/artiste-auteur.yaml
rename to mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/artiste-auteur.yaml
diff --git a/mon-entreprise/source/components/simulationConfigs/auto-entrepreneur.yaml b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/auto-entrepreneur.yaml
similarity index 100%
rename from mon-entreprise/source/components/simulationConfigs/auto-entrepreneur.yaml
rename to mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/auto-entrepreneur.yaml
diff --git a/mon-entreprise/source/components/simulationConfigs/chômage-partiel.yaml b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/chômage-partiel.yaml
similarity index 100%
rename from mon-entreprise/source/components/simulationConfigs/chômage-partiel.yaml
rename to mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/chômage-partiel.yaml
diff --git a/mon-entreprise/source/components/simulationConfigs/assimilé.yaml b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/dirigeant-sasu.yaml
similarity index 100%
rename from mon-entreprise/source/components/simulationConfigs/assimilé.yaml
rename to mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/dirigeant-sasu.yaml
diff --git a/mon-entreprise/source/components/simulationConfigs/indépendant.yaml b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/indépendant.yaml
similarity index 100%
rename from mon-entreprise/source/components/simulationConfigs/indépendant.yaml
rename to mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/indépendant.yaml
diff --git a/mon-entreprise/source/components/simulationConfigs/profession-libérale.yaml b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/profession-libérale.yaml
similarity index 100%
rename from mon-entreprise/source/components/simulationConfigs/profession-libérale.yaml
rename to mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/profession-libérale.yaml
diff --git a/mon-entreprise/source/components/simulationConfigs/rémunération-dirigeant.yaml b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/rémunération-dirigeant.yaml
similarity index 100%
rename from mon-entreprise/source/components/simulationConfigs/rémunération-dirigeant.yaml
rename to mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/rémunération-dirigeant.yaml
diff --git a/mon-entreprise/source/components/simulationConfigs/salarié.yaml b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/salarié.yaml
similarity index 100%
rename from mon-entreprise/source/components/simulationConfigs/salarié.yaml
rename to mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/configs/salarié.yaml
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/images/illustration-simulateur.svg b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/images/illustration-simulateur.svg
new file mode 100644
index 000000000..e986caa09
--- /dev/null
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/images/illustration-simulateur.svg
@@ -0,0 +1 @@
+<svg id="03431522-47b9-4239-bf4c-9446bb50bb61" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1027.35" height="783.97" viewBox="0 0 1027.35 783.97"><defs><linearGradient id="4f43e098-a778-42ef-b33c-7c47f8946c90" x1="940.91" y1="792.08" x2="940.91" y2="388.7" gradientTransform="translate(-77.03)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="gray" stop-opacity="0.25"/><stop offset="0.54" stop-color="gray" stop-opacity="0.12"/><stop offset="1" stop-color="gray" stop-opacity="0.1"/></linearGradient></defs><title>Calculator</title><path d="M672.88,182c-64.72-2.25-126.36-23.14-185.23-46S370.49,87.82,307.32,75.7c-40.63-7.79-87.09-8.89-119.83,12.89-31.5,21-41.68,57.15-47.16,90.73-4.11,25.26-6.53,51.85,4.75,75.5,7.83,16.42,21.74,30.22,31.36,45.94C209.9,355.48,186.25,423,150,476.39c-17,25.07-36.74,49-49.87,75.66s-19.2,57.25-7.72,84.47c11.39,27,38.52,47.24,67.91,61.49,59.68,29,130,37.23,198.61,41.92,151.82,10.39,304.46,5.89,456.68,1.39,56.34-1.67,112.92-3.36,168.35-12.07,30.77-4.83,62.55-12.51,84.89-31,28.36-23.53,35.39-63.37,16.39-92.88-31.88-49.49-120-61.78-142.31-114.89-12.27-29.24.33-61.8,18.15-88.92,38.24-58.16,102.33-109.19,105.71-175.67,2.32-45.66-28.49-91.39-76.13-113-49.94-22.64-119.18-19.79-156,17.69C796.68,169.13,730,184,672.88,182Z" transform="translate(-86.32 -58.02)" fill="#2975d1" opacity="0.1"/><ellipse cx="579.79" cy="726.58" rx="370.98" ry="27.58" fill="#2975d1" opacity="0.1"/><path d="M379.26,695.27s21-3.36,33.6,11.49c0,0-9.24,7.28-29.12-2.8Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M377,695s-13.39,16.52-6.82,34.85c0,0,10.92-4.38,12.11-26.64Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M365,667.83s8.4-15.4,42,6.16c0,0-4.48,10.36-19.32,9.52S368.9,676,365,667.83Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M362.81,666.72s-17.43-2-19.12,37.91c0,0,11.05,2.29,18.9-10.33S367.2,674.6,362.81,666.72Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M352.66,634.9s9.8-27.16,45.36-7.84c0,0-8.12,24.92-41.72,17.08Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M341.73,594.3s18.49-27.45,51.25-2c0,0-11.48,25.76-48.45,11.76Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M337.81,555.65s21.57-25.2,54.05,0c0,0-20.44,22.12-54.05,6.44Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M334.45,518.13s21.85-26.32,52.93-1.4c0,0-24.64,23.24-52.93,7.56Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M336.41,484.81s23-33.89,52.09-10.92c0,0-24.64,29.12-52.09,17.36Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M341.73,445.88s24.37-33.6,52.65-7.84c0,0-28.84,29.13-52.65,14Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M349.86,411.09s28.84-31.57,54-19c0,0-30.06,33.53-55.26,27.37Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M359.94,378.12s33.32-38.64,52.64-25.76c0,0-24.52,30-55,33Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M374.49,339.87s29.13-31.58,50.41-23.74c0,0-24.92,32.76-54.32,33.6Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M387.66,304.09s32.2-30.25,46.2-24.93c0,0-23.24,33.61-47.6,31.65Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M400.54,271s27.72-36.12,42.84-33.32c0,0-16.8,32.2-42.84,37Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M414.52,226.5s24.5-27.7,37.73-27.63c0,0-19.34,37-38.74,36.66Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M422.8,196.84l23.66-57.69s1.19,52.15-26.67,68.39Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M432.41,133.22s3.92-48.16,1.4-52.08c0,0,16.92,40-1.57,73.36Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M351.74,634.25s-24.54-15.21-40.43,22c0,0,21.84,14.49,43.31-12.51Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M341,592.75s-30.1-13.73-44.71,25.12c0,0,23.26,16,47.45-15.3Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M336.41,558s-21.56-25.2-54,0c0,0,20.44,22.12,54,6.44Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M333.72,518.13s-21.84-26.32-52.93-1.4c0,0,24.65,23.24,52.93,7.56Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M336.41,485.77s-15.32-38-48.62-21.63c0,0,18,33.65,47.27,27.92Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M343.66,445.69s-15.22-38.61-49-20.7c0,0,20.68,35.39,47.5,26.67Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M353.1,411.29s-6-42.33-34-46.12c0,0,5.93,44.64,30.22,53.75Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M360.65,378.19s-2.34-51-25.49-52.77c0,0,.78,38.71,22.88,60Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M376.89,338.41s-6.91-42.41-29-47.6c0,0,2.74,41.08,26.82,58Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M390.28,304.39s-.24-44.17-13.73-50.67c0,0-8.38,40,9.82,56.31Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M401.57,270.55s-1.89-45.49-15.87-51.9c0,0-4.79,36,13.77,54.88Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M416.47,230.12s-.09-37-10.06-45.67c0,0-9.93,40.53,4.85,53.12Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M421.62,195l-9.7-61.59s-13.19,50.46,10.17,72.69Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M423.52,133.81s-24.92-41.4-24.41-46c0,0,2.65,43.39,34,65Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M426.44,121.58S402.92,62.78,392.28,58c0,0,33.6,17.08,36.12,61.88Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M413.38,235.88l-1.6-.5c19.85-64.72,24.8-106,13.94-116.34l1.16-1.22C438.39,128.74,433.72,169.56,413.38,235.88Z" transform="translate(-86.32 -58.02)" fill="#444053"/><path d="M358.73,387.39l-2.38-.84c2.1-5.93,4.38-11.95,6.76-17.88C383.83,317,401.46,269,412.77,232.11l2.07-1C403.51,268,386.19,317.9,365.45,369.61,363.08,375.51,360.82,381.49,358.73,387.39Z" transform="translate(-86.32 -58.02)" fill="#444053"/><path d="M408.81,743.72c-.32-.36-32.5-36.58-54.92-98.44a364.42,364.42,0,0,1-21.7-112.77c-1.53-48.13,8.56-101.88,25.87-150.69l1.88,2.2C321.1,493.58,336.53,587.47,357,644c22.19,61.29,54,97.12,54.31,97.48Z" transform="translate(-86.32 -58.02)" fill="#444053"/><path d="M268.6,735.82s-38.05-2.29-33.56,24.37c0,0-.89,4.71,3.38,6.85,0,0,.06-2,3.9-1.31a17.51,17.51,0,0,0,4.13.2,8.62,8.62,0,0,0,5.06-2.08h0s10.69-4.42,14.85-21.9c0,0,3.08-3.81,2.95-4.79l-6.42,2.74s2.2,4.63.47,8.48c0,0-.21-8.31-1.44-8.12-.25,0-3.34,1.61-3.34,1.61s3.78,8.07.93,13.93c0,0,1.08-9.94-2.1-13.35l-4.52,2.64s4.41,8.33,1.42,15.13c0,0,.76-10.43-2.37-14.49l-4.1,3.2s4.14,8.21,1.62,13.85c0,0-.33-12.14-2.51-13.06,0,0-3.58,3.16-4.13,4.46,0,0,2.84,6,1.08,9.11,0,0-1.08-8.09-2-8.13,0,0-3.57,5.36-3.94,9a19.46,19.46,0,0,1,3.07-9.54,10.71,10.71,0,0,0-5.46,2.83s.55-3.79,6.34-4.12c0,0,3-4.07,3.74-4.32,0,0-5.76-.48-9.25,1.07,0,0,3.07-3.57,10.31-2l4-3.3s-7.58-1-10.8.11c0,0,3.7-3.16,11.89-.86l4.4-2.63s-6.46-1.39-10.32-.89c0,0,4.07-2.19,11.61.18l3.15-1.41s-4.74-.93-6.12-1.08-1.47-.53-1.47-.53a16.39,16.39,0,0,1,8.9,1S268.71,736.24,268.6,735.82Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M158,748.19s-38-2.29-33.55,24.37c0,0-.9,4.71,3.37,6.85,0,0,.07-2,3.91-1.31a17,17,0,0,0,4.13.2,8.56,8.56,0,0,0,5.05-2.08h0s10.7-4.42,14.86-21.9c0,0,3.07-3.81,3-4.79l-6.42,2.74s2.2,4.63.47,8.48c0,0-.21-8.31-1.44-8.12-.25,0-3.34,1.61-3.34,1.61s3.78,8.07.93,13.93c0,0,1.08-9.94-2.11-13.35l-4.52,2.64s4.41,8.33,1.42,15.13c0,0,.77-10.43-2.37-14.49l-4.09,3.2s4.14,8.21,1.62,13.85c0,0-.33-12.14-2.51-13.06,0,0-3.58,3.16-4.13,4.46,0,0,2.84,6,1.08,9.11,0,0-1.08-8.09-2-8.13,0,0-3.56,5.36-3.94,9a19.52,19.52,0,0,1,3.08-9.54,10.76,10.76,0,0,0-5.47,2.83s.56-3.79,6.35-4.12c0,0,3-4.07,3.74-4.31,0,0-5.76-.49-9.25,1.06,0,0,3.07-3.57,10.31-2l4-3.3s-7.58-1-10.8.11c0,0,3.7-3.16,11.89-.86l4.4-2.63s-6.47-1.39-10.32-.89c0,0,4.07-2.19,11.61.18l3.15-1.41s-4.74-.93-6.13-1.08-1.46-.53-1.46-.53a16.51,16.51,0,0,1,8.9,1S158.08,748.61,158,748.19Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><path d="M219.64,777.23s-38-2.29-33.56,24.37c0,0-.89,4.71,3.38,6.85,0,0,.07-2,3.9-1.31a17.57,17.57,0,0,0,4.14.2,8.62,8.62,0,0,0,5.05-2.08h0s10.69-4.42,14.85-21.9c0,0,3.08-3.81,3-4.79l-6.42,2.74s2.19,4.63.47,8.48c0,0-.21-8.31-1.45-8.12-.25,0-3.33,1.61-3.33,1.61s3.77,8.06.92,13.93c0,0,1.08-9.94-2.1-13.35l-4.52,2.64s4.41,8.33,1.42,15.13c0,0,.77-10.43-2.37-14.49l-4.1,3.2s4.15,8.21,1.62,13.85c0,0-.33-12.14-2.5-13.06,0,0-3.59,3.16-4.13,4.46,0,0,2.84,6,1.07,9.11,0,0-1.08-8.09-2-8.13,0,0-3.57,5.36-3.94,9a19.46,19.46,0,0,1,3.07-9.54,10.71,10.71,0,0,0-5.46,2.83s.55-3.79,6.35-4.12c0,0,2.94-4.07,3.73-4.32,0,0-5.76-.48-9.25,1.07,0,0,3.08-3.57,10.31-1.95l4-3.3s-7.58-1-10.8.11c0,0,3.71-3.16,11.89-.86l4.41-2.63S200.86,781.5,197,782c0,0,4.06-2.19,11.61.18l3.14-1.41s-4.73-.93-6.12-1.08-1.46-.53-1.46-.53a16.39,16.39,0,0,1,8.9,1S219.75,777.65,219.64,777.23Z" transform="translate(-86.32 -58.02)" fill="#2975d1"/><ellipse cx="103.66" cy="753.23" rx="26.93" ry="4.55" fill="#2975d1" opacity="0.1"/><ellipse cx="957.84" cy="753.23" rx="26.93" ry="4.55" fill="#2975d1" opacity="0.1"/><ellipse cx="699.95" cy="779.42" rx="26.93" ry="4.55" fill="#2975d1" opacity="0.1"/><ellipse cx="1000.43" cy="713.79" rx="26.93" ry="4.55" fill="#2975d1" opacity="0.1"/><ellipse cx="156.07" cy="710.95" rx="26.93" ry="4.55" fill="#2975d1" opacity="0.1"/><ellipse cx="45.44" cy="723.72" rx="26.93" ry="4.55" fill="#2975d1" opacity="0.1"/><rect x="302.74" y="79.74" width="431.35" height="641.38" rx="9.8" ry="9.8" fill="#3a3768"/><rect x="342.22" y="134.87" width="357.73" height="126.09" rx="29.21" ry="29.21" opacity="0.1"/><rect x="344.52" y="137.33" width="352.31" height="121.95" rx="10.2" ry="10.2" fill="#e6e8ec"/><rect x="354.68" y="313.48" width="71.14" height="79.04" rx="10.79" ry="10.79" opacity="0.1"/><rect x="441.63" y="313.48" width="71.14" height="79.04" rx="10.79" ry="10.79" opacity="0.1"/><rect x="528.58" y="313.48" width="71.14" height="79.04" rx="10.79" ry="10.79" opacity="0.1"/><rect x="615.53" y="315.16" width="71.14" height="79.04" rx="28.84" ry="28.84" opacity="0.1"/><rect x="615.53" y="313.48" width="71.14" height="79.04" rx="10.79" ry="10.79" fill="#2975d1"/><rect x="354.68" y="400.43" width="71.14" height="79.04" rx="10.79" ry="10.79" opacity="0.1"/><rect x="441.63" y="400.43" width="71.14" height="79.04" rx="10.79" ry="10.79" opacity="0.1"/><rect x="528.58" y="400.43" width="71.14" height="79.04" rx="10.79" ry="10.79" opacity="0.1"/><rect x="354.68" y="496.41" width="71.14" height="79.04" rx="10.79" ry="10.79" opacity="0.1"/><rect x="441.63" y="496.41" width="71.14" height="79.04" rx="10.79" ry="10.79" opacity="0.1"/><rect x="528.58" y="496.41" width="71.14" height="79.04" rx="10.79" ry="10.79" opacity="0.1"/><rect x="528.58" y="592.39" width="71.14" height="79.04" rx="10.79" ry="10.79" opacity="0.1"/><rect x="615.53" y="402.11" width="71.14" height="79.04" rx="28.84" ry="28.84" opacity="0.1"/><rect x="615.53" y="400.43" width="71.14" height="79.04" rx="11.3" ry="11.3" fill="#2975d1"/><rect x="615.53" y="400.43" width="71.14" height="79.04" rx="11.3" ry="11.3" opacity="0.2"/><rect x="354.68" y="592.39" width="158.09" height="79.04" rx="10.04" ry="10.04" opacity="0.1"/><rect x="608.75" y="496.41" width="77.91" height="175.03" rx="11.66" ry="11.66" opacity="0.1"/><rect x="649.87" y="237.98" width="31.14" height="3.37" fill="#2975d1"/><rect x="604.28" y="237.98" width="31.14" height="3.37" fill="#2975d1"/><rect x="558.68" y="237.98" width="31.14" height="3.37" fill="#2975d1"/><rect x="513.09" y="237.98" width="31.14" height="3.37" fill="#2975d1"/><path d="M966.19,532.56c3.21-10.8,0-21.6,0-21.6V500.77s3.67-19.92-12.71-32.7l-10.86-9.58s-6.09-5.23-7.86-5.56a8,8,0,0,0-1-.15l-.32-.19a32.69,32.69,0,0,1-2.38-5,4.63,4.63,0,0,0,3.87-1.32,5,5,0,0,0,.91-1.53h0c.63-1.41.74-3.12,1.27-4.62a11,11,0,0,1,2-3.32c-.11.18-.23.35-.33.54,1.54-1.92,3.55-3.56,5-5.58a12.51,12.51,0,0,0,.79-1.25c-.06.09-.14.17-.21.26,2-3.21,2.61-7.1,3.19-10.85a9.76,9.76,0,0,0,.06-3.88,14.13,14.13,0,0,0-1.08-2.46c-2.36-4.87-2.32-11-6.09-14.89-2.84-2.91-7.14-3.8-11.19-4.3s-8.31-.79-11.79-2.91a12.44,12.44,0,0,0-3.19-1.75,2.62,2.62,0,0,0-3.13,1.16,2.06,2.06,0,0,1-.42.85,1.36,1.36,0,0,1-1.2.07l-5.39-1.44.06.27-.14,0,.2.85a.46.46,0,0,1,.51.29l-.87,1.34a13.51,13.51,0,0,1-4.86-1,1.13,1.13,0,0,0,0,.26l-.08,0c-.1,1.52,1.63,2.51,2.16,3.94a3,3,0,0,1,0,1.93,4.23,4.23,0,0,1-1,1.54c-1.91,1.89-4.36,1.52-6.56,2.71a1.42,1.42,0,0,0-.8.89.65.65,0,0,0-.07.49,1.16,1.16,0,0,0,.45.56,10,10,0,0,0,2.09,1.3c-.22.2-.43.4-.63.61a24.1,24.1,0,0,0,8.33,39.32c.08.42.14.85.2,1.3,0,.05,0,.08,0,.13l.06.58-7.26,3.09a5.78,5.78,0,0,1-5.2-3.35c-1.69-3.49-7.66,0-7.66,0s-18.21-1.36-25,2c0,0-10.87-4.56-12.4-4.87s-3.82-1.52-4.89-1.21-2.45-2-3.22-1.83-1.07-1.52-3.52-2.13-3.37.16-6.12-2.58-25.11-13.54-25.11-13.54L792.76,415l-10.71-8.52-.19.35c-.07-.25-.14-.51-.21-.79a102.59,102.59,0,0,0-4-12.49c-.69-1.65-1-3.73-1.93-2.63-.57.66-1.54-.79-3-1.77a2.53,2.53,0,0,0-3.77,1.1h0c-8.34,13.08-11.33,14-6.5,18.81,4.31,4.27,7.17,8,10.68,9.18l.42.13a.45.45,0,0,1-.23,0l20.36,24.34s14.69,12.78,24.8,16.88,9.33,5.33,9.33,5.33,30.62,15.51,35.36,15.21,3.83,31.79,1.84,37-5.2,42.59-5.2,42.59-3.07,7.91.15,13.38c0,0,.71,10.48.07,13-2.79,4.3-6.77,11.6-7.42,19.11,0,.4-.08.77-.12,1.16a2.7,2.7,0,0,1-.72.59l.68-.2a38.5,38.5,0,0,1-2,9.18A37.31,37.31,0,0,0,847.92,629v24.16l-2,15s-2.45,11.35,0,14a6.48,6.48,0,0,1,1.34,4.66,8.68,8.68,0,0,0,1.56,5.44,4.07,4.07,0,0,1,1,3.49c-.81,2.63,1.2,30.62,1.2,30.62s-.59,7.71-1.4,8.12,1.4,8.92,1.4,8.92-8.27,6.9-6.16,10.55l2.11,3.24-.56.55-.34.35a3.26,3.26,0,0,0-2.11-.4,80.62,80.62,0,0,1-8.32,7.41c-3.73,2.69-13.88,6.59-13.88,6.59l-8,.65h-.15s-3.83-.36-1.68,5.57,21.37,4.11,21.37,4.11l11.22-1.77s20,.1,25.73-1.17c2.39-.53,3-1.81,2.8-3.1l0,0-.06-.06a8,8,0,0,0-1.64-3.35,1.28,1.28,0,0,0-.14-.18l.36-4.1c8.49-4.89-2.4-14.51-2.4-14.51s3.73-8.11,5.64-10.74,1.91-41.38,1.91-41.38,1-14-1.63-17.24a5.83,5.83,0,0,1,2.86-5.27c1.89-1.29,7.6-19.06,12.08-33.81l2.82,17.38s-.61,8.32,1.22,10.75a4.14,4.14,0,0,1,.76,3.24,14.6,14.6,0,0,0,.41,7,4.63,4.63,0,0,0,1.49,2.5c1.63.81,1.73,3.7,2.34,4.31s4.39-.86,4.59,1.37a50.49,50.49,0,0,1,0,5.88l1.23,36.1s-2,3-2.45,11c-.17,3.41-.81,5.35-1.47,6.46a3.31,3.31,0,0,0,.3,3.88l.35.41-1.51,1.16a3.33,3.33,0,0,0-.94,4.11,3.23,3.23,0,0,0-.93,3.5,2.44,2.44,0,0,0,.26.57,5.68,5.68,0,0,0-3.05,1.51,25,25,0,0,1-5.39,5.42,103.71,103.71,0,0,0-8.59,7.36,12.34,12.34,0,0,1-5,4,8.25,8.25,0,0,1-1.51.45c-4,.82-2.75,5,.51,5.69s14.08,4,22.5,2.07c0,0,2.5,1,6.17-.86S916,786.47,916,786.47s4.59,0,5.21-1.82a7.14,7.14,0,0,0,.26-1.78l.13-.13-.12-.11a24.26,24.26,0,0,0-.31-4.07c-.12-.7-.25-1.32-.37-1.82-.39-1.52-1.12-3.49-1.43-4.32a1.53,1.53,0,0,0,.14-.21c1.75-3-1.16-10.12-1.16-10.12A19.4,19.4,0,0,1,921.8,758c1.63-1.22,5.92-32.86,5.92-32.86s-.21-8.11,2-11.76-3.06-25.75-3.06-25.75-2.25-5.07-1.43-6.9-.82-8.52-.82-8.52v-8a8.84,8.84,0,0,0-.47-2.8c-.63-1.88-1.56-5.49-.55-8.08,1.43-3.65,4.69-26.16,4.69-26.16s-2.55-9.93,1.19-17.84a15.54,15.54,0,0,1,1-1.83c2.77-4.35,1.94-12.08.57-18.31-.2-1-.43-1.9-.66-2.77-.09-.38-.19-.74-.29-1.1l.44-.18s0-.59.14-1.6a11.24,11.24,0,0,0,7.36-5.09s9.34-10.5,17.6-14.91,8.88-10.8,8.88-10.8c-1.22-2.13,2.19-10.8,2.19-10.8Zm-32.55-79.63h0Zm5.61,93.63-8.84,10.25,0-.06c-2.3-3.2,2.14-10.35,2.14-10.35L939.9,530c-.06,2.1-.32,4-1,4.83-2,2.74,3.68,7.31,3.68,7.31C939.55,542.15,939.25,546.56,939.25,546.56Z" transform="translate(-86.32 -58.02)" fill="url(#4f43e098-a778-42ef-b33c-7c47f8946c90)"/><path d="M783.61,412.17l-4.83,9.37a19,19,0,0,1-4.49-.94,17,17,0,0,1-10.55-9.12c-4.31-9.52,2.82-15.67,6.14-17.49s6.41-3.89,8.9,2.08a103.26,103.26,0,0,1,3.91,12.41C783.27,410.67,783.61,412.17,783.61,412.17Z" transform="translate(-86.32 -58.02)" fill="#cc818c"/><path d="M937,460.91l-7.71,11.48s-36.43,17.38-29.47-3c3.06-9,3.42-15.57,2.87-20.12,0-.05,0-.08,0-.13-.72-5.69-2.86-8.16-2.86-8.16s35.51-18.18,30.22-5.75a17.12,17.12,0,0,0-1.25,8.18,27.88,27.88,0,0,0,3.82,11.35A37.71,37.71,0,0,0,937,460.91Z" transform="translate(-86.32 -58.02)" fill="#cc818c"/><path d="M925.91,688.32s5.24,22,3,25.59-2,11.69-2,11.69-4.23,31.44-5.84,32.64a19.21,19.21,0,0,0-3.43,4s2.88,7.12,1.15,10.06a2.44,2.44,0,0,1-1.15,1c-2.7,1.14-12.68-3.92-18.36-7a3.24,3.24,0,0,1-.58-5.28,3.3,3.3,0,0,1,.92-4.08l1.5-1.16-.35-.41a3.31,3.31,0,0,1-.3-3.86c.65-1.09,1.28-3,1.45-6.41.41-7.86,2.42-10.88,2.42-10.88l-1.21-35.88a49.78,49.78,0,0,0,0-5.84c-.2-2.21-3.93-.75-4.53-1.36s-.71-3.47-2.32-4.28a4.59,4.59,0,0,1-1.46-2.49,14.39,14.39,0,0,1-.41-7,4.13,4.13,0,0,0-.75-3.22c-1.81-2.42-1.21-10.67-1.21-10.67l-2.78-17.28c-4.43,14.66-10.06,32.32-11.93,33.6a5.81,5.81,0,0,0-2.82,5.23c2.62,3.23,1.61,17.14,1.61,17.14s0,38.48-1.89,41.11S869.09,754,869.09,754s10.8,9.61,2.3,14.46l-.09,0c-8.67,4.84-26.6-8.66-26.6-8.66l1.87-1.87.55-.55L845,754.22c-2.08-3.63,6.08-10.48,6.08-10.48s-2.18-8.47-1.38-8.87,1.38-8.06,1.38-8.06-2-27.81-1.18-30.43a4.1,4.1,0,0,0-1-3.47,8.63,8.63,0,0,1-1.54-5.4,6.42,6.42,0,0,0-1.33-4.63c-2.42-2.62,0-13.9,0-13.9l2-14.92V630.37A37.77,37.77,0,0,1,850.56,617a40,40,0,0,0,2.2-10.73c.66-7.64,4.77-15.06,7.53-19.29,1.46-2.24,2.55-3.58,2.55-3.58l64.48-2.52s1,2.87,2.08,6.86c.22.87.44,1.79.65,2.75,1.35,6.2,2.16,13.88-.57,18.2a16.93,16.93,0,0,0-1,1.82c-3.69,7.86-1.17,17.73-1.17,17.73s-3.22,22.36-4.63,26c-1,2.57-.08,6.16.55,8a9.1,9.1,0,0,1,.45,2.79V673s1.62,6.65.81,8.47S925.91,688.32,925.91,688.32Z" transform="translate(-86.32 -58.02)" fill="#444053"/><path d="M928.88,609.33a15.3,15.3,0,0,0-1,1.81l-3.63-.2c.35-1.87-2.12-19.4-2.12-19.4l7.31-.41C930.79,597.32,931.61,605,928.88,609.33Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M929.48,608.72a16.93,16.93,0,0,0-1,1.82l-3.63-.21c.35-1.86-2.12-19.4-2.12-19.4l7.31-.41C931.4,596.72,932.21,604.4,929.48,608.72Z" transform="translate(-86.32 -58.02)" fill="#444053"/><path d="M929.48,608.72a16.93,16.93,0,0,0-1,1.82l-3.63-.21c.35-1.86-2.12-19.4-2.12-19.4l7.31-.41C931.4,596.72,932.21,604.4,929.48,608.72Z" transform="translate(-86.32 -58.02)" opacity="0.05"/><path d="M918.8,772.34a2.44,2.44,0,0,1-1.15,1c-2.7,1.14-12.68-3.92-18.36-7a3.27,3.27,0,0,1-1.51-1.8c3.24-.59,5.36,3,5.36,3a4.78,4.78,0,0,1,6.65,1.61c2.77,4.08,8.71,2.36,8.71,2.36Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M920.47,784.69c-.6,1.82-5.14,1.82-5.14,1.82s-8.11,2.32-11.74,4.13-6.09.86-6.09.86c-8.31,1.91-19-1.41-22.22-2.07s-4.48-4.83-.5-5.64a8.06,8.06,0,0,0,1.49-.46,12.16,12.16,0,0,0,5-4,102.27,102.27,0,0,1,8.49-7.31,24.82,24.82,0,0,0,5.32-5.39c4.74-4.18,8.11,1.56,8.11,1.56a4.78,4.78,0,0,1,6.65,1.62c2.77,4.08,8.71,2.35,8.71,2.35s1.07,2.73,1.57,4.69c.12.5.25,1.12.37,1.82C920.76,780.7,920.93,783.33,920.47,784.69Z" transform="translate(-86.32 -58.02)" fill="#ff748f"/><circle cx="820.29" cy="713.38" r="0.55" fill="#575988"/><circle cx="815.56" cy="717.81" r="0.55" fill="#575988"/><circle cx="810.75" cy="721.79" r="0.55" fill="#575988"/><circle cx="813.24" cy="720.01" r="0.55" fill="#575988"/><circle cx="818.03" cy="715.46" r="0.55" fill="#575988"/><path d="M920.47,784.69c-.6,1.82-5.14,1.82-5.14,1.82s-8.11,2.32-11.74,4.13-6.09.86-6.09.86c-8.31,1.91-19-1.41-22.22-2.07s-4.48-4.83-.5-5.64a8.06,8.06,0,0,0,1.49-.46,38.68,38.68,0,0,0,10.9,2.07c8.21.35,14.71,0,14.71,0l8.31-2.67a13.89,13.89,0,0,1,5.14-1.86,13.44,13.44,0,0,0,5.11-2.22C920.76,780.7,920.93,783.33,920.47,784.69Z" transform="translate(-86.32 -58.02)" fill="#dce6f2"/><path d="M899.79,789.9a6.88,6.88,0,0,1-1.38-.13l.12-.59a8.8,8.8,0,0,0,5-.7c.74-.29,1.48-.64,2.2-1s1.73-.81,2.63-1.14l.82-.28c.45-.16.91-.31,1.35-.5.25-.1.5-.22.74-.34a8.51,8.51,0,0,1,1.86-.71,9.18,9.18,0,0,1,1-.13,8.9,8.9,0,0,0,.92-.11,8.65,8.65,0,0,0,1.75-.65,8.46,8.46,0,0,1,1.88-.7l.44-.07a2.15,2.15,0,0,0,1.3-.48l.45.41a2.71,2.71,0,0,1-1.65.67l-.42.07a8.09,8.09,0,0,0-1.75.65,9.17,9.17,0,0,1-1.88.69,6.69,6.69,0,0,1-1,.12,8.92,8.92,0,0,0-.94.12,8,8,0,0,0-1.73.67l-.76.35c-.46.19-.94.35-1.4.51l-.8.28c-.88.32-1.74.73-2.58,1.12s-1.48.7-2.24,1A10.91,10.91,0,0,1,899.79,789.9Z" transform="translate(-86.32 -58.02)" fill="#575988" opacity="0.5"/><path d="M901.73,689.78s4.18-6,11.34-6,10.22-.81,10.22-.81-4.58,2.72-7.75,3.07S901.73,689.78,901.73,689.78Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M904.15,691.19s3.78-2.62,5.94-2.72,4-.3,4-.3a11.56,11.56,0,0,1-3.32,1.61C909,690.28,904.15,691.19,904.15,691.19Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M905,693s5.69.45,5.74,2" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M851.93,608c.3.05,5.39-5.29,5.74-7.4a5.17,5.17,0,0,1,2.21-3.26s3.28,1.31.36,5.33S851.93,608,851.93,608Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M930,435.21c-1.16,2.74-2.18,3-2,5.61a20,20,0,0,1-4.61,3.63c-3.6,2.14-7.52,6.33-12,6.33a23.91,23.91,0,0,1-8.77-1.66c-.72-5.69-2.86-8.16-2.86-8.16S935.28,422.78,930,435.21Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M935.44,425.54a24,24,0,1,1-24-24A24,24,0,0,1,935.44,425.54Z" transform="translate(-86.32 -58.02)" fill="#cc818c"/><path d="M937,460.91l-7.71,11.48s-36.43,17.38-29.47-3c3.06-9,3.42-15.57,2.87-20.12l.06,0a19.27,19.27,0,0,1,.73,4.63c.11,3.14.19,7.11,8,8.42,13,2.18,19.94-5.94,21.16-7.53A37.71,37.71,0,0,0,937,460.91Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M783.61,412.17l-4.83,9.37a19,19,0,0,1-4.49-.94l-.42-.5c2,.76,8.61-11.79,8.61-11.79l.21.17C783.27,410.67,783.61,412.17,783.61,412.17Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M929.4,587.77c-15.56,6.76-69.38,1-69.38,1a7.37,7.37,0,0,0,.27-1.76c1.46-2.24,2.55-3.58,2.55-3.58l64.48-2.52S928.37,583.78,929.4,587.77Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M902.71,449.83l-7.18,3.07a5.69,5.69,0,0,1-5.13-3.33c-1.67-3.47-7.56,0-7.56,0s-18-1.36-24.64,2c0,0-10.73-4.54-12.24-4.84s-3.78-1.51-4.84-1.21-2.41-2-3.17-1.81-1.06-1.51-3.48-2.12-3.32.15-6-2.57-24.79-13.45-24.79-13.45l-10-8.16-10.58-8.46s-6.65,12.54-8.62,11.78l20.1,24.19s14.51,12.69,24.49,16.77,9.22,5.29,9.22,5.29,30.23,15.42,34.91,15.12S867,513.65,865,518.79s-5.13,42.32-5.13,42.32-3,7.86.15,13.3c0,0,.75,11.19,0,13.15,0,0,54.15,5.79,69.52-1.06,0,0,2.27-25.09,0-28.26S931.66,548,931.66,548l9.67-21.61,23.58-23.73s3.62-19.8-12.55-32.49l-10.73-9.53s-6-5.19-7.76-5.52-1.11,0-1.11,0-7,10.21-21.36,7.79c-7.78-1.31-7.86-5.28-8-8.41A19.6,19.6,0,0,0,902.71,449.83Z" transform="translate(-86.32 -58.02)" fill="#67647e"/><path d="M932.26,531.19S899,532.55,892.36,543c0,0,8.62-4.09,16.32-2.88S932.26,531.19,932.26,531.19Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M895.53,567.61s15.72,1.06,19.05-2.27,3.34-5.29,3.34-5.29Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M935.44,499.14s-13.31,15.72,2.87,22.52Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M856.69,468.77s4.84,9.87,7.26,10.52Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M840.37,464.53s12.09,10.89,14.36,11.94C854.73,476.47,842.18,464.53,840.37,464.53Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M888.58,454.11s-11.64,17.38-4.08,28C884.5,482.07,880.27,469.52,888.58,454.11Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M917.92,585.75l-3.56,3.35-.5.46-4.12,3.9c-.29.22-.58.44-.88.64-16.77,12-20.13-6.24-20.13-6.24s-7.4,4.84-8.46.91,17.23-9.52,20-9.22a3.59,3.59,0,0,0,.73,0,11.44,11.44,0,0,0,3.76-1.33l.81-.43a32,32,0,0,0,2.71-1.71Z" transform="translate(-86.32 -58.02)" fill="#cc818c"/><path d="M936,425.54A24,24,0,0,1,924.3,446.2a13.64,13.64,0,0,1-.88-1.75c-.86-2-1.39-4.16-2.26-6.17a19,19,0,0,0-4-5.88,2.55,2.55,0,0,0-1.07-.74,2.88,2.88,0,0,0-2.2.61,10.11,10.11,0,0,1-3.35,1.47,3.56,3.56,0,0,1-3.36-1c-.94-1.12-.81-2.76-.54-4.19.59-3.13,1.57-6.21,1.58-9.39s-1.21-6.6-4-8.18c-2.44-1.39-5.47-1-8.18-1.78a8.92,8.92,0,0,1-1.23-.42A24,24,0,0,1,936,425.54Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M893.17,404.94c-.43.23-.91.65-.78,1.13a1.14,1.14,0,0,0,.44.56,10.49,10.49,0,0,0,3.8,1.95c2.71.74,5.75.39,8.19,1.78,2.76,1.57,4,5,4,8.18s-1,6.26-1.57,9.38c-.27,1.44-.41,3.08.53,4.2a3.59,3.59,0,0,0,3.36,1,10,10,0,0,0,3.35-1.46,2.91,2.91,0,0,1,2.21-.62,2.72,2.72,0,0,1,1.07.74,19,19,0,0,1,4,5.89c.88,2,1.4,4.15,2.26,6.17a10,10,0,0,0,4,5c1.92,1.06,4.58,1,6.06-.64s1.36-3.89,2.06-5.86c1.2-3.43,4.55-5.58,6.65-8.54,2.35-3.33,3-7.51,3.64-11.54a9.48,9.48,0,0,0,.06-3.86,13.86,13.86,0,0,0-1.06-2.44c-2.34-4.84-2.29-10.93-6-14.79-2.8-2.9-7.05-3.78-11.05-4.28s-8.2-.78-11.63-2.89a12.65,12.65,0,0,0-3.15-1.74,2.58,2.58,0,0,0-3.1,1.16,2.06,2.06,0,0,1-.41.84,1.33,1.33,0,0,1-1.19.07l-5.32-1.43.61,2.68a13.32,13.32,0,0,1-5.65-1c-.1,1.52,1.61,2.5,2.14,3.92a3.63,3.63,0,0,1-1,3.68C897.76,404.12,895.35,403.75,893.17,404.94Z" transform="translate(-86.32 -58.02)" fill="#585268"/><path d="M871.61,766.06l-.22,2.41-.09,0c-8.67,4.84-26.6-8.66-26.6-8.66l1.87-1.87a3.26,3.26,0,0,1,.82,2.53l3.66.2,4.38,4.73s11.85,1.37,15.06.61Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M870.09,779.2c-5.64,1.26-25.39,1.17-25.39,1.17l-11.08,1.75s-19,1.82-21.11-4.08,1.66-5.53,1.66-5.53l.15,0,7.91-.64s10-3.88,13.71-6.55a79.6,79.6,0,0,0,8.21-7.36s3.3-.64,3.24,3.18l3.66.2,4.38,4.74s11.85,1.37,15.06.6h1.12l-.51,5.85.14.17C872,773.62,875.13,778.08,870.09,779.2Z" transform="translate(-86.32 -58.02)" fill="#ff748f"/><circle cx="763.32" cy="706.52" r="0.55" fill="#575988"/><circle cx="749.11" cy="712.68" r="0.55" fill="#575988"/><circle cx="741.79" cy="714.9" r="0.55" fill="#575988"/><circle cx="752.84" cy="711.5" r="0.55" fill="#575988"/><circle cx="745.44" cy="713.79" r="0.55" fill="#575988"/><circle cx="756.61" cy="709.75" r="0.55" fill="#575988"/><circle cx="760.34" cy="708.13" r="0.55" fill="#575988"/><path d="M870.09,779.2c-5.64,1.26-25.39,1.17-25.39,1.17l-11.08,1.75s-19,1.82-21.11-4.08,1.66-5.53,1.66-5.53l.15,0c1.21,1.57,3.64,3.35,8.41,3.44l13.66.55,14.15-1s13.26-.39,15.42-.85a31.59,31.59,0,0,0,5.28-1.94C872,773.62,875.13,778.08,870.09,779.2Z" transform="translate(-86.32 -58.02)" fill="#dce6f2"/><path d="M834.69,780.79a8.19,8.19,0,0,1-2.24-.28l.16-.58a11.1,11.1,0,0,0,5.62-.25c.67-.18,1.33-.37,2-.57a31.6,31.6,0,0,1,3.69-.93A30.57,30.57,0,0,1,850,778l.43,0a93.62,93.62,0,0,0,18.14-.81,6.79,6.79,0,0,0,3.88-1.56l.43.43a7.36,7.36,0,0,1-4.21,1.73,94.09,94.09,0,0,1-18.26.81l-.44,0a30.09,30.09,0,0,0-6,.18,29.79,29.79,0,0,0-3.61.91c-.67.2-1.34.4-2,.57A15.2,15.2,0,0,1,834.69,780.79Z" transform="translate(-86.32 -58.02)" fill="#575988" opacity="0.5"/><path d="M917.92,585.75l-3.56,3.35-8.84-11.32a32,32,0,0,0,2.71-1.71Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M958,493l7,9.67v10.13s3.17,10.73,0,21.46l.34,9.37s-3.37,8.61-2.16,10.73c0,0-.6,6.35-8.76,10.73S937,579.85,937,579.85s-3.48,6.65-12.85,5.14l-8.92,3.78-10.27-13.15,13.9-7.56s4.84-6.49,7.71-6.19l11.79-13.76s.3-4.38,3.32-4.38c0,0-5.59-4.53-3.63-7.25s.31-14.82.31-14.82Z" transform="translate(-86.32 -58.02)" fill="#67647e"/><path d="M945,537.08s15.87-.3,17.83,3.78S949.79,534.81,945,537.08Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M913.93,588.77a4.15,4.15,0,0,1-.07.79,5.34,5.34,0,0,1-5,4.54h-.28a5.34,5.34,0,0,1-5.34-5.34,5.2,5.2,0,0,1,.3-1.73c-2.52-2-2.66-5.68-2.59-7.5a11.44,11.44,0,0,0,3.76-1.33,24.88,24.88,0,0,0,2.63,5.37,5.61,5.61,0,0,1,1.24-.15A5.35,5.35,0,0,1,913.93,588.77Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M905.19,577s-3.58.81-3.58,1.46-.81,6.55,3.12,9,3.53-3.38,3.53-3.38S904.88,578.9,905.19,577Z" transform="translate(-86.32 -58.02)" fill="#575988"/><circle cx="822.86" cy="530.75" r="5.34" fill="#e4aab4"/><circle cx="822.86" cy="530.75" r="4.58" fill="#dce6f2"/><path d="M888.38,590.84s11.29,9.36,25.79,3.42v4.54s-9.67,6.65-18.43,2.62S888.38,590.84,888.38,590.84Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M888.38,589.63s11.29,9.37,25.79,3.42v4.54s-9.67,6.65-18.43,2.62S888.38,589.63,888.38,589.63Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M888.38,589.63s11.29,9.37,25.79,3.42v4.54s-9.67,6.65-18.43,2.62S888.38,589.63,888.38,589.63Z" transform="translate(-86.32 -58.02)" fill="#444053"/><path d="M888.68,589.63s11.29,9.37,25.8,3.42v4.54s-9.67,6.65-18.44,2.62S888.68,589.63,888.68,589.63Z" transform="translate(-86.32 -58.02)" opacity="0.05"/><path d="M852.91,757.94s15.12,2.78,17.33,3.38-.6,1.66-.6,1.66S855.84,760.51,852.91,757.94Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M852.56,749.93c.25,0,10.28-2.82,12.44-7.65" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M867.19,692.1s4.06,5.34,6.68,5.19S869.57,691.9,867.19,692.1Z" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M869.44,701s1.71,3.77,4.23,2.56" transform="translate(-86.32 -58.02)" opacity="0.1"/><path d="M879,618l10.72,28.27s1.51-18.19-1.68-23.63A9.43,9.43,0,0,0,879,618Z" transform="translate(-86.32 -58.02)" opacity="0.05"/><g opacity="0.1"><path d="M905.34,394l-.09-.41-1.72-.46.19.84A14.6,14.6,0,0,0,905.34,394Z" transform="translate(-86.32 -58.02)"/><path d="M900.61,400.82l.18-.16a3.62,3.62,0,0,0,1-3.68,4.85,4.85,0,0,0-.86-1.37,14.13,14.13,0,0,1-2.48-.73c-.1,1.51,1.6,2.49,2.13,3.91A3,3,0,0,1,900.61,400.82Z" transform="translate(-86.32 -58.02)"/><path d="M929.2,447.29a10,10,0,0,1-4.05-5c-.85-2-1.38-4.16-2.25-6.16a19,19,0,0,0-4-5.89,2.62,2.62,0,0,0-1.07-.74,2.92,2.92,0,0,0-2.2.61,10.11,10.11,0,0,1-3.35,1.47,3.58,3.58,0,0,1-3.36-1c-.94-1.12-.81-2.77-.54-4.2.59-3.12,1.57-6.21,1.58-9.38s-1.21-6.61-4-8.18c-2.44-1.39-5.47-1-8.18-1.78a10.53,10.53,0,0,1-3.81-1.95,1.8,1.8,0,0,1-.2-.19,5,5,0,0,0-.66.31c-.44.23-.91.65-.79,1.13a1.22,1.22,0,0,0,.45.56,10.41,10.41,0,0,0,3.8,1.95c2.71.74,5.74.39,8.18,1.78,2.76,1.57,4,5,4,8.18s-1,6.26-1.58,9.38c-.27,1.44-.4,3.08.54,4.2a3.58,3.58,0,0,0,3.36,1,10,10,0,0,0,3.35-1.46,2.89,2.89,0,0,1,2.2-.62,2.65,2.65,0,0,1,1.07.74,19.21,19.21,0,0,1,4,5.89c.88,2,1.4,4.15,2.26,6.17a10,10,0,0,0,4,5c1.91,1.06,4.58,1,6-.64a4.7,4.7,0,0,0,.9-1.52A5.16,5.16,0,0,1,929.2,447.29Z" transform="translate(-86.32 -58.02)"/><path d="M937.84,439.6c1.51-1.91,3.5-3.54,4.92-5.54.28-.4.54-.82.78-1.24C941.71,435.15,939.2,437,937.84,439.6Z" transform="translate(-86.32 -58.02)"/></g></svg>
\ No newline at end of file
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/index.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/index.tsx
index 2781d9480..9c6ac4088 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/index.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/index.tsx
@@ -1,19 +1,12 @@
 import { usePersistingState } from 'Components/utils/persistState'
 import { ScrollToTop } from 'Components/utils/Scroll'
 import { SitePathsContext } from 'Components/utils/SitePathsContext'
-import React, { useContext, useEffect } from 'react'
+import { default as React, useContext, useEffect, useMemo } from 'react'
 import { Trans } from 'react-i18next'
 import { Link, Route, Switch, useLocation } from 'react-router-dom'
-import ArtisteAuteur from './ArtisteAuteur'
-import AssimiléSalarié from './RémunérationSASU'
-import ChômagePartiel from './ChômagePartiel'
-import ProfessionLibérale from './ProfessionLibérale'
-import AutoEntrepreneur from './AutoEntrepreneur'
+import useSimulatorsData from './metadata'
+import SimulateurPage from './Page'
 import Home from './Home'
-import Indépendant from './Indépendant'
-import Salarié from './Salarié'
-import SchemeComparaison from './SchemeComparaison'
-import ÉconomieCollaborative from './ÉconomieCollaborative'
 
 export default function Simulateurs() {
 	const sitePaths = useContext(SitePathsContext)
@@ -26,7 +19,20 @@ export default function Simulateurs() {
 			setLastState(state)
 		}
 	}, [setLastState, state])
-
+	const simulatorsData = useSimulatorsData()
+	const simulatorRoutes = useMemo(
+		() =>
+			Object.values(simulatorsData)
+				.filter(({ path }) => path.startsWith(sitePaths.simulateurs.index))
+				.map(s => (
+					<Route
+						key={s.path}
+						path={s.path}
+						render={() => <SimulateurPage {...s} />}
+					/>
+				)),
+		[simulatorsData, sitePaths]
+	)
 	return (
 		<>
 			<ScrollToTop key={pathname} />
@@ -60,36 +66,7 @@ export default function Simulateurs() {
 			)}
 			<Switch>
 				<Route exact path={sitePaths.simulateurs.index} component={Home} />
-				<Route path={sitePaths.simulateurs.salarié} component={Salarié} />
-				<Route
-					path={sitePaths.simulateurs.comparaison}
-					component={SchemeComparaison}
-				/>
-				<Route path={sitePaths.simulateurs.SASU} component={AssimiléSalarié} />
-				<Route
-					path={sitePaths.simulateurs.indépendant}
-					component={Indépendant}
-				/>
-				<Route
-					path={sitePaths.simulateurs['auto-entrepreneur']}
-					component={AutoEntrepreneur}
-				/>
-				<Route
-					path={sitePaths.simulateurs['artiste-auteur']}
-					component={ArtisteAuteur}
-				/>
-				<Route
-					path={sitePaths.simulateurs['chômage-partiel']}
-					component={ChômagePartiel}
-				/>
-				<Route
-					path={sitePaths.simulateurs['profession-libérale']}
-					component={ProfessionLibérale}
-				/>
-				<Route
-					path={sitePaths.simulateurs.économieCollaborative.index}
-					component={ÉconomieCollaborative}
-				/>
+				{simulatorRoutes}
 			</Switch>
 		</>
 	)
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/metadata.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/metadata.tsx
new file mode 100644
index 000000000..ab37422e6
--- /dev/null
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/metadata.tsx
@@ -0,0 +1,667 @@
+import RuleLink from 'Components/RuleLink'
+import SimulateurWarning from 'Components/SimulateurWarning'
+import Simulation from 'Components/Simulation'
+import AutoEntrepreneurExplanation from 'Components/simulationExplanation/AutoEntrepreneurExplanation'
+import SalaryExplanation from 'Components/simulationExplanation/SalaryExplanation'
+import { SitePathsContext } from 'Components/utils/SitePathsContext'
+import React, { useContext, useMemo } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+import { SimulationConfig } from 'Reducers/rootReducer'
+import { constructLocalizedSitePath } from '../../sitePaths'
+import AideDéclarationIndépendant from '../Gérer/AideDéclarationIndépendant'
+import FormulaireMobilitéIndépendant from '../Gérer/DemandeMobilite'
+import ArtisteAuteur from './ArtisteAuteur'
+import ChômagePartielComponent from './ChômagePartiel'
+import autoEntrepreneurConfig from './configs/auto-entrepreneur.yaml'
+import chômageParielConfig from './configs/chômage-partiel.yaml'
+import sasuConfig from './configs/dirigeant-sasu.yaml'
+import indépendantConfig from './configs/indépendant.yaml'
+import professionLibéraleConfig from './configs/profession-libérale.yaml'
+import salariéConfig from './configs/salarié.yaml'
+import AutoEntrepreneurPreview from './images/AutoEntrepreneurPreview.png'
+import ChômagePartielPreview from './images/ChômagePartielPreview.png'
+import urlIllustrationNetBrutEn from './images/illustration-net-brut-en.png'
+import urlIllustrationNetBrut from './images/illustration-net-brut.png'
+import RémunérationSASUPreview from './images/RémunérationSASUPreview.png'
+import salaireBrutNetPreviewEN from './images/SalaireBrutNetPreviewEN.png'
+import salaireBrutNetPreviewFR from './images/SalaireBrutNetPreviewFR.png'
+import IndépendantSimulation from './IndépendantSimulation'
+import SalariéSimulation from './SalariéSimulation'
+import SchemeComparaisonPage from './SchemeComparaison'
+import ÉconomieCollaborative from './ÉconomieCollaborative'
+
+const simulateurs = [
+	'salarié',
+	'auto-entrepreneur',
+	'indépendant',
+	'sasu',
+	'chômage-partiel',
+	'artiste-auteur',
+	'comparaison-statuts',
+	'économie-collaborative',
+	'aide-déclaration-indépendant',
+	'demande-mobilité',
+	'profession-libérale',
+	'médecin',
+	'chirurgien-dentiste',
+	'sage-femme',
+	'auxiliaire-médical'
+] as const
+
+export type SimulatorData = Record<
+	typeof simulateurs[number],
+	{
+		meta?: {
+			title: string
+			description: string
+			ogTitle?: string
+			ogDescription?: string
+			ogImage?: string
+		}
+		icône: string
+		shortName: string
+		path: string
+		iframe?: string
+		title?: string
+		config?: SimulationConfig
+		seoExplanations?: React.ReactNode
+		private?: true
+		component: () => JSX.Element
+	}
+>
+
+export function getSimulatorsData({
+	t = (_, text) => text,
+	sitePaths = constructLocalizedSitePath('fr'),
+	language = 'fr'
+}): SimulatorData {
+	return {
+		salarié: {
+			config: salariéConfig,
+			component: SalariéSimulation,
+			icône: '🤝',
+			title: t(
+				'pages.simulateurs.salarié.title',
+				'Simulateur de revenus pour salarié'
+			),
+			iframe: 'simulateur-embauche',
+			meta: {
+				description: t(
+					'pages.simulateurs.salarié.meta.description',
+					"Calcul du salaire net, net après impôt et coût total employeur. Beaucoup d'options disponibles (cadre, stage, apprentissage, heures supplémentaires, etc.)"
+				),
+				ogDescription: t(
+					'pages.simulateurs.salarié.meta.ogDescription',
+					"En tant que salarié, calculez immédiatement votre revenu net après impôt à partir du brut mensuel ou annuel. En tant qu'employé, estimez le coût total d'une embauche à partir du brut. Ce simulateur est développé avec les experts de l'Urssaf, et il adapte les calculs à votre situation (statut cadre, stage, apprentissage, heures supplémentaire, titre-restaurants, mutuelle, temps partiel, convention collective, etc.)"
+				),
+				ogImage:
+					language === 'fr' ? salaireBrutNetPreviewFR : salaireBrutNetPreviewEN,
+				ogTitle: t(
+					'pages.simulateurs.salarié.meta.ogTitle',
+					'Salaire brut, net, net après impôt, coût total : le simulateur ultime pour salariés et employeurs'
+				),
+				title: t(
+					'pages.simulateurs.salarié.meta.titre',
+					'Salaire brut / net : le convertisseur Urssaf'
+				)
+			},
+			path: sitePaths.simulateurs.salarié,
+			shortName: t('pages.simulateurs.salarié.shortname', 'Salarié'),
+			seoExplanations: (
+				<Trans i18nKey="pages.simulateurs.salarié.seo">
+					<h2>Comment calculer le salaire net ?</h2>
+					<p>
+						Lors de l'entretien d'embauche l'employeur propose en général une
+						rémunération exprimée en « brut ». Le montant annoncé inclut ainsi
+						les cotisations salariales, qui servent à financer la protection
+						sociale du salarié et qui sont retranchées du salaire « net » perçu
+						par le salarié.
+					</p>
+					<p>
+						Vous pouvez utiliser notre simulateur pour convertir le{' '}
+						<strong>salaire brut en net</strong> : il vous suffit pour cela
+						saisir la rémunération annoncée dans la case salaire brut. La
+						simulation peut-être affinée en répondant aux différentes questions
+						(CDD, statut cadre, heures supplémentaires, temps partiel,
+						titre-restaurants, etc.).
+					</p>
+					<img
+						src={
+							language === 'fr'
+								? urlIllustrationNetBrut
+								: urlIllustrationNetBrutEn
+						}
+						css={`
+							width: 100%;
+						`}
+					/>
+					<p>
+						Par ailleurs depuis 2019, l'
+						<RuleLink dottedName="impôt">impôt sur le revenu</RuleLink> est
+						prélevé à la source. Pour ce faire, la direction générale des
+						finances publiques (DGFiP) transmet à l'employeur le taux
+						d'imposition calculé à partir de la déclaration de revenu du
+						salarié. Si ce taux est inconnu, par exemple lors d'une première
+						année d'activité, l'employeur utilise le{' '}
+						<RuleLink dottedName="impôt . taux neutre d'impôt sur le revenu">
+							taux neutre
+						</RuleLink>
+						.
+					</p>
+					<h2>Comment calculer le coût d'embauche ?</h2>
+					<p>
+						Si vous cherchez à embaucher, vous pouvez calculer le coût total de
+						la rémunération de votre salarié, ainsi que les montants de
+						cotisations patronales et salariales correspondants. Cela vous
+						permet de définir le niveau de rémunération en connaissant le
+						montant global de charge que cela représente pour votre entreprise.
+					</p>
+					<p>
+						En plus du salaire, notre simulateur prend en compte le calcul des
+						avantages en nature (téléphone, véhicule de fonction, etc.), ainsi
+						que la mutuelle santé obligatoire.
+					</p>
+					<p>
+						Il existe des{' '}
+						<RuleLink dottedName="contrat salarié . aides employeur">
+							aides différées
+						</RuleLink>{' '}
+						à l'embauche qui ne sont pas toutes prises en compte par notre
+						simulateur, vous pouvez les retrouver sur{' '}
+						<a href="http://www.aides-entreprises.fr" target="_blank">
+							le portail officiel
+						</a>
+						.
+					</p>
+				</Trans>
+			)
+		},
+		'auto-entrepreneur': {
+			config: autoEntrepreneurConfig,
+			icône: '🚶‍♂️',
+			iframe: 'simulateur-autoentrepreneur',
+			meta: {
+				description: t(
+					'pages.simulateurs.auto-entrepreneur.meta.description',
+					"Calcul du revenu à partir du chiffre d'affaires, après déduction des cotisations et des impôts"
+				),
+				ogDescription: t(
+					'pages.simulateurs.auto-entrepreneur.meta.ogDescription',
+					"Grâce au simulateur de revenu auto-entrepreneur développé par l'Urssaf, vous pourrez estimer le montant de vos revenus en fonction de votre chiffre d'affaire mensuel ou annuel pour mieux gérer votre trésorerie. Ou dans le sens inverse : savoir quel montant facturer pour atteindre un certain revenu."
+				),
+				ogImage: AutoEntrepreneurPreview,
+				ogTitle: t(
+					'pages.simulateurs.auto-entrepreneur.meta.ogTitle',
+					'Auto-entrepreneur : calculez rapidement votre revenu net à partir du CA et vice-versa'
+				),
+				title: t(
+					'pages.simulateurs.auto-entrepreneur.meta.titre',
+					'Auto-entrepreneurs : simulateur de revenus'
+				)
+			},
+			component: function AutoEntrepreneurSimulation() {
+				return (
+					<>
+						<SimulateurWarning simulateur="auto-entrepreneur" />
+						<Simulation explanations={<AutoEntrepreneurExplanation />} />
+					</>
+				)
+			},
+			path: sitePaths.simulateurs['auto-entrepreneur'],
+			shortName: t(
+				'pages.simulateurs.auto-entrepreneur.shortname',
+				'Auto-entrepreneur'
+			),
+			title: t(
+				'pages.simulateurs.auto-entrepreneur.title',
+				'Simulateur de revenus auto-entrepreneur'
+			)
+		},
+		indépendant: {
+			config: indépendantConfig,
+			icône: '🏃',
+			iframe: 'simulateur-independant',
+			path: sitePaths.simulateurs.indépendant,
+			shortName: t('pages.simulateurs.indépendant.shortname', 'Indépendant'),
+			title: t(
+				'pages.simulateurs.indépendant.title',
+				'Simulateur de revenus pour indépendant'
+			),
+			meta: {
+				title: t(
+					'pages.simulateurs.indépendant.meta.title',
+					'Indépendant : simulateur de revenus Urssaf'
+				),
+				description: t(
+					'pages.simulateurs.indépendant.meta.description',
+					"Calcul du revenu net après impôt et des cotisations à partir du chiffre d'affaires et inversement"
+				)
+			},
+			component: IndépendantSimulation
+		},
+		sasu: {
+			config: sasuConfig,
+			icône: '👨‍✈️',
+			iframe: 'simulateur-assimilesalarie',
+			meta: {
+				description: t(
+					'pages.simulateurs.sasu.meta.description',
+					'Calcul du salaire net à partir du total alloué à la rémunération et inversement'
+				),
+				ogDescription: t(
+					'pages.simulateurs.sasu.meta.ogDescription',
+					'En tant que dirigeant assimilé-salarié, calculez immédiatement votre revenu net après impôt à partir du total alloué à votre rémunération.'
+				),
+				ogImage: RémunérationSASUPreview,
+				ogTitle: t(
+					'pages.simulateurs.sasu.meta.ogTitle',
+					'Rémunération du dirigeant de SASU : un simulateur pour connaître votre salaire net'
+				),
+				title: t(
+					'pages.simulateurs.sasu.meta.titre',
+					'Dirigeant de SASU : simulateur de revenus Urssaf'
+				)
+			},
+			path: sitePaths.simulateurs.SASU,
+			shortName: t('pages.simulateurs.sasu.shortname', 'Dirigeant de SASU'),
+			title: t(
+				'pages.simulateurs.sasu.title',
+				'Simulateur de revenus pour dirigeant de SASU'
+			),
+			component: function SasuSimulation() {
+				return (
+					<>
+						<SimulateurWarning simulateur="SASU" />
+						<Simulation explanations={<SalaryExplanation />} />
+					</>
+				)
+			},
+			seoExplanations: (
+				<Trans i18nKey="pages.simulateurs.sasu.seo-explanation">
+					<h2>Comment calculer le salaire d'un dirigeant de SASU ? </h2>
+					<p>
+						Comme pour un salarié classique, le{' '}
+						<strong>dirigeant de sasu</strong> paye des cotisations sociales sur
+						la rémunération qu'il se verse. Les cotisations sont calculées de la
+						même manière que pour le salarié : elles sont décomposées en partie
+						employeur et partie salarié et sont exprimées comme un pourcentage
+						du salaire brut.
+					</p>
+					<p>
+						Le dirigeant assimilé-salarié ne paye pas de{' '}
+						<strong>cotisations chômage</strong>. Par ailleurs, il ne bénéficie
+						pas de la{' '}
+						<RuleLink dottedName="contrat salarié . réduction générale">
+							réduction générale de cotisations
+						</RuleLink>{' '}
+						ni des dispositifs encadrés par le code du travail comme les{' '}
+						<RuleLink dottedName="contrat salarié . temps de travail . heures supplémentaires">
+							heures supplémentaires
+						</RuleLink>{' '}
+						ou les primes.
+					</p>
+					<p>
+						Il peut en revanche prétendre à la{' '}
+						<RuleLink dottedName="dirigeant . assimilé salarié . réduction ACRE">
+							réduction ACRE
+						</RuleLink>{' '}
+						en debut d'activité, sous certaines conditions.
+					</p>
+					<p>
+						Vous pouvez utiliser notre simulateur pour calculer la{' '}
+						<strong>rémunération nette</strong> à partir d'un montant superbrut
+						alloué à la rémunération du dirigeant. Il vous suffit pour cela
+						saisir le montant total alloué dans la case "total chargé". La
+						simulation peut ensuite être affinée en répondant aux différentes
+						questions.
+					</p>
+				</Trans>
+			)
+		},
+		'artiste-auteur': {
+			icône: '👩‍🎨',
+			iframe: 'simulateur-artiste-auteur',
+			meta: {
+				title: t(
+					'pages.simulateurs.artiste-auteur.meta.title',
+					'Artiste-auteur: calcul des cotisations Urssaf'
+				),
+				description: t(
+					'pages.simulateurs.artiste-auteur.meta.description',
+					"Estimez les cotisations sociales sur les droits d'auteur et sur le revenu BNC"
+				),
+				ogTitle: 'Artiste-auteur : estimez vos cotisations Urssaf',
+				ogDescription:
+					"Renseignez vos revenus (droits d'auteur et bnc) et découvrez immédiatement le montant des cotisations que vous aurez à payer sur l'année."
+			},
+			path: sitePaths.simulateurs['artiste-auteur'],
+			title: t(
+				'pages.simulateurs.artiste-auteur.title',
+				'Estimer mes cotisations d’artiste-auteur'
+			),
+			shortName: t(
+				'pages.simulateurs.artiste-auteur.shortname',
+				'Artiste-auteur'
+			),
+			component: ArtisteAuteur
+		},
+		'chômage-partiel': {
+			component: ChômagePartielComponent,
+			config: chômageParielConfig,
+			path: sitePaths.simulateurs['chômage-partiel'],
+			icône: '😷',
+			iframe: 'simulateur-chomage-partiel',
+			meta: {
+				description: t(
+					'pages.simulateurs.chômage-partiel.meta.description',
+					"Calcul du revenu net pour l'employé et du reste à charge pour l'employeur après remboursement de l'Etat, en prenant en compte toutes les cotisations sociales."
+				),
+				ogDescription: t(
+					'pages.simulateurs.chômage-partiel.meta.ogDescription',
+					"Accédez à une première estimation en saisissant à partir d'un salaire brut. Vous pourrez ensuite personaliser votre situation (temps partiel, convention, etc). Prends en compte la totalité des cotisations, y compris celles spécifiques à l'indemnité (CSG et CRDS)."
+				),
+				ogImage: ChômagePartielPreview,
+				ogTitle: t(
+					'pages.simulateurs.chômage-partiel.meta.ogTitle',
+					"Simulateur chômage partiel : découvrez l'impact sur le revenu net salarié et le coût total employeur."
+				),
+				title: t(
+					'pages.simulateurs.chômage-partiel.meta.titre',
+					"Calcul de l'indemnité chômage partiel : le simulateur Urssaf"
+				)
+			},
+			shortName: t(
+				'pages.simulateurs.chômage-partiel.shortname',
+				'Chômage partiel'
+			),
+			title: t(
+				'pages.simulateurs.chômage-partiel.title',
+				'Covid-19 : Simulateur de chômage partiel'
+			),
+			seoExplanations: (
+				<Trans i18nKey="pages.simulateurs.chômage-partiel.seo">
+					<h2>Comment calculer l'indemnité d'activité partielle ?</h2>
+					<p>
+						L'indemnité d'activité partielle de base est fixée par la loi à{' '}
+						<strong>70% du brut</strong>. Elle est proratisée en fonction du
+						nombre d'heures chômées. Pour un salarié à 2300 € brut mensuel, qui
+						travaille à 50% de son temps usuel, cela donne{' '}
+						<strong>2300 € × 50% × 70% = 805 €</strong>
+					</p>
+					<p>
+						A cette indemnité de base s'ajoute l'indemnité complémentaire pour
+						les salaires proches du SMIC. Ce complément intervient lorsque le
+						cumul de la rémunération et de l'indemnité de base est en dessous
+						d'un SMIC net. Ces indemnités sont prises en charge par l'employeur,
+						qui sera ensuite remboursé en parti ou en totalité par l'Etat.
+					</p>
+					<p>
+						👉{' '}
+						<RuleLink dottedName="contrat salarié . activité partielle . indemnités">
+							Voir le détail du calcul de l'indemnité
+						</RuleLink>
+					</p>
+					<h2> Comment calculer la part remboursée par l'État ?</h2>
+					<p>
+						L'Etat prend en charge une partie de l'indemnité partielle pour les
+						salaires allant jusqu'à **4,5 SMIC**, avec un minimum à 8,03€ par
+						heures chômée. Concrètement, cela abouti à une prise en charge à
+						<strong>100%</strong> pour les salaires proches du SMIC. Celle-ci
+						diminue progressivement jusqu'à se stabiliser à **93%** pour les
+						salaires compris <strong>entre 2000 € et 7000 €</strong> (salaire
+						correspondant à la limite de 4.5 SMIC).
+					</p>
+					<p>
+						👉{' '}
+						<RuleLink dottedName="contrat salarié . activité partielle . indemnisation entreprise">
+							Voir le détail du calcul du remboursement de l'indemnité
+						</RuleLink>
+					</p>
+					<h2> Comment déclarer une activité partielle ?</h2>
+					<p>
+						Face à la crise du coronavirus, les modalités de passage en activité
+						partielle ont été allégées. L'employeur est autorisé a placer ses
+						salariés en activité partielle avant que la demande officielle ne
+						soit déposée. Celui-ci dispose ensuite d'un délai de{' '}
+						<strong>30 jours</strong> pour se mettre en règle. Les indemnités
+						seront versées avec un effet rétro-actif débutant à la mise en place
+						du chômage partiel.
+					</p>
+					<p>
+						👉{' '}
+						<a href="https://www.service-public.fr/professionnels-entreprises/vosdroits/R31001">
+							Effectuer la demande de chômage partiel
+						</a>
+					</p>
+					<h2>
+						{' '}
+						Quelles sont les cotisations sociales à payer pour l'indemnité
+						d'activité partielle ?
+					</h2>
+					<p>
+						L'indemnité d'activité partielle est soumise à la CSG/CRDS et à une
+						contribution maladie dans certains cas. Pour en savoir plus, voir la
+						page explicative sur{' '}
+						<a href="https://www.urssaf.fr/portail/home/actualites/toute-lactualite-employeur/activite-partielle--nouveau-disp.html">
+							le site de l'URSSAF
+						</a>
+						.
+					</p>
+				</Trans>
+			)
+		},
+		'comparaison-statuts': {
+			component: SchemeComparaisonPage,
+			icône: '📊',
+			path: sitePaths.simulateurs.comparaison,
+			title: t(
+				'pages.simulateurs.comparaison.title',
+				'Indépendant, assimilé salarié ou auto-entrepreneur : quel régime choisir ?'
+			),
+			meta: {
+				description: t(
+					'pages.simulateurs.comparaison.meta.description',
+					'Auto-entrepreneur, indépendant ou assimilé salarié ? Avec ce comparatif, trouvez le régime qui vous correspond le mieux'
+				),
+				title: t(
+					'pages.simulateurs.comparaison.meta.title',
+					"Création d'entreprise : le comparatif des régimes sociaux"
+				)
+			},
+			shortName: t(
+				'pages.simulateurs.comparaison.shortname',
+				'Comparaison des statuts'
+			)
+		},
+		'économie-collaborative': {
+			component: ÉconomieCollaborative,
+			meta: {
+				title: t(
+					'pages.économie-collaborative.meta.title',
+					'Déclaration des revenus des plateforme en ligne : guide intéractif'
+				),
+				description: t(
+					'pages.économie-collaborative.meta.description',
+					'Airbnb, Drivy, Blablacar, Leboncoin... Découvrez comment être en règle dans vos déclarations'
+				)
+			},
+			icône: '🙋',
+			path: sitePaths.simulateurs.économieCollaborative.index,
+			shortName: t(
+				'pages.économie-collaborative.shortname',
+				'Guide économie collaborative'
+			)
+		},
+		'aide-déclaration-indépendant': {
+			component: AideDéclarationIndépendant,
+			icône: '✍️',
+			meta: {
+				description: t(
+					'pages.gérer.aide-déclaration-indépendant.meta.description',
+					'Calculer facilement les montants des charges sociales à reporter dans votre déclaration de revenu 2019.'
+				),
+				title: t(
+					'pages.gérer.aide-déclaration-indépendant.meta.title',
+					'Déclaration de revenus indépendant : calcul du montant des cotisations'
+				)
+			},
+			path: sitePaths.gérer.déclarationIndépendant,
+			shortName: t(
+				'pages.gérer.aide-déclaration-indépendant.shortname',
+				'Aide à la déclaration de revenu'
+			),
+			title: t(
+				'pages.gérer.aide-déclaration-indépendant.title',
+				"Aide à la déclaration de revenus au titre de l'année 2019"
+			)
+		},
+		'demande-mobilité': {
+			component: FormulaireMobilitéIndépendant,
+			icône: '🧳',
+			meta: {
+				title: t(
+					'pages.gérer.demande-mobilité.meta.title',
+					'Travailleur indépendant : demande de mobilité en Europe'
+				),
+				description: t(
+					'pages.gérer.demande-mobilité.meta.description',
+					"Formulaire interactif à compléter pour les indépendants souhaitant exercer leur activité dans d'autres pays d'Europe"
+				)
+			},
+			path: sitePaths.gérer.formulaireMobilité,
+			shortName: t(
+				'pages.gérer.demande-mobilité.shortname',
+				'Demande de mobilité en Europe'
+			),
+			private: true,
+			iframe: 'demande-mobilité'
+		},
+		médecin: {
+			config: médecinConfig,
+			icône: '⚕️',
+			iframe: 'médecin',
+			path: sitePaths.simulateurs['profession-libérale'].médecin,
+			shortName: t('pages.simulateurs.médecin.shortname', 'Médecin'),
+			title: t(
+				'pages.simulateurs.médecin.title',
+				'Simulateur de revenus pour médecin en libéral'
+			),
+			component: IndépendantSimulation
+		},
+		'chirurgien-dentiste': {
+			config: dentisteConfig,
+			icône: '🦷',
+			iframe: 'chirurgien-dentiste',
+			path: sitePaths.simulateurs['profession-libérale']['chirurgien-dentiste'],
+			shortName: t(
+				'pages.simulateurs.chirurgien-dentiste.shortname',
+				'Chirurgien-dentiste'
+			),
+			title: t(
+				'pages.simulateurs.chirurgien-dentiste.title',
+				'Simulateur de revenus pour chirurgien-dentiste en libéral'
+			),
+			component: IndépendantSimulation
+		},
+		'sage-femme': {
+			config: sageFemmeConfig,
+			icône: '👶',
+			iframe: 'sage-femme',
+			path: sitePaths.simulateurs['profession-libérale']['sage-femme'],
+			shortName: t('pages.simulateurs.sage-femme.shortname', 'Sage-femme'),
+			title: t(
+				'pages.simulateurs.sage-femme.title',
+				'Simulateur de revenus pour sage-femme en libéral'
+			),
+			component: IndépendantSimulation
+		},
+		'auxiliaire-médical': {
+			config: auxiliaireConfig,
+			icône: '🩹',
+			iframe: 'auxiliaire-médical',
+			path: sitePaths.simulateurs['profession-libérale'].auxiliaire,
+			shortName: t(
+				'pages.simulateurs.auxiliaire.shortname',
+				'Axiliaire médical'
+			),
+			title: t(
+				'pages.simulateurs.auxiliaire.title',
+				'Simulateur de revenus pour auxiliaire médical en libéral'
+			),
+			component: IndépendantSimulation
+		},
+		'profession-libérale': {
+			config: professionLibéraleConfig,
+			icône: '💻',
+			meta: {
+				title: t(
+					'pages.simulateurs.profession-libérale.meta.title',
+					'Professions libérale : le simulateur Urssaf'
+				),
+				description: t(
+					'pages.simulateurs.profession-libérale.meta.description',
+					"Calcul du revenu net pour les indépendants en libéral à l'impôt sur le revenu (IR, BNC)"
+				)
+			},
+			iframe: 'profession-liberale',
+			path: sitePaths.simulateurs['profession-libérale'].index,
+			shortName: t(
+				'pages.simulateurs.profession-libérale.shortname',
+				'Profession libérale'
+			),
+			title: t(
+				'pages.simulateurs.profession-libérale.title',
+				'Simulateur de revenus pour profession libérale'
+			),
+			component: IndépendantSimulation
+		}
+	}
+}
+
+export default function useSimulatorsData(): SimulatorData {
+	const { t, i18n } = useTranslation()
+	const sitePaths = useContext(SitePathsContext)
+
+	return useMemo(
+		() => getSimulatorsData({ t, sitePaths, language: i18n.language }),
+		[t, sitePaths, i18n.language]
+	)
+}
+
+professionLibéraleConfig as SimulationConfig
+
+const auxiliaireConfig: SimulationConfig = {
+	...professionLibéraleConfig,
+	situation: {
+		...professionLibéraleConfig.situation,
+		"entreprise . catégorie d'activité . libérale règlementée": 'oui',
+		'dirigeant . indépendant . PL . métier': "'santé . auxiliaire médical'"
+	}
+}
+
+const dentisteConfig: SimulationConfig = {
+	...professionLibéraleConfig,
+	situation: {
+		...professionLibéraleConfig.situation,
+		"entreprise . catégorie d'activité . libérale règlementée": 'oui',
+		'dirigeant . indépendant . PL . métier': "'santé . chirurgien-dentiste'"
+	}
+}
+
+const médecinConfig: SimulationConfig = {
+	...professionLibéraleConfig,
+	situation: {
+		...professionLibéraleConfig.situation,
+		"entreprise . catégorie d'activité . libérale règlementée": 'oui',
+		'dirigeant . indépendant . PL . métier': "'santé . médecin'"
+	}
+}
+
+const sageFemmeConfig: SimulationConfig = {
+	...professionLibéraleConfig,
+	situation: {
+		...professionLibéraleConfig.situation,
+		"entreprise . catégorie d'activité . libérale règlementée": 'oui',
+		'dirigeant . indépendant . PL . métier': "'santé . sage-femme'"
+	}
+}
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ÉconomieCollaborative/ActivitésSelection.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ÉconomieCollaborative/ActivitésSelection.tsx
index 6f27861e2..d555b425e 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ÉconomieCollaborative/ActivitésSelection.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ÉconomieCollaborative/ActivitésSelection.tsx
@@ -28,9 +28,6 @@ export default function ActivitésSelection() {
 	)
 	return (
 		<>
-			<Helmet>
-				<title>{titre}</title>
-			</Helmet>
 			<Animate.fromBottom>
 				<ScrollToTop />
 				<h1>{titre}</h1>
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Stats/Stats.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Stats/Stats.tsx
index 5af2b77f3..bf73f262b 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Stats/Stats.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Stats/Stats.tsx
@@ -24,7 +24,7 @@ import styled from 'styled-components'
 import statsJson from '../../../../data/stats.json'
 import { capitalise0 } from '../../../../utils'
 import Privacy from '../../layout/Footer/Privacy'
-import { useSimulatorsMetadata } from '../Simulateurs/Home'
+import useSimulatorsData from '../Simulateurs/metadata'
 
 const stats: StatsData = statsJson as any
 
@@ -78,7 +78,7 @@ export default function Stats() {
 		'oneMonthAgo'
 	)
 	const { palettes } = useContext(ThemeColorsContext)
-	const simulatorsMetadata = useSimulatorsMetadata()
+	const simulators = Object.values(useSimulatorsData())
 	return (
 		<>
 			<ScrollToTop />
@@ -130,9 +130,7 @@ export default function Stats() {
 
 				{stats.simulators[choicesimulators].visites.map(
 					({ label, nb_visits }) => {
-						const details = simulatorsMetadata.find(({ sitePath }) =>
-							sitePath.includes(label)
-						)
+						const details = simulators.find(({ path }) => path.includes(label))
 						if (!details) {
 							return null
 						}
@@ -142,12 +140,12 @@ export default function Stats() {
 								value={nb_visits}
 								title={
 									<>
-										{details.name}{' '}
+										{details.shortName}{' '}
 										<Link
 											className="distribution-chart__link_icone"
 											to={{
 												state: { fromSimulateurs: true },
-												pathname: details.sitePath
+												pathname: details.path
 											}}
 											title="Accéder au simulateur"
 											css="font-size:0.75em"
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/integration/Iframe.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/integration/Iframe.tsx
index 792406221..5949b3766 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/integration/Iframe.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/integration/Iframe.tsx
@@ -4,12 +4,12 @@ import {
 } from 'Components/utils/colors'
 import { ScrollToTop } from 'Components/utils/Scroll'
 import urssafLogo from 'Images/urssaf.svg'
-import React, { Suspense, useContext, useRef, useState } from 'react'
+import React, { Suspense, useContext, useMemo, useRef, useState } from 'react'
 import emoji from 'react-easy-emoji'
 import { Trans } from 'react-i18next'
 import { MemoryRouter, useLocation } from 'react-router-dom'
-import { integrableModuleNames } from '../Dev/IntegrationTest'
 import Iframes from '../Iframes'
+import useSimulatorsData from '../Simulateurs/metadata'
 import './iframe.css'
 import apecLogo from './images/apec.png'
 import cciLogo from './images/cci.png'
@@ -20,6 +20,14 @@ const LazyColorPicker = React.lazy(() => import('../Dev/ColorPicker'))
 
 function IntegrationCustomizer() {
 	const { search } = useLocation()
+	const simulators = useSimulatorsData()
+	const integrableModuleNames = useMemo(
+		() =>
+			Object.values(simulators)
+				.filter(s => s.iframe && !s.private)
+				.map(s => s.iframe),
+		[simulators]
+	)
 	const defaultModuleFromUrl =
 		new URLSearchParams(search ?? '').get('module') ?? ''
 	const [currentModule, setCurrentModule] = React.useState(
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/sitePaths.ts b/mon-entreprise/source/sites/mon-entreprise.fr/sitePaths.ts
index f146489c8..79988d372 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/sitePaths.ts
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/sitePaths.ts
@@ -55,8 +55,14 @@ const sitePathsFr = {
 		comparaison: '/comparaison-régimes-sociaux',
 		salarié: '/salaire-brut-net',
 		'artiste-auteur': '/artiste-auteur',
+		'profession-libérale': {
+			index: '/profession-liberale',
+			médecin: '/medecin',
+			auxiliaire: '/auxiliaire-médical',
+			'chirurgien-dentiste': '/chirurgien-dentiste',
+			'sage-femme': '/sage-femme'
+		},
 		'chômage-partiel': '/chômage-partiel',
-		'profession-libérale': '/profession-libérale/:subsimulator?',
 		économieCollaborative: {
 			index: '/économie-collaborative',
 			votreSituation: '/votre-situation'
@@ -107,6 +113,13 @@ const sitePathsEn = {
 		salarié: '/salary',
 		'artiste-auteur': '/artist-author',
 		'chômage-partiel': '/partial-unemployement',
+		'profession-libérale': {
+			index: '/liberal-profession',
+			médecin: '/doctor',
+			auxiliaire: '/medical-auxiliary',
+			'chirurgien-dentiste': '/dental-surgeon',
+			'sage-femme': '/midwife'
+		},
 		économieCollaborative: {
 			index: '/sharing-economy',
 			votreSituation: '/your-situation'
diff --git a/mon-entreprise/test/regressions/__snapshots__/simulations.jest.js.snap b/mon-entreprise/test/regressions/__snapshots__/simulations.jest.js.snap
index 2268b108e..6424c9e6a 100644
--- a/mon-entreprise/test/regressions/__snapshots__/simulations.jest.js.snap
+++ b/mon-entreprise/test/regressions/__snapshots__/simulations.jest.js.snap
@@ -83,15 +83,30 @@ exports[`calculate simulations-artiste-auteur: salarié 2`] = `"[1603]"`;
 
 exports[`calculate simulations-artiste-auteur: salarié 3`] = `"[12410]"`;
 
-exports[`calculate simulations-auto-entrepreneur: ACRE 1`] = `"[20686,57,1667,0,20000]"`;
+exports[`calculate simulations-auto-entrepreneur: ACRE 1`] = `
+"[20686,57,1667,0,20000]
+Notifications affichées : dirigeant . auto-entrepreneur . notification valeur annuelle"
+`;
 
-exports[`calculate simulations-auto-entrepreneur: ACRE 2`] = `"[33228,269,2500,0,30000]"`;
+exports[`calculate simulations-auto-entrepreneur: ACRE 2`] = `
+"[33228,269,2500,0,30000]
+Notifications affichées : dirigeant . auto-entrepreneur . notification valeur annuelle"
+`;
 
-exports[`calculate simulations-auto-entrepreneur: ACRE 3`] = `"[45267,439,3333,0,40000]"`;
+exports[`calculate simulations-auto-entrepreneur: ACRE 3`] = `
+"[45267,439,3333,0,40000]
+Notifications affichées : dirigeant . auto-entrepreneur . notification valeur annuelle"
+`;
 
-exports[`calculate simulations-auto-entrepreneur: aides 1`] = `"[5171,14,417,0,5000]"`;
+exports[`calculate simulations-auto-entrepreneur: aides 1`] = `
+"[5171,14,417,0,5000]
+Notifications affichées : dirigeant . auto-entrepreneur . notification valeur annuelle"
+`;
 
-exports[`calculate simulations-auto-entrepreneur: aides 2`] = `"[51714,143,4167,0,50000]"`;
+exports[`calculate simulations-auto-entrepreneur: aides 2`] = `
+"[51714,143,4167,0,50000]
+Notifications affichées : dirigeant . auto-entrepreneur . notification valeur annuelle"
+`;
 
 exports[`calculate simulations-auto-entrepreneur: impôt sur le revenu 1`] = `"[32092,591,2083,706,24294]"`;
 
@@ -274,11 +289,20 @@ exports[`calculate simulations-rémunération-dirigeant (assimilé salarié): é
 
 exports[`calculate simulations-rémunération-dirigeant (assimilé salarié): échelle de rémunération 8`] = `"[4751,0,0,52684,4,46]"`;
 
-exports[`calculate simulations-rémunération-dirigeant (auto-entrepreneur): ACRE 1`] = `"[0,0,806,2046,2,0]"`;
+exports[`calculate simulations-rémunération-dirigeant (auto-entrepreneur): ACRE 1`] = `
+"[0,0,806,2046,2,0]
+Notifications affichées : dirigeant . auto-entrepreneur . notification valeur annuelle"
+`;
 
-exports[`calculate simulations-rémunération-dirigeant (auto-entrepreneur): ACRE 2`] = `"[0,0,1611,4093,3,8]"`;
+exports[`calculate simulations-rémunération-dirigeant (auto-entrepreneur): ACRE 2`] = `
+"[0,0,1611,4093,3,8]
+Notifications affichées : dirigeant . auto-entrepreneur . notification valeur annuelle"
+`;
 
-exports[`calculate simulations-rémunération-dirigeant (auto-entrepreneur): ACRE 3`] = `"[0,0,2337,6139,4,12]"`;
+exports[`calculate simulations-rémunération-dirigeant (auto-entrepreneur): ACRE 3`] = `
+"[0,0,2337,6139,4,12]
+Notifications affichées : dirigeant . auto-entrepreneur . notification valeur annuelle"
+`;
 
 exports[`calculate simulations-rémunération-dirigeant (auto-entrepreneur): Contrats Madelin 1`] = `"[0,0,2070,8186,4,16]"`;
 
diff --git a/mon-entreprise/test/regressions/simulations.jest.js b/mon-entreprise/test/regressions/simulations.jest.js
index 4969352fe..abd371913 100644
--- a/mon-entreprise/test/regressions/simulations.jest.js
+++ b/mon-entreprise/test/regressions/simulations.jest.js
@@ -8,11 +8,11 @@
 /* eslint-disable no-undef */
 import Engine from 'publicodes'
 import rules from '../../source/rules'
-import artisteAuteurConfig from '../../source/components/simulationConfigs/artiste-auteur.yaml'
-import autoentrepreneurConfig from '../../source/components/simulationConfigs/auto-entrepreneur.yaml'
-import independantConfig from '../../source/components/simulationConfigs/indépendant.yaml'
-import remunerationDirigeantConfig from '../../source/components/simulationConfigs/rémunération-dirigeant.yaml'
-import employeeConfig from '../../source/components/simulationConfigs/salarié.yaml'
+import artisteAuteurConfig from '../../source/sites/mon-entreprise.fr/pages/Simulateurs/configs/artiste-auteur.yaml'
+import autoentrepreneurConfig from '../../source/sites/mon-entreprise.fr/pages/Simulateurs/configs/auto-entrepreneur.yaml'
+import independantConfig from '../../source/sites/mon-entreprise.fr/pages/Simulateurs/configs/indépendant.yaml'
+import remunerationDirigeantConfig from '../../source/sites/mon-entreprise.fr/pages/Simulateurs/configs/rémunération-dirigeant.yaml'
+import employeeConfig from '../../source/sites/mon-entreprise.fr/pages/Simulateurs/configs/salarié.yaml'
 import aideDéclarationConfig from '../../source/sites/mon-entreprise.fr/pages/Gérer/AideDéclarationIndépendant/config.yaml'
 import artisteAuteurSituations from './simulations-artiste-auteur.yaml'
 import autoEntrepreneurSituations from './simulations-auto-entrepreneur.yaml'

From 3d2edf88372509aa7ad908e82eef528e5a8e63a4 Mon Sep 17 00:00:00 2001
From: Johan Girod <dev@johangirod.com>
Date: Tue, 29 Sep 2020 13:04:56 +0200
Subject: [PATCH 2/2] =?UTF-8?q?:art:=20Am=C3=A9liore=20le=20style=20des=20?=
 =?UTF-8?q?simulateur=20et=20des=20landings=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../source/components/MoreInfosOnUs.tsx       |   2 +-
 mon-entreprise/source/components/ui/Card.css  |  65 ++--
 mon-entreprise/source/components/ui/index.css |   5 +
 mon-entreprise/source/locales/ui-en.yaml      | 283 ++++++++----------
 .../pages/Créer/CreationChecklist.tsx         |  65 ++--
 .../mon-entreprise.fr/pages/Créer/Home.tsx    |  17 +-
 .../mon-entreprise.fr/pages/Gérer/Home.tsx    |  35 +--
 .../pages/Landing/Landing.css                 |  13 +-
 .../pages/Landing/Landing.tsx                 |  14 +-
 .../pages/Simulateurs/Home.tsx                | 109 +++----
 .../pages/Simulateurs/metadata.tsx            |  78 +++++
 .../ActivitésSelection.tsx                    |  13 +-
 .../pages/integration/index.tsx               |  15 +-
 13 files changed, 362 insertions(+), 352 deletions(-)

diff --git a/mon-entreprise/source/components/MoreInfosOnUs.tsx b/mon-entreprise/source/components/MoreInfosOnUs.tsx
index c7f241ae2..7cf2f35ca 100644
--- a/mon-entreprise/source/components/MoreInfosOnUs.tsx
+++ b/mon-entreprise/source/components/MoreInfosOnUs.tsx
@@ -16,7 +16,7 @@ export default function MoreInfosOnUs() {
 
 	return (
 		<section
-			className="ui__ full-width light-bg center-flex"
+			className="ui__ full-width light-bg box-container"
 			css={`
 				margin-top: 3rem;
 			`}
diff --git a/mon-entreprise/source/components/ui/Card.css b/mon-entreprise/source/components/ui/Card.css
index 65ae56f0b..8bb5a8470 100644
--- a/mon-entreprise/source/components/ui/Card.css
+++ b/mon-entreprise/source/components/ui/Card.css
@@ -9,10 +9,6 @@
 	border-radius: 0.3rem;
 	transition: box-shadow 0.2s;
 }
-.ui__.card.small {
-	padding-left: 0.5rem;
-	padding-right: 0.5rem;
-}
 
 .ui__.card.disabled .ui__.button.simple,
 .ui__.card.disabled a {
@@ -97,28 +93,19 @@
 }
 
 .ui__.card.box {
-	min-width: 14.333rem;
 	flex: 0.3;
-	max-width: 17rem;
+	max-width: 18rem;
 	display: flex;
 	flex-direction: column;
 	text-align: center;
-
-	margin: 1rem;
-	padding-top: 1rem;
-	padding-bottom: 1rem;
+	margin: 0.6rem;
+	padding: 1rem;
 	text-decoration: none;
 	align-items: center;
 	color: inherit;
 	font-size: inherit !important;
 }
 
-.ui__.card.box.small {
-	padding-top: 0.5rem;
-	margin: 0.5rem;
-	min-width: 10rem;
-	padding-bottom: 0.5rem;
-}
 .ui__.card.box .ui__.box-icon > img {
 	margin: 0.4rem !important;
 	transform: scale(1.5) translateY(0.1rem);
@@ -126,7 +113,7 @@
 
 .ui__.card.box .ui__.big.box-icon > img {
 	transform: scale(2.3) translateY(0.2rem);
-	margin: 0.8rem !important;
+	margin: 0.6rem !important;
 }
 
 .ui__.card.box.inverted-colors {
@@ -137,9 +124,49 @@
 	color: #f3f3f3;
 }
 
-@media (max-width: 500px) {
+.ui__.box-container {
+	display: grid;
+	justify-items: stretch;
+}
+.ui__.box-container:not(.full-width) {
+	margin: 0 -0.6rem;
+}
+.ui__.small.box-container {
+	grid-template-columns: repeat(2, 1fr);
+}
+@media (max-width: 400px) {
 	.ui__.card.box {
 		max-width: 100%;
-		flex: 1;
+	}
+}
+
+@media (min-width: 400px) {
+	.ui__.small.box-container {
+		grid-template-columns: repeat(3, 1fr);
+	}
+	.ui__.box-container {
+		grid-template-columns: repeat(2, 1fr);
+	}
+}
+
+@media (min-width: 700px) {
+	.ui__.small.box-container {
+		grid-template-columns: repeat(4, 1fr);
+	}
+	.ui__.box-container {
+		grid-template-columns: repeat(3, 1fr);
+	}
+}
+
+@media (min-width: 1000px) {
+	.ui__.full-width.small.box-container {
+		grid-template-columns: repeat(5, auto);
+	}
+	.ui__.full-width.box-container {
+		--padding: calc((100vw - 1300px) / 2);
+		grid-template-columns: repeat(4, auto);
+		padding-right: var(--padding);
+		padding-left: var(--padding);
+		justify-content: center;
 	}
 }
diff --git a/mon-entreprise/source/components/ui/index.css b/mon-entreprise/source/components/ui/index.css
index fba42ebae..23b6876d6 100644
--- a/mon-entreprise/source/components/ui/index.css
+++ b/mon-entreprise/source/components/ui/index.css
@@ -82,6 +82,11 @@ blockquote {
 	color: #f3f3f3;
 }
 
+.ui__.light-border {
+	border: 4px solid var(--lighterColor);
+	border-radius: 0.3rem;
+}
+
 .ui__.center-flex {
 	display: flex;
 	justify-content: center;
diff --git a/mon-entreprise/source/locales/ui-en.yaml b/mon-entreprise/source/locales/ui-en.yaml
index 3fc923062..4da144e75 100644
--- a/mon-entreprise/source/locales/ui-en.yaml
+++ b/mon-entreprise/source/locales/ui-en.yaml
@@ -1,7 +1,7 @@
-"404":
+'404':
   action: Return to safe place
   message: This page does not exist or no longer exists
-"<0>Covid-19 et chômage partiel </0>: <3>Calculez votre indemnité</3>": "<0>Covid-19 and Short-Time </0>Work: <3>Calculate Your Benefit</3>"
+'<0>Covid-19 et chômage partiel </0>: <3>Calculez votre indemnité</3>': '<0>Covid-19 and Short-Time </0>Work: <3>Calculate Your Benefit</3>'
 <0>Oui</0>: <0>Yes</0>
 A quoi servent mes cotisations ?: What's included in my contributions?
 Accueil: Home
@@ -17,6 +17,7 @@ Au-dessus de: Above
 Aucun résultat: No result$
 Auto-entrepreneur: Auto-entrepreneur
 Auto-entrepreneur en EIRL: Auto-entrepreneur with EIRL option
+Autres outils: Other tools
 Avec chômage partiel: With partial unemployment
 Calcul: Formula
 Cette commune n'existe pas: This commune does not exist
@@ -28,16 +29,16 @@ Choisir plus tard: Choose later
 Chômage partiel: Partial unemployment
 Code d'intégration: Integration Code
 Commencer: Get started
-"Commerçant, artisan, ou libéral ?": Trader, craftsman, or liberal?
+'Commerçant, artisan, ou libéral ?': Trader, craftsman, or liberal?
 Comparaison statuts: Status comparison
 Continuer: Continue
 Coronavirus: Coronavirus
 Cotisations: Contributions
 Cotisations sociales: Social contributions
 Covid 19: Covid 19
-"Covid-19 : Calculer l'impact du chômage partiel": "Covid-19: Calculating the impact of short-time work"
-"Covid-19 : Découvrez les mesures de soutien aux entreprises": "Covid-19: Find out about business support measures"
-"Covid-19 : Découvrir les mesures de soutien aux entreprises": "Covid-19: Discovering Business Support Measures"
+"Covid-19 : Calculer l'impact du chômage partiel": 'Covid-19: Calculating the impact of short-time work'
+'Covid-19 : Découvrez les mesures de soutien aux entreprises': 'Covid-19: Find out about business support measures'
+'Covid-19 : Découvrir les mesures de soutien aux entreprises': 'Covid-19: Discovering Business Support Measures'
 Coût pour l'entreprise: Cost to the company
 Crée le: Created on
 Créer une: Create a
@@ -71,7 +72,7 @@ Gérant minoritaire: Managing director
 Habituellement: Usually
 Imprimer: Print
 Impôts: Taxes
-"Indemnité chômage partiel prise en charge par l'état :": "State-paid short-time working allowance :"
+"Indemnité chômage partiel prise en charge par l'état :": 'State-paid short-time working allowance :'
 Indépendant: Indépendant
 International: International
 Intégrer l'interface de simulation: Integrate the simulation interface
@@ -95,6 +96,7 @@ Nous n'avons rien trouvé: We didn't find any matching registered company.
 Oui: Yes
 Outils pour les développeurs: Tools for developers
 Pages associées: Related pages
+Par statut: By status
 Part du salaire net maintenue: Share of net salary maintained
 Part employeur: Employer share
 Part salariale: Employee share
@@ -103,13 +105,14 @@ Pas en auto-entrepreneur: Not in auto-entrepreneur
 Pas implémenté: Not implemented
 Passer: Skip
 Personnalisez l'integration: Customize the integration
-"Perte de revenu net :": "Loss of net income :"
+'Perte de revenu net :': 'Loss of net income :'
 Plafonds des tranches: Wafer ceilings
 Plein écran: Fullscreen
 Plus d'informations: More information (fr)
 Plusieurs associés: Several partners
 Prise en charge du revenu net avec chômage partiel: Net income support with short-time working
 Prochaines questions: Next questions
+Professionnels de santé: Health Care Professionals
 Protection sociale: Social security
 Précédent: Previous
 Prévisualisation: Preview
@@ -131,7 +134,7 @@ Retour à mon activité: Back to my business
 Revenir à la documentation: Go back to documentation
 Revenu (incluant les dépenses liées à l'activité): Revenue (including expenses related to the activity)
 Revenu disponible: Disposable income
-"Revenu net avec chômage partiel :": "Net income with short-time work :"
+'Revenu net avec chômage partiel :': 'Net income with short-time work :'
 Revenu net mensuel: Monthly net income
 Réductions: Discounts
 Rémunération du dirigeant: Director's remuneration
@@ -144,6 +147,7 @@ Salaire: Salary
 Salaire net: Net Salary
 Salaire net et brut: Net and gross salary
 Salarié: Employee
+Salariés et employeurs: Employees and employers
 Sans responsabilité limitée: Without limited liability
 Si: If
 Simulateur de salaire: Employee salary simulation
@@ -155,7 +159,7 @@ Taux: Rate
 Taux calculé: Calculated rate
 Taux moyen: Average rate
 Total des retenues: Total withheld
-"Total payé par l'entreprise :": "Total paid by the company :"
+"Total payé par l'entreprise :": 'Total paid by the company :'
 Tout effacer: Delete all
 Tranche de l'assiette: Scale bracket
 Un seul associé: Only one partner
@@ -215,11 +219,11 @@ après:
     registered, you'll have access to the following
   kbis:
     description:
-      "1": It is the official document attesting to <2>the legal existence of a
+      '1': It is the official document attesting to <2>the legal existence of a
         commercial enterprise</2>. In most cases, to be opposable and authentic
         for administrative procedures, the extract must be less than 3 months
         old.
-      "2": This document is generally requested when applying for a public tender,
+      '2': This document is generally requested when applying for a public tender,
         opening a professional bank account, purchasing professional equipment
         from distributors, etc.
     titre: The Kbis
@@ -273,7 +277,7 @@ autoentrepreneur:
   titre: Auto-entrepeneur
 back: Resume simulation
 barème: scale
-calcul-avec: "Calculation from <1></1>with :"
+calcul-avec: 'Calculation from <1></1>with :'
 cancelExample: Back to your situation
 car dépend de: because it depends on
 cible: target
@@ -385,8 +389,8 @@ comparaisonRégimes:
     AS: SAS, SASU or SARL with minority director
     auto: Auto-entreprise
     indep:
-      "1": EI, EIRL, EURL or SARL with majority director
-      "2": EI or EIRL
+      '1': EI, EIRL, EURL or SARL with majority director
+      '2': EI or EIRL
     legend: Possible legal status
   sécuritéSociale: |
     <0> Social security</0>
@@ -400,13 +404,13 @@ comparaisonRégimes:
   trimestreValidés: <0>Number of quarters validated <1>(for retirement)</1></0>
 composantes: components
 coronavirus:
-  description: "<0>Coronavirus and short-time working: what impact on my
+  description: '<0>Coronavirus and short-time working: what impact on my
     income?</0><1>The government is putting in place measures to support
     employees affected by the Coronavirus crisis. One of the key measures is the
-    assumption of the entire short-time working compensation by the State.</1>"
+    assumption of the entire short-time working compensation by the State.</1>'
   page:
     description: Estimate net income with short-time working benefits
-    titre: "Coronavirus and short-time working: what impact on your income?"
+    titre: 'Coronavirus and short-time working: what impact on your income?'
 cotisation: contribution
 créer:
   cta:
@@ -425,7 +429,7 @@ créer:
       <0>List of legal statuses</0>
       <1>EURL, SARL, SASU, etc: a shortcut if you already know your status </1>
   titre: Create a company
-  warningPL: "Note: the case of regulated liberal professions is not covered"
+  warningPL: 'Note: the case of regulated liberal professions is not covered'
 d'aides: of aid
 domiciliation inconnue: unknown address
 domiciliée à: domiciled in
@@ -541,9 +545,9 @@ entreprise:
       creation process. It is automatically saved in your browser.
     banque:
       description:
-        "1": The purpose of a <1>professional bank account</1> is to separate your
+        '1': The purpose of a <1>professional bank account</1> is to separate your
           company's assets from your personal assets.
-        "2": "The professional bank account allows you to:"
+        '2': 'The professional bank account allows you to:'
         EI: If its opening is not obligatory for an EI, it is strongly recommended.
         liste: >
           <0>Differentiate your private and professional operations and simplify
@@ -746,13 +750,13 @@ indicationTempsPlein: in full-time gross salary equivalent
 inférieurs à: lower than
 jour: day
 landing:
-  aboutUs: "<0>Who are we ?</0><1>We are a small<2>, autonomous and
+  aboutUs: '<0>Who are we ?</0><1>We are a small<2>, autonomous and
     multidisciplinary team</2> within<4> URSSAF</4>. We have at heart to be
     close to your needs in order to constantly improve this site in accordance
     with the <7>beta.gouv.fr</7> approach.</1><2>We have developed this site to
     <2>support entrepreneurs</2> in the development of their business.</2><3>Our
     goal is to <2>remove all uncertainties with regard to the administration</2>
-    so that you can concentrate on what matters: your business.</3>"
+    so that you can concentrate on what matters: your business.</3>'
   choice:
     create: <0>Create a company</0><1>Assistance in choosing the status and the
       complete list of creation steps</1>
@@ -761,7 +765,7 @@ landing:
       flow.</1>
     simulators: <0>Access the simulators</0><1>The exhaustive list of all the
       simulators available on the site.</1>
-  covid19: "Covid-19: Calculating the impact of short-time work"
+  covid19: 'Covid-19: Calculating the impact of short-time work'
   seeSimulators: See the simulators list
   subtitle: All the resources you need to develop your business, from legal status
     to hiring.
@@ -810,6 +814,13 @@ oui: yes
 page:
   documentation:
     title: Documentation
+  simulateurs:
+    accueil:
+      description: <0>All the simulators on this site are :</0><1><0><0>Maintained
+        up</0> to date with the latest legislative
+        developments</0><1><0>Continuously improved</0> to increase the number
+        of devices considered</1><2><0>Easily and freely integrates</0> on any
+        website. <3>Learn more about</3> it.</2></1>
 pages:
   common:
     ressources-auto-entrepreneur:
@@ -820,13 +831,13 @@ pages:
         authorities concerning auto-entrepreneurs and the micro-enterprise
         scheme (in french).</1></0>
   dévelopeurs:
-    bibliothèque: "<0>Integrate our calculation library</0><1>If you think that your
+    bibliothèque: '<0>Integrate our calculation library</0><1>If you think that your
       site or service would benefit from displaying salary calculations, for
       example switching from gross salary to net salary, good news: all the
       contribution and tax calculations behind my-company.fr are free and <2>can
       be integrated in the form of an <2>NPM library</2></2>.</1><2>Put simply,
-      your team's developers are able to integrate the calculation into your
-      interface in 5 minutes{emoji('⌚')}, without having to deal with the
+      your team''s developers are able to integrate the calculation into your
+      interface in 5 minutes{emoji(''⌚'')}, without having to deal with the
       complexity of payroll and the regular updating of calculation
       rules.</2><3>This library is a common digital library developed by the
       State and ACOSS. It is based on a new programming language,
@@ -837,36 +848,36 @@ pages:
       recipe for a calculation is simple: input variables (gross wage), one or
       more output variables (net wage).</9><10>All these variables are listed
       and explained in our <2>online documentation</2>.</10><11>Use the search
-      engine to find the right variable, then click on \"View source code\" to
-      get all the documentation: default value, possible values when it's an
-      enumeration of choice, unit when it's a number, description, associated
-      user question, etc.</11><12>Let's run a calculation closer to a payslip:
+      engine to find the right variable, then click on "View source code" to
+      get all the documentation: default value, possible values when it''s an
+      enumeration of choice, unit when it''s a number, description, associated
+      user question, etc.</11><12>Let''s run a calculation closer to a payslip:
       Here is a description of the input situation with links to the
       corresponding pages of the documentation :</12><13> An <3>executive</3>
       earning <7>€3,400 gross</7>, who benefits from the<10> bicycle mileage
       allowance</10> and works in a company with <14>12
       employees</14>.</13><14>The calculation for this more complete example is
-      as follows:</14><15><0></0></15><16>{emoji('ℹ️ ')} Note that in the
+      as follows:</14><15><0></0></15><16>{emoji(''ℹ️ '')} Note that in the
       previous example we have to specify the transport payment rate
       ourselves.</16><17>Whereas in the <2>employee</2> simulator, it is
       sufficient to fill in the municipality and the corresponding rate is
-      automatically determined. It's intentional: to keep the library (and the
+      automatically determined. It''s intentional: to keep the library (and the
       site) light, we use two online APIs. The<4> Geo API - communes</4> to
       switch from the commune name to the common code. Then the<7> transport
       payout API</7>, developed and maintained by us, which is not documented
       but its use is very simple and understandable <10>in this React component
       that calls it</10>, a component that also uses the common
-      API.</17><18>Making economic charts{emoji(' 📈')}</18><19>It is also
+      API.</17><18>Making economic charts{emoji('' 📈'')}</18><19>It is also
       possible to use the library for economic or political analysis
       calculations. Here, the price of labour and the net wage is plotted
       against the gross wage.</19><20>We can see the progressiveness of the
       total wage, which is in percent lower for a minimum wage than for a high
       income. In other words, high-wage earners pay part of the social security
-      contributions of low-wage earners.</20><21>{emoji('⚠️ ')}Beware, this
+      contributions of low-wage earners.</20><21>{emoji(''⚠️ '')}Beware, this
       example does a lot of calculations in one go, which can block your browser
       for a few seconds. To overcome this problem, you would have to call the
       library in a Web Worker, but this is not possible for the <3>moment</3> in
-      these demos.</21><22><0></0></22>"
+      these demos.</21><22><0></0></22>'
   développeurs:
     choice:
       github: <0>Contribute to GitHub</0><1>All our tools are open and publicly
@@ -877,10 +888,10 @@ pages:
       publicode: <0>Publicodes</0><1>Our tools are powered by Publicodes, a new
         language for encoding "explainable" algorithms.</1>
     code:
-      description: "Here is the code to copy and paste on your site:"
+      description: 'Here is the code to copy and paste on your site:'
       titre: Integration Code
-    code à copier: "Here is the code to copy and paste on your site:"
-    couleur: "What color? "
+    code à copier: 'Here is the code to copy and paste on your site:'
+    couleur: 'What color? '
     home:
       choice:
         iframe: <0>Integrating a simulator</0><1>Integrate one of our simulators in one
@@ -904,38 +915,42 @@ pages:
       meta:
         description: Easily calculate the amount of payroll taxes to report on your 2019
           income tax return.
-        title: "Self-employed tax return: calculation of the amount of contributions"
+        title: 'Self-employed tax return: calculation of the amount of contributions'
       shortname: Income tax return assistance
       title: Help with your 2019 income tax return
     demande-mobilité:
       meta:
         description: Interactive form to be completed for self-employed persons wishing
           to carry out their activity in other European countries
-        title: "Self-employed: demand for mobility in Europe"
+        title: 'Self-employed: demand for mobility in Europe'
       shortname: Demand for mobility in Europe
   simulateurs:
+    accueil:
+      header: All the simulators on this site are kept up to date with the latest
+        legislative developments.
+      titre: Simulators available
     artiste-auteur:
       meta:
         description: Estimate social contributions on copyright and BNC income
-        title: "Artist-author: calculation of URSSAF membership fees"
+        title: 'Artist-author: calculation of URSSAF membership fees'
       shortname: Artist-author
       title: Estimate my artist/author dues
     auto-entrepreneur:
       meta:
         description: Calculation of your income based on turnover, after deduction of
           contributions and income tax.
-        ogDescription: "Thanks to the auto-entrepreneur income simulator developed by
+        ogDescription: 'Thanks to the auto-entrepreneur income simulator developed by
           URSSAF, you can estimate the amount of your income based on your
           monthly or annual turnover to better manage your cash flow. Or in the
           opposite direction: to know what amount to invoice to achieve a
-          certain income."
-        ogTitle: "Auto-entrepreneur: quickly calculate your net income from sales and
-          vice versa"
-        titre: "Auto-entrepreneurs: income simulator"
-      seo explanation: "<0>How do you calculate the net income for an
+          certain income.'
+        ogTitle: 'Auto-entrepreneur: quickly calculate your net income from sales and
+          vice versa'
+        titre: 'Auto-entrepreneurs: income simulator'
+      seo explanation: '<0>How do you calculate the net income for an
         auto-entrepreneur?</0><1>An auto-entrepreneur has to pay social
         security         contributions to the administration (also known as
-        \"social charge\"). These social contributions are used to finance
+        "social charge"). These social contributions are used to finance
         social security, and give rights for retirement or health insurance.
         They are also used to finance vocational training.</1><2><0></0> <2>See
         details of how the contributions are calculated</2></2><3>But this is
@@ -943,7 +958,7 @@ pages:
         account all expenses incurred in the course of the professional activity
         (assets, raw materials, premises, transport). Although they are not
         useful for the calculation of contributions and taxes, they must be
-        taken into account to estimate the viability of one''s
+        taken into account to estimate the viability of one''''s
         activity.</3><4>The complete calculation formula is therefore:<1><0>Net
         income = Turnover - Social contributions - Professional
         expenses</0></1></4><5>How to calculate income tax for an
@@ -957,7 +972,7 @@ pages:
         carried out. It is said to be lump-sum because it does not take into
         account the actual expenses incurred in the activity.</8><9><0></0>
         <2>See details of the calculation of the income allowance for an
-        auto-entrepreneur</2></9><10>Useful resources</10><11><0></0></11>'"
+        auto-entrepreneur</2></9><10>Useful resources</10><11><0></0></11>'''
       shortname: Auto-entrepreneur
       title: Self-entrepreneur Income Simulator
       titre: Auto-entrepreneur income simulator
@@ -1008,8 +1023,8 @@ pages:
           then be able to personalize your situation (part-time, agreement,
           etc). Take into account all contributions, including those specific to
           the allowance (CSG and CRDS).
-        ogTitle: "Short-time working simulator: find out the impact on the net salaried
-          income and the total employer cost."
+        ogTitle: 'Short-time working simulator: find out the impact on the net salaried
+          income and the total employer cost.'
         titre: Calculation of the short-time working allowance in France
       seo: <0>How is the partial activity allowance calculated?</0><1>The basic
         partial activity allowance is fixed by law at <2>70% of gross</2>
@@ -1041,17 +1056,17 @@ pages:
         For more information, see the explanatory page on the <2>URSSAF
         website</2>.</11>
       shortname: Partial unemployment
-      title: "Covid-19: Short-time work simulator"
+      title: 'Covid-19: Short-time work simulator'
     comparaison:
       meta:
         description: Self-employed, self-employed or similarly employed? With this
           comparison, find the plan that suits you best
-        title: "Starting a business: a comparison of social schemes"
+        title: 'Starting a business: a comparison of social schemes'
       shortname: Status Comparison
-      title: "Self-employed, assimilated employee or auto-entrepreneur: which plan to
-        choose?"
+      title: 'Self-employed, assimilated employee or auto-entrepreneur: which plan to
+        choose?'
     dirigean sasu:
-      explication seo: "<0>How to calculate the salary of a SASU executive? </0><1>As
+      explication seo: '<0>How to calculate the salary of a SASU executive? </0><1>As
         for a conventional employee, the SASU <1>manager</1> pays social
         security contributions on the salary he or she pays. The contributions
         are calculated in the same way as for the employee: they are broken down
@@ -1060,20 +1075,20 @@ pages:
         manager-employee does not pay <2>unemployment contributions</2>.
         Moreover, they do not benefit from the <5>general reduction</5> in
         contributions or from the schemes governed by the Labour Code, such as
-        <9>overtime</9> or bonuses.</2><3>A SASU executive's salary can be
-        calculated by entering the total amount of the salary in the \"total
-        expense\" box, but he or she can claim the <2>ACRE reduction</2> at the
+        <9>overtime</9> or bonuses.</2><3>A SASU executive''s salary can be
+        calculated by entering the total amount of the salary in the "total
+        expense" box, but he or she can claim the <2>ACRE reduction</2> at the
         beginning of the activity, under certain conditions.</3><4>You can use
         our simulator to calculate the <2>net remuneration</2> from a
-        super-gross amount allocated to the executive's remuneration. To do
+        super-gross amount allocated to the executive''s remuneration. To do
         this, simply enter the announced compensation in the total loaded box.
         The simulation can then be refined by answering the various
-        questions.</4>"
+        questions.</4>'
     indépendant:
       meta:
         description: Calculation of net income after tax and contributions based on
           turnover and vice versa
-        title: "Independent: Urssaf income simulator"
+        title: 'Independent: Urssaf income simulator'
       shortname: Independent
       title: Income simulator for the self-employed
     médecin:
@@ -1083,7 +1098,7 @@ pages:
       meta:
         description: Net Income Calculation for Self-Employed Persons in Liberal Income
           Tax (IR, BNC)
-        title: "Liberal professions: the Urssaf simulator"
+        title: 'Liberal professions: the Urssaf simulator'
       shortname: Liberal profession
       title: Professional Income Simulator
     sage-femme:
@@ -1124,9 +1139,9 @@ pages:
           (executive status, internship, apprenticeship, overtime, restaurant
           vouchers, mutual insurance, part-time work, collective agreement,
           etc.).
-        ogTitle: "Gross, net, net after-tax salary, total cost: the ultimate simulator
-          for employees and employers"
-        titre: "Gross / net salary: the Urssaf converter"
+        ogTitle: 'Gross, net, net after-tax salary, total cost: the ultimate simulator
+          for employees and employers'
+        titre: 'Gross / net salary: the Urssaf converter'
       seo: <0>How is the net salary calculated?</0><1>At the job interview, the
         employer usually proposes a "gross" remuneration. The amount announced
         thus includes employee contributions, which are used to finance the
@@ -1159,9 +1174,9 @@ pages:
         description: Calculation of net salary from turnover + expenses and vice versa.
         ogDescription: As an officer in a similar position, immediately calculate your
           net income after tax from the total allocated to your compensation.
-        ogTitle: "SASU executive compensation: a simulator to find out your net salary"
-        titre: "Head of SASU: Urssaf revenue simulator"
-      seo-explanation: "<0>How to calculate the salary of a SASU executive? </0><1>As
+        ogTitle: 'SASU executive compensation: a simulator to find out your net salary'
+        titre: 'Head of SASU: Urssaf revenue simulator'
+      seo-explanation: '<0>How to calculate the salary of a SASU executive? </0><1>As
         for a classic employee, the SASU <2>manager</2> pays social security
         contributions on the remuneration he pays himself. The contributions are
         calculated in the same way as for the employee: they are broken down
@@ -1173,10 +1188,10 @@ pages:
         bonuses.</2><3>However, the employee is entitled to the <2>ACRE
         reduction</2> at the start of employment, under certain
         conditions.</3><4>You can use our simulator to calculate the <2>net
-        remuneration</2> from a super-gross amount allocated to the executive's
+        remuneration</2> from a super-gross amount allocated to the executive''s
         remuneration. To do this, simply enter the total amount allocated in the
-        \"total charged\" box. The simulation can then be refined by answering
-        the various questions.</4>"
+        "total charged" box. The simulation can then be refined by answering
+        the various questions.</4>'
       shortname: Head of SASU
       title: Income simulator for SASU manager
       titre: Revenue simulator for SAS(U) executive
@@ -1184,14 +1199,14 @@ pages:
     meta:
       description: Airbnb, Drivy, Blablacar, Leboncoin... Find out how to be in order
         in your declarations
-      title: "Online platform income tax return: interactive guide"
+      title: 'Online platform income tax return: interactive guide'
     shortname: Collaborative Economy Guide
 par: per
 payslip:
   disclaimer: It takes into account national law but not union negotiated rules.
     Lots of financial aids for your enterprise exist, explore them on
     <1>aides-entreprises.fr (French)</1>.
-  heures: "Hours worked per month: "
+  heures: 'Hours worked per month: '
   notice: This simulation helps you understand your French payslip, but it should
     not be used as one. For further details, check <1>service-public.fr
     (French)</1>.
@@ -1260,87 +1275,6 @@ selectionRégime:
   page:
     titre: Social scheme selection
   titre: Which social scheme would you like to explore?
-simulateurs:
-  accueil:
-    description: >-
-      <0>All the simulators on this site are:</0>
-
-      <1><0>Maintained with the latest legislation</0> <1>Continuously improved to increase the number of devices taken into account</1> <2>Developed in partnership with the Urssaf (the contribution collector entity in France)<2> </1>
-    titre: Available simulators
-  artiste-auteur:
-    titre: Estimate my artist/author contributions
-  assimilé-salarié:
-    explications: The equal or minority directors of SARL or the directors of SA and
-      SAS are considered as "assimilé salarié" and are subject to the general
-      regime. Consequently, the director has the same social protection as an
-      employee, apart from unemployment coverage.
-    page:
-      description: Estimate your income as a SASU or SAS director based on your
-        turnover. All contributions and income tax are taken into account.
-        Official URSSAF simulator
-      titre: Official salary simulator for SASU and SAS directors
-    titre: SAS and SASU directors income simulator
-  auto-entrepreneur:
-    page:
-      description: Estimate your income as an auto-entrepreneur based on your
-        turnover. All contributions and income tax are taken into account.
-        Official URSSAF simulator.
-      titre: Official income simulator for auto-entrepreneur
-    titre: Auto-entrepreneur income simulator
-  indépendant:
-    explication1: Our estimate takes into account the <1>actual contributions</1>
-      due by the self-employed person. During the first year of his activity, he
-      will pay a reduced flat rate (a sum of around 1300€ / year for a craftsman
-      benefiting from ACRE)... but it will be regularized the following year
-      according to this real amount.
-    explication2: Unemployment and occupational accident insurance are not covered
-      by the Social Security for the self-employed. Retirement based on
-      professional income is generally lower. To be covered, the professional
-      may take out additional insurance.
-    page:
-      description: Estimate your income as a self-employed person based on your
-        turnover (for EI, EURL and SARL majority directors). All contributions
-        and income tax are taken into account. Official URSSAF simulator
-      titre: Official income simulator for self-employed person
-    titre: Self-employed income simulator
-  inversionFail: >
-    The amount entered results in an impossible result. This is due to a
-
-    threshold effect in the calculation of contributions.
-
-
-    We invite you to try again by slightly modifying the amount entered (a few euros more for example).
-  profession-libérale:
-    page:
-      description: simulators.profession-liberal.page.description
-      titre: simulators.profession-liberal.page.title
-    titre: Income simulator for {professionName}.
-  précision:
-    bonne: Good accuracy
-    défaut: "Refine the simulation by answering the following questions:"
-    faible: Low accuracy
-    moyenne: Medium accuracy
-  résumé:
-    aide-déclaration-revenu-indep: Easily calculate the amount of payroll taxes to
-      report on your 2019 income tax return.
-    artiste-auteur: Estimating the social security contributions of an artist or author
-    assimilé: |
-      Calculate the income of an officer of a minority SAS, SASU or SARL
-    auto: |
-      Calculate the income (or turnover) of an auto-entrepreneur
-    chômage-partiel: Simulate the net income paid to the employee, as well as the
-      total remaining cost to the company if the partial activity is used.
-    comparaison: >
-      Simulate the differences between the plans (contributions, retirement,
-      maternity, illness, etc.)
-    demande-mobilité: Application form for mobility in Europe for self-employed workers
-    indépendant: |
-      Calculate the income of a majority manager of EURL, EI, or SARL
-    salarié: >
-      Calculate the net, gross, or total salary of an employee, trainee, or
-      similar
-    économie-collaborative: A guide to know how to declare your income from online
-      platforms (AirBnb, leboncoin, blablacar, etc.).
   warning:
     artiste-auteur: This estimate is proposed for information only. It is based on
       the applicable regulatory elements and the elements that you have entered,
@@ -1358,6 +1292,35 @@ simulateurs:
     titre: Before starting...
     urssaf: The figures are indicative and do not replace the actual accounts of the
       Urssaf, impots.gouv.fr, etc
+simulateurs:
+  inversionFail: >-
+    The amount entered results in an impossible result. This is due to a
+    threshold effect in the calculation of contributions.
+
+
+    We invite you to try again by slightly modifying the amount entered (a few euros more for example).
+  précision:
+    défaut: 'Refine the simulation by answering the questions:'
+  warning:
+    artiste-auteur:
+      '1': This estimate is provided for information purposes. It is based on the
+        applicable regulatory elements and the elements that you have entered,
+        but it does not take into account your entire situation. The actual
+        amount of your contributions may therefore be different.
+      '2': This simulator allows you to estimate the amount of your contributions for
+        the year 2020 based on your projected income.
+    auto-entrepreneur: ' Self-entrepreneurs cannot deduct their expenses from their
+      turnover. Therefore, <3>all costs related to the business</3> must be
+      <3>netted out to obtain the income actually received</3>.'
+    cfe: The simulator does not include the business property tax (CFE), which is
+      due from the second year of the fiscal year. Its amount varies greatly
+      depending on the company's turnover and domiciliation. <2>More
+      information.</2>
+    plus: Read the details
+    sasu: Corporate income tax and dividend management are not yet implemented.
+    titre: Before we start...
+    urssaf: The calculations are indicative and are not a substitute for the actual
+      statements of URSSAF, impots.gouv.fr, or others.
 simulation-end:
   cta: Know the steps to take
   hiring:
@@ -1366,7 +1329,7 @@ simulation-end:
   text: You have reached the most accurate estimate.
   title: No more questions left!
 site:
-  titleTemplate: "%s"
+  titleTemplate: '%s'
 statut du dirigeant:
   description: <0>This choice is important because it determines the social
     security regime and the social coverage of the manager. The amount and terms
@@ -1417,8 +1380,8 @@ une de ces conditions: one of these applies
       onwards, these revenues will be automatically reported by the platforms to
       the tax authorities and Urssaf.</2>
     question: What types of activity did you undertake?
-    réassurance: "PS: this tool is only there to inform you, no data will be
-      transmitted to the administrations"
+    réassurance: 'PS: this tool is only there to inform you, no data will be
+      transmitted to the administrations'
     titre: How to declare income from digital platforms?
   activité:
     choix: What are more precisely the activities carried out?
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Créer/CreationChecklist.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Créer/CreationChecklist.tsx
index 32da5c530..b116f4df8 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Créer/CreationChecklist.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Créer/CreationChecklist.tsx
@@ -452,19 +452,10 @@ export default function CreateCompany({ statut }: CreateCompanyProps) {
 			<h2>
 				{emoji('🧰')} <Trans>Ressources utiles</Trans>
 			</h2>
-			<div
-				css={`
-					display: flex;
-					margin-right: -1rem;
-					flex-wrap: wrap;
-					> * {
-						flex: 1;
-					}
-				`}
-			>
+			<div className="ui__ box-container">
 				{isAutoentrepreneur && (
 					<Link
-						className="ui__ interactive card button-choice lighter-bg"
+						className="ui__ interactive card small box lighter-bg"
 						to={{
 							pathname: sitePaths.simulateurs['auto-entrepreneur'],
 							state: { fromCréer: true }
@@ -472,16 +463,16 @@ export default function CreateCompany({ statut }: CreateCompanyProps) {
 					>
 						<Trans i18nKey="entreprise.ressources.simu.autoEntrepreneur">
 							<p>Simulateur de revenus auto-entrepreneur</p>
-							<small>
+							<p className="ui__ notice">
 								Simuler le montant de vos cotisations sociales et de votre impôt
 								et estimez votre futur revenu net.
-							</small>
+							</p>
 						</Trans>
 					</Link>
 				)}
 				{['EI', 'EIRL', 'EURL'].includes(statut) && (
 					<Link
-						className="ui__ interactive card button-choice lighter-bg"
+						className="ui__ interactive card small box lighter-bg"
 						to={{
 							pathname: sitePaths.simulateurs.indépendant,
 							state: { fromCréer: true }
@@ -489,16 +480,16 @@ export default function CreateCompany({ statut }: CreateCompanyProps) {
 					>
 						<Trans i18nKey="entreprise.ressources.simu.indépendant">
 							<p>Simulateur de cotisations indépendant</p>
-							<small>
+							<p className="ui__ notice">
 								Simuler le montant de vos cotisations sociales pour bien
 								préparer votre business plan.
-							</small>
+							</p>
 						</Trans>
 					</Link>
 				)}
 				{['SAS', 'SASU'].includes(statut) && (
 					<Link
-						className="ui__ interactive card button-choice lighter-bg"
+						className="ui__ interactive card small box lighter-bg"
 						to={{
 							pathname: sitePaths.simulateurs.SASU,
 							state: { fromCréer: true }
@@ -506,38 +497,38 @@ export default function CreateCompany({ statut }: CreateCompanyProps) {
 					>
 						<Trans i18nKey="entreprise.ressources.simu.assimilé">
 							<p>Simulateur de rémunération pour dirigeant de SASU</p>
-							<small>
+							<p className="ui__ notice">
 								Simuler le montant de vos cotisations sociales pour bien
 								préparer votre business plan.
-							</small>
+							</p>
 						</Trans>
 					</Link>
 				)}
 				<Link
-					className="ui__ interactive card button-choice lighter-bg"
+					className="ui__ interactive card small box lighter-bg"
 					to={sitePaths.créer.après}
 				>
 					<Trans i18nKey="entreprise.ressources.après">
 						<p>Après la création</p>
-						<small>
+						<p className="ui__ notice">
 							SIREN, SIRET, code APE, KBis. Un petit glossaire des termes que
 							vous pourrez (éventuellement) rencontrer après la création.
-						</small>
+						</p>
 					</Trans>
 				</Link>
 				{isAutoentrepreneur && <RessourceAutoEntrepreneur />}
 				{i18n.language === 'fr' && ['EI', 'EIRL', 'EURL'].includes(statut) && (
 					<a
 						target="_blank"
-						className="ui__ interactive card button-choice lighter-bg"
+						className="ui__ interactive card small box lighter-bg"
 						href="https://www.urssaf.fr/portail/files/live/sites/urssaf/files/documents/Guide-Travailleurs-independants.pdf"
 					>
-						<p>Guide Urssaf pour les travailleur indépendant 2020</p>
-						<small>
+						<p>Guide Urssaf pour les travailleur indépendant</p>
+						<p className="ui__ notice">
 							Des conseils sur comment préparer son projet pour se lancer dans
 							la création et une présentation détaillée de votre protection
 							sociale.
-						</small>
+						</p>
 						<br />
 						<div css="text-align: right">
 							<small className="ui__ label">PDF</small>
@@ -577,31 +568,31 @@ export function RessourceAutoEntrepreneur() {
 		<>
 			<Trans i18nKey="pages.common.ressources-auto-entrepreneur.FAQ">
 				<a
-					className="ui__ interactive card button-choice lighter-bg"
+					className="ui__ interactive card small box lighter-bg"
 					href="https://www.autoentrepreneur.urssaf.fr/portail/accueil/une-question/questions-frequentes.html"
 					target="_blank"
 				>
 					<p>Questions fréquentes</p>
-					<small>
+					<p className="ui__ notice">
 						Une liste exhaustive et maintenue à jour de toutes les questions
 						fréquentes (et moins fréquentes) que l'on est amené à poser en tant
 						qu'auto-entrepreneur
-					</small>
+					</p>
 				</a>
 			</Trans>
 			{i18n.language === 'fr' && (
 				<a
-					className="ui__ interactive card button-choice lighter-bg"
+					className="ui__ interactive card small box lighter-bg"
 					href={GuideAutoEntrepreneurUrl}
 					download="guide-devenir-auto-entrepreneur-en-2020"
 				>
-					<p>Guide partique Urssaf 2020</p>
-					<small>
+					<p>Guide pratique Urssaf</p>
+					<p className="ui__ notice">
 						Des conseils pour les auto-entrepreneurs : comment préparer son
 						projet pour se lancer dans la création et une présentation détaillée
 						de votre protection sociale.
-					</small>
-					<br />
+					</p>
+
 					<div css="text-align: right">
 						<small className="ui__ label">PDF</small>
 					</div>
@@ -609,15 +600,15 @@ export function RessourceAutoEntrepreneur() {
 			)}
 			<Trans i18nKey="pages.common.ressources-auto-entrepreneur.impôt">
 				<a
-					className="ui__ interactive card button-choice lighter-bg"
+					className="ui__ interactive card small box lighter-bg"
 					target="_blank"
 					href="https://www.impots.gouv.fr/portail/professionnel/je-choisis-le-regime-du-micro-entrepreneur-auto-entrepreneur"
 				>
 					<p>Comment déclarer son revenu aux impôts ?</p>
-					<small>
+					<p className="ui__ notice">
 						Les informations officielles de l'administration fiscale concernant
 						les auto-entrepreneurs et le régime de la micro-entreprise.
-					</small>
+					</p>
 				</a>
 			</Trans>
 		</>
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Créer/Home.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Créer/Home.tsx
index 0d13f09e0..aaa6d3b26 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Créer/Home.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Créer/Home.tsx
@@ -66,18 +66,9 @@ export default function Créer() {
 			<h2>
 				<Trans>Ressources utiles</Trans>
 			</h2>
-			<div
-				css={`
-					display: flex;
-					margin-right: -1rem;
-					flex-wrap: wrap;
-					> * {
-						flex: 1;
-					}
-				`}
-			>
+			<div className="ui__ box-container">
 				<Link
-					className="ui__ interactive card button-choice lighter-bg"
+					className="ui__ interactive card box lighter-bg"
 					to={sitePaths.créer.guideStatut.liste}
 				>
 					<Trans i18nKey="créer.ressources.listeStatuts">
@@ -89,7 +80,7 @@ export default function Créer() {
 					</Trans>
 				</Link>
 				<Link
-					className="ui__ interactive card button-choice lighter-bg"
+					className="ui__ interactive card box lighter-bg"
 					to={{
 						pathname: sitePaths.simulateurs.comparaison,
 						state: { fromCréer: true }
@@ -105,7 +96,7 @@ export default function Créer() {
 				</Link>
 
 				<Link
-					className="ui__ interactive card button-choice lighter-bg"
+					className="ui__ interactive card box lighter-bg"
 					to={sitePaths.créer['auto-entrepreneur']}
 				>
 					<Trans i18nKey="créer.ressources.autoEntrepreneur">
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/Home.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/Home.tsx
index 59f90ad47..6d10e278a 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/Home.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Gérer/Home.tsx
@@ -81,12 +81,12 @@ export default function SocialSecurity() {
 					/>
 				</div>
 				<>
-					<section className="ui__ full-width light-bg">
-						<div className="ui__ center-flex">
+					<section>
+						<div className="ui__ full-width box-container">
 							{company?.statutJuridique === 'EI' &&
 								!company.isAutoEntrepreneur && (
 									<Link
-										className="ui__ interactive card box"
+										className="ui__ interactive card box light-border"
 										to={{
 											pathname: sitePaths.gérer.déclarationIndépendant
 										}}
@@ -108,7 +108,7 @@ export default function SocialSecurity() {
 
 							{!!dirigeant && (
 								<Link
-									className="ui__ interactive card box"
+									className="ui__ interactive card box light-border"
 									to={{
 										pathname: sitePaths.simulateurs[dirigeant],
 										state: {
@@ -132,8 +132,7 @@ export default function SocialSecurity() {
 							{dirigeant !== 'auto-entrepreneur' && (
 								<>
 									<Link
-										className="ui__ interactive card box"
-										css="width: 100%"
+										className="ui__ interactive card box light-border"
 										to={{
 											pathname: sitePaths.simulateurs['chômage-partiel']
 										}}
@@ -146,14 +145,13 @@ export default function SocialSecurity() {
 												lorsque vous activez le dispositif pour un employé.
 											</p>
 										</Trans>
-										<span className="ui__ label">Covid-19</span>
 										<div className="ui__ small simple button hide-mobile">
 											<Trans>Découvrir</Trans>
 										</div>
+										<span className="ui__ label">Covid-19</span>
 									</Link>
 									<Link
-										className="ui__ interactive card box"
-										css="width: 100%"
+										className="ui__ interactive card box light-border"
 										to={{
 											pathname: sitePaths.simulateurs.salarié,
 											state: {
@@ -183,21 +181,12 @@ export default function SocialSecurity() {
 						{emoji('🧰 ')}
 						<Trans>Ressources utiles</Trans>
 					</h2>
-					<div
-						css={`
-							display: flex;
-							margin-right: -1rem;
-							flex-wrap: wrap;
-							> * {
-								flex: 1;
-							}
-						`}
-					>
+					<div className="ui__ box-container">
 						{dirigeant === 'indépendant' &&
 							i18n.language === 'fr' &&
 							process.env.HEAD !== 'master' && (
 								<Link
-									className="ui__ interactive card button-choice lighter-bg"
+									className="ui__ interactive card box lighter-bg"
 									to={sitePaths.gérer.formulaireMobilité}
 								>
 									<Trans i18nKey="gérer.ressources.embaucher">
@@ -211,7 +200,7 @@ export default function SocialSecurity() {
 							)}
 						{!company?.isAutoEntrepreneur && (
 							<Link
-								className="ui__ interactive card button-choice lighter-bg"
+								className="ui__ interactive card box lighter-bg"
 								to={sitePaths.gérer.embaucher}
 							>
 								<Trans i18nKey="gérer.ressources.embaucher">
@@ -225,7 +214,7 @@ export default function SocialSecurity() {
 						)}
 						{company?.isAutoEntrepreneur && (
 							<a
-								className="ui__ interactive card button-choice lighter-bg"
+								className="ui__ interactive card box lighter-bg"
 								href="https://autoentrepreneur.urssaf.fr"
 							>
 								<Trans i18nKey="gérer.ressources.autoEntrepreneur">
@@ -240,7 +229,7 @@ export default function SocialSecurity() {
 							</a>
 						)}
 						<Link
-							className="ui__ interactive card button-choice lighter-bg"
+							className="ui__ interactive card box lighter-bg"
 							to={sitePaths.gérer.sécuritéSociale}
 						>
 							<Trans i18nKey="gérer.ressources.sécuritéSociale">
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Landing/Landing.css b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Landing/Landing.css
index 328644eec..7c84b64da 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Landing/Landing.css
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Landing/Landing.css
@@ -1,4 +1,3 @@
-
 .landing-title {
 	margin-bottom: 1rem;
 	display: flex;
@@ -8,9 +7,9 @@
 .landing-title__img {
 	align-self: flex-end;
 	margin-top: 2rem;
-	max-width: 18rem;
-	margin-left: 1rem;
-	margin-bottom: -2rem;
+	max-width: 19.5rem;
+	margin-left: 1.5rem;
+	margin-bottom: -3.5rem;
 }
 @media (min-width: 500px) {
 	.landing-title__logo {
@@ -20,10 +19,8 @@
 
 @media (max-width: 900px) {
 	.landing-title__img {
-		margin-top: 2rem;
-		margin-right: -5rem;
-		margin-left: -1rem;
-		max-height: 25rem;
+		margin: 0;
+		margin-bottom: -3.5rem;
 	}
 	.landing-header__brand-logo {
 		height: 4rem;
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Landing/Landing.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Landing/Landing.tsx
index 029760396..0e4980eba 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Landing/Landing.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Landing/Landing.tsx
@@ -17,8 +17,8 @@ export default function Landing() {
 	)
 	return (
 		<>
-			<div className="app-content">
-				<section className="ui__ container landing-title">
+			<div className="app-content ui__ container">
+				<section className="landing-title">
 					<img
 						alt="logo mon-entreprise.fr"
 						className="landing-title__logo"
@@ -40,9 +40,9 @@ export default function Landing() {
 					<img src={illustrationSvg} className="landing-title__img" />
 				</section>
 
-				<section className="ui__ full-width light-bg center-flex">
+				<section className="ui__ full-width box-container">
 					<Link
-						className="ui__ interactive card box"
+						className="ui__ interactive card light-border box"
 						to={
 							statutChoisi
 								? sitePaths.créer[statutChoisi]
@@ -66,7 +66,7 @@ export default function Landing() {
 						</div>
 					</Link>
 					<Link
-						className="ui__ interactive card box "
+						className="ui__ interactive card light-border box "
 						to={sitePaths.gérer.index}
 					>
 						<div className="ui__ big box-icon">{emoji('💶')}</div>
@@ -82,7 +82,7 @@ export default function Landing() {
 						</div>
 					</Link>
 					<Link
-						className="ui__ interactive card box"
+						className="ui__ interactive card light-border box"
 						to={sitePaths.simulateurs.index}
 					>
 						<div className="ui__ big box-icon">{emoji('🧮')}</div>
@@ -98,7 +98,7 @@ export default function Landing() {
 						</div>
 					</Link>
 				</section>
-				<section className="ui__ container">
+				<section>
 					<Trans i18nKey="landing.aboutUs">
 						<h2>Qui sommes-nous ?</h2>
 						<p>
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Home.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Home.tsx
index 3c34d17bf..dc0ef22c2 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Home.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/Home.tsx
@@ -13,7 +13,7 @@ export default function Simulateurs() {
 	const { t } = useTranslation()
 	const sitePaths = useContext(SitePathsContext)
 	const simulators = useSimulatorsData()
-	const titre = t('simulateurs.accueil.titre', 'Simulateurs disponibles')
+	const titre = t('pages.simulateurs.accueil.titre', 'Simulateurs disponibles')
 	return (
 		<>
 			<Helmet>
@@ -23,23 +23,11 @@ export default function Simulateurs() {
 				<div>
 					<h1>{titre}</h1>
 					<p className="ui__ lead">
-						<Trans i18nKey="créer.description">
+						<Trans i18nKey="pages.simulateurs.accueil.header">
 							Tous les simulateurs sur ce site sont maintenus à jour avec les
 							dernières évolutions législatives.
 						</Trans>
 					</p>
-					<Link
-						className="ui__ button plain cta"
-						to={sitePaths.integration.iframe}
-					>
-						<Trans>Intégrer un simulateur</Trans>
-					</Link>
-					{/* <p className="ui__ notice">
-						<Trans i18nKey="créer.warningPL">
-							Le cas des professions libérales réglementées n'est pas encore
-							traité
-						</Trans>
-					</p> */}
 				</div>
 
 				<img
@@ -48,67 +36,46 @@ export default function Simulateurs() {
 					css="margin-left: 3rem; max-width: 15rem; transform: translateX(2rem) translateY(3rem) scale(1.4);"
 				/>
 			</section>
-			<section className="ui__ full-width light-bg">
-				<h2 css="min-width: 100%; text-align: center">
-					Salariés et employeurs
+			<section>
+				<h2>
+					<Trans>Salariés et employeurs</Trans>
 				</h2>
-				<div className="ui__ center-flex">
+				<div className="ui__ box-container">
 					<SimulateurCard {...simulators.salarié} />
 					<SimulateurCard {...simulators['chômage-partiel']} />
 				</div>
-			</section>
-			<section>
-				<h2>Par type de société</h2>
-				<div
-					className="ui__ center-flex"
-					css={`
-						margin: 0 -1rem;
-						> .card {
-							border: 4px solid var(--lighterColor);
-						}
-					`}
-				>
+
+				<h2>
+					<Trans>Par statut</Trans>
+				</h2>
+				<div className="ui__ box-container">
 					<SimulateurCard {...simulators['auto-entrepreneur']} />
 					<SimulateurCard {...simulators.indépendant} />
 					<SimulateurCard {...simulators.sasu} />
-				</div>
-
-				<h2>Par métier</h2>
-				<div
-					css={`
-						display: flex;
-						flex-wrap: wrap;
-						margin: 0 -1rem;
-						> .card {
-							border: 4px solid var(--lighterColor);
-						}
-					`}
-				>
 					<SimulateurCard {...simulators['artiste-auteur']} />
-					<SimulateurCard {...simulators['profession-libérale']} />
+					{process.env.HEAD !== 'master' && (
+						<SimulateurCard {...simulators['profession-libérale']} />
+					)}
 				</div>
-				<h3>
-					<small>Professionnels de santé {emoji('🏥')}</small>
-				</h3>
-				<div
-					className="ui__ center-flex"
-					css={`
-						margin: 0 -0.5rem;
-						> .card {
-							border: 4px solid var(--lighterColor);
-						}
-					`}
-				>
-					<SimulateurCard small {...simulators['auxiliaire-médical']} />
-					<SimulateurCard small {...simulators['chirurgien-dentiste']} />
-					<SimulateurCard small {...simulators.médecin} />
-					<SimulateurCard small {...simulators['sage-femme']} />
-				</div>
-			</section>
-
-			<section className="ui__ full-width light-bg">
-				<h2 css="min-width: 100%; text-align: center">Autres outils</h2>
-				<div className="ui__ center-flex">
+				{process.env.HEAD !== 'master' && (
+					<>
+						<h3>
+							<small>
+								<Trans>Professionnels de santé</Trans> {emoji('🏥')}
+							</small>
+						</h3>
+						<div className="ui__ small box-container">
+							<SimulateurCard small {...simulators['auxiliaire-médical']} />
+							<SimulateurCard small {...simulators['chirurgien-dentiste']} />
+							<SimulateurCard small {...simulators.médecin} />
+							<SimulateurCard small {...simulators['sage-femme']} />
+						</div>
+					</>
+				)}
+				<h2>
+					<Trans>Autres outils</Trans>
+				</h2>
+				<div className="ui__ box-container">
 					<SimulateurCard {...simulators['demande-mobilité']} />
 					<SimulateurCard {...simulators['comparaison-statuts']} />
 					<SimulateurCard {...simulators['économie-collaborative']} />
@@ -116,7 +83,7 @@ export default function Simulateurs() {
 				</div>
 			</section>
 			<section>
-				<Trans i18nKey="simulateurs.accueil.description">
+				<Trans i18nKey="page.simulateurs.accueil.description">
 					<p>Tous les simulateurs sur ce site sont :</p>
 					<ul>
 						<li>
@@ -128,7 +95,9 @@ export default function Simulateurs() {
 							de dispositifs pris en compte
 						</li>
 						<li>
-							Développés en <strong>partenariat avec l'Urssaf</strong>
+							<strong>Intégrable facilement et gratuitement</strong> sur
+							n'importe quel site internet.{' '}
+							<Link to={sitePaths.integration.iframe}>En savoir plus</Link>.
 						</li>
 					</ul>
 				</Trans>
@@ -146,7 +115,9 @@ function SimulateurCard({
 }: SimulatorData[keyof SimulatorData] & { small?: boolean }) {
 	return (
 		<Link
-			className={classnames('ui__ interactive card box', { small })}
+			className={classnames('ui__ interactive card box light-border', {
+				small
+			})}
 			key={path}
 			to={{
 				state: { fromSimulateurs: true },
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/metadata.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/metadata.tsx
index ab37422e6..11b8c9341 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/metadata.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/metadata.tsx
@@ -3,11 +3,13 @@ import SimulateurWarning from 'Components/SimulateurWarning'
 import Simulation from 'Components/Simulation'
 import AutoEntrepreneurExplanation from 'Components/simulationExplanation/AutoEntrepreneurExplanation'
 import SalaryExplanation from 'Components/simulationExplanation/SalaryExplanation'
+import Emoji from 'Components/utils/Emoji'
 import { SitePathsContext } from 'Components/utils/SitePathsContext'
 import React, { useContext, useMemo } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { SimulationConfig } from 'Reducers/rootReducer'
 import { constructLocalizedSitePath } from '../../sitePaths'
+import { RessourceAutoEntrepreneur } from '../Créer/CreationChecklist'
 import AideDéclarationIndépendant from '../Gérer/AideDéclarationIndépendant'
 import FormulaireMobilitéIndépendant from '../Gérer/DemandeMobilite'
 import ArtisteAuteur from './ArtisteAuteur'
@@ -215,6 +217,77 @@ export function getSimulatorsData({
 			title: t(
 				'pages.simulateurs.auto-entrepreneur.title',
 				'Simulateur de revenus auto-entrepreneur'
+			),
+			seoExplanations: (
+				<Trans i18nKey="pages.simulateurs.auto-entrepreneur.seo explanation">
+					<h2>Comment calculer le revenu net d'un auto-entrepreneur ?</h2>
+					<p>
+						Un auto-entrepreneur doit payer des cotisations sociales à
+						l'administration. Ces cotisations servent au financement de la
+						sécurité sociale, et ouvrent des droits pour la retraite ou pour
+						l'assurance maladie. Elle permettent également de financer la
+						formation professionnelle. Leur montant varie en fonction du type
+						d'activité.
+					</p>
+					<p>
+						<Emoji emoji="👉" />{' '}
+						<RuleLink dottedName="dirigeant . auto-entrepreneur . cotisations et contributions">
+							Voir le détail du calcul des cotisations
+						</RuleLink>
+					</p>
+					<p>
+						Il ne faut pas oublier de retrancher toutes les dépenses effectuées
+						dans le cadre de l'activité professionnelle (équipements, matière
+						premières, local, transport). Bien qu'elles ne soient pas utilisées
+						pour le calcul des cotisations et de l'impôt, elles doivent être
+						prises en compte pour vérifier si l'activité est viable
+						économiquement.
+					</p>
+					<p>
+						La formule de calcul complète est donc :
+						<blockquote>
+							<strong>
+								Revenu net = Chiffres d'affaires − Cotisations sociales −
+								Dépenses professionnelles
+							</strong>
+						</blockquote>
+					</p>
+					<h2>
+						Comment calculer l'impôt sur le revenu pour un auto-entrepreneur ?
+					</h2>
+					<p>
+						Si vous avez opté pour le versement libératoire lors de la création
+						de votre auto-entreprise, l'impôt sur le revenu est payé en même
+						temps que les cotisations sociales.
+					</p>
+					<p>
+						<Emoji emoji="👉" />{' '}
+						<RuleLink dottedName="dirigeant . auto-entrepreneur . impôt . versement libératoire . montant">
+							Voir comment est calculé le montant du versement libératoire
+						</RuleLink>
+					</p>
+					<p>
+						Sinon, vous serez imposé selon le barème standard de l'impôt sur le
+						revenu. Le revenu imposable est alors calculé comme un pourcentage
+						du chiffre d'affaires. C'est qu'on appel l'abattement forfaitaire.
+						Ce pourcentage varie en fonction du type d'activité excercé. On dit
+						qu'il est forfaitaire car il ne prends pas en compte les dépenses
+						réelles effectuées dans le cadre de l'activité.
+					</p>
+					<p>
+						<Emoji emoji="👉" />{' '}
+						<RuleLink dottedName="dirigeant . auto-entrepreneur . impôt . revenu abattu">
+							Voir le détail du calcul du revenu abattu pour un
+							auto-entrepreneur
+						</RuleLink>
+					</p>
+					<h2>
+						<Trans>Ressources utiles</Trans>
+					</h2>
+					<div style={{ display: 'flex', flexWrap: 'wrap' }}>
+						<RessourceAutoEntrepreneur />
+					</div>
+				</Trans>
 			)
 		},
 		indépendant: {
@@ -538,6 +611,7 @@ export function getSimulatorsData({
 		},
 		médecin: {
 			config: médecinConfig,
+			private: true,
 			icône: '⚕️',
 			iframe: 'médecin',
 			path: sitePaths.simulateurs['profession-libérale'].médecin,
@@ -549,6 +623,7 @@ export function getSimulatorsData({
 			component: IndépendantSimulation
 		},
 		'chirurgien-dentiste': {
+			private: true,
 			config: dentisteConfig,
 			icône: '🦷',
 			iframe: 'chirurgien-dentiste',
@@ -564,6 +639,7 @@ export function getSimulatorsData({
 			component: IndépendantSimulation
 		},
 		'sage-femme': {
+			private: true,
 			config: sageFemmeConfig,
 			icône: '👶',
 			iframe: 'sage-femme',
@@ -576,6 +652,7 @@ export function getSimulatorsData({
 			component: IndépendantSimulation
 		},
 		'auxiliaire-médical': {
+			private: true,
 			config: auxiliaireConfig,
 			icône: '🩹',
 			iframe: 'auxiliaire-médical',
@@ -591,6 +668,7 @@ export function getSimulatorsData({
 			component: IndépendantSimulation
 		},
 		'profession-libérale': {
+			private: true,
 			config: professionLibéraleConfig,
 			icône: '💻',
 			meta: {
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ÉconomieCollaborative/ActivitésSelection.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ÉconomieCollaborative/ActivitésSelection.tsx
index d555b425e..f051873cc 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ÉconomieCollaborative/ActivitésSelection.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/Simulateurs/ÉconomieCollaborative/ActivitésSelection.tsx
@@ -1,15 +1,14 @@
 import classnames from 'classnames'
+import Animate from 'Components/ui/animate'
+import Checkbox from 'Components/ui/Checkbox'
+import InfoBulle from 'Components/ui/InfoBulle'
 import { ScrollToTop } from 'Components/utils/Scroll'
 import { SitePathsContext } from 'Components/utils/SitePathsContext'
 import { intersection } from 'ramda'
 import React, { useCallback, useContext } from 'react'
 import emoji from 'react-easy-emoji'
-import { Helmet } from 'react-helmet'
 import { Trans, useTranslation } from 'react-i18next'
 import { Link } from 'react-router-dom'
-import Animate from 'Components/ui/animate'
-import Checkbox from 'Components/ui/Checkbox'
-import InfoBulle from 'Components/ui/InfoBulle'
 import { debounce } from '../../../../../utils'
 import { toggleActivité } from './actions'
 import { activités, getTranslatedActivité } from './activitésData'
@@ -147,11 +146,15 @@ export const ActivitéCard = ({
 				selected,
 				interactive
 			}),
+			style: {
+				flex: 1,
+				minWidth: '15rem'
+			},
 			key: title,
 			...(interactive && { tabIndex: -1 }),
 			onMouseDown: toggle
 		},
-		<div css="display: flex; flex-direction: column; height: 100%; width: 100%">
+		<div css="display: flex; flex-direction: column; height: 100%; width: 100%; align-items: center">
 			{selected !== undefined && (
 				<div css="font-size: 1.5rem;">
 					<Checkbox name={title} id={title} checked={selected} readOnly />
diff --git a/mon-entreprise/source/sites/mon-entreprise.fr/pages/integration/index.tsx b/mon-entreprise/source/sites/mon-entreprise.fr/pages/integration/index.tsx
index b15106b53..29adff825 100644
--- a/mon-entreprise/source/sites/mon-entreprise.fr/pages/integration/index.tsx
+++ b/mon-entreprise/source/sites/mon-entreprise.fr/pages/integration/index.tsx
@@ -16,16 +16,11 @@ export default function Integration() {
 			<ScrollToTop />
 			{pathname !== sitePaths.integration.index && (
 				<div className="ui__ card dark-bg" css="text-align: center">
-					<h2>
-						🛠{' '}
-						<Link
-							className="ui__ simple button"
-							to={sitePaths.integration.index}
-						>
-							<Trans>Outils pour les développeurs</Trans>
-						</Link>{' '}
-						🛠
-					</h2>
+					🛠{' '}
+					<Link className="ui__ simple button" to={sitePaths.integration.index}>
+						<Trans>Outils pour les développeurs</Trans>
+					</Link>{' '}
+					🛠
 				</div>
 			)}
 			<Switch>