diff --git a/.auto-changelog b/.auto-changelog
deleted file mode 100644
index c046a90fa..000000000
--- a/.auto-changelog
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "output": "CHANGELOG.md",
-  "template": "changelog-template.hbs",
-  "unreleased": false,
-  "commitLimit": false,
-  "hideCredit": true
-}
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 88fc74061..e3788c87e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,35 +1,108 @@
 # Changelog du Système de design de l’État
 
-Toutes les modifications notables apportées à ce projet seront documentées dans ce fichier.
+Toutes les modifications notables apportées à ce projet sont documentées dans ce fichier.
 
 Le format est basé sur [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 et ce projet respecte [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 Pour plus d’informations : [Voir la documentation](https://www.systeme-de-design.gouv.fr/)
 
-## [v1.9.2](https://github.com/GouvernementFR/dsfr/compare/v1.9.1...v1.9.2)
 
-### Merged
+> ## DSFR v1
 
-#### 🐛 fix(analytics): correctifs analytics & page test spa [DS-3200,DS-3218] (#587)
+## v1.9
 
+### [1.9.3](https://github.com/GouvernementFR/dsfr/compare/v1.9.2...1.9.3) - 17 Mai 2023
+
+#### 🐛 fix(breadcrumb): ajoute une page exemple alternative [(#600)](https://github.com/GouvernementFR/dsfr/pull/600)
+- étiquette d'élément span rendue possible sur l'élément courant du fil d'ariane
+- ajout d'une page d'exemple avec boutons
+
+
+#### 📝 doc(analytics): doc analytics en markdown [(#599)](https://github.com/GouvernementFR/dsfr/pull/599)
+Transformation du pdf de la doc analytics en fichiers markdown
+
+
+#### 🐛 fix(analytics): correctifs divers [(#596)](https://github.com/GouvernementFR/dsfr/pull/596)
+- Ajout de la récupération automatique de la pagination (voir [page.md](https://github.com/GouvernementFR/dsfr/blob/main/src/analytics/doc/analytics/collector/page.md))
+- Correction action dynamique vide
+- Correction envoi data
+- Correction erreur querySelector dans la hiérarchie
+- Revue de la profondeur de la hiérarchie
+- Correction de la version standalone
+- Collection désynchronisée pour attendre l’initialisation
+- Correction du cycle de vie des instances et garbage collection
+- Ajout d’une fonctionnalité d’Opt-in/out (voir [opt.md](https://github.com/GouvernementFR/dsfr/blob/main/src/analytics/doc/analytics/cmp/opt.md))
+- Ajout de la valeur dans le label au submit (button, input)
+- Ajustements component_value sur chaque composant
+
+
+#### 🐛 fix(core): La valeur no-wrap n’existe pas dans la spécification CSS [(#594)](https://github.com/GouvernementFR/dsfr/pull/594)
+Il y a un `-` en trop.
+
+Voir https://www.w3.org/TR/css-flexbox-1/#flex-wrap-property
+
+partial-fix de #593
+
+
+#### 🐛 fix(button, theme): retrait propriété css :where [(#597)](https://github.com/GouvernementFR/dsfr/pull/597)
+La propriété CSS :where est encore trop récente (chrome 88).
+
+-> retrait de cette propriété
+
+
+#### 🐛 fix(modal): correction ombre modal footer [(#572)](https://github.com/GouvernementFR/dsfr/pull/572)
+L'ombre du footer de la modal scrollable est mal placée et trop forte.
+
+- Remplacement de l'ombre par une bordure d'1px en defaut-grey en haut du footer
+- remplacement du token de background-color du footer par background-lifted-grey
+- ajout d'un texte plus long dans l'exemple modal + footer pour faire apparaître le scroll
+
+
+#### 🐛 fix(password, account): correction capslock safari [(#503)](https://github.com/GouvernementFR/dsfr/pull/503)
+- Correction erreur js sur le champ password au clic sur le trousseau (safari)
+- Retrait icone native capslock safari
+- Ajout attribut `autocapitalize='off'` sur les champs password et email pour désactiver la majuscule au début (mobile)
+- Ajout attribut `autocorrect` sur les champs password et email pour désactiver la correction orthographique
+
+
+#### ✨ feat(*): nouvelle version interne changelog [(#590)](https://github.com/GouvernementFR/dsfr/pull/590)
+Outil en ligne de commande pour générer un journal des modifications CHANGELOG.md à partir des balises git et de l'historique des commits.
+
+Commande à exécuter à la racine du projet, git log est exécuté en arrière-plan afin d'analyser l'historique des commits, en lançant :
+```
+yarn changelog
+```
+
+Pour ajouter les commits d'une nouvelle version en préparation, renseigner le futur tag : 
+```
+yarn changelog -t X.X.X
+```
+
+La gestion de l'affichage du changelog est présente dans le template EJS `tools/classes/changelog/changelog.ejs`
+
+
+
+### [v1.9.2](https://github.com/GouvernementFR/dsfr/compare/v1.9.1...v1.9.2) - 18 Avril 2023
+
+#### 🐛 fix(analytics): correctifs analytics & page test spa [(#587)](https://github.com/GouvernementFR/dsfr/pull/587)
 * Amélioration de la qualité des labels envoyés à Eulerian
-* Maximum 50 caractères, couper avec […] au delà
-* Récupère uniquement le premier texte
-* Retrait des espaces en trop
-* Ajout de la propriété `isDebugging` dans `dsfr.analytics` permettant d'activer/désactiver le debug Eulerian
+  * Maximum 50 caractères, couper avec […] au delà
+  * Récupère uniquement le premier texte
+  * Retrait des espaces en trop
+* Ajout de la propriété `isDebugging` dans `dsfr.analytics` permettant d'activer/désactiver le debug Eulerian
 * Mise en conformité avec les SPA (Single-page application - Angular, React, Vue)
-* Ajout d’exemples de SPA (Vue & React) [`#587`](https://github.com/GouvernementFR/dsfr/pull/587)
+* Ajout d’exemples de SPA (Vue & React)
 
-#### ✨ feat(analytics): polyfill legacy [DS-3221] (#588)
 
-Ajout des polyfills et correctifs nécessaires au support d'IE11 [`#588`](https://github.com/GouvernementFR/dsfr/pull/588)
+#### ✨ feat(analytics): polyfill legacy [(#588)](https://github.com/GouvernementFR/dsfr/pull/588)
+Ajout des polyfills et correctifs nécessaires au support d'IE11
 
-#### ✨ feat(changelog): ajoute changelog auto-généré [DS-3070] (#561)
 
-Outil en ligne de commande pour générer un journal des modifications `CHANGELOG.md` à partir des balises git et de l'historique des commits, nous utilisons [Auto-changelog](https://github.com/cookpete/auto-changelog).
+#### ✨ feat(changelog): ajoute changelog auto-généré [(#561)](https://github.com/GouvernementFR/dsfr/pull/561)
+Outil en ligne de commande pour générer un journal des modifications `CHANGELOG.md` à partir des balises git et de l'historique des commits, nous utilisons [Auto-changelog](https://github.com/cookpete/auto-changelog).
 
-Commande à executer à la racine du projet, `git log` est exécuté en arrière-plan afin d'analyser l'historique des commits, en lançant :
+Commande à executer à la racine du projet, `git log` est exécuté en arrière-plan afin d'analyser l'historique des commits, en lançant :
 
 ```
 yarn version
@@ -43,1043 +116,2423 @@ question New version: [X.X.X]
 
 La configuration est présente dans le fichier `.auto-changelog`.
 
-La gestion de l'affichage du changelog est présente dans le template [Handlebars](https://handlebarsjs.com/) `changelog-template.hbs`. [`#561`](https://github.com/GouvernementFR/dsfr/pull/561)
+La gestion de l'affichage du changelog est présente dans le template [Handlebars](https://handlebarsjs.com/) `changelog-template.hbs`.
 
-## [v1.9.1](https://github.com/GouvernementFR/dsfr/compare/v1.9.0...v1.9.1) - 2023-04-11
 
-### Merged
 
-#### fix(input): correction bug icone date-picker firefox version 109+ [DS-2547] (#585)
+### [v1.9.1](https://github.com/GouvernementFR/dsfr/compare/v1.9.0...v1.9.1) - 11 Avril 2023
 
-Depuis la version 109 de Firefox, l'icone date-picker est en double sur les champs type date
-- Ajout de l'icone date-picker si le navigateur le supporte uniquement [`#585`](https://github.com/GouvernementFR/dsfr/pull/585)
+#### fix(input): correction bug icone date-picker firefox version 109+ [(#585)](https://github.com/GouvernementFR/dsfr/pull/585)
+Depuis la version 109 de Firefox, l'icone date-picker est en double sur les champs type date
+- Ajout de l'icone date-picker si le navigateur le supporte uniquement
 
-#### ✨ feat(analytics): évolution et ajout de nouveaux composants [DS-3199,DS-3200] (#560)
 
-- Ajout d’un attribut id sur tous les éléments marqués. Les éléments où l'id manque sont recensés en warning dans la console.
+#### ✨ feat(analytics): évolution et ajout de nouveaux composants [(#560)](https://github.com/GouvernementFR/dsfr/pull/560)
+- Ajout d’un attribut id sur tous les éléments marqués. Les éléments où l'id manque sont recensés en warning dans la console.
 - ⚠ Modification de la configuration analytics : 
-⋅ dsfr.analytics.mode devient dsfr.analytics.collection et peut maintenant prendre les valeurs MANUAL, LOAD, FULL, HASH (voir doc). 
-⋅ Ajout du support des SPA activé automatiquement si en mode ANGULAR, REACT ou VUE
-⋅ Ajout de la variable `enableRating` dans dsfr.analytics.enableRating, permettant d’activer le taux de clic (désactivé par défaut).
+  ⋅ dsfr.analytics.mode devient dsfr.analytics.collection et peut maintenant prendre les valeurs MANUAL, LOAD, FULL, HASH (voir doc). 
+  ⋅ Ajout du support des SPA activé automatiquement si en mode ANGULAR, REACT ou VUE
+  ⋅ Ajout de la variable `enableRating` dans dsfr.analytics.enableRating, permettant d’activer le taux de clic (désactivé par défaut).
 - Ajout du support analytics sur les composants restants : 
-- [x] Ajout de fichier - File upload
-- [x] Alertes - Alert
-- [x] Badge
-- [x] Bandeau d'information importante
-- [x] Bouton FranceConnect
-- [x] Champ de saisie - Input
-- [x] Citation - Quote
-- [x] Contenu médias - Responsive médias
-- [x] Gestionnaire de consentement - Consent banner
-- [x] Indicateur d'étape
-- [x] Lettre d'information et réseaux sociaux - Newsletter & Follow us
-- [x] Liens d'évitement - Skiplink
-- [x] Liste déroulante - Select
-- [x] Pagination
-- [x] Sélecteur de langue
-- [x] Tableau - Table
-- [x] Tag
-- [x] Téléchargement de fichier
-- [x] Tuile - Tile
-- [x] Transcription [`#560`](https://github.com/GouvernementFR/dsfr/pull/560)
-
-#### :sparkles: feat(header,navigation): fermeture de la navigation au clic sur lien ou bouton [DS-2742] (#583)
-
-Actuellement, la navigation reste présente en mobile et en desktop lorsque l'on clique sur un lien ou un bouton qu'elle contient, ce qui pose problème dans le cas des Single-page application.
+  - [x] Ajout de fichier - File upload
+  - [x] Alertes - Alert
+  - [x] Badge
+  - [x] Bandeau d'information importante
+  - [x] Bouton FranceConnect
+  - [x] Champ de saisie - Input
+  - [x] Citation - Quote
+  - [x] Contenu médias - Responsive médias
+  - [x] Gestionnaire de consentement - Consent banner
+  - [x] Indicateur d'étape
+  - [x] Lettre d'information et réseaux sociaux - Newsletter & Follow us
+  - [x] Liens d'évitement - Skiplink
+  - [x] Liste déroulante - Select
+  - [x] Pagination
+  - [x] Sélecteur de langue
+  - [x] Tableau - Table
+  - [x] Tag
+  - [x] Téléchargement de fichier
+  - [x] Tuile - Tile
+  - [x] Transcription
+
+
+#### ✨ feat(header,navigation): fermeture de la navigation au clic sur lien ou bouton [(#583)](https://github.com/GouvernementFR/dsfr/pull/583)
+Actuellement, la navigation reste présente en mobile et en desktop lorsque l'on clique sur un lien ou un bouton qu'elle contient, ce qui pose problème dans le cas des Single-page application.
 La fonctionnalité est maintenant modifiée pour que tout clic sur un élément `<button>` ou `<a>` entraîne la fermeture de la navigation (modale et/ou menu).
-L'ajout de l'attribut `data-fr-prevent-conceal` permet de préserver un lien ou un bouton particulier de ce nouveau comportement. [`#583`](https://github.com/GouvernementFR/dsfr/pull/583)
+L'ajout de l'attribut `data-fr-prevent-conceal` permet de préserver un lien ou un bouton particulier de ce nouveau comportement.
 
-#### 🐛 fix(build): changement des path pour compiler sur windows [DS-2992] (#580)
 
-Sur windows il n'est pas possible de recompiler le projet avec yarn build
-Correction des path dans les tools (windows utilise "" et linux et mac "/") [`#580`](https://github.com/GouvernementFR/dsfr/pull/580)
+#### 🐛 fix(build): changement des path pour compiler sur windows [(#580)](https://github.com/GouvernementFR/dsfr/pull/580)
+Sur windows il n'est pas possible de recompiler le projet avec yarn build
+Correction des path dans les tools (windows utilise "" et linux et mac "/")
 
-#### ✨ feat(github): ajout de templates d'issue github [DS-3201] (#569)
 
-Création de template d'issue Github pour indiquer les informations demandées lors d'un report de 
+#### ✨ feat(github): ajout de templates d'issue github [(#569)](https://github.com/GouvernementFR/dsfr/pull/569)
+Création de template d'issue Github pour indiquer les informations demandées lors d'un report de 
 - bug
 - évolution
-- documentation [`#569`](https://github.com/GouvernementFR/dsfr/pull/569)
+- documentation
 
-#### :bug: fix(core): correction icone lien externe IE  (#548)
 
-Sur Internet Explorer, les icônes des liens externes ne s'affichent plus.
-Correction css sur core. [`#548`](https://github.com/GouvernementFR/dsfr/pull/548)
+#### 🐛 fix(core): correction icone lien externe IE [(#548)](https://github.com/GouvernementFR/dsfr/pull/548)
+Sur Internet Explorer, les icônes des liens externes ne s'affichent plus.
+Correction css sur core.
 
-#### ⬆️ feat(deps): mise à jour des dépendances [DS-3011] (#553) [`#553`](https://github.com/GouvernementFR/dsfr/pull/553)
 
-#### 🐛 fix(transcription): corrige largeur du bouton a l'ouverture de la modale [DS-3070] (#565)
+#### ⬆️ feat(deps): mise à jour des dépendances [(#553)](https://github.com/GouvernementFR/dsfr/pull/553)
 
-à l'ouverture de la modale de la transcription, le déplacement des éléments en position fixed change la taille du bouton de la transcription à sa taille minimum. 
-La largeur étendue à 100% permet de la conserver constante. [`#565`](https://github.com/GouvernementFR/dsfr/pull/565)
 
-#### 🐛 fix(notice): ajoute 'importante' au bandeau d'information importante [DS-3073] (#563)
+#### 🐛 fix(transcription): corrige largeur du bouton a l'ouverture de la modale [(#565)](https://github.com/GouvernementFR/dsfr/pull/565)
+à l'ouverture de la modale de la transcription, le déplacement des éléments en position fixed change la taille du bouton de la transcription à sa taille minimum. 
+La largeur étendue à 100% permet de la conserver constante.
 
-Le nom du composant devient "Bandeau information importante" [`#563`](https://github.com/GouvernementFR/dsfr/pull/563)
 
-#### ✨ feat(footer): évolution des mentions légales [DS-3140] (#568)
+#### 🐛 fix(notice): ajoute 'importante' au bandeau d'information importante [(#563)](https://github.com/GouvernementFR/dsfr/pull/563)
+Le nom du composant devient "Bandeau information importante"
 
-Nouveau texte : ”Sauf mention explicite de propriété intellectuelle détenue par des tiers, les contenus de ce site sont proposés sous” [`#568`](https://github.com/GouvernementFR/dsfr/pull/568)
 
-#### 🐛 fix(consent): consent placeholder video mal centré [DS-3026] (#573)
+#### ✨ feat(footer): évolution des mentions légales [(#568)](https://github.com/GouvernementFR/dsfr/pull/568)
+Nouveau texte : ”Sauf mention explicite de propriété intellectuelle détenue par des tiers, les contenus de ce site sont proposés sous”
 
-Dans le cas d'une vidéo le placeholder est en display block
-Retrait de la propriété non désirée [`#573`](https://github.com/GouvernementFR/dsfr/pull/573)
 
-#### :bug: fix(password): correctif erreur getModifierState [DS-2940] (#574)
+#### 🐛 fix(consent): consent placeholder video mal centré [(#573)](https://github.com/GouvernementFR/dsfr/pull/573)
+Dans le cas d'une vidéo le placeholder est en display block
+Retrait de la propriété non désirée
 
-Lorsque le navigateur fait l'autocompletion du champ password, il lance un événement qui n'est pas forcément un évènement de clavier et provoque une erreur indiquant que la fonction getModifierState n'existe pas. [`#574`](https://github.com/GouvernementFR/dsfr/pull/574)
 
-#### 🐛 fix(modal): correctif prise de focus au focus-trap [DS-3211] (#566)
+#### 🐛 fix(password): correctif erreur getModifierState [(#574)](https://github.com/GouvernementFR/dsfr/pull/574)
+Lorsque le navigateur fait l'autocompletion du champ password, il lance un événement qui n'est pas forcément un évènement de clavier et provoque une erreur indiquant que la fonction getModifierState n'existe pas.
 
-à l'ouverture de la modale, le focus est automatiquement déplacé sur le premier des éléments interactifs de la modale.
+
+#### 🐛 fix(modal): correctif prise de focus au focus-trap [(#566)](https://github.com/GouvernementFR/dsfr/pull/566)
+à l'ouverture de la modale, le focus est automatiquement déplacé sur le premier des éléments interactifs de la modale.
 Ce comportement pose problème lorsque le focus est déjà sur un des éléments contenus dans la modale.
 
-Ajout d'une condition qui vérifie que le focus n'est pas déjà sur un des éléments interactifs de la modale avant de déplacer le focus. [`#566`](https://github.com/GouvernementFR/dsfr/pull/566)
+Ajout d'une condition qui vérifie que le focus n'est pas déjà sur un des éléments interactifs de la modale avant de déplacer le focus.
 
-#### :sparkles: feat(readme): Mise à jour du readme [DS-3193] (#559)
 
-Fine tuning, ajout de licence et droit d'utilisation et corrections. [`#559`](https://github.com/GouvernementFR/dsfr/pull/559)
+#### ✨ feat(readme): Mise à jour du readme [(#559)](https://github.com/GouvernementFR/dsfr/pull/559)
+Fine tuning, ajout de licence et droit d'utilisation et corrections.
 
-#### ✨ feat(artwork): ajout picto document-add [DS-3210] (#571)
 
+#### ✨ feat(artwork): ajout picto document-add [(#571)](https://github.com/GouvernementFR/dsfr/pull/571)
 Ajout pictogramme : 
-- document/document-add [`#571`](https://github.com/GouvernementFR/dsfr/pull/571)
+- document/document-add
 
-## [v1.9.0](https://github.com/GouvernementFR/dsfr/compare/v1.8.5...v1.9.0) - 2023-03-01
 
-### Merged
 
-#### fix(*): correctifs mineurs pa11y et buble + lint (#555)
+### [v1.9.0](https://github.com/GouvernementFR/dsfr/compare/v1.8.5...v1.9.0) - 1er Mars 2023
 
+#### fix(*): correctifs mineurs pa11y et buble + lint [(#555)](https://github.com/GouvernementFR/dsfr/pull/555)
 correction du chemin relatif du layout dans les exemples du package response
 spread operator non supporté par buble, remplacé par Object.assign pour la transpilation IE11
-correctifs de false positive pa11y [`#555`](https://github.com/GouvernementFR/dsfr/pull/555)
+correctifs de false positive pa11y
+
 
-#### feat(analytics): ajout de la fonctionnalité Analytics [DS-2981,DS-2982] (#528)
+#### feat(analytics): ajout de la fonctionnalité Analytics [(#528)](https://github.com/GouvernementFR/dsfr/pull/528)
+Outil de collecte de données basé sur la solution Eulerian
 
-Outil de collecte de données basé sur la solution Eulerian [`#528`](https://github.com/GouvernementFR/dsfr/pull/528)
 
-#### fix(*): mise à jour browserlist (#554) [`#554`](https://github.com/GouvernementFR/dsfr/pull/554)
+#### fix(*): mise à jour browserlist [(#554)](https://github.com/GouvernementFR/dsfr/pull/554)
 
-#### fix(scheme): correctif du scheme boot pour omission par ie11 (#550)
 
-Le code inline du scheme boot provoque des erreurs interrompant l'exécution du javascript sur IE11
-Il faut ajouter l'attribut type="module" sur l'étiquette d'élément script liée au scheme-boot [`#550`](https://github.com/GouvernementFR/dsfr/pull/550)
+#### fix(scheme): correctif du scheme boot pour omission par ie11 [(#550)](https://github.com/GouvernementFR/dsfr/pull/550)
+Le code inline du scheme boot provoque des erreurs interrompant l'exécution du javascript sur IE11
+Il faut ajouter l'attribut type="module" sur l'étiquette d'élément script liée au scheme-boot
 
-#### fix(header): copie du sélecteur de langue sans accès rapide [DS-2950] (#547)
 
+#### fix(header): copie du sélecteur de langue sans accès rapide [(#547)](https://github.com/GouvernementFR/dsfr/pull/547)
 Les accès rapides sont dupliqués dans le menu mobile par le JS (sauf dans les modes SPA)
-En l'absence d'accès rapide, le sélecteur de langue n'était pas dupliqué comme attendu [`#547`](https://github.com/GouvernementFR/dsfr/pull/547)
+En l'absence d'accès rapide, le sélecteur de langue n'était pas dupliqué comme attendu
 
-#### fix(artwork): depreciation des xlink dans les artwork [DS-2979] (#545)
 
+#### fix(artwork): depreciation des xlink dans les artwork [(#545)](https://github.com/GouvernementFR/dsfr/pull/545)
 xlink-href est déprécié : https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/xlink:href
-Il était privilégié jusqu'ici pour le support d'IE11. Un polyfill a été mis en place pour assurer la rétrocompatibilité avec IE11 [`#545`](https://github.com/GouvernementFR/dsfr/pull/545)
+Il était privilégié jusqu'ici pour le support d'IE11. Un polyfill a été mis en place pour assurer la rétrocompatibilité avec IE11
 
-#### fix(address): Inversion ordre immeuble et batiment [DS-2976] (#544)
 
-inversion de 2 champs dans les modèles formulaire d'adresse [`#544`](https://github.com/GouvernementFR/dsfr/pull/544)
+#### fix(address): Inversion ordre immeuble et batiment [(#544)](https://github.com/GouvernementFR/dsfr/pull/544)
+inversion de 2 champs dans les modèles formulaire d'adresse
 
-#### fix(core): correctif de la taille minimum de l'underline des liens [DS-2987] (#543)
 
-Sur Firefox, la relativité de l'épaisseur du lien (en em) provoque parfois son invisibilité lorsque celui-ci est inférieur à 1px. Ce correctif met en place un minimum de 1px pour l'épaisseur du lien. [`#543`](https://github.com/GouvernementFR/dsfr/pull/543)
+#### fix(core): correctif de la taille minimum de l'underline des liens [(#543)](https://github.com/GouvernementFR/dsfr/pull/543)
+Sur Firefox, la relativité de l'épaisseur du lien (en em) provoque parfois son invisibilité lorsque celui-ci est inférieur à 1px. Ce correctif met en place un minimum de 1px pour l'épaisseur du lien.
 
-#### fix(header): alignement à gauche des raccourcis sans icônes [DS-2951] (#542)
 
-L'absence d'icône sur les accès rapides de l'En-tête provoque un alignement centré au lieu d'un alignement gauche attendu. [`#542`](https://github.com/GouvernementFR/dsfr/pull/542)
+#### fix(header): alignement à gauche des raccourcis sans icônes [(#542)](https://github.com/GouvernementFR/dsfr/pull/542)
+L'absence d'icône sur les accès rapides de l'En-tête provoque un alignement centré au lieu d'un alignement gauche attendu.
 
-#### fix(checkbox, radio): placement de l'input caché & alignement sm [DS-2941] (#539)
 
-Corrige le mauvais placement du curseur sur les cases à cocher et les boutons radio lors de l'utilisation de VoiceOver (screen reader de MacOs) [`#539`](https://github.com/GouvernementFR/dsfr/pull/539)
+#### fix(checkbox, radio): placement de l'input caché & alignement sm [(#539)](https://github.com/GouvernementFR/dsfr/pull/539)
+Corrige le mauvais placement du curseur sur les cases à cocher et les boutons radio lors de l'utilisation de VoiceOver (screen reader de MacOs)
 
-#### feat(icon): ajout icones system [DS-3188] (#551)
 
-Ajout d'icônes dans system :
+#### fix(core): correction du curseur des textarea [(#537)](https://github.com/GouvernementFR/dsfr/pull/537)
+
+
+#### fix(input): correction placement icone calendrier sur input type="date" [(#536)](https://github.com/GouvernementFR/dsfr/pull/536)
+corrige le problème de double icône remonté dans #530
+
+
+#### feat(icon): ajout icones system [(#551)](https://github.com/GouvernementFR/dsfr/pull/551)
+Ajout d'icônes dans system :
 fr--arrow-right-up-circle-fill,
 fr--arrow-right-down-circle-fill,
-fr--equal-circle-fill, [`#551`](https://github.com/GouvernementFR/dsfr/pull/551)
+fr--equal-circle-fill,
 
-#### fix(scheme): ajout du mode sombre de la scrollbar du navigateur (#407) (#535)
 
-Permet de synchroniser le thème de la scrollbar avec celui du DSFR [`#535`](https://github.com/GouvernementFR/dsfr/pull/535)
+#### fix(scheme): ajout du mode sombre de la scrollbar du navigateur  (#535) [(#407)](https://github.com/GouvernementFR/dsfr/pull/407)
+Permet de synchroniser le thème de la scrollbar avec celui du DSFR
 
-#### feat(color): ajout de token de couleurs artwork (#552)
 
-Ajoute les tokens des familles de couleurs neutral, primary et accent sur artwork dans les usages decorative, background et motif [`#552`](https://github.com/GouvernementFR/dsfr/pull/552)
+#### feat(color): ajout de token de couleurs artwork [(#552)](https://github.com/GouvernementFR/dsfr/pull/552)
+Ajoute les tokens des familles de couleurs neutral, primary et accent sur artwork dans les usages decorative, background et motif
 
-#### feat(pictograms): Ajouts des pictogrammes food, grocery, house (#520) [`#520`](https://github.com/GouvernementFR/dsfr/pull/520)
 
-#### feat(deps): mise à jour des dependances npm [DS-2936] (#533) [`#533`](https://github.com/GouvernementFR/dsfr/pull/533)
+#### feat(pictograms): Ajouts des pictogrammes food, grocery, house [(#520)](https://github.com/GouvernementFR/dsfr/pull/520)
 
-#### fix(response): retrait du fil d'Arianne sur les pages d'erreur [DS-3012] (#507) [`#507`](https://github.com/GouvernementFR/dsfr/pull/507)
 
-#### fix(toggle): rend le composant compatible avec vite+svelte (#518) [`#518`](https://github.com/GouvernementFR/dsfr/pull/518)
+#### feat(deps): mise à jour des dependances npm [(#533)](https://github.com/GouvernementFR/dsfr/pull/533)
 
-## [v1.8.5](https://github.com/GouvernementFR/dsfr/compare/v1.8.4...v1.8.5) - 2022-11-28
 
-### Merged
+#### fix(response): retrait du fil d'Arianne sur les pages d'erreur [(#507)](https://github.com/GouvernementFR/dsfr/pull/507)
 
-#### fix(tag): correction régression lien tag [DS-2975] (#480) [`#480`](https://github.com/GouvernementFR/dsfr/pull/480)
 
-#### fix(transcription): correction de la pleine largeur du composant (#483) [`#483`](https://github.com/GouvernementFR/dsfr/pull/483)
+#### fix(toggle): rend le composant compatible avec vite+svelte [(#518)](https://github.com/GouvernementFR/dsfr/pull/518)
 
-## [v1.8.4](https://github.com/GouvernementFR/dsfr/compare/v1.8.3...v1.8.4) - 2022-11-15
 
-### Merged
 
-#### fix(footer): correction sur le séparateur bleu du pied de page (#465) [`#465`](https://github.com/GouvernementFR/dsfr/pull/465)
 
-#### fix(transcription): correction sur la présence du titre de la modale (#466) [`#466`](https://github.com/GouvernementFR/dsfr/pull/466)
+## v1.8
 
-## [v1.8.3](https://github.com/GouvernementFR/dsfr/compare/v1.8.2...v1.8.3) - 2022-11-15
+### [v1.8.5](https://github.com/GouvernementFR/dsfr/compare/v1.8.4...v1.8.5) - 28 Novembre 2022
 
-### Merged
+#### fix(tag): correction régression lien tag [(#480)](https://github.com/GouvernementFR/dsfr/pull/480)
 
-#### fix(link): correction régression icône à droite sur les éléments interactifs (#461) [`#461`](https://github.com/GouvernementFR/dsfr/pull/461)
 
-## [v1.8.2](https://github.com/GouvernementFR/dsfr/compare/v1.8.1...v1.8.2) - 2022-11-09
+#### fix(transcription): correction de la pleine largeur du composant [(#483)](https://github.com/GouvernementFR/dsfr/pull/483)
 
-### Merged
 
-#### fix(global): fix build, lint, clean (#456) [`#456`](https://github.com/GouvernementFR/dsfr/pull/456)
 
-#### fix(display): correctif duplication du sélecteur de langue [DS-2908] (#454) [`#454`](https://github.com/GouvernementFR/dsfr/pull/454)
+### [v1.8.4](https://github.com/GouvernementFR/dsfr/compare/v1.8.3...v1.8.4) - 15 Novembre 2022
 
-#### feat(pagination): border active sur version constrasté [DS-2717] (#436) [`#436`](https://github.com/GouvernementFR/dsfr/pull/436)
+#### fix(footer): correction sur le séparateur bleu du pied de page [(#465)](https://github.com/GouvernementFR/dsfr/pull/465)
 
-#### fix(toggle): bug IE label et statut actif [DS-2286] (#443) [`#443`](https://github.com/GouvernementFR/dsfr/pull/443)
 
-#### fix(tag): déplacement du focus sur les tags supprimables [DS-2905] (#453) [`#453`](https://github.com/GouvernementFR/dsfr/pull/453)
+#### fix(transcription): correction sur la présence du titre de la modale [(#466)](https://github.com/GouvernementFR/dsfr/pull/466)
 
-#### fix(transcription): titre du contenu (a11y) [DS-2906] (#452) [`#452`](https://github.com/GouvernementFR/dsfr/pull/452)
 
-#### fix(core, download): correction du enlarge link [DS-2777] (#451) [`#451`](https://github.com/GouvernementFR/dsfr/pull/451)
 
-#### fix(download): titre des cartes en h3 [DS-2904] (#449) [`#449`](https://github.com/GouvernementFR/dsfr/pull/449)
+### [v1.8.3](https://github.com/GouvernementFR/dsfr/compare/v1.8.2...v1.8.3) - 15 Novembre 2022
 
-#### fix(scheme): ajout du scheme-boot permettant d'éliminer le flash au load de la page en dark mode [DS-2166] (#455) [`#455`](https://github.com/GouvernementFR/dsfr/pull/455)
+#### fix(link): correction régression icône à droite sur les éléments interactifs [(#461)](https://github.com/GouvernementFR/dsfr/pull/461)
 
-#### fix(scheme): correctifs de l'API JS de couleur [DS-2907] (#448) [`#448`](https://github.com/GouvernementFR/dsfr/pull/448)
 
-#### fix(form): ajout du css deprecated legacy (#439) [`#439`](https://github.com/GouvernementFR/dsfr/pull/439)
 
-#### feat(pattern): form autocomplete [DS-2889] (#425) [`#425`](https://github.com/GouvernementFR/dsfr/pull/425)
+### [v1.8.2](https://github.com/GouvernementFR/dsfr/compare/v1.8.1...v1.8.2) - 9 Novembre 2022
 
-## [v1.8.1](https://github.com/GouvernementFR/dsfr/compare/v1.8.0...v1.8.1) - 2022-10-27
+#### fix(global): fix build, lint, clean [(#456)](https://github.com/GouvernementFR/dsfr/pull/456)
 
-### Merged
 
-#### fix(scheme): correctif thème sombre (fix #440) (#442) [`#442`](https://github.com/GouvernementFR/dsfr/pull/442)
+#### fix(display): correctif duplication du sélecteur de langue [(#454)](https://github.com/GouvernementFR/dsfr/pull/454)
 
-### Fixed
 
-#### fix(scheme): correctif thème sombre (fix #440) (#442) [`#440`](https://github.com/GouvernementFR/dsfr/issues/440)
+#### feat(pagination): border active sur version constrasté [(#436)](https://github.com/GouvernementFR/dsfr/pull/436)
 
-## [v1.8.0](https://github.com/GouvernementFR/dsfr/compare/v1.7.3...v1.8.0) - 2022-10-27
 
-### Merged
+#### fix(toggle): bug IE label et statut actif [(#443)](https://github.com/GouvernementFR/dsfr/pull/443)
 
-#### fix(form): correction accessiblité des formulaires (#438) [`#438`](https://github.com/GouvernementFR/dsfr/pull/438)
 
-#### feat(nationality): pattern nationalité [DS-2658] (#426) [`#426`](https://github.com/GouvernementFR/dsfr/pull/426)
+#### fix(tag): déplacement du focus sur les tags supprimables [(#453)](https://github.com/GouvernementFR/dsfr/pull/453)
 
-#### fix(quote): couleur du texte quote__sources [DS-2806] (#437) [`#437`](https://github.com/GouvernementFR/dsfr/pull/437)
 
-#### fix(form, upload): error & disabled [DS-2746, DS-2700] (#428) [`#428`](https://github.com/GouvernementFR/dsfr/pull/428)
+#### fix(transcription): titre du contenu (a11y) [(#452)](https://github.com/GouvernementFR/dsfr/pull/452)
 
-#### fix(tag): correction tag selectionnable hover [DS-2724] (#430) [`#430`](https://github.com/GouvernementFR/dsfr/pull/430)
 
-#### fix(connect): correction wording "qu'est-ce que france connect" [DS-2700] (#431) [`#431`](https://github.com/GouvernementFR/dsfr/pull/431)
+#### fix(core, download): correction du enlarge link [(#451)](https://github.com/GouvernementFR/dsfr/pull/451)
 
-#### fix(accordion): correction token de couleur [DS-2700] (#432) [`#432`](https://github.com/GouvernementFR/dsfr/pull/432)
 
-#### feat(api): ajout d'événements sur le scheme [DS-2888] (#434) [`#434`](https://github.com/GouvernementFR/dsfr/pull/434)
+#### fix(download): titre des cartes en h3 [(#449)](https://github.com/GouvernementFR/dsfr/pull/449)
 
-#### feat(api): ajoute la class Colors [DS-2888] (#424) [`#424`](https://github.com/GouvernementFR/dsfr/pull/424)
 
-#### fix(tile, summary, sidemenu): niveau de titre des composants [DS-1805] (#420) [`#420`](https://github.com/GouvernementFR/dsfr/pull/420)
+#### fix(scheme): ajout du scheme-boot permettant d'éliminer le flash au load de la page en dark mode [(#455)](https://github.com/GouvernementFR/dsfr/pull/455)
 
-#### feat(transcription): ajoute le composant transcription [DS-895] (#412) [`#412`](https://github.com/GouvernementFR/dsfr/pull/412)
 
-#### fix(doc): met a jour les urls de documentation [DS-2764] (#413) [`#413`](https://github.com/GouvernementFR/dsfr/pull/413)
+#### fix(scheme): correctifs de l'API JS de couleur [(#448)](https://github.com/GouvernementFR/dsfr/pull/448)
 
-#### fix(tabs): Ouverture de modal à l'intérieur d'un composant onglet [DS-2731] (#405) [`#405`](https://github.com/GouvernementFR/dsfr/pull/405)
 
-#### fix(sidemenu): sidemenu disparait à l'ouverture modale FF [DS-2723] (#406) [`#406`](https://github.com/GouvernementFR/dsfr/pull/406)
+#### fix(form): ajout du css deprecated legacy [(#439)](https://github.com/GouvernementFR/dsfr/pull/439)
 
-#### fix(page): ajustement des imbrications de container (#417) [`#417`](https://github.com/GouvernementFR/dsfr/pull/417)
 
-#### fix(footer): bordure bleu inset & logo toujours aligné en haut (#410) [`#410`](https://github.com/GouvernementFR/dsfr/pull/410)
+#### feat(pattern): form autocomplete [(#425)](https://github.com/GouvernementFR/dsfr/pull/425)
 
-#### fix(response): met a jour les espacements des pages erreur [DS-2762] (#402) [`#402`](https://github.com/GouvernementFR/dsfr/pull/402)
 
-#### fix(response): Mise à jour des path des pictogrammes [DS-2762]  (#400) [`#400`](https://github.com/GouvernementFR/dsfr/pull/400)
+#### chore: incrementation du numéro de version
 
-#### fix(password): correction template password [DS-2637] (#399) [`#399`](https://github.com/GouvernementFR/dsfr/pull/399)
 
-#### feat(account, register, login): ajout de modèles de page de connexion et création de compte [DS-2625, DS-2666, DS-2670, DS-2628] (#403) [`#403`](https://github.com/GouvernementFR/dsfr/pull/403)
 
-#### Feat(pattern): ajoute le modele de date unique [DS-2655] (#396) [`#396`](https://github.com/GouvernementFR/dsfr/pull/396)
+### [v1.8.1](https://github.com/GouvernementFR/dsfr/compare/v1.8.0...v1.8.1) - 27 Octobre 2022
 
-#### feat(society): Ajout du pattern société [DS-2649] (#415) [`#415`](https://github.com/GouvernementFR/dsfr/pull/415)
+#### fix(scheme): correctif thème sombre (fix #440) [(#442)](https://github.com/GouvernementFR/dsfr/pull/442)
 
-#### feat(address): Ajout du pattern adresse [DS-2643] (#398) [`#398`](https://github.com/GouvernementFR/dsfr/pull/398)
 
-#### refactor(form): Ajout des fr-control et correction des pattern civility & name (#401) [`#401`](https://github.com/GouvernementFR/dsfr/pull/401)
 
-#### feat(password): ajout du composant mot de passe [DS-2637] (#391) [`#391`](https://github.com/GouvernementFR/dsfr/pull/391)
+### [v1.8.0](https://github.com/GouvernementFR/dsfr/compare/v1.7.3...v1.8.0) - 27 Octobre 2022
 
-#### feat(artwork): ajout de pictogrammes à la librairie [DS-2709] (#375) [`#375`](https://github.com/GouvernementFR/dsfr/pull/375)
+#### fix(header): retrait du log de la documentation dans la console [(#524)](https://github.com/GouvernementFR/dsfr/pull/524)
 
-#### feat(pattern): ajoute le modele de civilite [DS-2631] (#355) [`#355`](https://github.com/GouvernementFR/dsfr/pull/355)
 
-#### feat(pattern): ajoute le modele de nom et prenom [DS-2634] (#356) [`#356`](https://github.com/GouvernementFR/dsfr/pull/356)
+#### fix(form): correction accessiblité des formulaires [(#438)](https://github.com/GouvernementFR/dsfr/pull/438)
 
-#### refactor(input): Séparation en sous composant d'input, ajout de input-email et input-tel [DS-2640] [DS-2646] (#363) [`#363`](https://github.com/GouvernementFR/dsfr/pull/363)
 
-#### feat(page-unexpected): ajoute le modele de page erreur inattendue [DS-2762] (#383) [`#383`](https://github.com/GouvernementFR/dsfr/pull/383)
+#### feat(nationality): pattern nationalité [(#426)](https://github.com/GouvernementFR/dsfr/pull/426)
 
-## [v1.7.3](https://github.com/GouvernementFR/dsfr/compare/v1.7.2...v1.7.3) - 2023-02-02
 
-### Merged
+#### fix(quote): couleur du texte quote__sources [(#437)](https://github.com/GouvernementFR/dsfr/pull/437)
 
-#### fix(header): retrait du log de la documentation dans la console (#524) [`#524`](https://github.com/GouvernementFR/dsfr/pull/524)
 
-## [v1.7.2](https://github.com/GouvernementFR/dsfr/compare/v1.7.1...v1.7.2) - 2022-07-29
+#### fix(form, upload): error & disabled [(#428)](https://github.com/GouvernementFR/dsfr/pull/428)
 
-## [v1.7.1](https://github.com/GouvernementFR/dsfr/compare/v1.7.0...v1.7.1) - 2022-07-25
 
-### Merged
+#### fix(tag): correction tag selectionnable hover [(#430)](https://github.com/GouvernementFR/dsfr/pull/430)
 
-#### fix(elevation): legacy z-index [DS-2761] (#384) [`#384`](https://github.com/GouvernementFR/dsfr/pull/384)
 
-## [v1.7.0](https://github.com/GouvernementFR/dsfr/compare/v1.6.0...v1.7.0) - 2022-07-21
+#### fix(connect): correction wording "qu'est-ce que france connect" [(#431)](https://github.com/GouvernementFR/dsfr/pull/431)
 
-### Merged
 
-#### fix(module): correction lint (#382) [`#382`](https://github.com/GouvernementFR/dsfr/pull/382)
+#### fix(accordion): correction token de couleur [(#432)](https://github.com/GouvernementFR/dsfr/pull/432)
 
-#### chore(global): mis à jour des dépendances (#381) [`#381`](https://github.com/GouvernementFR/dsfr/pull/381)
 
-#### fix(unavailable): ajout de la page d'exemple [DS-2662] (#380) [`#380`](https://github.com/GouvernementFR/dsfr/pull/380)
+#### feat(api): ajout d'événements sur le scheme [(#434)](https://github.com/GouvernementFR/dsfr/pull/434)
 
-#### fix(card): correction de l'aspect ratio par défaut des vidéos [DS-2729] (#378) [`#378`](https://github.com/GouvernementFR/dsfr/pull/378)
 
-#### fix(not-found): ajuste la template not-found [DS-1941] (#379) [`#379`](https://github.com/GouvernementFR/dsfr/pull/379)
+#### feat(api): ajoute la class Colors [(#424)](https://github.com/GouvernementFR/dsfr/pull/424)
 
-#### fix(card): correction aspect ratio par défaut [DS-2729] (#374) [`#374`](https://github.com/GouvernementFR/dsfr/pull/374)
 
-#### feat(server): Ajout page erreur serveur [DS-2662] (#330) [`#330`](https://github.com/GouvernementFR/dsfr/pull/330)
+#### refactor(pattern,page): réagencement des modèles de bloc et de page [2625,2628,2631,2634,2643,2649,2655,2666,2670] #423
 
-#### feat(not-found): ajoute les modèles de page erreur 404 [DS-1941] (#371) [`#371`](https://github.com/GouvernementFR/dsfr/pull/371)
 
-#### fix(global): correction des erreurs pa11y (#376) [`#376`](https://github.com/GouvernementFR/dsfr/pull/376)
+#### fix(tile, summary, sidemenu): niveau de titre des composants [(#420)](https://github.com/GouvernementFR/dsfr/pull/420)
 
-#### feat(translate) : Ajout du sélecteur de langue [DS-2017] (#359) [`#359`](https://github.com/GouvernementFR/dsfr/pull/359)
 
-#### fix(footer, header): généralisation de l'attribut 'title' du lien retour/accueil du logo [DS-2682] (#353) [`#353`](https://github.com/GouvernementFR/dsfr/pull/353)
+#### feat(transcription): ajoute le composant transcription [(#412)](https://github.com/GouvernementFR/dsfr/pull/412)
 
-#### fix(stepper): correction barre d'étape masquée sur Firefox [DS-2760] (#373) [`#373`](https://github.com/GouvernementFR/dsfr/pull/373)
 
-#### feat(global): évolution du système d'élévation et des ombres [DS-2128] (#372) [`#372`](https://github.com/GouvernementFR/dsfr/pull/372)
+#### fix(doc): met a jour les urls de documentation [(#413)](https://github.com/GouvernementFR/dsfr/pull/413)
 
-#### fix(global): Amendements sur les CGU du DSFR (#370) [`#370`](https://github.com/GouvernementFR/dsfr/pull/370)
 
-#### Amendements sur les CGU du DSFR (#368)
+#### fix(tabs): Ouverture de modal à l'intérieur d'un composant onglet [(#405)](https://github.com/GouvernementFR/dsfr/pull/405)
 
-* fix: corrections typographiques
 
-Signed-off-by: Bastien Guerry <bastien.guerry@data.gouv.fr>
+#### fix(sidemenu): sidemenu disparait à l'ouverture modale FF [(#406)](https://github.com/GouvernementFR/dsfr/pull/406)
 
-* fix: levée d'une contradiction entre la licence et les CGU
 
-Personne n'est autorisé à utiliser les ressources du DSFR pour publier
-un site ou une application mobile induisant son utilisateur en erreur
-sur le caractère officiel du site ou de l'application.
+#### fix(page): ajustement des imbrications de container [(#417)](https://github.com/GouvernementFR/dsfr/pull/417)
 
-Restreindre les finalités de l'usage de la ressource par l'Utilisateur
-de l'État est redondant au regard de l'interdiction ci-dessus et trop
-limitant: un agent public peut vouloir tester le DSFR, le modifier sur
-sa machine, partager des évolutions qu'il propose, même si celles-ci
-ne sont pas appelées à être intégrées au DSFR, et donc à rester
-interdites à l'usage sur des sites officiels.
 
-D'où l'inflexion dans la première modification de ce correctif et la
-mention de "pour leurs sites et applications mobiles" dans la deuxième
-modification, explicitant le fait qu'« utilisation » désigne ici une
-utilisation dans le cadre d'une publication de site ou d'application.
+#### fix(footer): bordure bleu inset & logo toujours aligné en haut [(#410)](https://github.com/GouvernementFR/dsfr/pull/410)
 
-Il y a sinon une contradiction entre les libertés octroyées via la
-licence MIT et les limitations imposées dans les CGU.
 
-Signed-off-by: Bastien Guerry <bastien.guerry@data.gouv.fr>
+#### fix(response): met a jour les espacements des pages erreur [(#402)](https://github.com/GouvernementFR/dsfr/pull/402)
 
-* fix: suppression d'une phrase fausse et d'un paragraphe inutile
 
-La licence MIT permet aux utilisateurs d'utiliser le code source (pas
-seulement de le consulter) et de vendre la ressource s'ils le veulent.
+#### fix(response): Mise à jour des path des pictogrammes [(#400)](https://github.com/GouvernementFR/dsfr/pull/400)
 
-Le paragraphe interdisant l'usage de la ressource aux fins de tromper
-les utilisateurs de sites ou d'applications mobiles est redondant avec
-le paragraphe suivant, rappellant que ces tromperies sont punissables.
 
-Signed-off-by: Bastien Guerry <bastien.guerry@data.gouv.fr>
+#### fix(password): correction template password [(#399)](https://github.com/GouvernementFR/dsfr/pull/399)
 
-* fix: suppression des espaces en fin de lignes
 
-Signed-off-by: Bastien Guerry <bastien.guerry@data.gouv.fr> [`#368`](https://github.com/GouvernementFR/dsfr/pull/368)
+#### feat(account, register, login): ajout de modèles de page de connexion et création de compte [(#403)](https://github.com/GouvernementFR/dsfr/pull/403)
 
-#### feat(i18n): système i18n globalisé (#365) [`#365`](https://github.com/GouvernementFR/dsfr/pull/365)
 
-#### fix(content, core): bug ratio vidéos ios [DS-2188] (#352) [`#352`](https://github.com/GouvernementFR/dsfr/pull/352)
+#### Feat(pattern): ajoute le modele de date unique [(#396)](https://github.com/GouvernementFR/dsfr/pull/396)
 
-#### fix(pagination): correction couleur des liens de pagination en 'button' [DS-2577] (#354) [`#354`](https://github.com/GouvernementFR/dsfr/pull/354)
 
-#### fix(global): correction standalone locale pour i18n (#364) [`#364`](https://github.com/GouvernementFR/dsfr/pull/364)
+#### feat(society): Ajout du pattern société [(#415)](https://github.com/GouvernementFR/dsfr/pull/415)
 
-#### fix(core): correction du sens de l'extension du soulignement (#350) [`#350`](https://github.com/GouvernementFR/dsfr/pull/350)
 
-#### fix(global): correction pa11y test (#360) [`#360`](https://github.com/GouvernementFR/dsfr/pull/360)
+#### feat(address): Ajout du pattern adresse [(#398)](https://github.com/GouvernementFR/dsfr/pull/398)
 
-#### feat(global): module sass dsfr (#358) [`#358`](https://github.com/GouvernementFR/dsfr/pull/358)
 
-#### feat(global): multiplication des pages d'exemple et internationalisation [DS-1381] (#357) [`#357`](https://github.com/GouvernementFR/dsfr/pull/357)
+#### refactor(form): Ajout des fr-control et correction des pattern civility & name [(#401)](https://github.com/GouvernementFR/dsfr/pull/401)
 
-## [v1.6.0](https://github.com/GouvernementFR/dsfr/compare/v1.5.2...v1.6.0) - 2022-06-14
 
-### Merged
+#### feat(password): ajout du composant mot de passe [(#391)](https://github.com/GouvernementFR/dsfr/pull/391)
 
-#### feat(core): mise à disposition de state et stage dans l'api js (#345) [`#345`](https://github.com/GouvernementFR/dsfr/pull/345)
 
-#### fix(core): correction du fond du svg - faux positif PA11Y (#343) [`#343`](https://github.com/GouvernementFR/dsfr/pull/343)
+#### feat(artwork): ajout de pictogrammes à la librairie [(#375)](https://github.com/GouvernementFR/dsfr/pull/375)
 
-#### fix(card): correctif des tailles fixes des cartes horizontales [DS-2707] (#338) [`#338`](https://github.com/GouvernementFR/dsfr/pull/338)
 
-#### fix(core): suppression de l'icône lien extérieur sur une balise form [DS-2706] (#340) [`#340`](https://github.com/GouvernementFR/dsfr/pull/340)
+#### feat(pattern): ajoute le modele de civilite [(#355)](https://github.com/GouvernementFR/dsfr/pull/355)
 
-#### fix(global): stylelint (#337) [`#337`](https://github.com/GouvernementFR/dsfr/pull/337)
 
-#### fix(follow, share): ajout texte explicatif icones RS disponibles [DS-2598][DS-2597] (#331) [`#331`](https://github.com/GouvernementFR/dsfr/pull/331)
+#### feat(pattern): ajoute le modele de nom et prenom [(#356)](https://github.com/GouvernementFR/dsfr/pull/356)
 
-#### fix(core,link,button,tag,card): correctif icône lien extérieur [DS-2510] (#333) [`#333`](https://github.com/GouvernementFR/dsfr/pull/333)
 
-#### fix(icons): correctif depreciation fr-fi-checkbox-circle-line [DS-2702] (#334) [`#334`](https://github.com/GouvernementFR/dsfr/pull/334)
+#### refactor(input): Séparation en sous composant d'input, ajout de input-email et input-tel [(#363)](https://github.com/GouvernementFR/dsfr/pull/363)
 
-#### fix(navigation): correctif focus au clic sur les liens [DS-2677] (#336) [`#336`](https://github.com/GouvernementFR/dsfr/pull/336)
 
-#### fix(header): correctif espacement liens rapides [DS-2680] (#335) [`#335`](https://github.com/GouvernementFR/dsfr/pull/335)
+#### feat(global): évolution global pour les modèles de bloc et de page
 
-#### fix(stepper): cache le détail de la dernière étape en css [DS-2446] (#329) [`#329`](https://github.com/GouvernementFR/dsfr/pull/329)
 
-#### fix(table): bug ios bordures qui n'apparaissent pas [DS-2186] (#332) [`#332`](https://github.com/GouvernementFR/dsfr/pull/332)
+#### feat(page-unexpected): ajoute le modele de page erreur inattendue [(#383)](https://github.com/GouvernementFR/dsfr/pull/383)
 
-#### fix(share,, follow): ajout icones réseau sociaux (#324) [`#324`](https://github.com/GouvernementFR/dsfr/pull/324)
 
-#### fix(follow): correctif de la version legacy deprecated (#326) [`#326`](https://github.com/GouvernementFR/dsfr/pull/326)
 
-#### chore(deps): mise à jour des dépendances (#325) [`#325`](https://github.com/GouvernementFR/dsfr/pull/325)
 
-#### feat(stepper): ajout du composant indicateur d'étapes [DS-2446] (#319) [`#319`](https://github.com/GouvernementFR/dsfr/pull/319)
+## v1.7
 
-#### feat(artwork): ajout des pictogrammes illustratifs [DS-2483] (#317) [`#317`](https://github.com/GouvernementFR/dsfr/pull/317)
+### [v1.7.3](https://github.com/GouvernementFR/dsfr/compare/v1.7.2...v1.7.3) - 2 Février 2023
 
-#### refactor(core, card, content): ajout utilitaire fr-ratio et aspect-ratio des content img & vid [DS-2543] [DS-2571] (#316) [`#316`](https://github.com/GouvernementFR/dsfr/pull/316)
+#### fix(header): retrait du log de la documentation dans la console [(#524)](https://github.com/GouvernementFR/dsfr/pull/524)
 
-#### feat(notice): Ajout du composant bandeau d'information [DS-2014] (#302) [`#302`](https://github.com/GouvernementFR/dsfr/pull/302)
 
-#### fix(download):  couleur puce groupe de lien de téléchargement [DS-246] (#313) [`#313`](https://github.com/GouvernementFR/dsfr/pull/313)
 
-#### chore(global): migration vers sass dart [DS-1859] (#310) [`#310`](https://github.com/GouvernementFR/dsfr/pull/310)
+### [v1.7.2](https://github.com/GouvernementFR/dsfr/compare/v1.7.1...v1.7.2) - 29 Juillet 2022
 
-#### refactor(global): implémentation du positionnement des icônes en inline [DS-2526] (#320) [`#320`](https://github.com/GouvernementFR/dsfr/pull/320)
+#### fix(global): ajout des dossiers "standalone" et "i18n" au package.json
 
-#### refactor(header, link, button, follow, share, tag, badge): correction espacements des groupes [DS-2559] (#311) [`#311`](https://github.com/GouvernementFR/dsfr/pull/311)
 
-#### fix(sidemenu): changement balise du titre [DS-2508] (#290) [`#290`](https://github.com/GouvernementFR/dsfr/pull/290)
+#### fix(global): Ajout du dossier "module"
 
-#### fix(follow): correction link icon déprecié (#306) [`#306`](https://github.com/GouvernementFR/dsfr/pull/306)
 
-#### fix(core): correction de l'implémentation de $DIST-PATH (#300) [`#300`](https://github.com/GouvernementFR/dsfr/pull/300)
 
-#### chore: suppression de node-sass-magic-importer (#279) [`#279`](https://github.com/GouvernementFR/dsfr/pull/279)
+### [v1.7.1](https://github.com/GouvernementFR/dsfr/compare/v1.7.0...v1.7.1) - 25 Juillet 2022
 
-## [v1.5.2](https://github.com/GouvernementFR/dsfr/compare/v1.5.1...v1.5.2) - 2022-06-14
+#### fix(elevation): legacy z-index [(#384)](https://github.com/GouvernementFR/dsfr/pull/384)
 
-### Merged
 
-#### fix(core): correction de l'épaisseur du soulignement des liens (#346) [`#346`](https://github.com/GouvernementFR/dsfr/pull/346)
 
-#### fix(core): correction du soulignement des liens (#344) [`#344`](https://github.com/GouvernementFR/dsfr/pull/344)
+### [v1.7.0](https://github.com/GouvernementFR/dsfr/compare/v1.6.0...v1.7.0) - 21 Juillet 2022
 
-#### fix(core): correction du text-decoration sur les liens pour les version antérieures (#342) [`#342`](https://github.com/GouvernementFR/dsfr/pull/342)
+#### fix(module): correction lint [(#382)](https://github.com/GouvernementFR/dsfr/pull/382)
 
-#### fix(core): suppression de l'icône lien extérieur sur une balise form [DS-2706] (#339) [`#339`](https://github.com/GouvernementFR/dsfr/pull/339)
 
-#### fix(link): correctif lien multiligne [DS-2562] (#322) [`#322`](https://github.com/GouvernementFR/dsfr/pull/322)
+#### chore(global): mis à jour des dépendances [(#381)](https://github.com/GouvernementFR/dsfr/pull/381)
 
-#### fix(follow): correction link icon déprecié (#301) [`#301`](https://github.com/GouvernementFR/dsfr/pull/301)
 
-## [v1.5.1](https://github.com/GouvernementFR/dsfr/compare/v1.5.0...v1.5.1) - 2022-04-26
+#### fix(unavailable): ajout de la page d'exemple [(#380)](https://github.com/GouvernementFR/dsfr/pull/380)
 
-### Merged
 
-#### docs(utility): description et liens vers la documentation (#299) [`#299`](https://github.com/GouvernementFR/dsfr/pull/299)
+#### fix(card): correction de l'aspect ratio par défaut des vidéos [(#378)](https://github.com/GouvernementFR/dsfr/pull/378)
 
-#### fix(icons-system): correction lint (#298) [`#298`](https://github.com/GouvernementFR/dsfr/pull/298)
 
-#### fix(icons): icônes dépréciées de la v1.4.0 [DS-2541] (#297) [`#297`](https://github.com/GouvernementFR/dsfr/pull/297)
+#### fix(not-found): ajuste la template not-found [(#379)](https://github.com/GouvernementFR/dsfr/pull/379)
 
-#### fix(core, utility): icones dépréciées [DS-2541] (#296) [`#296`](https://github.com/GouvernementFR/dsfr/pull/296)
 
-#### fix(download): correction erreur js legacy [DS-2540] (#292) [`#292`](https://github.com/GouvernementFR/dsfr/pull/292)
+#### fix(card): correction aspect ratio par défaut [(#374)](https://github.com/GouvernementFR/dsfr/pull/374)
 
-#### fix(dsfr-deprecated): correction du nom de fichier sur le js legacy (#295) [`#295`](https://github.com/GouvernementFR/dsfr/pull/295)
 
-## [v1.5.0](https://github.com/GouvernementFR/dsfr/compare/v1.4.3...v1.5.0) - 2022-04-21
+#### feat(server): Ajout page erreur serveur [(#330)](https://github.com/GouvernementFR/dsfr/pull/330)
 
-### Merged
 
-#### fix(download): titre groupe de liens en classe BEM [DS-246] (#289) [`#289`](https://github.com/GouvernementFR/dsfr/pull/289)
+#### feat(not-found): ajoute les modèles de page erreur 404 [(#371)](https://github.com/GouvernementFR/dsfr/pull/371)
 
-#### fix: contributing.md et readme.md 1.5.0 (#286) [`#286`](https://github.com/GouvernementFR/dsfr/pull/286)
 
-#### fix: correctif icon alert et globale (#287) [`#287`](https://github.com/GouvernementFR/dsfr/pull/287)
+#### fix(global): correction des erreurs pa11y [(#376)](https://github.com/GouvernementFR/dsfr/pull/376)
 
-#### fix(legacy): media query legacy manquante (#285) [`#285`](https://github.com/GouvernementFR/dsfr/pull/285)
 
-#### fix(download): retrait exemple groupe sm [DS-246] (#284) [`#284`](https://github.com/GouvernementFR/dsfr/pull/284)
+#### feat(translate) : Ajout du sélecteur de langue [(#359)](https://github.com/GouvernementFR/dsfr/pull/359)
 
-#### fix(download,card): transpilation async et commentaire (#283) [`#283`](https://github.com/GouvernementFR/dsfr/pull/283)
 
-#### refactor(icon): Ajouts nouvelles icones & séparation en familles [DS-2514] (#280) [`#280`](https://github.com/GouvernementFR/dsfr/pull/280)
+#### fix(footer, header): généralisation de l'attribut 'title' du lien retour/accueil du logo [(#353)](https://github.com/GouvernementFR/dsfr/pull/353)
 
-#### feat(download): Ajout du composant téléchargement de fichier [DS-246] [DS-2507] (#272) [`#272`](https://github.com/GouvernementFR/dsfr/pull/272)
 
-#### fix(connect): correction de la variable de build isStandalone [DS-2528] (#281) [`#281`](https://github.com/GouvernementFR/dsfr/pull/281)
+#### fix(stepper): correction barre d'étape masquée sur Firefox [(#373)](https://github.com/GouvernementFR/dsfr/pull/373)
 
-#### fix(input): correction icone date [DS-2280] (#276) [`#276`](https://github.com/GouvernementFR/dsfr/pull/276)
 
-#### feat(header): bandeau de site en beta [DS-2417] (#269) [`#269`](https://github.com/GouvernementFR/dsfr/pull/269)
+#### feat(global): évolution du système d'élévation et des ombres [(#372)](https://github.com/GouvernementFR/dsfr/pull/372)
 
-#### fix(footer): alignement des logos partenaires [DS-2530] (#277) [`#277`](https://github.com/GouvernementFR/dsfr/pull/277)
 
-#### chore: suppression de node-sass-json-importer (#278) [`#278`](https://github.com/GouvernementFR/dsfr/pull/278)
+#### fix(global): Amendements sur les CGU du DSFR [(#370)](https://github.com/GouvernementFR/dsfr/pull/370)
 
-#### feat(card): ajout de la fonctionnalité card v2 [DS-2023] (#270) [`#270`](https://github.com/GouvernementFR/dsfr/pull/270)
 
-#### fix(global): mise à jour des dépendances (#274) [`#274`](https://github.com/GouvernementFR/dsfr/pull/274)
+#### feat(i18n): système i18n globalisé [(#365)](https://github.com/GouvernementFR/dsfr/pull/365)
 
-#### feat(button): changement de la taille des boutons (padding) [DS-2500] (#266) [`#266`](https://github.com/GouvernementFR/dsfr/pull/266)
 
-#### fix(core): correction liste à puce sur android [DS-2287] (#268) [`#268`](https://github.com/GouvernementFR/dsfr/pull/268)
+#### fix(content, core): bug ratio vidéos ios [(#352)](https://github.com/GouvernementFR/dsfr/pull/352)
 
-#### fix(global): restitution des icones en background + mask [DS-2280] (#256) [`#256`](https://github.com/GouvernementFR/dsfr/pull/256)
 
-#### fix(core): bug checkbox NVDA - correction du reset appearance [DS-2442] (#252) [`#252`](https://github.com/GouvernementFR/dsfr/pull/252)
+#### fix(pagination): correction couleur des liens de pagination en 'button' [(#354)](https://github.com/GouvernementFR/dsfr/pull/354)
 
-#### refactor(connect): généralisation du build du standalone [DS-2434] (#255) [`#255`](https://github.com/GouvernementFR/dsfr/pull/255)
 
-## [v1.4.3](https://github.com/GouvernementFR/dsfr/compare/v1.4.2...v1.4.3) - 2022-06-14
+#### fix(global): correction standalone locale pour i18n [(#364)](https://github.com/GouvernementFR/dsfr/pull/364)
 
-### Merged
 
-#### fix(core): correction soulignement des liens (#348) [`#348`](https://github.com/GouvernementFR/dsfr/pull/348)
+#### fix(core): correction du sens de l'extension du soulignement [(#350)](https://github.com/GouvernementFR/dsfr/pull/350)
 
-#### chore(global): incrémentation du numéro de version (#347) [`#347`](https://github.com/GouvernementFR/dsfr/pull/347)
 
-## [v1.4.2](https://github.com/GouvernementFR/dsfr/compare/v1.4.1...v1.4.2) - 2022-06-13
+#### fix(global): correction pa11y test [(#360)](https://github.com/GouvernementFR/dsfr/pull/360)
 
-### Merged
 
-#### fix(core): suppression de l'icône lien extérieur sur une balise form [DS-2706] (#341) [`#341`](https://github.com/GouvernementFR/dsfr/pull/341)
+#### feat(global): module sass dsfr [(#358)](https://github.com/GouvernementFR/dsfr/pull/358)
 
-## [v1.4.1](https://github.com/GouvernementFR/dsfr/compare/v1.4.0...v1.4.1) - 2022-03-29
 
-### Merged
+#### feat(global): multiplication des pages d'exemple et internationalisation [(#357)](https://github.com/GouvernementFR/dsfr/pull/357)
 
-#### fix(tag): correction tag activable sm et dans un group sm [DS-2491] (#258) [`#258`](https://github.com/GouvernementFR/dsfr/pull/258)
 
-#### fix(connect): retrait description & ajout target blank [DS-2490] (#261) [`#261`](https://github.com/GouvernementFR/dsfr/pull/261)
 
-#### fix(follow): correction de la dépréciation pour être plus générique [DS-2484] (#257) [`#257`](https://github.com/GouvernementFR/dsfr/pull/257)
 
-#### fix(connect): libelle FranceConnect attaché [DS-2479] (#260) [`#260`](https://github.com/GouvernementFR/dsfr/pull/260)
+## v1.6
 
-## [v1.4.0](https://github.com/GouvernementFR/dsfr/compare/v1.3.1...v1.4.0) - 2022-03-16
+### [v1.6.0](https://github.com/GouvernementFR/dsfr/compare/v1.5.2...v1.6.0) - 14 Juin 2022
 
-### Merged
+#### fix(core): correction de l'épaisseur du soulignement des liens [(#346)](https://github.com/GouvernementFR/dsfr/pull/346)
 
-#### fix(display): correction et support des versions dépréciées (#247) [`#247`](https://github.com/GouvernementFR/dsfr/pull/247)
 
-#### fix(header,follow,content): retours dépréciation [DS-2474] (#241) [`#241`](https://github.com/GouvernementFR/dsfr/pull/241)
+#### feat(core): mise à disposition de state et stage dans l'api js [(#345)](https://github.com/GouvernementFR/dsfr/pull/345)
 
-#### fix(sidemenu): correction hauteur & scroll sidemenu sticky [DS-2473] (#243) [`#243`](https://github.com/GouvernementFR/dsfr/pull/243)
 
-#### fix(navigation): correction affichage mega-menu [DS-2476] (#242) [`#242`](https://github.com/GouvernementFR/dsfr/pull/242)
+#### fix(core): correction du fond du svg - faux positif PA11Y [(#343)](https://github.com/GouvernementFR/dsfr/pull/343)
 
-#### fix(connect): correction taille du lien en sm [DS-2402] (#239) [`#239`](https://github.com/GouvernementFR/dsfr/pull/239)
 
-#### feat(global): mise en place de la stratégie de dépréciation des composants [DS-2463] (#237) [`#237`](https://github.com/GouvernementFR/dsfr/pull/237)
+#### fix(core): correction du soulignement des liens [(#344)](https://github.com/GouvernementFR/dsfr/pull/344)
 
-#### fix: corrections des retours dev 1.4.0 [DS-2467] (#240) [`#240`](https://github.com/GouvernementFR/dsfr/pull/240)
 
-#### fix(connect): retrait du hint text [DS-2402] (#238) [`#238`](https://github.com/GouvernementFR/dsfr/pull/238)
+#### fix(core): correction du text-decoration sur les liens pour les version antérieures [(#342)](https://github.com/GouvernementFR/dsfr/pull/342)
 
-#### feat(link): Ajout du lien "back to top" [DS-286] (#233) [`#233`](https://github.com/GouvernementFR/dsfr/pull/233)
 
-#### fix(megamenu): corrige erreur js en mode no-module [DS-2379] (#226) [`#226`](https://github.com/GouvernementFR/dsfr/pull/226)
+#### fix(card): correctif des tailles fixes des cartes horizontales [(#338)](https://github.com/GouvernementFR/dsfr/pull/338)
 
-#### fix(collapse): corrige le collapse multi-navigateurs [DS-2332] (#227) [`#227`](https://github.com/GouvernementFR/dsfr/pull/227)
 
-#### fix: templates plus paramétrables [DS-2408][DS-2138] (#221) [`#221`](https://github.com/GouvernementFR/dsfr/pull/221)
+#### fix(core): suppression de l'icône lien extérieur sur une balise form [(#340)](https://github.com/GouvernementFR/dsfr/pull/340)
 
-#### feat(footer): ajout d'un sample de footer paramétrable [DS-2132][DS-2408] (#215) [`#215`](https://github.com/GouvernementFR/dsfr/pull/215)
 
-#### fix(sidemenu): correction hauteur sidemenu sticky [DS-2355] (#223) [`#223`](https://github.com/GouvernementFR/dsfr/pull/223)
+#### fix(core): suppression de l'icône lien extérieur sur une balise form [(#339)](https://github.com/GouvernementFR/dsfr/pull/339)
 
-#### fix(modal): <dialog> masqué en no-css [DS-2423] (#230) [`#230`](https://github.com/GouvernementFR/dsfr/pull/230)
 
-#### fix(tab): correction z-index des tab-panels [DS-2420] (#232) [`#232`](https://github.com/GouvernementFR/dsfr/pull/232)
+#### fix(global): stylelint [(#337)](https://github.com/GouvernementFR/dsfr/pull/337)
 
-#### fix: margin bottom des textes et titres en css prop [DS-2013] (#229) [`#229`](https://github.com/GouvernementFR/dsfr/pull/229)
 
-#### feat(core): ajout d'icones [DS-2405] (#231) [`#231`](https://github.com/GouvernementFR/dsfr/pull/231)
+#### fix(follow, share): ajout texte explicatif icones RS disponibles [(#331)](https://github.com/GouvernementFR/dsfr/pull/331)
 
-#### refactor(global): soulignement des liens et ajout des boutons tertiaires [DS-2022][DS-2427] (#234) [`#234`](https://github.com/GouvernementFR/dsfr/pull/234)
 
-#### feat(connect): ajout description et lien france connect [DS-2402] (#224) [`#224`](https://github.com/GouvernementFR/dsfr/pull/224)
+#### fix(core,link,button,tag,card): correctif icône lien extérieur [(#333)](https://github.com/GouvernementFR/dsfr/pull/333)
 
-#### fix(core, tab, modal, button): injection js de styles en variables css [DS-2409][DS-2373] (#225) [`#225`](https://github.com/GouvernementFR/dsfr/pull/225)
 
-#### feat(core): variabilisation du core [DS-2315] (#212) [`#212`](https://github.com/GouvernementFR/dsfr/pull/212)
+#### fix(icons): correctif depreciation fr-fi-checkbox-circle-line [(#334)](https://github.com/GouvernementFR/dsfr/pull/334)
 
-#### feat(dependencies): mise a jour des dépendances node mineures (#228) [`#228`](https://github.com/GouvernementFR/dsfr/pull/228)
 
-#### feat(connect): Ajout de la fonctionnalité FranceConnect [DS-551] (#211) [`#211`](https://github.com/GouvernementFR/dsfr/pull/211)
+#### fix(navigation): correctif focus au clic sur les liens [(#336)](https://github.com/GouvernementFR/dsfr/pull/336)
 
-#### fix(toggle, modal): correction z-index de toggle [DS-2385] (#213) [`#213`](https://github.com/GouvernementFR/dsfr/pull/213)
 
-#### fix(accordion): a11y retrait des ul li du groupe d'accordéon [DS-2348] (#214) [`#214`](https://github.com/GouvernementFR/dsfr/pull/214)
+#### fix(header): correctif espacement liens rapides [(#335)](https://github.com/GouvernementFR/dsfr/pull/335)
 
-#### fix(core): nouvelle fonte Marianne avec correction de l'alignement [DS-1394] (#169) [`#169`](https://github.com/GouvernementFR/dsfr/pull/169)
 
-## [v1.3.1](https://github.com/GouvernementFR/dsfr/compare/v1.3.0...v1.3.1) - 2022-02-07
+#### fix(stepper): cache le détail de la dernière étape en css [(#329)](https://github.com/GouvernementFR/dsfr/pull/329)
 
-### Merged
 
-#### fix(toggle): correction de l'état précoché de l'interrupteur [DS-2392] (#210) [`#210`](https://github.com/GouvernementFR/dsfr/pull/210)
+#### fix(table): bug ios bordures qui n'apparaissent pas [(#332)](https://github.com/GouvernementFR/dsfr/pull/332)
 
-#### fix(navigation, sidemenu): correction focus coupés [DS-2322][DS-2309][DS-2089] (#204) [`#204`](https://github.com/GouvernementFR/dsfr/pull/204)
 
-#### chore(deps): mise a jour des dépendances (#209) [`#209`](https://github.com/GouvernementFR/dsfr/pull/209)
+#### feat(global): mise en place de l'injection du code dans le html [(#327)](https://github.com/GouvernementFR/dsfr/pull/327)
 
-#### fix(checkbox,form, radio,toggle): correction de la gestion de l'attribut checked et de la page d'exemple de form [DS-2376] (#208) [`#208`](https://github.com/GouvernementFR/dsfr/pull/208)
 
-#### fix(core): correction de la mixin has-icon et has-not-icon [DS-2386] (#205) [`#205`](https://github.com/GouvernementFR/dsfr/pull/205)
+#### fix(link): correctif lien multiligne [(#322)](https://github.com/GouvernementFR/dsfr/pull/322)
 
-#### fix(core): faute dans le texte alternatif [DS-2153] (#206) [`#206`](https://github.com/GouvernementFR/dsfr/pull/206)
 
-#### fix(doc): met a jour la doc des templates ejs [DS-1787] (#171) [`#171`](https://github.com/GouvernementFR/dsfr/pull/171)
+#### fix(share,, follow): ajout icones réseau sociaux [(#324)](https://github.com/GouvernementFR/dsfr/pull/324)
 
-#### fix(checkbox,radio,toggle): ajout de l'attribut checked [DS-2376] (#198) [`#198`](https://github.com/GouvernementFR/dsfr/pull/198)
 
-#### fix: ordre des media query au build css [DS-2381] (#202) [`#202`](https://github.com/GouvernementFR/dsfr/pull/202)
+#### fix(follow): correctif de la version legacy deprecated [(#326)](https://github.com/GouvernementFR/dsfr/pull/326)
 
-#### fix(core): correction font-icon descent [DS-2382] (#201) [`#201`](https://github.com/GouvernementFR/dsfr/pull/201)
 
-#### refactor(alert): alerte dynamique refermable (#199) [`#199`](https://github.com/GouvernementFR/dsfr/pull/199)
+#### chore(deps): mise à jour des dépendances [(#325)](https://github.com/GouvernementFR/dsfr/pull/325)
 
-#### feat(alert): ajout exemple dynamique [DS-2368] (#194) [`#194`](https://github.com/GouvernementFR/dsfr/pull/194)
 
-#### refactor(core): standardisation des icones [DS-2367] (#196) [`#196`](https://github.com/GouvernementFR/dsfr/pull/196)
+#### feat(stepper): ajout du composant indicateur d'étapes [(#319)](https://github.com/GouvernementFR/dsfr/pull/319)
 
-#### fix(checkbox): exemple checkbox sup et sub [DS-2041] (#197) [`#197`](https://github.com/GouvernementFR/dsfr/pull/197)
 
-#### feat(core): ajout du module font-swap [DS-2272] (#195) [`#195`](https://github.com/GouvernementFR/dsfr/pull/195)
+#### feat(artwork): ajout des pictogrammes illustratifs [(#317)](https://github.com/GouvernementFR/dsfr/pull/317)
 
-#### fix(toggle): status width [DS-2272] (#193) [`#193`](https://github.com/GouvernementFR/dsfr/pull/193)
 
-#### fix(toggle, modal): patch 1.3.1 - status width & modal icon aria-hidden (#192) [`#192`](https://github.com/GouvernementFR/dsfr/pull/192)
+#### refactor(core, card, content): ajout utilitaire fr-ratio et aspect-ratio des content img & vid [(#316)](https://github.com/GouvernementFR/dsfr/pull/316)
 
-## [v1.3.0](https://github.com/GouvernementFR/dsfr/compare/v1.2.1...v1.3.0) - 2022-01-18
 
-### Merged
+#### feat(notice): Ajout du composant bandeau d'information [(#302)](https://github.com/GouvernementFR/dsfr/pull/302)
 
-#### fix(core): icones statut & remix [DS-2371] (#190) [`#190`](https://github.com/GouvernementFR/dsfr/pull/190)
 
-#### fix(tag): sélectionnable [DS-2105] (#189) [`#189`](https://github.com/GouvernementFR/dsfr/pull/189)
+#### fix(download):  couleur puce groupe de lien de téléchargement [(#313)](https://github.com/GouvernementFR/dsfr/pull/313)
 
-#### fix(toggle): statut activer/desactiver a11y [DS-2272] (#185) [`#185`](https://github.com/GouvernementFR/dsfr/pull/185)
 
-#### fix(alert): retrait attribut role='alert' et collapse [DS-2274] (#182) [`#182`](https://github.com/GouvernementFR/dsfr/pull/182)
+#### chore(global): migration vers sass dart [(#310)](https://github.com/GouvernementFR/dsfr/pull/310)
 
-#### fix(radio): sup sub exemple [DS-2041] (#188) [`#188`](https://github.com/GouvernementFR/dsfr/pull/188)
 
-#### fix(follow): texte d'erreur email & centrage alignement icône erreur/valid [DS-2261] (#186) [`#186`](https://github.com/GouvernementFR/dsfr/pull/186)
+#### refactor(global): implémentation du positionnement des icônes en inline [(#320)](https://github.com/GouvernementFR/dsfr/pull/320)
 
-#### fix(consent): titre bandeau en h2 [DS-2250] (#187) [`#187`](https://github.com/GouvernementFR/dsfr/pull/187)
 
-#### chore(deps): mise a jour des dépendances (#184) [`#184`](https://github.com/GouvernementFR/dsfr/pull/184)
+#### refactor(header, link, button, follow, share, tag, badge): correction espacements des groupes [(#311)](https://github.com/GouvernementFR/dsfr/pull/311)
 
-#### fix(link, tag, pagination, share): role & aria link disabled [DS-2274] (#181) [`#181`](https://github.com/GouvernementFR/dsfr/pull/181)
 
-#### fix(tag): correctif js tag (#180)
+#### fix(sidemenu): changement balise du titre [(#290)](https://github.com/GouvernementFR/dsfr/pull/290)
 
 
+#### fix(follow): correction link icon déprecié [(#306)](https://github.com/GouvernementFR/dsfr/pull/306)
 
-* fix(core): correctif js
 
-* fix(tag): correctif js [`#180`](https://github.com/GouvernementFR/dsfr/pull/180)
+#### fix(follow): correction link icon déprecié [(#301)](https://github.com/GouvernementFR/dsfr/pull/301)
 
-#### fix(core): correctif lint + js (#179) [`#179`](https://github.com/GouvernementFR/dsfr/pull/179)
 
-#### feat(tag): Ajout des composants tag activable et tag supprimable [DS-2235] (#166) [`#166`](https://github.com/GouvernementFR/dsfr/pull/166)
+#### fix(core): correction de l'implémentation de $DIST-PATH [(#300)](https://github.com/GouvernementFR/dsfr/pull/300)
 
-#### feat(badge): ajout du composant badge [DS-1921] (#59) [`#59`](https://github.com/GouvernementFR/dsfr/pull/59)
 
-#### feat(core): Ajout des valeurs d'espacement 0.5v et 1.5v [DS-2246] (#174) [`#174`](https://github.com/GouvernementFR/dsfr/pull/174)
+#### chore: suppression de node-sass-magic-importer [(#279)](https://github.com/GouvernementFR/dsfr/pull/279)
 
-#### fix: commentaire des textes alternatif des images [DS-2153] (#175) [`#175`](https://github.com/GouvernementFR/dsfr/pull/175)
 
-#### fix: retours d'accessibilité a11y [DS-2253][DS-2255][DS-2256][DS-2260][DS-2261][DS-2262][DS-2263][DS-2267][DS-2273] (#176) [`#176`](https://github.com/GouvernementFR/dsfr/pull/176)
 
-#### fix(core): correctif des imports js [DS-2328] (#178) [`#178`](https://github.com/GouvernementFR/dsfr/pull/178)
 
-#### fix(scheme): ajoute methode de detection du localstorage [DS-2328] (#170) [`#170`](https://github.com/GouvernementFR/dsfr/pull/170)
+## v1.5
 
-#### feat(icon): ajoute la nouvelle font-icon [DS-2327] (#168) [`#168`](https://github.com/GouvernementFR/dsfr/pull/168)
+### [v1.5.2](https://github.com/GouvernementFR/dsfr/compare/v1.5.1...v1.5.2) - 14 Juin 2022
 
-#### fix(core): correctif du hover des actions (#177) [`#177`](https://github.com/GouvernementFR/dsfr/pull/177)
+#### fix(core): correction de l'épaisseur du soulignement des liens [(#346)](https://github.com/GouvernementFR/dsfr/pull/346)
 
-#### fix(radio-checkbox): met a jour le style pour les indices et exposants [DS-2041] (#86) [`#86`](https://github.com/GouvernementFR/dsfr/pull/86)
 
-#### feat(logo): modifie l'intitulé par défaut [DS-2249] (#165) [`#165`](https://github.com/GouvernementFR/dsfr/pull/165)
+#### fix(core): correction du soulignement des liens [(#344)](https://github.com/GouvernementFR/dsfr/pull/344)
 
-#### fix(legacy): retire les polyfills legacy du script module [DS-2304] (#173) [`#173`](https://github.com/GouvernementFR/dsfr/pull/173)
 
-#### fix(tab): retrait du smooth scroll [DS-2042] (#172) [`#172`](https://github.com/GouvernementFR/dsfr/pull/172)
+#### fix(core): correction du text-decoration sur les liens pour les version antérieures [(#342)](https://github.com/GouvernementFR/dsfr/pull/342)
 
-#### feat(tab): ajout de l'ombre au scroll & recentrage des boutons [DS-2073] [DS-2042] (#159) [`#159`](https://github.com/GouvernementFR/dsfr/pull/159)
 
-#### fix(legacy): ie listes et marges [DS-1088] (#154) [`#154`](https://github.com/GouvernementFR/dsfr/pull/154)
+#### fix(core): suppression de l'icône lien extérieur sur une balise form [(#339)](https://github.com/GouvernementFR/dsfr/pull/339)
 
-#### fix(tile): background tile [DS-2329] (#167) [`#167`](https://github.com/GouvernementFR/dsfr/pull/167)
 
-#### feat(tab): ajout modifieur viewport-width [DS-2075] (#142) [`#142`](https://github.com/GouvernementFR/dsfr/pull/142)
+#### fix(link): correctif lien multiligne [(#322)](https://github.com/GouvernementFR/dsfr/pull/322)
 
-#### fix(tab): corrige le scroll horizontal [DS-2074] (#89) [`#89`](https://github.com/GouvernementFR/dsfr/pull/89)
 
-#### fix(card): corrige erreur à la compilation (#164) [`#164`](https://github.com/GouvernementFR/dsfr/pull/164)
+#### fix(follow): correction link icon déprecié [(#301)](https://github.com/GouvernementFR/dsfr/pull/301)
 
-#### fix(card): bordure extérieure sur les cartes [DS-2295] (#162) [`#162`](https://github.com/GouvernementFR/dsfr/pull/162)
 
-#### refactor: nettoyage et simplification du système de couleur [DS-2212] (#160) [`#160`](https://github.com/GouvernementFR/dsfr/pull/160)
 
-## [v1.2.1](https://github.com/GouvernementFR/dsfr/compare/v1.2.0...v1.2.1) - 2021-11-29
+### [v1.5.1](https://github.com/GouvernementFR/dsfr/compare/v1.5.0...v1.5.1) - 26 Avril 2022
 
-### Merged
+#### docs(utility): description et liens vers la documentation [(#299)](https://github.com/GouvernementFR/dsfr/pull/299)
 
-#### feat(modal): ajout d'un attribut pour la fermeture au click [DS-2284] (#158) [`#158`](https://github.com/GouvernementFR/dsfr/pull/158)
 
-#### fix(modal): ajout de l'attribut aria-modal [DS-2281] (#157) [`#157`](https://github.com/GouvernementFR/dsfr/pull/157)
+#### fix(icons-system): correction lint [(#298)](https://github.com/GouvernementFR/dsfr/pull/298)
 
-#### fix(header):  allègement hover bloc marque (#155) [`#155`](https://github.com/GouvernementFR/dsfr/pull/155)
 
-#### refactor: passage du noir et du blanc dans l'échelle des gris [DS-2236] (#156) [`#156`](https://github.com/GouvernementFR/dsfr/pull/156)
+#### fix(icons): icônes dépréciées de la v1.4.0 [(#297)](https://github.com/GouvernementFR/dsfr/pull/297)
 
-#### fix(modal): accessibilité du focus [DS-2080] (#145) [`#145`](https://github.com/GouvernementFR/dsfr/pull/145)
 
-#### fix(card-tile): correction hover enlarge-link [DS-2248] (#153) [`#153`](https://github.com/GouvernementFR/dsfr/pull/153)
+#### fix(core, utility): icones dépréciées [(#296)](https://github.com/GouvernementFR/dsfr/pull/296)
 
-#### fix: correction de la version minimum node [DS-2196] (#152) [`#152`](https://github.com/GouvernementFR/dsfr/pull/152)
 
-#### fix(sidemenu): correction du hover des liens [DS-2230] (#151) [`#151`](https://github.com/GouvernementFR/dsfr/pull/151)
+#### fix(download): correction erreur js legacy [(#292)](https://github.com/GouvernementFR/dsfr/pull/292)
 
-#### fix(header): corrections css pour IE, valeur initial [DS-1088] (#144) [`#144`](https://github.com/GouvernementFR/dsfr/pull/144)
 
-#### fix(card-tile): met a jour les noms de class d'accentuation [DS-2227]  (#147) [`#147`](https://github.com/GouvernementFR/dsfr/pull/147)
+#### fix(dsfr-deprecated): correction du nom de fichier sur le js legacy [(#295)](https://github.com/GouvernementFR/dsfr/pull/295)
 
-#### feat(core): ajout meta theme-color dans favicon [DS-2231] (#148) [`#148`](https://github.com/GouvernementFR/dsfr/pull/148)
 
-#### feat(core): ajout icone filter [DS-2228] (#149) [`#149`](https://github.com/GouvernementFR/dsfr/pull/149)
 
-#### fix(core): bug js tab conceal [DS-2218] (#150) [`#150`](https://github.com/GouvernementFR/dsfr/pull/150)
+### [v1.5.0](https://github.com/GouvernementFR/dsfr/compare/v1.4.3...v1.5.0) - 21 Avril 2022
 
-#### feat(sidemenu): ajoute le chevron sur le aria-expanded [DS-2229] (#146) [`#146`](https://github.com/GouvernementFR/dsfr/pull/146)
+#### fix(core): correction soulignement des liens [(#348)](https://github.com/GouvernementFR/dsfr/pull/348)
 
-#### fix(upload): ajout aria described [DS-2213] (#141) [`#141`](https://github.com/GouvernementFR/dsfr/pull/141)
 
-#### feat(yarn) : mise à jour des dépendances de développement majeures et mineures [DS-2196] (#143) [`#143`](https://github.com/GouvernementFR/dsfr/pull/143)
+#### fix(core): suppression de l'icône lien extérieur sur une balise form [(#341)](https://github.com/GouvernementFR/dsfr/pull/341)
 
-#### fix: hover ajusté dans navigation, consent et summary [DS-2195] [DS-2199] (#140) [`#140`](https://github.com/GouvernementFR/dsfr/pull/140)
 
-#### fix: bug legacy IE [DS-1088] (#139) [`#139`](https://github.com/GouvernementFR/dsfr/pull/139)
+#### fix(link): retrait du soulignement des icônes
 
-## [v1.2.0](https://github.com/GouvernementFR/dsfr/compare/v1.1.0...v1.2.0) - 2021-11-17
 
-### Merged
+#### fix(global): retour au soulignement natif pour les liens
 
-#### fix(table): correction tableau avec bordure gris (#136) [`#136`](https://github.com/GouvernementFR/dsfr/pull/136)
 
-#### feat(tile): ajout de l'accentuation en usage contrast [DS-2164] (#134) [`#134`](https://github.com/GouvernementFR/dsfr/pull/134)
+#### fix(download): titre groupe de liens en classe BEM [(#289)](https://github.com/GouvernementFR/dsfr/pull/289)
 
-#### fix(select): ajout temporaire du chevron (#133) [`#133`](https://github.com/GouvernementFR/dsfr/pull/133)
 
-#### chore: lint (#132) [`#132`](https://github.com/GouvernementFR/dsfr/pull/132)
+#### fix: contributing.md et readme.md 1.5.0 [(#286)](https://github.com/GouvernementFR/dsfr/pull/286)
 
-#### fix(inject-svg): ajoute une methode globale sur l'api pour definir legacy [DS-2103] (#127) [`#127`](https://github.com/GouvernementFR/dsfr/pull/127)
 
-#### fix(footer): couleur catégorie menu [DS-1436] (#131) [`#131`](https://github.com/GouvernementFR/dsfr/pull/131)
+#### fix: correctif icon alert et globale [(#287)](https://github.com/GouvernementFR/dsfr/pull/287)
 
-#### fix: correction icon theme-fill (#130) [`#130`](https://github.com/GouvernementFR/dsfr/pull/130)
 
-#### fix(footer): correction couleur des liens [DS-1436] (#129) [`#129`](https://github.com/GouvernementFR/dsfr/pull/129)
+#### fix(legacy): media query legacy manquante [(#285)](https://github.com/GouvernementFR/dsfr/pull/285)
 
-#### fix(callout): accentuation du background [DS-2181] (#125) [`#125`](https://github.com/GouvernementFR/dsfr/pull/125)
 
-#### fix(radio): bordure sur la classe radio-rich__img (#122) [`#122`](https://github.com/GouvernementFR/dsfr/pull/122)
+#### fix(download): retrait exemple groupe sm [(#284)](https://github.com/GouvernementFR/dsfr/pull/284)
 
-#### fix: correction hover sur lien fil du texte et card [DS-2146][DS-2179] (#128) [`#128`](https://github.com/GouvernementFR/dsfr/pull/128)
 
-#### fix(card): met a jour le modifier d'accent [DS-2164] (#123) [`#123`](https://github.com/GouvernementFR/dsfr/pull/123)
+#### fix(download,card): transpilation async et commentaire [(#283)](https://github.com/GouvernementFR/dsfr/pull/283)
 
-#### fix(search): met à jour le reset des boutons et champs de saisie pour Safari [DS-2168] (#115) [`#115`](https://github.com/GouvernementFR/dsfr/pull/115)
 
-#### fix(display): corrige bouton d'affichage et bug a la selection du mode [DS-2147] [DS-2176] (#119) [`#119`](https://github.com/GouvernementFR/dsfr/pull/119)
+#### refactor(icon): Ajouts nouvelles icones & séparation en familles [(#280)](https://github.com/GouvernementFR/dsfr/pull/280)
 
-#### fix: correctifs ejs form [DS-1854] (#120) [`#120`](https://github.com/GouvernementFR/dsfr/pull/120)
 
-#### fix(card): ajoute un modifier d'accentuation [DS-2164] (#121) [`#121`](https://github.com/GouvernementFR/dsfr/pull/121)
+#### feat(download): Ajout du composant téléchargement de fichier [(#272)](https://github.com/GouvernementFR/dsfr/pull/272)
 
-#### refactor(consent): fonctions pour générer l'objet consent (#103) [`#103`](https://github.com/GouvernementFR/dsfr/pull/103)
 
-#### fix(display): ajoute des attributs d'accessibilité sur les svg [DS-2103] (#118) [`#118`](https://github.com/GouvernementFR/dsfr/pull/118)
+#### fix(connect): correction de la variable de build isStandalone [(#281)](https://github.com/GouvernementFR/dsfr/pull/281)
 
-#### fix(summary): correction du token (#117) [`#117`](https://github.com/GouvernementFR/dsfr/pull/117)
 
-#### feat(modal): mise en place de l'overlay [DS-2101] (#116) [`#116`](https://github.com/GouvernementFR/dsfr/pull/116)
+#### fix(card): typo dans l'exemple grille [(#282)](https://github.com/GouvernementFR/dsfr/pull/282)
 
-#### fix: hover radio / retour couleur [DS-2104][DS-2158][DS-2157][DS-2159][DS-2163][DS-2170][DS-2171] (#114) [`#114`](https://github.com/GouvernementFR/dsfr/pull/114)
 
-#### feat(example): ajoute un bouton fixe pour les parametre d'affichage [DS-2166] (#113) [`#113`](https://github.com/GouvernementFR/dsfr/pull/113)
+#### fix(input): correction icone date [(#276)](https://github.com/GouvernementFR/dsfr/pull/276)
 
-#### fix: ejs corrections multiples [DS-1854] (#112) [`#112`](https://github.com/GouvernementFR/dsfr/pull/112)
 
-#### feat: couleurs accentuation [DS-1183] (#111) [`#111`](https://github.com/GouvernementFR/dsfr/pull/111)
+#### feat(header): bandeau de site en beta [(#269)](https://github.com/GouvernementFR/dsfr/pull/269)
 
-#### fix: correction ombre table + lint / pa11y (#110) [`#110`](https://github.com/GouvernementFR/dsfr/pull/110)
 
-#### feat(display): Ajout icones illustratives & thème systeme [DS-2103] (#109) [`#109`](https://github.com/GouvernementFR/dsfr/pull/109)
+#### fix(footer): alignement des logos partenaires [(#277)](https://github.com/GouvernementFR/dsfr/pull/277)
 
-#### refactor: restructuration custom props / legacy [DS-2107] (#108) [`#108`](https://github.com/GouvernementFR/dsfr/pull/108)
 
-#### fix(navigation): espacement catégories mobile (#105) [`#105`](https://github.com/GouvernementFR/dsfr/pull/105)
+#### chore: suppression de node-sass-json-importer [(#278)](https://github.com/GouvernementFR/dsfr/pull/278)
 
-#### fix(toggle): espacement composant (#104) [`#104`](https://github.com/GouvernementFR/dsfr/pull/104)
 
-#### refactor(ejs): ajoute des exemples disabled et checked (#94) [`#94`](https://github.com/GouvernementFR/dsfr/pull/94)
+#### fix(accordion) icone moins n'apparait plus [(#275)](https://github.com/GouvernementFR/dsfr/pull/275)
 
-#### feat(icon): ajout icon logout [DS-2128] (#93) [`#93`](https://github.com/GouvernementFR/dsfr/pull/93)
 
-#### fix(navigation): nav-link hover sur a et button uniquement [DS-1982] (#68) [`#68`](https://github.com/GouvernementFR/dsfr/pull/68)
+#### feat(card): ajout de la fonctionnalité card v2 [(#270)](https://github.com/GouvernementFR/dsfr/pull/270)
 
-#### fix: margin bottom <p> et <hx> des composants [DS-2013] (#73) [`#73`](https://github.com/GouvernementFR/dsfr/pull/73)
 
-#### feat(core): ajout du reset de hr [DS-1882] (#60) [`#60`](https://github.com/GouvernementFR/dsfr/pull/60)
+#### fix(connect): retrait import json & ajout rel noopener [(#273)](https://github.com/GouvernementFR/dsfr/pull/273)
 
-#### fix(upload): disabled input-upload & curseur pointeur (#102) [`#102`](https://github.com/GouvernementFR/dsfr/pull/102)
 
-#### feat(upload): ajout du composant upload [DS-1918] (#43) [`#43`](https://github.com/GouvernementFR/dsfr/pull/43)
+#### fix(global): mise à jour des dépendances [(#274)](https://github.com/GouvernementFR/dsfr/pull/274)
 
-#### fix(modale): corrige la hauteur de la modale sur desktop [DS-2076] (#80) [`#80`](https://github.com/GouvernementFR/dsfr/pull/80)
 
-#### fix(consent): ajout d'id aux services (#101) [`#101`](https://github.com/GouvernementFR/dsfr/pull/101)
+#### feat(button): changement de la taille des boutons (padding) [(#266)](https://github.com/GouvernementFR/dsfr/pull/266)
 
-#### fix(modal): focus trap avec iframe [DS-2127] (#92) [`#92`](https://github.com/GouvernementFR/dsfr/pull/92)
 
-#### fix: readme et contributing [DS-2078] (#90) [`#90`](https://github.com/GouvernementFR/dsfr/pull/90)
+#### fix(core): correction liste à puce sur android [(#268)](https://github.com/GouvernementFR/dsfr/pull/268)
 
-#### refactor: inclusion des composants ejs dans locals.nomComposant [DS-1854] (#76) [`#76`](https://github.com/GouvernementFR/dsfr/pull/76)
 
-#### fix: bouton sidemenu display none / scheme package.yml / fr-input code inutile / table refactor et couleurs (#100) [`#100`](https://github.com/GouvernementFR/dsfr/pull/100)
+#### fix(global): restitution des icones en background + mask [(#256)](https://github.com/GouvernementFR/dsfr/pull/256)
 
-#### fix(logo): correction blue-france & mourning (#99) [`#99`](https://github.com/GouvernementFR/dsfr/pull/99)
 
-#### fix: correction du token art déprécié (#98) [`#98`](https://github.com/GouvernementFR/dsfr/pull/98)
+#### fix(core): bug checkbox NVDA - correction du reset appearance [(#252)](https://github.com/GouvernementFR/dsfr/pull/252)
 
-#### fix: correction des hovers (#97) [`#97`](https://github.com/GouvernementFR/dsfr/pull/97)
 
-#### Refactor: ajout des tokens artwork (#96) [`#96`](https://github.com/GouvernementFR/dsfr/pull/96)
+#### refactor(connect): généralisation du build du standalone [(#255)](https://github.com/GouvernementFR/dsfr/pull/255)
 
-#### fix: corrige le lint en l'absence de fichier sass (#95) [`#95`](https://github.com/GouvernementFR/dsfr/pull/95)
 
-#### Fix(pa11y) : met a jour le scope des tests pa11y [DS-2090] (#85) [`#85`](https://github.com/GouvernementFR/dsfr/pull/85)
 
-#### refactor(scheme): nouveau système de couleur [DS-1186] (#83) [`#83`](https://github.com/GouvernementFR/dsfr/pull/83)
 
-#### fix: dsfr license npm [DS-1777] (#82) [`#82`](https://github.com/GouvernementFR/dsfr/pull/82)
+## v1.4
 
-#### fix(sidemenu): bordures en desktop [DS-2077] (#77) [`#77`](https://github.com/GouvernementFR/dsfr/pull/77)
+### [v1.4.3](https://github.com/GouvernementFR/dsfr/compare/v1.4.2...v1.4.3) - 14 Juin 2022
 
-#### fix(lint): supprime les polyfill du linter eslint [DS-2088] (#84) [`#84`](https://github.com/GouvernementFR/dsfr/pull/84)
+#### fix(core): correction soulignement des liens [(#348)](https://github.com/GouvernementFR/dsfr/pull/348)
 
-#### Fix: définition d'une valeur par défaut de l'objet de configuration window.dsfr [DS-2085] (#79) [`#79`](https://github.com/GouvernementFR/dsfr/pull/79)
 
-#### fix: licence.md devient license.md  [DS-1777]  (#78) [`#78`](https://github.com/GouvernementFR/dsfr/pull/78)
 
-#### fix(legacy-browser): corrige les erreurs JS sous ie11 [DS-1967] (#72) [`#72`](https://github.com/GouvernementFR/dsfr/pull/72)
+### [v1.4.2](https://github.com/GouvernementFR/dsfr/compare/v1.4.1...v1.4.2) - 13 Juin 2022
 
-#### fix: correction du package.json [DS-1777] (#74) [`#74`](https://github.com/GouvernementFR/dsfr/pull/74)
+#### fix(core): suppression de l'icône lien extérieur sur une balise form [(#341)](https://github.com/GouvernementFR/dsfr/pull/341)
 
-#### fix(api): Bug Modal JS [DS-1996] (#69) [`#69`](https://github.com/GouvernementFR/dsfr/pull/69)
 
-#### fix: page/pattern dossier vide et npm deploy [DS-1777] (#67) [`#67`](https://github.com/GouvernementFR/dsfr/pull/67)
+#### fix(link): retrait du soulignement des icônes
 
-#### fix(core): exemple texte taille md [DS-1851] (#71) [`#71`](https://github.com/GouvernementFR/dsfr/pull/71)
 
-#### feat(core): ajout d'icones [DS-1973] (#65) [`#65`](https://github.com/GouvernementFR/dsfr/pull/65)
+#### fix(global): retour au soulignement natif pour les liens
 
-#### feat: ajout d'un robots.txt à la racine de public [DS-1837] (#53) [`#53`](https://github.com/GouvernementFR/dsfr/pull/53)
 
-#### fix: favicon path (#66)
 
-dsfr-dev devient dsfr [`#66`](https://github.com/GouvernementFR/dsfr/pull/66)
+### [v1.4.1](https://github.com/GouvernementFR/dsfr/compare/v1.4.0...v1.4.1) - 29 Mars 2022
 
-#### refactor: modification du gitignore (#62) [`#62`](https://github.com/GouvernementFR/dsfr/pull/62)
+#### fix(connect): correction du titre du lien
 
-#### fix(core): fr-text devient fr-text--md (#63) [`#63`](https://github.com/GouvernementFR/dsfr/pull/63)
 
-#### fix(search): correction fr-input--error et fr-input--valid [DS-1937] (#57) [`#57`](https://github.com/GouvernementFR/dsfr/pull/57)
+#### fix(tag): correction tag activable sm et dans un group sm [(#258)](https://github.com/GouvernementFR/dsfr/pull/258)
 
-#### fix(content): Le composant media ne fonctionne pas avec une image svg [DS-1966] (#54) [`#54`](https://github.com/GouvernementFR/dsfr/pull/54)
 
-#### fix: correction structure dev, retrait underscore dist exemple [DS-1777] (#55) [`#55`](https://github.com/GouvernementFR/dsfr/pull/55)
+#### fix(connect): retrait description & ajout target blank [(#261)](https://github.com/GouvernementFR/dsfr/pull/261)
 
-#### fix(core): marge sous les textes et titres [DS-1870] (#52) [`#52`](https://github.com/GouvernementFR/dsfr/pull/52)
 
-#### fix(header): correction semicolon manquant devant last-child (#50) [`#50`](https://github.com/GouvernementFR/dsfr/pull/50)
+#### fix(follow): correction de la dépréciation pour être plus générique [(#257)](https://github.com/GouvernementFR/dsfr/pull/257)
 
-#### fix(input): fr-input--error sur un textarea le passe en rouge [DS-1577] (#47) [`#47`](https://github.com/GouvernementFR/dsfr/pull/47)
 
-#### fix(share): correction espacements des boutons de partage [DS-1961] (#49) [`#49`](https://github.com/GouvernementFR/dsfr/pull/49)
+#### fix(connect): libelle FranceConnect attaché [(#260)](https://github.com/GouvernementFR/dsfr/pull/260)
 
-#### chore: passage au singulier des noms de fichiers et packages [DS-1777] (#45) [`#45`](https://github.com/GouvernementFR/dsfr/pull/45)
 
-#### refactor(pattern): évolution de la structure pattern, composant, page et du build [DS-1777] (#44) [`#44`](https://github.com/GouvernementFR/dsfr/pull/44)
 
-#### fix: dynamic js instances et minification (#41) [`#41`](https://github.com/GouvernementFR/dsfr/pull/41)
+### [v1.4.0](https://github.com/GouvernementFR/dsfr/compare/v1.3.1...v1.4.0) - 16 Mars 2022
 
-#### fix(core): correction font-display (#40) [`#40`](https://github.com/GouvernementFR/dsfr/pull/40)
+#### fix(display): correction et support des versions dépréciées [(#247)](https://github.com/GouvernementFR/dsfr/pull/247)
 
-#### refactor: implémentation du js dynamique [DS-1372][DS-1540] (#9) [`#9`](https://github.com/GouvernementFR/dsfr/pull/9)
 
-#### fix(core): text-rendering en optimizeLegibility [DS-1834] (#37)
+#### fix(header,follow,content): retours dépréciation [(#241)](https://github.com/GouvernementFR/dsfr/pull/241)
 
-* fix(core): text-rendering en optimizeLegibility
 
-* fix(core): inputs en text rendering optimizeLegibility [`#37`](https://github.com/GouvernementFR/dsfr/pull/37)
+#### fix(sidemenu): correction hauteur & scroll sidemenu sticky [(#243)](https://github.com/GouvernementFR/dsfr/pull/243)
 
-#### fix(core): font-display swap par défaut [DS-1802] (#38) [`#38`](https://github.com/GouvernementFR/dsfr/pull/38)
 
-## [v1.1.0](https://github.com/GouvernementFR/dsfr/compare/v1.0.0...v1.1.0) - 2021-07-27
+#### fix(navigation): correction affichage mega-menu [(#242)](https://github.com/GouvernementFR/dsfr/pull/242)
 
-### Merged
 
-#### fix(quotes): Suppression du alt de l'image [DS-1929] (#35) [`#35`](https://github.com/GouvernementFR/dsfr/pull/35)
+#### fix(connect): correction taille du lien en sm [(#239)](https://github.com/GouvernementFR/dsfr/pull/239)
 
-#### fix(share): correction title désactivé (#34) [`#34`](https://github.com/GouvernementFR/dsfr/pull/34)
 
-#### fix(doc): maj contributing.md (#33) [`#33`](https://github.com/GouvernementFR/dsfr/pull/33)
+#### feat(global): mise en place de la stratégie de dépréciation des composants [(#237)](https://github.com/GouvernementFR/dsfr/pull/237)
 
-#### fix(checkboxes, radios): input en position absolue [DS-1924] (#31) [`#31`](https://github.com/GouvernementFR/dsfr/pull/31)
 
-#### fix(share): tailles des popup de partage (#32) [`#32`](https://github.com/GouvernementFR/dsfr/pull/32)
+#### fix: corrections des retours dev 1.4.0 [(#240)](https://github.com/GouvernementFR/dsfr/pull/240)
 
-#### fix(follow): séparateur en box shadow [DS-1915] (#29) [`#29`](https://github.com/GouvernementFR/dsfr/pull/29)
 
-#### fix(share): correction template ejs et nom du composant [DS-510] (#30) [`#30`](https://github.com/GouvernementFR/dsfr/pull/30)
+#### fix(connect): retrait du hint text [(#238)](https://github.com/GouvernementFR/dsfr/pull/238)
 
-#### fix(follow): corrections et nouveau nom composant (#28) [`#28`](https://github.com/GouvernementFR/dsfr/pull/28)
 
-#### feat: ajout du composant follow (nous suivre) [DS-801][DS-805] (#10) [`#10`](https://github.com/GouvernementFR/dsfr/pull/10)
+#### feat(link): Ajout du lien "back to top" [(#233)](https://github.com/GouvernementFR/dsfr/pull/233)
 
-#### feat: ajout du composant quotes (citation) [DS-424] (#23) [`#23`](https://github.com/GouvernementFR/dsfr/pull/23)
 
-#### feat: ajout du composant share (boutons de partage) [DS-510] (#21) [`#21`](https://github.com/GouvernementFR/dsfr/pull/21)
+#### fix(megamenu): corrige erreur js en mode no-module [(#226)](https://github.com/GouvernementFR/dsfr/pull/226)
 
-#### refactor(table): fonctionnement sans js [DS-1687] (#16) [`#16`](https://github.com/GouvernementFR/dsfr/pull/16)
 
-#### fix(buttons, modal, tabs): correction nouveau nom d'icône (#19) [`#19`](https://github.com/GouvernementFR/dsfr/pull/19)
+#### fix(collapse): corrige le collapse multi-navigateurs [(#227)](https://github.com/GouvernementFR/dsfr/pull/227)
 
-#### fix(alerts): Correction texte explicatif (#17) [`#17`](https://github.com/GouvernementFR/dsfr/pull/17)
 
-#### fix(modal): ajustements et correctifs [DS-1430][DS-1431][DS-1432] (#11) [`#11`](https://github.com/GouvernementFR/dsfr/pull/11)
+#### fix: templates plus paramétrables [(#221)](https://github.com/GouvernementFR/dsfr/pull/221)
 
-#### feat(consent): Ajout du composant gestionnaire de consentement [DS-378] (#12) [`#12`](https://github.com/GouvernementFR/dsfr/pull/12)
 
-#### feat(alerts): ajout du composant alerts [DS-495] (#7)
+#### feat(footer): ajout d'un sample de footer paramétrable [(#215)](https://github.com/GouvernementFR/dsfr/pull/215)
 
-* feat(alerts): style alertes
 
-* feat(alerts): ajout d'exemples
+#### fix(sidemenu): correction hauteur sidemenu sticky [(#223)](https://github.com/GouvernementFR/dsfr/pull/223)
 
-* fix(alerts): examples
 
-* fix(alerts): attributs bouton close
+#### fix(modal): <dialog> masqué en no-css [(#230)](https://github.com/GouvernementFR/dsfr/pull/230)
 
-* fix(alerts): correction snippet
 
-* fix(alerts): title bem style h6
+#### fix(tab): correction z-index des tab-panels [(#232)](https://github.com/GouvernementFR/dsfr/pull/232)
 
-* fix(alerts): margin p, hx et lien documentation [`#7`](https://github.com/GouvernementFR/dsfr/pull/7)
 
-#### fix(summary): Ajustement de summary avec les nouvelles listes [DS-1813] (#6)
+#### fix: margin bottom des textes et titres en css prop [(#229)](https://github.com/GouvernementFR/dsfr/pull/229)
 
-* fix(summary): Ajustement de summary avec les nouvelles listes
 
-* doc(summary): Commentaire d'explication sur les nombres utilisés pour créer le décalage de l'hover
+#### feat(core): ajout d'icones [(#231)](https://github.com/GouvernementFR/dsfr/pull/231)
 
-* fix(summary): remplacement du marker par un before sur le lien (support safari + hover) [`#6`](https://github.com/GouvernementFR/dsfr/pull/6)
 
-#### fix(cards): ordre détail dans le snippet (#8) [`#8`](https://github.com/GouvernementFR/dsfr/pull/8)
+#### refactor(global): soulignement des liens et ajout des boutons tertiaires [(#234)](https://github.com/GouvernementFR/dsfr/pull/234)
 
-#### fix(core): correction des listes à puces [DS-1461] (#4)
 
-* fix(core): correction des listes pour un retour à un fonctionnement proche de celui par défaut
+#### feat(connect): ajout description et lien france connect [(#224)](https://github.com/GouvernementFR/dsfr/pull/224)
 
-* fix(core): correction espacement des listes
 
-* fix(core): nettoyage code commenté [`#4`](https://github.com/GouvernementFR/dsfr/pull/4)
+#### fix(core, tab, modal, button): injection js de styles en variables css [(#225)](https://github.com/GouvernementFR/dsfr/pull/225)
 
-#### fix(radios checkboxes): correction bug windows inversion des nombres [DS-1639] (#5)
 
-* fix(radios, checkboxes): correction display des labels
+#### feat(core): variabilisation du core [(#212)](https://github.com/GouvernementFR/dsfr/pull/212)
+
+
+#### feat(dependencies): mise a jour des dépendances node mineures [(#228)](https://github.com/GouvernementFR/dsfr/pull/228)
+
+
+#### feat(connect): Ajout de la fonctionnalité FranceConnect [(#211)](https://github.com/GouvernementFR/dsfr/pull/211)
+
+
+#### fix(toggle, modal): correction z-index de toggle [(#213)](https://github.com/GouvernementFR/dsfr/pull/213)
+
+
+#### fix(accordion): a11y retrait des ul li du groupe d'accordéon [(#214)](https://github.com/GouvernementFR/dsfr/pull/214)
+
+
+#### fix(core): nouvelle fonte Marianne avec correction de l'alignement [(#169)](https://github.com/GouvernementFR/dsfr/pull/169)
+
+
+
+
+## v1.3
+
+### [v1.3.1](https://github.com/GouvernementFR/dsfr/compare/v1.3.0...v1.3.1) - 7 Février 2022
+
+#### fix(toggle): correction de l'état précoché de l'interrupteur [(#210)](https://github.com/GouvernementFR/dsfr/pull/210)
+
+
+#### fix(navigation, sidemenu): correction focus coupés [(#204)](https://github.com/GouvernementFR/dsfr/pull/204)
+
+
+#### chore(deps): mise a jour des dépendances [(#209)](https://github.com/GouvernementFR/dsfr/pull/209)
+
+
+#### fix(checkbox,form, radio,toggle): correction de la gestion de l'attribut checked et de la page d'exemple de form [(#208)](https://github.com/GouvernementFR/dsfr/pull/208)
+
+
+#### fix(core): correction de la mixin has-icon et has-not-icon [(#205)](https://github.com/GouvernementFR/dsfr/pull/205)
+
+
+#### fix(core): faute dans le texte alternatif [(#206)](https://github.com/GouvernementFR/dsfr/pull/206)
+
+
+#### fix(core): ordre media query
+
+
+#### fix(doc): met a jour la doc des templates ejs [(#171)](https://github.com/GouvernementFR/dsfr/pull/171)
+
+
+#### fix(checkbox,radio,toggle): ajout de l'attribut checked [(#198)](https://github.com/GouvernementFR/dsfr/pull/198)
+
+
+#### fix: ordre des media query au build css [(#202)](https://github.com/GouvernementFR/dsfr/pull/202)
+
+
+#### fix(core): correction font-icon descent [(#201)](https://github.com/GouvernementFR/dsfr/pull/201)
+
+
+#### refactor(alert): alerte dynamique refermable [(#199)](https://github.com/GouvernementFR/dsfr/pull/199)
+
+
+#### feat(alert): ajout exemple dynamique [(#194)](https://github.com/GouvernementFR/dsfr/pull/194)
+
+
+#### refactor(core): standardisation des icones [(#196)](https://github.com/GouvernementFR/dsfr/pull/196)
+
+
+#### fix(checkbox): exemple checkbox sup et sub [(#197)](https://github.com/GouvernementFR/dsfr/pull/197)
+
+
+#### feat(core): ajout du module font-swap [(#195)](https://github.com/GouvernementFR/dsfr/pull/195)
+
+
+#### fix(toggle): status width [(#193)](https://github.com/GouvernementFR/dsfr/pull/193)
+
+
+#### fix(toggle, modal): patch 1.3.1 - status width & modal icon aria-hidden [(#192)](https://github.com/GouvernementFR/dsfr/pull/192)
+
+
+
+### [v1.3.0](https://github.com/GouvernementFR/dsfr/compare/v1.2.1...v1.3.0) - 18 Janvier 2022
+
+#### fix(core): icones statut & remix [(#190)](https://github.com/GouvernementFR/dsfr/pull/190)
+
+
+#### fix(tag): sélectionnable [(#189)](https://github.com/GouvernementFR/dsfr/pull/189)
+
+
+#### fix(toggle): statut activer/desactiver a11y [(#185)](https://github.com/GouvernementFR/dsfr/pull/185)
+
+
+#### fix(alert): retrait attribut role='alert' et collapse [(#182)](https://github.com/GouvernementFR/dsfr/pull/182)
+
+
+#### fix(radio): sup sub exemple [(#188)](https://github.com/GouvernementFR/dsfr/pull/188)
+
+
+#### fix(follow): texte d'erreur email & centrage alignement icône erreur/valid [(#186)](https://github.com/GouvernementFR/dsfr/pull/186)
+
+
+#### fix(consent): titre bandeau en h2 [(#187)](https://github.com/GouvernementFR/dsfr/pull/187)
+
+
+#### chore(deps): mise a jour des dépendances [(#184)](https://github.com/GouvernementFR/dsfr/pull/184)
+
+
+#### fix(link, tag, pagination, share): role & aria link disabled [(#181)](https://github.com/GouvernementFR/dsfr/pull/181)
+
+
+#### fix(tag): correctif js tag [(#180)](https://github.com/GouvernementFR/dsfr/pull/180)
+* fix(core): correctif js
+
+* fix(tag): correctif js
+
+
+#### fix(core): correctif lint + js [(#179)](https://github.com/GouvernementFR/dsfr/pull/179)
+
+
+#### feat(tag): Ajout des composants tag activable et tag supprimable [(#166)](https://github.com/GouvernementFR/dsfr/pull/166)
+
+
+#### feat(badge): ajout du composant badge [(#59)](https://github.com/GouvernementFR/dsfr/pull/59)
+
+
+#### feat(core): Ajout des valeurs d'espacement 0.5v et 1.5v [(#174)](https://github.com/GouvernementFR/dsfr/pull/174)
+
+
+#### fix: commentaire des textes alternatif des images [(#175)](https://github.com/GouvernementFR/dsfr/pull/175)
+
+
+#### fix: retours d'accessibilité a11y [(#176)](https://github.com/GouvernementFR/dsfr/pull/176)
+
+
+#### fix(core): correctif des imports js [(#178)](https://github.com/GouvernementFR/dsfr/pull/178)
+
+
+#### fix(scheme): ajoute methode de detection du localstorage [(#170)](https://github.com/GouvernementFR/dsfr/pull/170)
+
+
+#### feat(icon): ajoute la nouvelle font-icon [(#168)](https://github.com/GouvernementFR/dsfr/pull/168)
+
+
+#### fix(core): correctif du hover des actions [(#177)](https://github.com/GouvernementFR/dsfr/pull/177)
+
+
+#### fix(radio-checkbox): met a jour le style pour les indices et exposants [(#86)](https://github.com/GouvernementFR/dsfr/pull/86)
+
+
+#### feat(logo): modifie l'intitulé par défaut [(#165)](https://github.com/GouvernementFR/dsfr/pull/165)
+
+
+#### fix(legacy): retire les polyfills legacy du script module [(#173)](https://github.com/GouvernementFR/dsfr/pull/173)
+
+
+#### fix(tab): retrait du smooth scroll [(#172)](https://github.com/GouvernementFR/dsfr/pull/172)
+
+
+#### feat(tab): ajout de l'ombre au scroll & recentrage des boutons [(#159)](https://github.com/GouvernementFR/dsfr/pull/159)
+
+
+#### fix(legacy): ie listes et marges [(#154)](https://github.com/GouvernementFR/dsfr/pull/154)
+
+
+#### fix(tile): background tile [(#167)](https://github.com/GouvernementFR/dsfr/pull/167)
+
+
+#### feat(tab): ajout modifieur viewport-width [(#142)](https://github.com/GouvernementFR/dsfr/pull/142)
+
+
+#### fix(tab): corrige le scroll horizontal [(#89)](https://github.com/GouvernementFR/dsfr/pull/89)
+
+
+#### fix(card): corrige erreur à la compilation [(#164)](https://github.com/GouvernementFR/dsfr/pull/164)
+
+
+#### fix(card): bordure extérieure sur les cartes [(#162)](https://github.com/GouvernementFR/dsfr/pull/162)
+
+
+#### refactor: nettoyage et simplification du système de couleur [(#160)](https://github.com/GouvernementFR/dsfr/pull/160)
+
+
+
+
+## v1.2
+
+### [v1.2.1](https://github.com/GouvernementFR/dsfr/compare/v1.2.0...v1.2.1) - 29 Novembre 2021
+
+#### feat(modal): ajout d'un attribut pour la fermeture au click [(#158)](https://github.com/GouvernementFR/dsfr/pull/158)
+
+
+#### fix(modal): ajout de l'attribut aria-modal [(#157)](https://github.com/GouvernementFR/dsfr/pull/157)
+
+
+#### fix(header):  allègement hover bloc marque [(#155)](https://github.com/GouvernementFR/dsfr/pull/155)
+
+
+#### refactor: passage du noir et du blanc dans l'échelle des gris [(#156)](https://github.com/GouvernementFR/dsfr/pull/156)
+
+
+#### fix(modal): accessibilité du focus [(#145)](https://github.com/GouvernementFR/dsfr/pull/145)
+
+
+#### fix(card-tile): correction hover enlarge-link [(#153)](https://github.com/GouvernementFR/dsfr/pull/153)
+
+
+#### fix: correction de la version minimum node [(#152)](https://github.com/GouvernementFR/dsfr/pull/152)
+
+
+#### fix(sidemenu): correction du hover des liens [(#151)](https://github.com/GouvernementFR/dsfr/pull/151)
+
+
+#### fix(header): corrections css pour IE, valeur initial [(#144)](https://github.com/GouvernementFR/dsfr/pull/144)
+
+
+#### fix(card-tile): met a jour les noms de class d'accentuation [(#147)](https://github.com/GouvernementFR/dsfr/pull/147)
+
+
+#### feat(core): ajout meta theme-color dans favicon [(#148)](https://github.com/GouvernementFR/dsfr/pull/148)
+
+
+#### feat(core): ajout icone filter [(#149)](https://github.com/GouvernementFR/dsfr/pull/149)
+
+
+#### fix(core): bug js tab conceal [(#150)](https://github.com/GouvernementFR/dsfr/pull/150)
+
+
+#### feat(sidemenu): ajoute le chevron sur le aria-expanded [(#146)](https://github.com/GouvernementFR/dsfr/pull/146)
+
+
+#### fix(upload): ajout aria described [(#141)](https://github.com/GouvernementFR/dsfr/pull/141)
+
+
+#### feat(yarn) : mise à jour des dépendances de développement majeures et mineures [(#143)](https://github.com/GouvernementFR/dsfr/pull/143)
+
+
+#### fix: hover ajusté dans navigation, consent et summary [(#140)](https://github.com/GouvernementFR/dsfr/pull/140)
+
+
+#### fix: bug legacy IE [(#139)](https://github.com/GouvernementFR/dsfr/pull/139)
+
+
+
+### [v1.2.0](https://github.com/GouvernementFR/dsfr/compare/v1.1.0...v1.2.0) - 17 Novembre 2021
+
+#### fix(table): correction tableau avec bordure gris [(#136)](https://github.com/GouvernementFR/dsfr/pull/136)
+
+
+#### feat(tile): ajout de l'accentuation en usage contrast [(#134)](https://github.com/GouvernementFR/dsfr/pull/134)
+
+
+#### fix(select): ajout temporaire du chevron [(#133)](https://github.com/GouvernementFR/dsfr/pull/133)
+
+
+#### chore: lint [(#132)](https://github.com/GouvernementFR/dsfr/pull/132)
+
+
+#### fix(inject-svg): ajoute une methode globale sur l'api pour definir legacy [(#127)](https://github.com/GouvernementFR/dsfr/pull/127)
+
+
+#### fix(footer): couleur catégorie menu [(#131)](https://github.com/GouvernementFR/dsfr/pull/131)
+
+
+#### fix: correction icon theme-fill [(#130)](https://github.com/GouvernementFR/dsfr/pull/130)
+
+
+#### fix(footer): correction couleur des liens [(#129)](https://github.com/GouvernementFR/dsfr/pull/129)
+
+
+#### fix(callout): accentuation du background [(#125)](https://github.com/GouvernementFR/dsfr/pull/125)
+
+
+#### fix(radio): bordure sur la classe radio-rich__img [(#122)](https://github.com/GouvernementFR/dsfr/pull/122)
+
+
+#### fix: correction hover sur lien fil du texte et card [(#128)](https://github.com/GouvernementFR/dsfr/pull/128)
+
+
+#### fix(card): met a jour le modifier d'accent [(#123)](https://github.com/GouvernementFR/dsfr/pull/123)
+
+
+#### fix: pa11y hide disable elements & fix lint dependance
+
+
+#### fix(search): met à jour le reset des boutons et champs de saisie pour Safari [(#115)](https://github.com/GouvernementFR/dsfr/pull/115)
+
+
+#### fix(display): corrige bouton d'affichage et bug a la selection du mode [(#119)](https://github.com/GouvernementFR/dsfr/pull/119)
+
+
+#### fix: correctifs ejs form [(#120)](https://github.com/GouvernementFR/dsfr/pull/120)
+
+
+#### fix(card): ajoute un modifier d'accentuation [(#121)](https://github.com/GouvernementFR/dsfr/pull/121)
+
+
+#### refactor(consent): fonctions pour générer l'objet consent [(#103)](https://github.com/GouvernementFR/dsfr/pull/103)
+
+
+#### fix(display): ajoute des attributs d'accessibilité sur les svg [(#118)](https://github.com/GouvernementFR/dsfr/pull/118)
+
+
+#### fix(summary): correction du token [(#117)](https://github.com/GouvernementFR/dsfr/pull/117)
+
+
+#### feat(modal): mise en place de l'overlay [(#116)](https://github.com/GouvernementFR/dsfr/pull/116)
+
+
+#### fix: hover radio / retour couleur [(#114)](https://github.com/GouvernementFR/dsfr/pull/114)
+
+
+#### feat(example): ajoute un bouton fixe pour les parametre d'affichage [(#113)](https://github.com/GouvernementFR/dsfr/pull/113)
+
+
+#### fix: ejs corrections multiples [(#112)](https://github.com/GouvernementFR/dsfr/pull/112)
+
+
+#### feat: couleurs accentuation [(#111)](https://github.com/GouvernementFR/dsfr/pull/111)
+
+
+#### fix: correction ombre table + lint / pa11y [(#110)](https://github.com/GouvernementFR/dsfr/pull/110)
+
+
+#### feat(display): Ajout icones illustratives & thème systeme [(#109)](https://github.com/GouvernementFR/dsfr/pull/109)
+
+
+#### refactor: restructuration custom props / legacy [(#108)](https://github.com/GouvernementFR/dsfr/pull/108)
+
+
+#### fix(cards): corrige taille image mode horizontal [(#88)](https://github.com/GouvernementFR/dsfr/pull/88)
+
+
+#### fix(navigation): espacement catégories mobile [(#105)](https://github.com/GouvernementFR/dsfr/pull/105)
+
+
+#### fix(toggle): espacement composant [(#104)](https://github.com/GouvernementFR/dsfr/pull/104)
+
+
+#### refactor(ejs): ajoute des exemples disabled et checked [(#94)](https://github.com/GouvernementFR/dsfr/pull/94)
+
+
+#### feat(icon): ajout icon logout [(#93)](https://github.com/GouvernementFR/dsfr/pull/93)
+
+
+#### fix(navigation): nav-link hover sur a et button uniquement [(#68)](https://github.com/GouvernementFR/dsfr/pull/68)
+
+
+#### fix: margin bottom <p> et <hx> des composants [(#73)](https://github.com/GouvernementFR/dsfr/pull/73)
+
+
+#### feat(core): ajout du reset de hr [(#60)](https://github.com/GouvernementFR/dsfr/pull/60)
+
+
+#### fix(upload): disabled input-upload & curseur pointeur [(#102)](https://github.com/GouvernementFR/dsfr/pull/102)
+
+
+#### feat(upload): ajout du composant upload [(#43)](https://github.com/GouvernementFR/dsfr/pull/43)
+
+
+#### fix(modale): corrige la hauteur de la modale sur desktop [(#80)](https://github.com/GouvernementFR/dsfr/pull/80)
+
+
+#### fix(consent): ajout d'id aux services [(#101)](https://github.com/GouvernementFR/dsfr/pull/101)
+
+
+#### fix(footer): met a jour le wording du copyright [(#87)](https://github.com/GouvernementFR/dsfr/pull/87)
+
+
+#### fix(modal): focus trap avec iframe [(#92)](https://github.com/GouvernementFR/dsfr/pull/92)
+
+
+#### fix: readme et contributing [(#90)](https://github.com/GouvernementFR/dsfr/pull/90)
+
+
+#### refactor: inclusion des composants ejs dans locals.nomComposant [(#76)](https://github.com/GouvernementFR/dsfr/pull/76)
+
+
+#### fix: bouton sidemenu display none / scheme package.yml / fr-input code inutile / table refactor et couleurs [(#100)](https://github.com/GouvernementFR/dsfr/pull/100)
+
+
+#### fix(logo): correction blue-france & mourning [(#99)](https://github.com/GouvernementFR/dsfr/pull/99)
+
+
+#### fix: correction du token art déprécié [(#98)](https://github.com/GouvernementFR/dsfr/pull/98)
+
+
+#### fix: correction des hovers [(#97)](https://github.com/GouvernementFR/dsfr/pull/97)
+
+
+#### Refactor: ajout des tokens artwork [(#96)](https://github.com/GouvernementFR/dsfr/pull/96)
+
+
+#### fix: corrige le lint en l'absence de fichier sass [(#95)](https://github.com/GouvernementFR/dsfr/pull/95)
+
+
+#### Fix(pa11y) : met a jour le scope des tests pa11y [(#85)](https://github.com/GouvernementFR/dsfr/pull/85)
+
+
+#### refactor(scheme): nouveau système de couleur [(#83)](https://github.com/GouvernementFR/dsfr/pull/83)
+
+
+#### fix: dsfr license npm [(#82)](https://github.com/GouvernementFR/dsfr/pull/82)
+
+
+#### fix(sidemenu): bordures en desktop [(#77)](https://github.com/GouvernementFR/dsfr/pull/77)
+
+
+#### fix(lint): supprime les polyfill du linter eslint [(#84)](https://github.com/GouvernementFR/dsfr/pull/84)
+
+
+#### Fix: définition d'une valeur par défaut de l'objet de configuration window.dsfr [(#79)](https://github.com/GouvernementFR/dsfr/pull/79)
+
+
+#### fix: licence.md devient license.md [(#78)](https://github.com/GouvernementFR/dsfr/pull/78)
+
+
+#### fix(legacy-browser): corrige les erreurs JS sous ie11 [(#72)](https://github.com/GouvernementFR/dsfr/pull/72)
+
+
+#### fix: correction du package.json [(#74)](https://github.com/GouvernementFR/dsfr/pull/74)
+
+
+#### fix(api): Bug Modal JS [(#69)](https://github.com/GouvernementFR/dsfr/pull/69)
+
+
+#### fix: page/pattern dossier vide et npm deploy [(#67)](https://github.com/GouvernementFR/dsfr/pull/67)
+
+
+#### fix(core): exemple texte taille md [(#71)](https://github.com/GouvernementFR/dsfr/pull/71)
+
+
+#### fix: input type submit désactivé [(#70)](https://github.com/GouvernementFR/dsfr/pull/70)
+
+
+#### feat(core): ajout d'icones [(#65)](https://github.com/GouvernementFR/dsfr/pull/65)
+
+
+#### feat: ajout d'un robots.txt à la racine de public [(#53)](https://github.com/GouvernementFR/dsfr/pull/53)
+
+
+#### fix: favicon path [(#66)](https://github.com/GouvernementFR/dsfr/pull/66)
+dsfr-dev devient dsfr
+
+
+#### fix(navigation): mega menu category bold [(#61)](https://github.com/GouvernementFR/dsfr/pull/61)
+
+
+#### refactor: modification du gitignore [(#62)](https://github.com/GouvernementFR/dsfr/pull/62)
+
+
+#### fix(core): fr-text devient fr-text--md [(#63)](https://github.com/GouvernementFR/dsfr/pull/63)
+
+
+#### fix(core): reset bordure des inputs (ios) [(#58)](https://github.com/GouvernementFR/dsfr/pull/58)
+
+
+#### fix(search): correction fr-input--error et fr-input--valid [(#57)](https://github.com/GouvernementFR/dsfr/pull/57)
+
+
+#### fix(content): Le composant media ne fonctionne pas avec une image svg [(#54)](https://github.com/GouvernementFR/dsfr/pull/54)
+
+
+#### fix: correction structure dev, retrait underscore dist exemple [(#55)](https://github.com/GouvernementFR/dsfr/pull/55)
+
+
+#### fix(core): marge sous les textes et titres [(#52)](https://github.com/GouvernementFR/dsfr/pull/52)
+
+
+#### fix(header): correction semicolon manquant devant last-child [(#50)](https://github.com/GouvernementFR/dsfr/pull/50)
+
+
+#### fix(input): fr-input--error sur un textarea le passe en rouge [(#47)](https://github.com/GouvernementFR/dsfr/pull/47)
+
+
+#### fix(share): correction espacements des boutons de partage [(#49)](https://github.com/GouvernementFR/dsfr/pull/49)
+
+
+#### fix(table): couleur lignes odd des tableaux  #48
+
+
+#### fix: correction href des listes d'exemple & maj dependance caniuse-lite
+
+
+#### chore: passage au singulier des noms de fichiers et packages [(#45)](https://github.com/GouvernementFR/dsfr/pull/45)
+
+
+#### refactor(pattern): évolution de la structure pattern, composant, page et du build [(#44)](https://github.com/GouvernementFR/dsfr/pull/44)
+
+
+#### fix: dynamic js instances et minification [(#41)](https://github.com/GouvernementFR/dsfr/pull/41)
+
+
+#### fix(core): correction font-display [(#40)](https://github.com/GouvernementFR/dsfr/pull/40)
+
+
+#### refactor: implémentation du js dynamique [(#9)](https://github.com/GouvernementFR/dsfr/pull/9)
+
+
+#### fix(core): text-rendering en optimizeLegibility [(#37)](https://github.com/GouvernementFR/dsfr/pull/37)
+* fix(core): text-rendering en optimizeLegibility
+
+* fix(core): inputs en text rendering optimizeLegibility
+
+
+#### fix(core): font-display swap par défaut [(#38)](https://github.com/GouvernementFR/dsfr/pull/38)
+
+
+
+
+## v1.1
+
+### [v1.1.0](https://github.com/GouvernementFR/dsfr/compare/v1.0.0...v1.1.0) - 27 Juillet 2021
+
+#### fix: problème de visibilité avec visibility: visible
+
+
+#### fix(quotes): Suppression du alt de l'image [(#35)](https://github.com/GouvernementFR/dsfr/pull/35)
+
+
+#### fix(share): correction title désactivé [(#34)](https://github.com/GouvernementFR/dsfr/pull/34)
+
+
+#### fix(doc): maj contributing.md [(#33)](https://github.com/GouvernementFR/dsfr/pull/33)
+
+
+#### fix(checkboxes, radios): input en position absolue [(#31)](https://github.com/GouvernementFR/dsfr/pull/31)
+
+
+#### fix(share): tailles des popup de partage [(#32)](https://github.com/GouvernementFR/dsfr/pull/32)
+
+
+#### fix(follow): séparateur en box shadow [(#29)](https://github.com/GouvernementFR/dsfr/pull/29)
+
+
+#### fix(share): correction template ejs et nom du composant [(#30)](https://github.com/GouvernementFR/dsfr/pull/30)
+
+
+#### fix(follow): corrections et nouveau nom composant [(#28)](https://github.com/GouvernementFR/dsfr/pull/28)
+
+
+#### feat: ajout du composant follow (nous suivre) [(#10)](https://github.com/GouvernementFR/dsfr/pull/10)
+
+
+#### feat: ajout du composant quotes (citation) [(#23)](https://github.com/GouvernementFR/dsfr/pull/23)
+
+
+#### feat: ajout du composant share (boutons de partage) [(#21)](https://github.com/GouvernementFR/dsfr/pull/21)
+
+
+#### refactor(table): fonctionnement sans js [(#16)](https://github.com/GouvernementFR/dsfr/pull/16)
+
+
+#### fix(buttons, modal, tabs): correction nouveau nom d'icône [(#19)](https://github.com/GouvernementFR/dsfr/pull/19)
+
+
+#### fix(alerts): Correction texte explicatif [(#17)](https://github.com/GouvernementFR/dsfr/pull/17)
+
+
+#### fix(modal): ajustements et correctifs [(#11)](https://github.com/GouvernementFR/dsfr/pull/11)
+
+
+#### feat(consent): Ajout du composant gestionnaire de consentement [(#12)](https://github.com/GouvernementFR/dsfr/pull/12)
+
+
+#### feat(alerts): ajout du composant alerts [(#7)](https://github.com/GouvernementFR/dsfr/pull/7)
+* feat(alerts): style alertes
+
+* feat(alerts): ajout d'exemples
+
+* fix(alerts): examples
+
+* fix(alerts): attributs bouton close
+
+* fix(alerts): correction snippet
+
+* fix(alerts): title bem style h6
+
+* fix(alerts): margin p, hx et lien documentation
+
+
+#### fix(summary): Ajustement de summary avec les nouvelles listes [(#6)](https://github.com/GouvernementFR/dsfr/pull/6)
+* fix(summary): Ajustement de summary avec les nouvelles listes
+
+* doc(summary): Commentaire d'explication sur les nombres utilisés pour créer le décalage de l'hover
+
+* fix(summary): remplacement du marker par un before sur le lien (support safari + hover)
+
+
+#### fix(cards): ordre détail dans le snippet [(#8)](https://github.com/GouvernementFR/dsfr/pull/8)
+
+
+#### fix(core): correction des listes à puces [(#4)](https://github.com/GouvernementFR/dsfr/pull/4)
+* fix(core): correction des listes pour un retour à un fonctionnement proche de celui par défaut
+
+* fix(core): correction espacement des listes
+
+* fix(core): nettoyage code commenté
+
+
+#### fix(radios checkboxes): correction bug windows inversion des nombres [(#5)](https://github.com/GouvernementFR/dsfr/pull/5)
+* fix(radios, checkboxes): correction display des labels
+
+* feat: label checkbox & radios
+
+* fix: case insensitive flag retiré des sélecteurs d'attribut (non supporté par IE edge)
+
+Co-authored-by: lab9 <lab9.fr@gmail.com>
+
+
+#### feat(utilities): ajout page de présentation
+
+
+#### fix: Mise à jour des dépendances dans les packages accordions, pagination, tabs et tags
+
+
+#### fix(modal): modal aligné en bas en mobile
+
+
+#### fix: contributing [(#2)](https://github.com/GouvernementFR/dsfr/pull/2)
+
+
+#### fix(core): fonte Marianne dans le reset inputs
+
+
+#### fix(core): correction utilitaire taille d'icone fr-fi--size
+ajout taille fr-fi--md
+ajout !important pour forcer le modifieur
+
+
+#### fix(inputs,selects): ajout fonte marianne
+
+
+#### fix(buttons): correction fichier scss buttons-group
+
+
+#### fix(skiplinks): correction snippet skiplinks
+
+
+#### fix(pagination): correction snippet pagination
+
+
+#### feat(utilities): espacements jusqu'a 32v
+
+
+#### fix(core): Listes simplifiées, disques pleins avec taille réduites à partir du second niveau.
+
+
+#### fix(checkboxes): correction inversion des labels
+
+
+#### fix(global): génération dans public des fichiers sass et js globaux
+
+
+#### fix(core): correction loop de compilation
+
+
+#### fix(global): correction mise en forme scss lint
+
+
+#### refactor(all): nouveau système de liste et link (sans le toggle custom property) / placeholders remplacés par des mixins
+
+
+#### fix(navigation): correction bug pivotation du chevron
+
+
+#### fix(modal): correctif keylistener au niveau global au lieu de la modale
+
+
+#### fix(tabs): correctif bug de transition
+
+
+#### fix(header): Correction modale a11y, arial-labelledby ajouté dynamiquement et id du bouton rétablie [https://gouvfr.atlassian.net/browse/DS-1445?focusedCommentId=14946]
+
+
+#### feat(build): génération de la font icon incluse dans le build
+
+
+#### chore(global): changement de la banière fichiers pour 'restricted use'
+
+
+#### chore(global): Complément d'information JS et EJS du CONTRIBUTING.md
+
+
+#### chore(global): changement de la banière des fichiers scripts et styles générés
+
+
+#### feat: contributing.md
+
+
+#### fix(schemes/skiplinks): correction implémentation accés direct
+
+
+#### fix(sassdoc): correction config sassdoc
+
+
+
+
+## v1.0
+
+### [v1.0.0](https://github.com/GouvernementFR/dsfr/compare/v0.6.0...v1.0.0) - 7 Avril 2021
+
+#### feat(readme): édition et publication du readme global et public
+
+
+#### fix(toggle): correction couleur focus toggle
+
+
+#### fix(links): correction problème placeholder links
+
+
+#### feat(utilities, legacy): "en cours de développement"
+
+
+#### refactor(toggles): bem toggle__list
+
+
+#### chore(global): changement de package name et de n° de version
+
+
+#### fix: radios rich images
+
+
+#### fix: changement images d'examples
+
+
+#### chore(global): suppression des package.json dans le src (obsolète)
+
+
+#### feat(global): ajout des images placeholder
+
+
+#### feat(icons): ajout des icones réseaux sociaux
+
+
+#### fix(navigation): correction bug d'affichage de la page d'exemple
+
+
+#### fix: contributing.md
+
+
+#### fix(header/navigation): Révision générale de header et navigation / ajouts d'utilitaires grid et links
+
+
+#### fix(schemes): changement de bf300 pour être accessible sur du g700
+
+
+#### feature(schemes): nouvelles couleurs bleu france
+
+
+#### fix(schemes): dynamisation du prefix
+
+
+#### fix(img): correction des textes alternatifs des images
+
+
+#### fix(sidemenu): marge des niveaux 2 et 3
+
+
+#### fix(sidemenu): erreur de lint
+
+
+#### fix(sidemenu): padding et etat actif
+
+
+#### fix(forms): pas besoin d'id sur le hint text
+
+
+#### chore(global): changement du prefix
+
+
+#### fix(forms): role groupe que quand plusieurs infos
+
+
+#### fix(footer): hauteur max des logos
+
+
+#### fix(schemes): changement nom icon theme
+
+
+#### feat(core): ajout icones manquantes dans l'example
+
+
+#### fix(schemes): legende en texte regular
+
+
+#### fix(summary): padding
+
+
+#### feat(core): ajout icones
+
+
+#### fix(toggles): css inutile
+
+
+#### fix(toggles): marge entre bouton et label 4W
+
+
+#### fix(pagination): taille icone page précédente
+
+
+#### fix(examples): image responive dans le randomContent
+
+
+#### fix(schemes): correction de la définition des hovers sur le body
+
+
+#### feature(schemes): variable des couleurs sur les icones
+
+
+#### fix(schemes): correction bug js schemes
+
+
+#### fix(navigation): correction z-index item active
+
+
+#### fix(navigation): correction position mega-menu
+
+
+#### fix(core): correction readme
+
+
+#### fix(global): correction génération core
+
+
+#### chore(global): changement de structure, packages devient src
+
+
+#### fix(summary): correction des marges
+
+
+#### fix(footer): texte lien accessibilité
+
+
+
+
+---
+
+> ## DSFR v0
+
+## v0.6
+
+### [v0.6.0](https://github.com/GouvernementFR/dsfr/compare/v0.5.3...v0.6.0) - 7 Avril 2021
+
+#### fix(footer): marge mention légale
+
+
+#### fix(logo): title retiré sur le logo
+
+
+#### chore(global): changement de numéro de version
+
+
+#### fix(build): copy des favicons à la racine de public seulement en deploy
+
+
+#### fix(search): correction padding break-point
+
+
+#### fix(radios, checkboxes): problèmes de marges
+
+
+#### fix(navigation): correction séparateur visible au hover
+
+
+#### fix(radio/checkboxes): correction curseur désactivé
+
+
+#### fix(radios, checkboxes): texte additionnel
+
+
+#### fix(selects): couleur picto select désactivé
+
+
+#### fix(inputs): textarea picto coupé
+
+
+#### fix(radio/checkboxes): correction legend fieldset bold par défaut, weight modifier pour cases à cocher et radios
+
+
+#### feature(core): ajout des fonctionnalités raw-link et reset-link
+
+
+#### fix(callouts): simplification callouts
+
+
+#### fix(navigation): couleur de l'item active corrigée
+
+
+#### fix(checkboxes): snippet avec erreur
+
+
+#### fix(callouts): correction des marges internes
+
+
+#### fix(search): padding LG
+
+
+#### fix(core): correction du pointer sur les radio et checkbox
+
+
+#### fix(header): tabindex retiré des modales
+
+
+#### fix(accordions): lint
+
+
+#### fix(accordion): bordure accordions
+
+
+#### fix(header): correction récupération des modales conditionnelles
+
+
+#### fix(core): correction lien
+
+
+#### fix(breadcrumb): simplification de la css, correction des espacements
+
+
+#### chore(all): ajout des noms de packages, de la documentation et ordre similaire à la documentation
+
+
+#### fix(modal): snippet
+
+
+#### fix(schemes): snippet & corrections merge
+
+
+#### fix: bug couleur de fond des interrupteurs
+
+
+#### fix(all): alt générique et fix inputs
+input type number & fix ios
+img texte alternatif
+
+
+#### fix(header): Titre du service remplacé par un p
+
+
+#### fix(breadcrumb): ajout d'une limite à la boucle de vérification
+
+
+#### fix(breadcrumb): boucle de vérification de la prise de focus
+
+
+#### fix(header): transition éliminées en lg pour éviter le flash
+
+
+#### fix(schemes): maj footer
+
+
+#### fix(table): correction erreur dans les constantes
+
+
+#### fix(search): title inutile sur le search LG
+
+
+#### feat(footer): ajout licence etalab dans le copyright
+
+
+#### fix(forms): input type submit et styles buttons, links
+
+
+#### fix(pagination): ajout du role="navigation" pour l'a11y
+
+
+#### refactor(js): séparation des classes core et publiques / focus breadcrumb / focus-trap désactivé au changement de breakpoint sur le header
+
+
+#### fix(core): suppression des console.log
+
+
+#### fix(search): correction marge sur safari
+
+
+#### fix(cards/tiles): correction hover associé au enlarge-link / corrections tuiles horizontales suite à inversion de l'ordre body / img
+
+
+#### fix(grid): correction des imbrications et refactoring de la page d'exemple
+
+
+#### fix(all): préparation au changement de préfix
+
+
+#### fix(navigation, sidemenu): snippet encodage
+
+
+#### refactor(tabs, tags): accessibility
+
+
+#### fix(navigation): suppression bouton close hors du header
+
+
+#### feat(core): ajout des favicons
+
+
+#### feature(core): ajout des examples d'utilitaires
+
+
+#### refactor(pagination): ajout des utilitaires d'affichage hidden et displayed / pagination finalisé
+
+
+#### refactor(pagination): pagination implémentée via les mixins de links
+
+
+#### feature(build): test lint et pa11y imbriqué dans la routine de compilation
+
+
+#### fix(cards/tiles): corrections tuiles et cards (z-index sur le hover, absence de hover, tile__img-wrap devient tile__img
+
+
+#### fix(schemes): mis à jour attribut data-rf-opened
+
+
+#### fix(schemes): mis à jour attribut data-rf-opened
+
+
+#### fix(header): mis à jour attribut data-rf-opened
+
+
+#### fix(modal): focus-trap, filtrage des radiobuttons par name
+
+
+#### fix(forms): bold retirée des legend des fieldsets
+
+
+#### fix(sidemenu, navigation): guillemet en trop sur aria-curent="page"
+
+
+#### fix(header): brand 100% de la largeur
+
+
+#### refactor(core): optimisation focus
+
+
+#### fix(navigation): stucture BEM nav__link
+
+
+#### fix(schemes): simplification du hover avec :disabled
+
+
+#### fix(schemes): correction @at-root dans le shemes hover
+
+
+#### fix(schemes): correction selector-associate
+
+
+#### fix(schemes): correction du hover avec remplacement de selector-unify par selector-associate
+
+
+#### refactor: wip navigation refacto
+
+
+#### fix(schemes): description du switch dark mode dans legend au lieu de p, pour suivre les normes d'accessibilité
+
+
+#### fix(build): import manquant
+
+
+#### feature(pa11y): ajustement pa11y à la nouvelle architecture et correctifs
+
+
+#### fix: suppression du alt dans lien test d'exemple
+
+
+#### fix(examples): attributs inutiles retirés sur le :root
+
+
+#### fix(core): correction focus navigateurs ne supportant pas focus-visible
+
+
+#### fix(build): correction exemple de la commande de build
+
+
+#### fix(core): correction typo commentaire collapse
+
+
+#### feature(build): création d'un page dsfr contenant toutes les autres pages / finalisation des commandes de build
+
+
+#### fix(selects): bordure g600
+
+
+#### fix(core): medias frameborder
+
+
+#### fix(footer): bloc marque + logo en 1 seul lien
+
+
+#### fix(modal): correction focus-trap push remplacé par concat pour stylint
+
+
+#### fix(modal): correction focus-trap groupe de radio-button
+
+
+#### fix(core): correction svg encoding
+
+
+#### fix(inputs): bordure enn g600
+
+
+#### fix(navigation): catégorie mega menu en h5
+
+
+#### fix(schemes): titre et description d'example
+
+
+#### fix: schemes example & merge dev
+
+
+#### feat(core): ajout du composant favicons
+
+
+#### fix(content): médias image figure aria label & role group
+
+
+#### feature(collapse): reprise du focus à la fermeture d'un collapse / correction bug collapse
+
+
+#### fix(radios): correction safari, alignement du séparateur d'image
+
+
+#### feature(modal): mise en place de l'attribut data-rf-opened à la place de aria-expanded pour en éviter la restitution
+
+
+#### fix(radios): correction label chiffres inversés & ajout d'exemples
+
+
+#### refactor(cards/tiles): lien étendu des tuiles et des cards par la classe rf-enlarge-link / inversion de l'image et du body pour l'accessiblité
+
+
+#### refactor(header): gestion du lien d'accueil étendu / bouton mobile déplacés en haut du header
+
+
+#### refactor(logo): optimisation et retravail de la sémantique
+
+
+#### fix(footer): ajout <p> & ul li + fix bug css partner
+
+
+#### feat(schemes): ajout du switch theme
+
+
+#### feat(icons): aria-hidden sur les icones illustratives
+
+
+#### refactor(build): déplacement des imgs dans examples, déplacement des fonts dans assets, copie générale des assets dans dist
+
+
+#### fix(inputs): bug ios, desactivation de l'apparance des inputs
+
+
+#### fix(navigation, sidemenu): aria-current='true' & aria-current='page'
+
+
+#### fix(reset): hover lien corrigé / lien souligné en border-bottom au lieu de box-shadow (le tricks du toggle css variable ne fonctionne pas sur un box-shadow)
+
+
+#### fix(toggles): ajout aria-describedby sur input lié au hint text
+
+
+#### fix(buttons, links): retrait de l'exemple avec une div
+
+
+#### fix(search): ejs search label et role search
+
+
+#### fix(highlights): bem, <p> dans le composant
+
+
+#### fix(medias): iframe video exemple attribute
+
+
+#### fix: sass build
+
+
+#### fix(various): correction curseur du breadcrumb, nav / chemin des styles et des scripts de la liste d'examples / lint
+
+
+#### fix(core): Simplification du déplacement du focus sur Cards et Tiles
+
+
+#### fix(tags, links, buttons): href, disabled, target ejs
+
+
+#### fix(tabs): lorem ipsum text
+
+
+#### fix(form, select, checkbox): fieldset aria-described legend & message
+
+
+#### refactor(core): Reset par attribut enlevé et remplacé par un reset global / Nouvelle gestion du focus transverse et plus générique / z-index du focus mis en conformité
+
+
+#### fix: forms, radios, checkboxes hint text in legend
+
+
+#### fix: summary
+
+
+#### fix: skiplinks, tabs, beadcrumb
+
+
+#### feat: switch theme
+refactor shortcut ejs
+refactor link ejs
+refactor radios
+Déplacement svg-encode dans core
+
+
+#### fix(header): menu burger tronqué
+
+
+#### fix(breadcrumb): correction margin négative du collapse au breakpoint LG
+
+
+#### refactor(imports): Nouvelle architecture et nouveau système de compilation
+
+
+
+
+## v0.5
+
+### [v0.5.3](https://github.com/GouvernementFR/dsfr/compare/v0.4.0...v0.5.3) - 7 Avril 2021
+
+#### fix(all): Design System de l'Etat v0.5.3
+fix: retrait du scritp post-install
+
+
+#### feat: Design System de l'Etat v0.5.0
+
+
+#### fix(links): links font-size à 0 retiré
+
+
+#### fix(all): correction du test, th des tableaux en col / correction du test, liens externes en https / attribut aria-modal ajouté / aria-expanded et aria-controls pour la modale.
+
+
+#### fix(all) correction package.json all + build
+
+
+#### fix(all): corrections de bug divers
+Fixes
+BUG - Modale => scroll body / font zone action  / btn fermer
+BUG - Menu lateral => niveau de titre
+BUG - Radios inline => alignement radio bouton riche en ligne (le dernier)
+BUG - inputs invalid
+BUG - inputs => Ajout du comportement natif des types (number/date/calendar)
+
+
+#### fix(header): correction des liens de raccourcis
+
+
+#### refactor(buttons): groupe de boutons, nouvelle gestion des icones
+
+
+#### feat(modal): ajout package modal
+fix
+Tabs animation
+collapse et disclosure
+Page de test (controls butons & snippet)
+
+
+#### fix(all): ajout commentaires, fix buton LG test
+features
+Ajout de commentaires de code SASS
+fixes
+BUG - bouton LG a sauté
+BUG - Toggle cursor & size
+
+
+#### feat(buttons): ajout des groupes de boutons
+
+
+#### fix(accordions): suppression de la navigation clavier
+
+
+#### refactor(all): refactorisation, evolutions et corrections (détails dans le corps de commit)
+refactor
+consolidation du core, rappatriement des scripts d'utilitaire et de la grille
+Nouveau token v et w systématisé, N supprimé
+Nouvelles mixins
+Nouvelle largeur maximum pour le container : 1200px
+Ajout de rf-link--close
+Nouvelle version des fontes
+disclosure[v2] et mise en place sur accordions, navigation, header, sidemenu
+utilities: ajout des classe de margin auto
+nomenclature des icons ajustées :  sm 4v / md 6v / lg 8v / xl supprimé
+nouveau système de font-size, line-height et spacing
+features
+Ajout de h5 et h6
+Responsive container
+fixes
+BUG - Image LG a sauté sur la v0.4.0
+BUG - Checkboxes small a sauté
+BUG - tabs focus panel caché
+BUG - tabs focus avant interaction
+BUG - list dans un tabpanel
+BREAKING
+navigation:
+- Classe rf-collapse à ajouter au même niveau que les classes rf-menu et rf-mega-menu :
+<div class="rf-collapse rf-menu" id="rf-nav-item-3" >
+accordions:
+- noeud rf-accordion__inner supprimé
+- rf-accordion__body est remplacé par rf-collapse
+- rf-accordion-group__item retiré, un li sans classe est suffisant
+sidemenu:
+- rf-sidemenu__btn--sidemenu-toggle est remplacé par rf-sidemenu__btn (plus générique)
+- rf-sidemenu__wrapper devient rf-collapse
+- rf-sidemenu__content devient rf-collapse
+
+
+#### fix(all): corrections taille checkboxes et content / corrections multiligne toggle
+
+
+
+
+## v0.4
+
+### [v0.4.0](https://github.com/GouvernementFR/dsfr/compare/v0.3.4...v0.4.0) - 17 Décembre 2020
+
+#### fix(all): Mise à jour des liens de documentations
+
+
+#### fix(core): Ajout du line-height par défaut sur body par le biais de l'attribut de reset
+
+
+#### fix(skiplinks): correction espacement des skiplinks
+
+
+#### feature(tiles): Evolution tiles v2 - version responsive et changement de style
+
+
+#### chore(tabs): publication des fichiers dist
+
+
+#### fix(tabs): import du script dans les tests
+
+
+#### feat(radios): ajout des boutons radios riches
+
+
+#### feat(toggle): ajout du package toggle
+
+
+#### feature(tabs): ajout du package tabs
+
+
+#### refactor(all) : isolation du reset, réduction des dépendances et fix divers
+[ALL] passage partiel aux unités v et w[ALL] nouvelles couleurs pour les éléments désactivés[ALL] ajout de commentaires[CORE] séparation du reset en 2 parties
+  - attribut optionnel data-rf-reset, stylise body, headings et liens
+  - mini reset sur toutes classes commençant par le prefix du dse)[CORE] typography est rappatrié dans le core et est divisé en 2 parties
+  - rf-prose : conteneur qui stylise les tags headings, liens et listes qu'il contient
+  - typography : classes qui permettent d'appliquer directement des styles[CORE] rappatriement des packages icons et medias dans le core[CORE] refactor gestion du z-index [CARDS] rf-cards__lead devient rf-cards__title pour homogénéisation avec les tuiles[UTILITIES] passage des valeurs des classes de spacing en important (retour betas)[HEADER] correction burger menu en cas de présences de raccourcis[BUTTONS] correction contour bouton secondaire lien[LINKS, BUTTONS, TAGS] icon-only devient l'état d'icon par défaut (suppression du modificateur et de l'icon par défaut)
+
+
+#### chore(packages): v0.3.1
+
+
+#### fix(all): correctif package.json et dist.scss sur le package all
+
+
+#### chore(packages): Design System de l'Etat v0.3.0
+
+
+#### docs: maj du README.md
+
+
+#### docs: ajout des docs finales NPM v2
+
+
+#### feat: ajout de la configuration globale NPM v2
+
+
+#### fix: packages dependencies
+
+
+#### docs: ajout de la documentation NPM V2
+
+
+#### fix: pa11y tests
+
+
+#### fix(sidemenu): ajout taille typo dans le bouton
+
+
+#### fix(dists): regénération des dists
+
+
+#### feat(tags): ajout package tags
+
+
+#### fix(core): correction du module
+
+
+#### fix(buttons): corrections dans le package.json
+
+
+#### feat(webpack): ajout genération des dists pour npm V2
+
+
+#### fix(icônes): regénération des icônes
+
+
+#### feat(accordéon): ajout du package accordéon
+
+
+#### fix(all): hofix du mixin "after"
+
+
+#### fix(icônes): ajout de nouvelles icônes
+
+
+#### feat(sass-comments): ajout de commentaires/refactir sur packages sidemenu/summary/skiplinks
+
+
+#### feat(spacing-system): ajout classes utilitaires mode Tailwind
+
+
+#### fix(header): ajout du cas header sans menu (plus de burger)
+
+
+#### feat: ajout package table & correction pseudo mixin pour build
+
+
+#### fix(radios-group): merge de fix/radios-group dans dev
+
+
+#### refactor(icons): merge de refactor/icons dans dev
+
+
+#### fix: changement de la commande de build pour les tests
+
+
+#### fix(logo): svg cleanning, test fix, et logo berne
+
+
+#### fix(logo): couleur du titre du logo en g800
+
+
+#### fix: import fonts path in local
+
+
+#### fix: scheme Color Btn disabled & couleurs fonctionnelles
+
+
+#### chore(packages): release
+
+
+#### test: restricted package
+
+
+#### fix: merge
+
+
+#### refactor(core): ajout d'un prefix pour sr-only / ajout d'options scheme focus
+
+
+#### fix: merge
+
+
+#### chore(packages): release
+
+
+#### fix: test
+
+
+#### fix: test
+
+
+#### test: x
+
+
+#### chore(packages): release
+
+
+#### fix: version
+
+
+#### fix: change scope
+
+
+#### fix(webpack): ajout dossier tests
+
+
+#### feat(webpack): génération des dist par package + package all
+
+
+#### feat(webpack): mise en place provisoire dist packages
+
+
+
+
+## v0.3
+
+### [v0.3.4](https://github.com/GouvernementFR/dsfr/compare/v0.3.1...v0.3.4) - 9 Novembre 2020
+
+#### chore(packages): release
+
+
+#### test: restricted package
+
+
+#### fix: merge
+
+
+#### fix: merge
+
+
+#### fix(webpack): ajout dossier tests
+
+
+#### feat(webpack): génération des dist par package + package all
+
+
+#### feat(webpack): mise en place provisoire dist packages
+
+
+
+### [v0.3.1](https://github.com/GouvernementFR/dsfr/compare/v0.3.0...v0.3.1) - 3 Novembre 2020
+
+#### chore(packages): release
+
+
+#### fix: test
+
+
+#### fix: test
+
+
+#### test: x
+
+
+
+### [v0.3.0](https://github.com/GouvernementFR/dsfr/compare/v0.2.0...v0.3.0) - 3 Novembre 2020
+
+#### chore(packages): release
+
+
+#### fix: version
+
+
+#### fix: change scope
+
+
+#### fix(search): reduce placeholder to "rechercher"
+
+
+#### fix(links): correctif de la taille maximum de l'icon en fonction des icons présentes dans les settings
+
+
+#### feat(all): correction des hover sur les boutons transparents / Nouvelle version des hover sans utilisation de pseudo elements / Documentation schemes + industrialisation links et buttons + structure core / répercussion de la nouvelle version des links et btns / ajout des dépendances dans les dist / correction de l'ordre des modificateurs / fix sidemenu + refactor links pour tag
+
+
+#### fix: yarn workspaces
+
+
+
+
+## v0.2
+
+### [v0.2.0](https://github.com/GouvernementFR/dsfr/compare/v0.1.0...v0.2.0) - 19 Octobre 2020
+
+#### chore: pre-release configuration
+
+
+#### feat: ajout du package sidemenu
+
+
+#### feat: ajout package liens d'évitement
+
+
+#### feat: ajout du composant sommaire
+
+
+#### docs: ajout documentation NPM v2
+
+
+#### doc: mise à jour PUBLISHING & CONTRIBUTING
+
 
-* feat: label checkbox & radios
+#### fix(footer): liens bottom en inline
 
-* fix: case insensitive flag retiré des sélecteurs d'attribut (non supporté par IE edge)
 
-Co-authored-by: lab9 <lab9.fr@gmail.com> [`#5`](https://github.com/GouvernementFR/dsfr/pull/5)
 
-#### fix: contributing (#2) [`#2`](https://github.com/GouvernementFR/dsfr/pull/2)
 
-## [v1.0.0](https://github.com/GouvernementFR/dsfr/compare/v0.6.0...v1.0.0) - 2021-04-07
+## v0.1
 
-## [v0.6.0](https://github.com/GouvernementFR/dsfr/compare/v0.5.4-unpublish.0...v0.6.0) - 2021-04-07
+### [v0.1.0]() - 19 Octobre 2020
 
-## [v0.5.4-unpublish.0](https://github.com/GouvernementFR/dsfr/compare/v0.5.3...v0.5.4-unpublish.0) - 2021-03-25
+#### feat: Design System de l'Etat, commit initial
+Design System de l'Etat v0.1.0
 
-## [v0.5.3](https://github.com/GouvernementFR/dsfr/compare/v0.4.0...v0.5.3) - 2021-04-07
+Fondamentaux
+-Couleur
+-Espacement
+-Grille
+-Icônes
+-Médias
+-Typographie.
 
-## [v0.4.0](https://github.com/GouvernementFR/dsfr/compare/v0.3.4...v0.4.0) - 2020-12-17
+Composants
+-Barre de recherche
+-Boutons
+-Boutons radios
+-Case à cocher
+-Carte
+-Champ de saisie
+-En-tête (Header)
+-Fil d’ariane
+-Liens
+-Lien d'évitement
+-Liste déroulante
+-Médias
+-Mise en avant
+-Mise en exergue
+-Navigation principale
+-Pagination
+-Pied de page (Footer)
+-Tuiles
 
-## [v0.3.4](https://github.com/GouvernementFR/dsfr/compare/v0.3.1...v0.3.4) - 2020-11-09
 
-## [v0.3.1](https://github.com/GouvernementFR/dsfr/compare/v0.3.0...v0.3.1) - 2020-11-03
 
-## [v0.3.0](https://github.com/GouvernementFR/dsfr/compare/v0.2.0...v0.3.0) - 2020-11-03
 
-## [v0.2.0](https://github.com/GouvernementFR/dsfr/compare/v0.1.0...v0.2.0) - 2020-10-19
+---
 
-## v0.1.0 - 2020-10-19
diff --git a/changelog-template.hbs b/changelog-template.hbs
deleted file mode 100644
index eeb656f31..000000000
--- a/changelog-template.hbs
+++ /dev/null
@@ -1,40 +0,0 @@
-# Changelog du Système de design de l’État
-
-Toutes les modifications notables apportées à ce projet seront documentées dans ce fichier.
-
-Le format est basé sur [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
-et ce projet respecte [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
-
-Pour plus d’informations : [Voir la documentation](https://www.systeme-de-design.gouv.fr/)
-
-{{#each releases}}
-  {{#if href}}
-    ## [{{title}}]({{href}}){{#if tag}} - {{isoDate}}{{/if}}
-  {{else}}
-    ## {{title}}{{#if tag}} - {{isoDate}}{{/if}}
-  {{/if}}
-
-  {{#if summary}}
-    {{summary}}
-  {{/if}}
-
-  {{#if merges}}
-    ### Merged
-
-    {{#each merges}}
-      #### {{#if commit.breaking}}**Breaking change:** {{/if}}{{commit.message}} {{#if href}}[`#{{id}}`]({{href}}){{/if}}
-
-    {{/each}}
-  {{/if}}
-
-  {{#if fixes}}
-    ### Fixed
-
-    {{#each fixes}}
-      #### {{#if commit.breaking}}**Breaking change:** {{/if}}{{commit.subject}}{{#each fixes}} {{#if href}}[`#{{id}}`]({{href}}){{/if}}{{/each}}
-
-    {{/each}}
-  {{/if}}
-
-{{/each}}
-
diff --git a/doc/Analytics-1.9.2.pdf b/doc/Analytics-1.9.2.pdf
deleted file mode 100644
index ee4b980c5..000000000
Binary files a/doc/Analytics-1.9.2.pdf and /dev/null differ
diff --git a/module/selector/mixin/_theme.scss b/module/selector/mixin/_theme.scss
index 89ff20835..e723ef1c5 100644
--- a/module/selector/mixin/_theme.scss
+++ b/module/selector/mixin/_theme.scss
@@ -8,7 +8,7 @@
   }
   $selector: &;
   @at-root {
-    :root:where(#{namespace.ns-attr(theme, $theme)}) {
+    :root#{namespace.ns-attr(theme, $theme)} {
       @include utilities.nest($selector) {
         @content;
       }
diff --git a/package.json b/package.json
index 058ad3dc4..59e8cc3fc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gouvfr/dsfr",
-  "version": "1.9.2",
+  "version": "1.9.3",
   "description": "Système de Design de l'Etat - DSFR",
   "repository": "git@github.com:GouvernementFR/dsfr.git",
   "author": "Service d'Information du Gouvernement <jean-charles.hourdeaux@pm.gouv.fr>",
@@ -19,8 +19,8 @@
     "release": "node tool/tool.js release",
     "deploy": "node tool/tool.js deploy",
     "standalone": "node tool/tool.js standalone",
-    "serve": "browser-sync start --server --port 8080 --startPath example/",
-    "version": "auto-changelog -p"
+    "changelog": "node tool/tool.js changelog",
+    "serve": "browser-sync start --server --port 8080 --startPath example/"
   },
   "files": [
     "/dist",
@@ -39,7 +39,6 @@
     "@commitlint/config-conventional": "^15.0.0",
     "@rollup/plugin-buble": "^0.21.3",
     "@rollup/plugin-virtual": "^2.1.0",
-    "auto-changelog": "^2.4.0",
     "browser-sync": "^2.27.10",
     "browserslist": "^4.21.5",
     "cssnano": "^5.1.15",
@@ -58,6 +57,7 @@
     "js-yaml": "^4.1.0",
     "mqpacker": "^7.0.0",
     "pa11y": "^6.2.3",
+    "parse-github-url": "^1.0.2",
     "path": "^0.12.7",
     "postcss": "^8.4.21",
     "postcss-banner": "^4.0.1",
@@ -72,6 +72,7 @@
     "rollup-plugin-terser": "^7.0.2",
     "sass": "^1.59.2",
     "sass-true": "^6.1.0",
+    "semver": "^7.5.0",
     "standard": "^16.0.4",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^20.0.0",
diff --git a/src/analytics/doc/analytics.md b/src/analytics/doc/analytics.md
new file mode 100644
index 000000000..6f517eb73
--- /dev/null
+++ b/src/analytics/doc/analytics.md
@@ -0,0 +1,40 @@
+
+# Analytics
+
+> **Warnning**
+> Version Beta
+>  * Les tests sur les données remontées sont toujours en cours.
+Merci de nous informer des problématiques que vous pourriez rencontrer.
+>  * Les versions précédentes du DSFR sont en partie supportées.
+> Le périmètre de ce support sera détaillé dans de prochaines versions.
+> L’usage avec d’anciennes versions est livré “AS IS”.
+
+
+> **Note**
+>  * Support de IE11
+>  * Support des SPA (Angular, React et Vue)
+>  * Tous les composants implémentés
+>  * Taux de click désactivé par défaut (économie de donnée) et activable via la configuration
+>  * Opt out complet supporté
+>  * id requis sur les éléments tracés, l’API remonte les id manquants dans la console
+
+Le système de design apporte avec lui un outil de collecte de données analytics basé sur la solution Eulérian. Ce package, bien que fourni par le DSFR, peut être utilisé indépendamment de celui-ci via une version standalone.
+
+Ce package est compatible à partir de la version dsfr-1.9.0, pour les versions précédentes l’ajout d'un patch permet unsupport jusqu’à dsfr-1.3.0.
+
+
+- Analytics
+  - [Installation](analytics/installation.md)
+    - [Configuration](analytics/installation/configuration.md)
+    - [class ConsentManagerPlatform](analytics/installation/cmp.md)
+    - [class Opt](analytics/installation/opt.md)
+  - [Collector](analytics/collector.md)
+    - [class Analytics](analytics/classes/analytics.md)
+    - [class Page](analytics/classes/page.md)
+    - [class User](analytics/classes/user.md)
+    - [class Site](analytics/classes/site.md)
+    - [class Search](analytics/classes/search.md)
+    - [class Funnel](analytics/classes/funnel.md)
+  - [Actions](analytics/actions.md)
+    - [Actions d’interaction hors composant](analytics/actions/custom-actions.md)
+    - [Actions sur les composants DSFR](analytics/actions/component-actions.md)
diff --git a/src/analytics/doc/analytics/actions.md b/src/analytics/doc/analytics/actions.md
new file mode 100644
index 000000000..bededb68d
--- /dev/null
+++ b/src/analytics/doc/analytics/actions.md
@@ -0,0 +1,53 @@
+## Actions
+
+Les actions correspondent aux impressions, aux évènements, ou aux interaction que l’on souhaite traquer. Le suivi de conversion couvre les besoins suivants :
+
+* Suivi d'action immédiate comme un clic sur un bouton, un téléchargement de fichier, …
+
+* Suivi d'action avec une entrée (début=in) et une sortie (validation=out).
+
+* Captation de paramètres associés à cette action comme des textes renseignés ou des cases cochées.
+
+* Possibilité de gérer des séquences de conversion - création d'un funnel étape par étape.
+#### ActionName
+
+Lorsqu’une action est émise, un actionName est envoyé à Eulérian.
+Ce nom d’action est constitué du type d’action, de l’intitulé de l'élément à remonté, de sa hiérarchie, et de son id.
+
+> **Note**
+> ⚠️ **Un id est obligatoire sur tous les éléments traqués** (retrouvez les éléments du dsfr nécéssitant un id dans la colonne “element” du [tableau d'actions des composants du dsfr](actions/component-actions.md)).
+>Il est nécessaire que l’id soit :
+
+>  * unique : L’id doit être unique au site, ex:
+
+>  * Deux boutons différents ne doivent pas avoir le même id, même sur des pages différentes
+
+>  * Le header peut avoir le même id sur toute les pages s’il est identique
+
+>  * pérenne : L’id doit être le même pour tous les utilisateurs et figé dans le temps.
+
+exemple d’actionName : `(click)_titre_niveau_2_›_titre_niveau_3_›_label_de_l_element_[button-id-1]`
+
+> **Note**
+> Les espaces sont remplacé par des `_` [_ | low line (U+005F) @ Graphemica](https://graphemica.com/_)
+> Les niveaux de hiérarchie sont séparé par des `›` [› | single right-pointing angle quotation mark (U+203A) @ Graphemica](https://graphemica.com/%E2%80%BA)
+> Les caractères suivants `"'<>*$&~`|\?^~` étant restreints par Eulerian, ils sont remplacés par une équivalence en caractère fullwidth : [Graphemica | Halfwidth and Fullwidth Forms](https://graphemica.com/blocks/halfwidth-and-fullwidth-forms)
+
+
+#### Taux de click
+
+L’API analytics utilise des actions pour suivre les interactions de l’utilisateurs dans et en dehors des composants.
+
+Cette fonctionnalité peut permettre de connaître le taux d’interaction d’un élément, à savoir le rapport entre le nombre de fois où il a été affiché et le nombre de fois où une interaction a eu lieu.
+
+L’activation de cette fonctionnalité se fait d’abord dans le fichier de [configuration](installation/configuration.md) par la propriété `enableRating`
+
+Après avoir été activée, elle sera automatiquement en place sur les composants qui supportent la fonctionnalité (voir dernière colonne dans le [tableau](actions/component-actions.md)).
+
+> ***Note**
+> Cette fonctionnalité peut entraîner un envoi de données très important, puisque chaque composant permettant de suivre le taux de click enverra la donnée d’affichage. Il est important de s’assurer de la pertinence de cette fonctionnalité.
+
+
+- Analytics/Actions
+  - [Actions d’interaction hors composant](actions/custom-actions.md)
+  - [Actions sur les composants DSFR](actions/component-actions.md)
\ No newline at end of file
diff --git a/src/analytics/doc/analytics/actions/component-actions.md b/src/analytics/doc/analytics/actions/component-actions.md
new file mode 100644
index 000000000..6c4dc0423
--- /dev/null
+++ b/src/analytics/doc/analytics/actions/component-actions.md
@@ -0,0 +1,104 @@
+## Actions sur les composants DSFR
+
+Les composants du DSFR envoient automatiquement des actions prédéfinies, aucune action supplémentaire n’est nécessaire pour ces actions.
+
+Le tableau, ci-dessous, regroupe les différentes actions remontées à Eulérian pour chaque composant du DSFR.
+Vous trouverez pour chaque composant une colonne :
+
+  * **Composant** : Nom du composant
+  * **Element** : Selecteur CSS de l'élement HTML traqué
+  * **Type** : Type d'action envoyé à Eulérian
+  * **Breakpoints** : Si renseigné, l'action est définie uniquement sur ces [breakpoints] de largeur de page. Si vide, sur tous les [breakpoints].
+  * **Valeur** : Valeur de l'action envoyée à Eulérian
+  * **Label** : Valeurs possibles du label, dans l'ordre de priorité, en fonction de leur présence 
+
+
+| **Composant** | **Elément**                                                                                                 |            **Type**             | **Breakpoints** |        **Valeur**        | **Label**                                                                                                                                                    | **Taux** **de click** |
+|:--------------|:------------------------------------------------------------------------------------------------------------|:-------------------------------:|:---------------:|:------------------------:|:-------------------------------------------------------------------------------------------------------------------------------------------------------------|:---------------------:|
+| accordion     | .fr-collapse                                                                                                |            DISCLOSE             |                 |    label<sup>2</sup>     | <ul><li>titre de l’accordéon </li><li>libellé du bouton</li><li>`accordéon`</li></ul>                                                                        |           ✅           |
+|               | .fr-accordion__btn                                                                                          |              CLICK              |                 |    label<sup>2</sup>     | <ul><li>Libellé du bouton</li><li>`bouton d'accordéon`</li></ul>                                                                                             |                       |
+| alert         | .fr-alert                                                                                                   |           IMPRESSION            |                 |                          | <ul><li>Titre de l’alerte</li><li>`alerte`</li></ul>                                                                                                         |                       |
+| badge         | .fr-badge                                                                                                   |           IMPRESSION            |                 |                          | <ul><li>Libellé du badge</li><li>`badge`</li></ul>                                                                                                           |                       |
+| breadcrumb    | .fr-collapse                                                                                                |           IMPRESSION            | [MD] [LG] [XL]  |    label<sup>2</sup>     | <ul><li>`fil d’ariane`</li></ul>                                                                                                                             |                       |
+|               | .fr-collapse                                                                                                |            DISCLOSE             |   [XS]  [SM]    |    label<sup>2</sup>     | <ul><li>`fil d’ariane`</li></ul>                                                                                                                             |                       |
+|               | .fr-breadcrumb__button                                                                                      |              CLICK              |    [XS] [SM]    |    label<sup>2</sup>     | <ul><li>Libellé du bouton</li><li>`voir le fil d'ariane`</li></ul>                                                                                           |                       |
+|               | .fr-breadcrumb__link[href]                                                                                  |            INTERNAL             |                 |     href<sup>4</sup>     | <ul><li>Libellé du lien</li><li>`lien fil d'ariane`</li></ul>                                                                                                |                       |
+| button        | .fr-btn                                                                                                     |              CLICK              |                 |    label<sup>2</sup>     | <ul><li>Libellé du bouton</li><li>`button`</li></ul>                                                                                                         |           ✅           |
+|               | a.fr-btn[href]                                                                                              | INTERNAL / EXTERNAL<sup>1</sup> |                 |    label<sup>2</sup>     | <ul><li>Libellé du bouton</li><li>`button`</li></ul>                                                                                                         |           ✅           |
+|               | a.fr-btn[download]                                                                                          |            DOWNLOAD             |                 |    label<sup>2</sup>     | <ul><li>Libellé du bouton</li><li>`button`</li></ul>                                                                                                         |           ✅           |
+| callout       | .fr-callout                                                                                                 |           IMPRESSION            |                 |    label<sup>2</sup>     | <ul><li>Titre de la mise en avant</li><li>`mise en avant`                                                                                                    |                       |
+| card          | .fr-card (sans lien)                                                                                        |           IMPRESSION            |                 |    label<sup>2</sup>     | <ul><li>Titre de la carte</li><li>heading de la carte</li><li>`carte`</li></ul>                                                                              |                       |
+|               | .fr-card (avec lien)                                                                                        | INTERNAL / EXTERNAL<sup>1</sup> |                 |     href<sup>4</sup>     | <ul><li>Titre de la carte</li><li>heading de la carte</li><li>`carte`</li></ul>                                                                              |           ✅           |
+|               | .fr-card (avec lien + attribut download)                                                                    |            DOWNLOAD             |                 |     href<sup>4</sup>     | <ul><li>Titre de la carte</li><li>heading de la carte</li><li>`carte`</li></ul>                                                                              |           ✅           |
+| checkbox      | .fr-checkbox-group [type="checkbox"]                                                                        |              CHECK              |                 |    value<sup>3</sup>     | <ul><li>Libellé de la case à cocher</li><li>`case à cocher`</li></ul>                                                                                        |           ✅           |
+|               | .fr-checkbox-group [type="checkbox"]                                                                        |             UNCHECK             |                 |    value<sup>3</sup>     | <ul><li>Libellé de la case à cocher</li><li>`case à cocher`</li></ul>                                                                                        |           ✅           |
+| connect       | .fr-connect                                                                                                 |              CLICK              |                 |    label<sup>2</sup>     | <ul><li>`FranceConnect`</li></ul>                                                                                                                            |           ✅           |
+|               | .fr-connect--plus                                                                                           |              CLICK              |                 |    label<sup>2</sup>     | <ul><li>`FranceConnect+`</li></ul>                                                                                                                           |           ✅           |
+|               | .fr-connect + * a                                                                                           |              CLICK              |                 |    label<sup>2</sup>     | <ul><li>Libellé du lien</li><li>`Qu'est-ce que FranceConnect ?`</li></ul>                                                                                    |                       |
+| consent       | .fr-consent-banner                                                                                          |           IMPRESSION            |                 |                          | <ul><li>`Gestionnaire de consentement`</li></ul>                                                                                                             |                       |
+| content       | .fr-content-media                                                                                           |           IMPRESSION            |                 |                          | <ul><li>`aria-label` du bloc</li><li>`alt` de l'image</li><li>`aria-label` de l'image</li><li>`title` de la vidéo</li><li>`aria-label` de la video</li></ul> |                       |
+| download      | .fr-download__link [download]                                                                               |            DOWNLOAD             |                 |     href<sup>4</sup>     | <ul><li>libellé du bloc de téléchargement</li><li>`téléchargement`</li></ul>                                                                                 |           ✅           |
+| follow        | .fr-follow__newsletter                                                                                      |            SUBSCRIBE            |                 |    label<sup>2</sup>     | <ul><li>`lettre d'information et réseaux sociaux`</li></ul>                                                                                                  |           ✅           |
+| footer        | .fr-footer                                                                                                  |           IMPRESSION            |                 |                          | <ul><li>Pied de page</li></ul>                                                                                                                               |                       |
+|               | .fr-footer__content-link,<br>.fr-footer__bottom-link,<br>.fr-footer__top-link,<br>.fr-footer__partners-link | INTERNAL / EXTERNAL<sup>1</sup> |                 |     href<sup>4</sup>     | <ul><li>Libellé du lien</li><li>`lien pied de page`</li></ul>                                                                                                |                       |
+| header        | .fr-header                                                                                                  |           IMPRESSION            |                 |                          | <ul><li>`En-tête`</li></ul>                                                                                                                                  |                       |
+|               | .fr-header__tools-links .fr-btn                                                                             | INTERNAL / EXTERNAL<sup>1</sup> |    [LG] [XL]    |     href<sup>4</sup>     | <ul><li>Libellé du bouton</li><li>`button`</li></ul>                                                                                                         |
+|               | .fr-header__menu-links .fr-btn                                                                              | INTERNAL / EXTERNAL<sup>1</sup> | [XS] [SM] [MD]  |     href<sup>4</sup>     | <ul><li>Libellé du bouton</li><li>`button`</li></ul>                                                                                                         |                       |
+|               | .fr-header__menu .fr-modal                                                                                  |            DISCLOSE             | [XS] [SM] [MD]  |    label<sup>2</sup>     | <ul><li>`Menu`</li></ul>                                                                                                                                     |                       |
+|               | .fr-header__search .fr-modal                                                                                |            DISCLOSE             | [XS] [SM] [MD]  |    label<sup>2</sup>     | <ul><li>`Rechercher`</li></ul>                                                                                                                               |                       |
+| highlight     | .fr-highlight                                                                                               |           IMPRESSION            |                 |                          | <ul><li>`Mise en exergue`</li></ul>                                                                                                                          |                       |
+| input         | .fr-input-group                                                                                             |           IMPRESSION            |                 |                          | <ul><li>Libellé du champs de saisie</li><li>`champs de saisie`</li></ul>                                                                                     |                       |
+| link          | .fr-link                                                                                                    |              CLICK              |                 |     href<sup>4</sup>     | <ul><li>Libellé du lien</li><li>`lien`</li></ul>                                                                                                             |           ✅           |
+|               | .fr-link[href]                                                                                              | INTERNAL / EXTERNAL<sup>1</sup> |                 |     href<sup>4</sup>     | <ul><li>Libellé du lien</li><li>`lien`</li></ul>                                                                                                             |           ✅           |
+|               | .fr-link[download]                                                                                          |            DOWNLOAD             |                 |     href<sup>4</sup>     | <ul><li>Libellé du lien</li><li>`lien`</li></ul>                                                                                                             |           ✅           |
+| modal         | .fr-modal                                                                                                   |            DISCLOSE             |                 |    label<sup>2</sup>     | <ul><li>titre de la modale</li><li>heading de la modale</li><li>libellé du bouton de la modale</li><li>`modale`</li></ul>                                    |           ✅           |
+| navigation    | .fr-nav__link                                                                                               | INTERNAL / EXTERNAL<sup>1</sup> |                 |     href<sup>4</sup>     | <ul><li>Libellé du lien</li><li>`lien de navigation`</li></ul>                                                                                               |                       |
+| notice        | .fr-notice                                                                                                  |           IMPRESSION            |                 |                          | <ul><li>Titre du bandeau d’information importante</li><li>`bandeau d’information importante`</li></ul>                                                       |                       |
+| pagination    | .fr-pagination__link                                                                                        |      INTERNAL<sup>1</sup>       |                 |     href<sup>4</sup>     | <ul><li<Libellé du lien de pagination</li><li>`lien pagination`</li></ul>                                                                                    |                       |
+| quote         | .fr-quote                                                                                                   |           IMPRESSION            |                 |                          | <ul><li>libellé de la citation</li><li>`citation`</li></ul>                                                                                                  |                       |
+| radio         | .fr-radio-group [type="radio"]                                                                              |              CHECK              |                 |    value<sup>3</sup>     | <ul><li>légende du fieldset › Libellé du bouton radio sélectionné</li></ul>                                                                                  |           ✅           |
+| search        | .fr-search-bar .fr-btn                                                                                      |             SEARCH              |                 | input value<sup>5</sup>  | <ul><li>`barre de recherche`</li></ul>                                                                                                                       |           ✅           |
+| select        | .fr-select-group                                                                                            |             CHANGE              |                 | option label<sup>6</sup> | <ul><li>Libellé de la liste</li><li>`liste déroulante`</li></ul>                                                                                             |           ✅           |
+| share         | .fr-share                                                                                                   |           IMPRESSION            |                 |                          | <ul><li>Libellé du titre des boutons de partage</li><li>`boutons de partage`</li></ul>                                                                       |                       |
+| sidemenu      | .fr-sidemenu__link                                                                                          | INTERNAL / EXTERNAL<sup>1</sup> |                 |     href<sup>4</sup>     | <ul><li>libellé du lien</li><li>`lien menu latéral`</li></ul>                                                                                                |                       |
+| stepper       | .fr-stepper                                                                                                 |           IMPRESSION            |                 |                          | <ul><li>`indicateur d'étapes`</li></ul>                                                                                                                      |                       |
+| summary       | .fr-summary__link                                                                                           |      INTERNAL<sup>1</sup>       |                 |     href<sup>4</sup>     | <ul><li>libellé du lien</li><li>`lien sommaire`</li></ul>                                                                                                    |                       |
+| tab           | .fr-tabs                                                                                                    |            DISCLOSE             |                 |    label<sup>2</sup>     | <ul><li>titre de l’onglet </li><li>libellé du bouton</li><li>`onglet`</li></ul>                                                                              |           ✅           |
+|               | .fr-tabs__tab                                                                                               |              CLICK              |                 |    label<sup>2</sup>     | <ul><li>libellé du bouton</li><li>`bouton onglet`</li></ul>                                                                                                  |                       |
+| table         | .fr-table                                                                                                   |           IMPRESSION            |                 |                          | <ul><li>caption du tableau</li><li>``</li></ul>                                                                                                              |                       |
+| tag           | .fr-tag                                                                                                     |           IMPRESSION            |                 |                          | <ul><li>libellé du tag</li></li>`tag`</li></ul>                                                                                                              |
+|               | button.fr-tag                                                                                               |              CLICK              |                 |    label<sup>2</sup>     | <ul><li>libellé du tag</li></li>`tag`</li></ul>                                                                                                              |           ✅           |
+|               | a.fr-tag[href]                                                                                              | INTERNAL / EXTERNAL<sup>1</sup> |                 |     href<sup>4</sup>     | <ul><li>libellé du tag</li></li>`tag`</li></ul>                                                                                                              |           ✅           |
+|               | .fr-tag--dismiss                                                                                            |             DISMISS             |                 |    label<sup>2</sup>     | <ul><li>libellé du tag</li></li>`tag`</li></ul>                                                                                                              |           ✅           |
+|               | .fr-tag[aria-pressed='false']                                                                               |              PRESS              |                 |    label<sup>2</sup>     | <ul><li>libellé du tag</li></li>`tag`</li></ul>                                                                                                              |           ✅           |
+|               | .fr-tag[aria-pressed='true']                                                                                |             RELEASE             |                 |    label<sup>2</sup>     | <ul><li>libellé du tag</li></li>`tag`</li></ul>                                                                                                              |           ✅           |
+| tile          | .fr-tile (sans lien)                                                                                        |           IMPRESSION            |                 |    label<sup>2</sup>     | <ul><li>titre de la tuile</li><li>heading de la tuile</li><li>`tuile`</li></ul>                                                                              |
+|               | .fr-tile (avec lien)                                                                                        | INTERNAL / EXTERNAL<sup>1</sup> |                 |     href<sup>4</sup>     | <ul><li>titre de la tuile</li><li>heading de la tuile</li><li>`tuile`</li></ul>                                                                              |           ✅           |
+|               | .fr-tile (avec lien + attribut download)                                                                    |            DOWNLOAD             |                 |     href<sup>4</sup>     | <ul><li>titre de la tuile</li><li>heading de la tuile</li><li>`tuile`</li></ul>                                                                              |           ✅           |
+| toggle        | .fr-toggle [type="checkbox"]                                                                                |              CHECK              |                 |    value<sup>3</sup>     | <ul><li>libellé de l'interrupteur</li><li>`interrupteur`</li></ul>                                                                                           |           ✅           |
+|               | .fr-toggle [type="checkbox"]                                                                                |             UNCHECK             |                 |    value<sup>3</sup>     | <ul><li>libellé de l'interrupteur</li><li>`interrupteur`</li></ul>                                                                                           |           ✅           |
+| transcription | .fr-transcription .fr-collapse                                                                              |            DISCLOSE             |                 |    label<sup>2</sup>     | <ul><li>titre de la transcription </li><li>libellé du bouton</li><li>`transcription`</li></ul>                                                               |           ✅           |
+|               | .fr-transcription__btn                                                                                      |              CLICK              |                 |    label<sup>2</sup>     | <ul><li>libellé du bouton</li><li>`bouton transcription`</li></ul>                                                                                           |                       |
+| translate     | .fr-translate .fr-collapse                                                                                  |            DISCLOSE             |                 |    label<sup>2</sup>     | <ul><li>titre du sélecteur de langue </li><li>libellé du bouton</li><li>`sélecteur de langue`</li></ul>                                                      |           ✅           |
+|               | .fr-translate__btn                                                                                          |              CLICK              |                 |    label<sup>2</sup>     | <ul><li>libellé du bouton</li><li>`bouton sélecteur de langue`</li></ul>                                                                                     |                       |
+| upload        | .fr-upload                                                                                                  |             CHANGE              |                 |  extension<sup>7</sup>   | <ul><li>Libellé de l'ajout de fichier</li><li>`Ajout de fichier`</li></ul>                                                                                   |           ✅           |
+
+<sup>1</sup> Type INTERNAL si lien interne (meme domaine), ou EXTERNAL si lien externe, déterminé par le `href`. Dans les autres cas, type CLICK
+
+<sup>2</sup> Voir le label associé dans la colonne "label" du tableau
+
+<sup>3</sup> Attribut `value` de l'élément. A défaut de valeur, renvoi le label<sup>2</sup>.
+
+<sup>4</sup> Attribut `href` de l'élément. Doit avoir une valeur pour être envoyé.
+
+<sup>5</sup> Valeur entrée dans le champs de saisie
+
+<sup>6</sup> label des options sélectionnées à l'événement change
+
+<sup>7</sup> extensions des fichiers ajoutés au téléversement
+
+
+* * *
+
+> **Note**
+> Il reste possible d’ajouter plus d’actions à remonter, en utilisant les attributs utilitaires `data-fr-analytics-{action}` sur un élément HTML d’un composant (voir : [Actions](component-actions.md)).
diff --git a/src/analytics/doc/analytics/actions/custom-actions.md b/src/analytics/doc/analytics/actions/custom-actions.md
new file mode 100644
index 000000000..5ac467b86
--- /dev/null
+++ b/src/analytics/doc/analytics/actions/custom-actions.md
@@ -0,0 +1,97 @@
+### Actions d’interaction hors composant
+
+Il est possible de remonter à Eulérian des actions effectuées sur des éléments HTML hors composants du DSFR.
+
+Pour ajouter un écouteur d'événement il suffit d’ajouter un attribut `data-fr-analytics-{action}` sur la
+balise
+HTML concernée.
+
+#### Exemples d’ajout d’une action
+
+```html
+<p>Envoyez un événement lors du clic sur
+<span data-fr-analytics-click="label à remonter">ce texte</span>.
+</p>
+```
+
+```html
+<p>
+Envoyez un événement lors du clic sur
+<a href="http://url-externe" data-fr-analytics-click>ce lien externe</span>.
+</p>
+```
+
+#### ActionType
+
+Les différents types d’action sont définis dans : src/analytics/script/analytics/action/type.js
+
+Il existe les types d'actions suivants :
+
+##### click
+
+`data-fr-analytics-click`
+
+Mode : [out] | type : _interaction_
+
+Interaction générique du clic.
+
+De manière automatique, le type de l'action approprié sera sélectionné : 
+* `DOWNLOAD` s'il s'agit d'un anchor avec href et attribut download
+* `INTERNAL` s'il s'agit d'un anchor avec href qui pointe sur le même domaine
+* `EXTERNAL` s'il s'agit d'un anchor avec href qui pointe sur un domaine différent
+* `CLICK` dans les autres cas
+
+* * *
+
+##### internal
+
+`data-fr-analytics-internal`
+
+Mode : [out] | type : _interaction_
+
+Clique vers un lien interne, une ancre.
+⚠️ _Sauf cas spécifique, préférez l’utilisation de ‘click’_
+
+* * *
+
+##### external
+
+`data-fr-analytics-external`
+
+Mode : [out] | type : _interaction_
+
+Clique vers un lien externe.
+⚠️ _Sauf cas spécifique, préférez l’utilisation de ‘click’_
+
+* * *
+
+##### download
+
+`data-fr-analytics-download`
+
+Mode : [out] | type : _interaction_
+
+Clique sur un lien téléchargeable.
+⚠️ _Sauf cas spécifique, préférez l’utilisation de ‘click’_
+
+* * *
+
+##### double-click
+
+`data-fr-analytics-dblclick`
+
+Mode : [out] | type : _interaction_
+
+Interaction générique du double-clic.
+
+* * *
+
+##### change
+
+`data-fr-analytics-change`
+
+Mode : [out] | type : _event_
+
+Événement au changement d'état (ex: select).
+
+* * *
diff --git a/src/analytics/doc/analytics/collector.md b/src/analytics/doc/analytics/collector.md
new file mode 100644
index 000000000..f4af59b1e
--- /dev/null
+++ b/src/analytics/doc/analytics/collector.md
@@ -0,0 +1,61 @@
+## Collector
+
+Le collector permet la collecte de données de page du site.
+Chacune de ces données est répartie dans différentes catégories qui sont disponibles dans des objest qui sont concaténés au moment de la collecte.
+
+### CONFIGURATION
+
+```javascript
+<script>
+    window.dsfr = {
+        analytics: {
+            domain: 'mon.domainedetracking.com',
+            // collection: 'manual',
+            // enableRating: true
+        }
+    };
+</script>
+```
+
+##### domain
+
+_String_ (required)
+
+Il est requis de définir la propriété `domain` avec le [domaine récupéré auprès d’Eulerian](https://eulerian.wiki/doku.php?id=fr:quickonboarding:installation:domain_implementation).
+
+* * *
+
+##### collection
+
+_String_
+
+Défini le mode de récolte des données de la page :
+
+* `manual` : Les données de pages ne sont pas envoyées. Attend l’execution de la fonction `collect()`.
+
+* `load` : Les données de page sont envoyées automatiquement au chargement de la page. (par défaut)
+
+* `full` : Les données sont envoyées à chaque changement de path dans l’URL, permettant le support des “Single-page
+  application” (par défaut si dsfr en mode ‘vue’, ‘react’ ou ‘angular’)
+
+* `hash` : Les données sont envoyées à chaque changement de hash dans l'URL
+
+* * *
+
+##### enableRating
+
+_Boolean_
+
+Permet d’activer le taux de click. (défaut: false)
+Voir les [actions](actions.md)
+
+* * *
+
+
+- analytics/collector
+  - [class Analytics](collector/analytics.md)
+  - [class Page](collector/page.md)
+  - [class User](collector/user.md)
+  - [class Site](collector/site.md)
+  - [class Search](collector/search.md)
+  - [class Funnel](collector/funnel.md)
diff --git a/src/analytics/doc/analytics/collector/analytics.md b/src/analytics/doc/analytics/collector/analytics.md
new file mode 100644
index 000000000..5351130ce
--- /dev/null
+++ b/src/analytics/doc/analytics/collector/analytics.md
@@ -0,0 +1,166 @@
+## class Analytics
+
+L’instance d’Analytics est accessible depuis `window.dsfr.analytics`
+
+### PROPRIÉTÉS
+
+##### page
+
+_Page_
+
+`window.dsfr.analytics.page`
+
+Getter qui retourne l’instance de [Page](page.md)
+
+* * *
+
+##### site
+
+_Site_
+
+`window.dsfr.analytics.site`
+
+Getter qui retourne l’instance de [Site](site.md)
+
+* * *
+
+##### user
+
+_User_
+
+`window.dsfr.analytics.user`
+
+Getter qui retourne l’instance de [User](user.md)
+
+* * *
+
+
+##### search
+
+_Search_
+
+`window.dsfr.analytics.search`
+
+Getter qui retourne l’instance de [Search](search.md)
+
+* * *
+
+##### funnel :
+
+_Funnel_
+
+`window.dsfr.analytics.funnel`
+
+Getter qui retourne l’instance de [Funnel](funnel.md)
+
+* * *
+
+##### cmp
+
+_ConsentManagerPlatform_
+
+`window.dsfr.analytics.cmp`
+
+Getter qui retourne l’instance de [ConsentManagerPlatform](cmp.md)
+
+* * *
+
+##### opt
+
+_Opt_
+
+`window.dsfr.analytics.opt`
+
+Getter qui retourne l’instance de [Opt](opt.md)
+
+##### isReady
+
+_Boolean_
+
+`window.dsfr.analytics.isReady`
+
+Getter qui retourne l'état du package
+
+* * *
+
+##### readiness
+
+_Promise_
+
+`window.dsfr.analytics.readiness`
+
+Getter qui retourne une Promise permettant de se synchroniser sur le package
+
+    window.dsfr.analytics.readiness.then(() => { // start }, () => { // error } );
+
+* * *
+
+##### isDebugging
+
+_Boolean_
+
+`window.dsfr.analytics.isDebugging`
+
+Permet d’activer / désactiver le debug Eulerian.
+
+⚠️ le debug Eulerian reste persistant sur la page par le biais du LocalStorage jusqu'à désactivation.
+
+* * *
+
+### MÉTHODES
+
+##### push (type, layer)
+
+`window.dsfr.analytics.push(type, layer)`
+
+Alias de la fonction EA\_push d’Eulerian via le package. (voir doc Eulerian [https://eulerian.wiki/doku.php?id=fr:quickonboarding:installation:tag\_installation\_guide#types\_d\_appels](https://eulerian.wiki/doku.php?id=fr:quickonboarding:installation:tag_installation_guide#types_d_appels))
+
+* * *
+
+##### reset (clear = false)
+
+`window.dsfr.analytics.reset(clear)`
+
+Permet de remettre les données dans l'état d’origine de la configuration.
+
+Si le paramètre `clear = true` => toutes les données sont remises en état indéfini.
+
+* * *
+
+###### collect {#collect}
+
+`window.dsfr.analytics.collect()`
+
+Envoie au collector le datalayer constitué par l’ensemble des données consolidées depuis :
+
+* Page
+
+* Site
+
+* User
+
+* Search
+
+* Funnel
+
+* * *
+
+### USAGE
+
+> **Note**
+> Le package Analytics repose sur 2 principes de fonctionnement pour traquer les pages :
+> * Par le biais de la configuration, il est possible de définir toutes les données qui seront envoyées au chargement de la page (via le mode automatique)
+> * Par le biais de l’API, on peut définir toutes les données propriété par propriété pour ensuite envoyer l’ensemble grâce à la méthode **collect**
+
+
+```javascript
+dsfr.analytics.readiness.then(() => { // l'API analytics est prête à l'utilisation
+    dsfr.analytics.isDebugging = true; // active le debugging eulerian
+    dsfr.analytics.reset(); // remet les données à l'état de configuration
+    dsfr.analytics.user.connect('USER\_ID', 'ENCRYPTED\_EMAIL', true);
+    dsfr.analytics.page.path = 'my/virtual/page';
+    dsfr.analytics.page.isError = true;
+    dsfr.analytics.page.template = 'page404';
+    dsfr.analytics.collect(); // envoie les données
+});
+```
diff --git a/src/analytics/doc/analytics/collector/funnel.md b/src/analytics/doc/analytics/collector/funnel.md
new file mode 100644
index 000000000..9ad1ebece
--- /dev/null
+++ b/src/analytics/doc/analytics/collector/funnel.md
@@ -0,0 +1,124 @@
+## class Funnel
+
+L’instance de Funnel est accessible depuis
+
+`window.dsfr.analytics.funnel`
+
+### CONFIGURATION
+
+```javascript
+<script>
+    window.dsfr = {
+        analytics: {
+            funnel: {
+                id: 'id',
+                type: 'type',
+                name: 'name',
+                step: 'step', // step name
+                current: 2, // step number
+                total: 7, // total number of steps
+                objective: 'objective', // form objective
+                error: 'email' // form's error type
+            }
+        }
+    };
+</script>
+```
+
+### PROPRIÉTÉS
+
+> **Note**
+> Les noms entre parenthèses (EA: …) correspondent au nom des variables restituées dans le datalayer et envoyées à Eulerian.
+
+
+##### id
+
+_String_ (EA: funnel\_id)
+
+`window.dsfr.analytics.funnel.id`
+
+Identifiant du parcours / formulaire multi-étape
+
+* * *
+
+##### type
+
+_String_ (EA: funnel\_type)
+
+`window.dsfr.analytics.funnel.type`
+
+Type de parcours / formulaire
+
+* * *
+
+##### name
+
+_String_ (EA: funnel\_name)
+
+`window.dsfr.analytics.funnel.name`
+
+Nom du parcours/formulaire si besoin de précision.
+
+* * *
+
+##### step
+
+_String_ (EA: funnel\_step\_name)
+
+`window.dsfr.analytics.funnel.step`
+
+Nom de l'étape du parcours/formulaire.
+
+* * *
+
+##### current
+
+_Int_ (EA: funnel\_step\_number)
+
+`window.dsfr.analytics.funnel.current`
+
+Numéro de l'étape en cours dans le parcours/formulaire.
+
+* * *
+
+##### total
+
+_Int_ (EA: funnel\_step\_max)
+
+`window.dsfr.analytics.funnel.total`
+
+Nombre d’étapes maximum dans le parcours/formulaire.
+
+* * *
+
+##### objective
+
+_String_ (EA: funnel\_objective)
+
+`window.dsfr.analytics.funnel.objective`
+
+Objectif du parcours/formulaire.
+
+* * *
+
+##### error
+
+_String_ (EA: funnel\_error)
+
+`window.dsfr.analytics.funnel.error`
+
+Type d’erreur d’un parcours/formulaire.
+
+* * *
+
+### MÉTHODES
+
+##### reset (clear = false)
+
+`window.dsfr.analytics.funnel.reset(clear)`
+
+Permet de remettre les données dans l'état d’origine de la configuration.
+
+Si le paramètre `clear = true` => toutes les données sont remises en état indéfini.
+
+* * *
diff --git a/src/analytics/doc/analytics/collector/page.md b/src/analytics/doc/analytics/collector/page.md
new file mode 100644
index 000000000..bb3e053de
--- /dev/null
+++ b/src/analytics/doc/analytics/collector/page.md
@@ -0,0 +1,248 @@
+
+## class Page
+
+L’instance de Page est accessible depuis
+
+window.dsfr.analytics.page
+
+### CONFIGURATION
+
+```javascript
+<script>
+    window.dsfr = {
+        analytics: {
+            page: {
+                path: 'path\_name/from/url', // path for page tracking
+                referrer: 'path\_name/ref/url/', // referrer for virtual pages (not for real page, eulerian automatically collects document.referrer)
+                title: 'page title', // page title for virtual pages
+                name: 'page name', // equivalent to title if not defined
+                labels: \['label1', 'label2', 'label3', 'label4', 'label5'\],
+                template: 'nom template', // page template
+                group: 'group', // page group. if not defined, fallback to template value
+                segment: 'segment', // site segment. if not defined, fallback to template value
+                subtemplate: 'sous template', // page subtemplate
+                theme: 'theme page', // page theme
+                subtheme: 'sous theme', // page subtheme
+                related: 'page liée', // related page id
+                depth: 2, // page depth
+                isError: true, // is this an error page (404, 500, 503...)
+                current: 4, // In case of pagination, current page number
+                total: 40, // In case of pagination, total pages number
+                filters: \['actualités', 'Dossier de presse'\] // array of filters that were applied on the page (strings)
+            },
+        }
+    };
+</script>
+```
+
+### PROPRIÉTÉS
+> **Note**
+> Les noms entre parenthèses (EA: …) correspondent au nom des variables restituées dans le datalayer et envoyées à Eulerian.
+
+
+##### path
+
+_String_ (EA: path)
+
+`window.dsfr.analytics.page.path`
+
+* Défini le chemin de la page.
+
+* Utilise `document.location.pathname` si non défini.
+
+* * *
+
+##### referrer
+
+_String_ (EA: referrer)
+
+`window.dsfr.analytics.page.referrer`
+
+* Défini la page précédente si différente de `document.referer` (si page virtuelle)
+
+* * *
+
+##### title
+
+_String_ (EA: page\_title)
+
+`window.dsfr.analytics.page.title`
+
+* Défini le titre de page si différent de la balise `title` de la page (si page virtuelle)
+
+* * *
+
+##### name
+
+_String_ (EA: page\_name)
+
+`window.dsfr.analytics.page.name`
+
+* Défini un nom de page (égal à title par défaut)
+
+* * *
+
+##### labels
+
+_Array`<String>`_ (EA: pagelabel)
+
+`window.dsfr.analytics.page.labels`
+
+* Liste de 5 regroupements de contenus maximum
+
+* * *
+
+##### categories
+
+_Array`<String>`_ (EA: page\_category1, page\_category2, page\_category1)
+
+`window.dsfr.analytics.page.categories`
+
+* Liste de 5 regroupements de contenus maximum
+
+* Les 3 premiers labels servent à renseigner (EA: page\_category1), (EA: page\_category2), et (EA:
+page\_category3)
+
+* * *
+
+##### template
+
+_String_ (EA: template)
+
+`window.dsfr.analytics.page.template`
+
+* Permet de définir un nom de template
+
+* * *
+
+##### group
+
+_String_ (EA: pagegroup)
+
+`window.dsfr.analytics.page.group`
+
+* Permet de définir un nom de groupe (par défaut égal à template)
+
+* * *
+
+##### segment
+
+_String_ (EA: segment-site)
+
+`window.dsfr.analytics.page.segment`
+
+* Permet de définir un nom de segment (par défaut égal à template)
+
+* * *
+
+##### subtemplate
+
+_String_ (EA: page\_subtemplate)
+
+`window.dsfr.analytics.page.subtemplate`
+
+Apporte un niveau de détail supplémentaire lié au contenu pour les page\_template comprenant beaucoup de pages
+sur
+des thèmes différents
+
+* * *
+
+##### theme
+
+_String_ (EA: page\_theme)
+
+`window.dsfr.analytics.page.theme`
+
+* Permet de définir le thème principal des contenus
+
+* * *
+
+##### subtheme
+
+_String_ (EA: page\_subtheme)
+
+`window.dsfr.analytics.page.subtheme`
+
+* Permet de définir un sous-theme
+
+* * *
+
+##### related
+
+_String_ (EA: page\_related)
+
+`window.dsfr.analytics.page.related`
+
+* Clé unique passée sur l'ensemble des pages avec des contenus liés
+
+* * *
+
+##### depth
+
+_Integer_ (EA: page\_depth)
+
+`window.dsfr.analytics.page.depth`
+
+Niveau de profondeur de la page (default: 0)
+
+* * *
+
+##### isError
+
+_Boolean_ (EA: error) \- default: false (required)
+
+`window.dsfr.analytics.page.isError`
+
+* Défini si la page est une page d’erreur (**obligatoire** si page d’erreur)
+
+* * *
+
+##### current
+
+_Integer_ (EA: page\_pagination)
+
+`window.dsfr.analytics.page.current`
+
+Numéro de page si au sein d’un découpage ou d’une pagination
+
+* Récupération automatique depuis le composant Pagination si celui-ci est présent
+
+* * *
+
+##### total
+
+_Integer_
+
+`window.dsfr.analytics.page.total`
+
+Nombre de page au sein du découpage ou de la pagination
+
+Vient compléter la valeur envoyée à (EA: page\_pagination) si renseignée (valant : “current / total”)
+Si le composant Pagination est présent, la récupération automatique se fait de deux manière, dans l’ordre de priorité :
+
+  - la valeur renseignée dans l’attribut data-fr-analytics-page-total sur le composant fr-pagination
+  - la valeur la plus haute dans les numéros de pages présentés dans la pagination ((avertissement) attention de toujours avoir la dernière page dans les entrées de la navigation)
+
+* * *
+
+##### filters
+
+* _Array`<String>`_ (EA: page\_filters)
+
+`window.dsfr.analytics.page.filters`
+
+Défini les filtres appliqués à la page
+
+* * *
+
+### MÉTHODES
+
+##### reset (clear = false)
+
+`window.dsfr.analytics.page.reset(clear)`
+
+Permet de remettre les données dans l'état d’origine de la configuration.
+
+Si le paramètre `clear = true` => toutes les données sont remises en état indéfini.
+
+* * *
diff --git a/src/analytics/doc/analytics/collector/search.md b/src/analytics/doc/analytics/collector/search.md
new file mode 100644
index 000000000..78d0f8e81
--- /dev/null
+++ b/src/analytics/doc/analytics/collector/search.md
@@ -0,0 +1,122 @@
+## class Search
+
+L’instance de Search est accessible depuis :
+
+`window.dsfr.analytics.search`
+
+### CONFIGURATION
+
+```javascript
+<script>
+    window.dsfr = {
+        analytics: {
+            search: {
+                engine: 'principal',
+                results: 486,
+                terms: 'télécharger le cerfa 1234',
+                category: 'categorie',
+                theme: 'theme',
+                type: 'type',
+                method: ''
+            },
+        }
+    };
+</script>
+```
+
+### PROPRIÉTÉS
+
+> **Note**
+> Les noms entre parenthèses (EA: …) correspondent au nom des variables restituées dans le datalayer et envoyées à Eulerian.
+
+> **Note**
+> [paramètre supplémentaire] indique qu’il s’agit d’un paramètre supplémentaire du moteur de recherche.
+> L'ajout de cette nouvelle variable nécessite l'implémentation d'un couple de paramètres isearchkey et isearchdata, isearchkey contenant le nom du paramètre et isearchdata la valeur.
+> On retrouve en sortie dans le datalayer 4 valeurs ['isearchkey', ‘PARAMETER\_NAME', ‘isearchdata’, 'PARAMETER\_VALUE’\]
+
+
+##### engine
+
+_String_ (EA: isearchengine)
+
+`window.dsfr.analytics.search.engine`
+
+Nom du moteur de recherche configuré dans Eulerian.
+
+* * *
+
+##### results
+
+_Int_ (EA: isearchresults)
+
+`window.dsfr.analytics.search.results`
+
+Nombre de résultats sur une page de résultat suite à une recherche dans la barre de recherche.
+
+* * *
+
+##### terms
+
+_String_ (EA: isearchkey, search\_terms, isearchdata) [paramètre supplémentaire]
+
+`window.dsfr.analytics.search.terms`
+
+Termes de la recherche.
+
+* * *
+
+##### category
+
+_String_ (EA: isearchkey, search\_category, isearchdata) [paramètre supplémentaire]
+
+`window.dsfr.analytics.search.category`
+
+Catégorie de la recherche (lorsqu’un sélecteur de catégorie est disponible).
+
+* * *
+
+##### theme
+
+_String_ (EA: isearchkey, search\_theme, isearchdata) [paramètre supplémentaire]
+
+`window.dsfr.analytics.search.theme`
+
+Thème de la recherche (lorsqu’un sélecteur de thème est disponible).
+
+* * *
+
+##### type
+
+_String_ (EA: isearchkey, search\_type, isearchdata) [paramètre supplémentaire]
+
+`window.dsfr.analytics.search.type`
+
+Type de recherche si le moteur de recherche permet d’appliquer un type particulier (ex: uniquement documents, uniquement les 30 derniers jours)
+
+* * *
+
+##### method
+
+_String_ (EA: isearchkey, search\_method, isearchdata) [paramètre supplémentaire]
+
+`window.dsfr.analytics.search.method`
+
+Défini la méthode de recherche utilisée, un envoi standard ou au clic sur une suggestion.
+
+* _standard_
+
+* _autocomplete_
+
+* * *
+
+### MÉTHODES
+
+##### reset (clear = false)
+
+`window.dsfr.analytics.search.reset(clear)`
+
+Permet de remettre les données dans l'état d’origine de la configuration.
+
+Si le paramètre `clear = true` => toutes les données sont remises en état indéfini.
+
+* * *
diff --git a/src/analytics/doc/analytics/collector/site.md b/src/analytics/doc/analytics/collector/site.md
new file mode 100644
index 000000000..fabcdfe31
--- /dev/null
+++ b/src/analytics/doc/analytics/collector/site.md
@@ -0,0 +1,123 @@
+## class Site
+
+L’instance de Site est accessible depuis
+
+window.dsfr.analytics.site
+
+### CONFIGURATION
+
+```javascript
+<script>
+    window.dsfr = {
+        analytics: {
+            site: {
+                environment: 'production', // by default development \['development', 'stage', 'production'\]
+                entity: 'Ministère des armées', // Entity responsible for website
+                language: '', // language of the website (ISO 639-1). default to html lang
+                target: 'target', // site target
+                type: 'type', // site type
+                region: 'FR-IDF', // region of the website (ISO 3166-2:FR)
+                department: 'FR-75', // department of the website (ISO 3166-2:FR)
+            },
+        }
+    };
+</script>
+```
+
+### PROPRIÉTÉS
+
+> **Note**
+> Les noms entre parenthèses (EA: …) correspondent au nom des variables restituées dans le datalayer et envoyées à Eulerian.
+
+
+##### environment
+
+_String_ (EA: site\_environment)
+
+`window.dsfr.analytics.site.environment`
+
+Défini l’environnement du site parmi :
+
+* `development` (dev) (default)
+
+* `production` (prod)
+
+* `stage`
+
+Les différentes valeurs sont énumérées dans l’objet `window.dsfr.analytics.site.constructor.Environment`
+
+* * *
+
+##### entity
+
+_String_ (EA: site\_entity) (required)
+
+`window.dsfr.analytics.site.entity`
+
+Défini l'entité responsable du site **(obligatoire)**
+
+* * *
+
+##### language
+
+_String_ (EA: site\_language)
+
+`window.dsfr.analytics.site.language`
+
+Défini la langue du site en ISO 639-1
+
+Par défaut, reprend l’attribut lang sur la balise `<html>` de la page
+
+* * *
+
+##### target
+
+_String_ (EA: site\_target)
+
+`window.dsfr.analytics.site.target`
+
+Défini l'objectif du site
+
+* * *
+
+##### type
+
+_String_ (EA: site\_type)
+
+`window.dsfr.analytics.site.type`
+
+Défini le type de site
+
+* * *
+
+##### region
+
+_String_ (EA: site\_region)
+
+`window.dsfr.analytics.site.region`
+
+Défini la région du site en ISO 3166-2:FR (pour les sites régionaux)
+
+* * *
+
+##### department
+
+_String_ (EA: site\_department)
+
+`window.dsfr.analytics.site.department`
+
+Défini le département du site (pour les sites départementaux)
+
+* * *
+
+### MÉTHODES
+
+##### reset (clear = false)
+
+`window.dsfr.analytics.site.reset(clear)`
+
+Permet de remettre les données dans l'état d’origine de la configuration.
+
+Si le paramètre `clear = true` => toutes les données sont remises en état indéfini.
+
+* * *
diff --git a/src/analytics/doc/analytics/collector/user.md b/src/analytics/doc/analytics/collector/user.md
new file mode 100644
index 000000000..c10085d33
--- /dev/null
+++ b/src/analytics/doc/analytics/collector/user.md
@@ -0,0 +1,166 @@
+## class User
+
+L’instance de User est accessible depuis
+
+window.dsfr.analytics.user
+
+### CONFIGURATION
+
+```javascript
+<script>
+    window.dsfr = {
+        analytics: {
+            user: {
+                connect: {
+                    uid: '2446565', // user id - required when connected
+                    email: 'rg6fgfdRfg445465dfFb', // encoded user email - required when connected
+                    isNew: true, // user just registered
+                },
+                profile: 'visitor', // user profile
+                language: 'fr',
+                type: 'pro'
+            },
+        }
+    };
+</script>
+```
+
+### PROPRIÉTÉS
+
+> **Note**
+> Les noms entre parenthèses (EA: …) correspondent au nom des variables restituées dans le datalayer et envoyées à Eulerian.
+
+
+##### uid
+
+_String_ (EA: uid)
+
+`window.dsfr.analytics.user.uid`
+
+getter permettant de lire la valeur de l’uid
+
+Voir la méthode [connect](#connect)
+
+* * *
+
+##### email
+
+_String_ (EA: email)
+
+`window.dsfr.analytics.user.email`
+
+getter permettant de lire la valeur de l’email
+
+Voir la méthode [connect](#connect)
+
+* * *
+
+##### isNew
+
+_Boolean_ (EA: newcustomer)
+
+`window.dsfr.analytics.user.isNew`
+
+getter permettant de savoir s’il s’agit d’un nouvel utilisateur
+
+Voir la méthode [connect](#connect)
+
+* * *
+
+##### status
+
+_String_ (EA: user\_login\_status)
+
+`window.dsfr.analytics.user.status`
+
+propriété définissant l'état de l’utilisateur entre ces différents status :
+
+* `anonymous` (anonyme)
+
+* `connected` (connecté)
+
+Les différentes valeurs sont énumérées dans l’objet `window.dsfr.analytics.user.constructor.Status`
+
+Voir la méthode [connect](#connect)
+
+* * *
+
+##### profile
+
+_String_ (EA: profile)
+
+`window.dsfr.analytics.user.profile`
+
+Défini la catégorie de profil de l’utilisateur. (En cours de définition)
+
+* * *
+
+##### language
+
+_String_ (EA: user\_language)
+
+`window.dsfr.analytics.user.language`
+
+langage de l’utilisateur au format ISO 639-1.
+
+par défaut, langage du navigateur
+
+* * *
+
+##### type
+
+_String_ (EA: user\_type)
+
+`window.dsfr.analytics.user.type`
+
+Défini le type d’utilisateur parmi les valeurs suivantes :
+
+* `professional` (pro)
+
+* `individual` (part)
+
+Les différentes valeurs sont énumérées dans l’objet `window.dsfr.analytics.user.constructor.Type`
+
+* * *
+
+### MÉTHODES
+
+##### reset (clear = false)
+
+`window.dsfr.analytics.user.reset(clear)`
+
+Permet de remettre les données dans l'état d’origine de la configuration.
+
+Si le paramètre `clear = true` => toutes les données sont remises en état indéfini.
+
+* * *
+
+##### connect (uid, email, isNew = false)
+
+`window.dsfr.analytics.page.connect(uid, email, isNew)`
+
+Permet de renseigner un utilisateur connecté
+
+* `uid` : Ce paramètre doit être renseigné avec l'identifiant client de l'internaute que Eulérian utilise
+comme
+clé de recoupement pour consolider son historique de navigation quelque soit le device utilisé. Grâce à
+l'ajout de
+ce paramètre nous serons en mesure de reconstituer tous les leviers marketing activés depuis son mobile, sa
+tablette et ses différents terminaux. En outre, ce paramètre nous permet de fournir des données plus fiables
+pour
+certaines métriques comme le visiteur unique ou la visite.Implémentation
+Vous pouvez renseigner le paramètre chaque fois que l'internaute est loggé. Le uid n'a besoin d'être fourni
+qu'une
+fois par session mais rien ne vous empêche de le passer sur toutes les pages. (Pour rappel, vous pouvez nous
+envoyer ne valeur vide).
+**ATTENTION** : l'uid ne doit pas correspondre à un identifiant de session ou à un identifiant temporaire.
+Il ne
+peut pas être commun pour plusieurs internautes, ou différent pour le même internaute.
+
+* `email` : Email de l'utilisateur hashé en SHA256
+
+* `isNew` : dans le cas d'un utilisateur venant juste de s'enregistrer, passer la valeur du paramètre à true
+
+l’action de connection change la valeur de la propriété `status` de la valeur `anonymous` à `connected`
+
+* * *
diff --git a/src/analytics/doc/analytics/installation.md b/src/analytics/doc/analytics/installation.md
new file mode 100644
index 000000000..21e9bd84f
--- /dev/null
+++ b/src/analytics/doc/analytics/installation.md
@@ -0,0 +1,22 @@
+## Installation
+
+Pour installer le système d’analytics, il suffit d’importer le fichier javascript :
+`/dist/analytics/analytics.module.js` **après** `dsfr.module.js`
+
+Le script d’Eulerian est automatiquement chargé au sein du package, attention à ne pas l’insérer dans la page afin
+d'éviter les doublons.
+
+⚠️ Pour les versions du dsfr inférieures à dsfr-1.9.0 (minimum 1.3.0), il est nécessaire d’ajouter le fichier : `/dist/patch/patch.module.js` **avant** `dsfr.module.js`
+
+Il est préférable d'effectuer une montée de version en 1.9.3 pour profiter des optimisations optimales.
+
+Analytics est un package à part, il n’est pas compris dans le fichier js global du dsfr.
+Le package dispose tout de même d’une dépendance au DSFR, notamment au core.
+Une version standalone des analytics permet d’utiliser ce package en dehors de toutes dépendances au DSFR.
+
+Pour le fonctionnement du package Analytics, une configuration particulière du dsfr est nécessaire :
+[Configuration](installation/configuration.md)
+
+Le package Analytics doit être lié à une plateforme de consentement et l'API propose des utilitaires à cet effet : [ConsentManagementPlatform](installation/cmp.md)
+
+Afin de respecter la possibilité pour l'utilisateur de refuser la collecte de données, l'API implémente également l'Opt-out mis à disposition par Eulerian : [Opt](installation/opt.md)
diff --git a/src/analytics/doc/analytics/installation/cmp.md b/src/analytics/doc/analytics/installation/cmp.md
new file mode 100644
index 000000000..89f117f67
--- /dev/null
+++ b/src/analytics/doc/analytics/installation/cmp.md
@@ -0,0 +1,33 @@
+## class ConsentManagerPlatform
+
+L’instance de ConsentManagerPlatform est accessible depuis
+
+window.dsfr.analytics.cmp
+
+### CONFIGURATION
+
+```javascript
+<script>
+    window.dsfr = {
+        analytics: {
+            cmp: {
+            id: 'tarteaucitron'
+            },
+        }
+    };
+</script>
+```
+
+la configuration d’une CMP permet d’automatiser son lancement
+
+### MÉTHODES
+
+##### integrateTarteAuCitron ()
+
+`window.dsfr.analytics.cmp.integrateTarteAuCitron()`
+
+Permet d’intégrer tarteaucitron
+
+équivalent de la première étape décrite [dans la documentation Eulerian](https://eulerian.wiki/doku.php?id=fr:quickonboarding:installation:cmp#tarteaucitron)
+
+* * *
diff --git a/src/analytics/doc/analytics/installation/configuration.md b/src/analytics/doc/analytics/installation/configuration.md
new file mode 100644
index 000000000..8b1378917
--- /dev/null
+++ b/src/analytics/doc/analytics/installation/configuration.md
@@ -0,0 +1 @@
+
diff --git a/src/analytics/doc/analytics/installation/opt.md b/src/analytics/doc/analytics/installation/opt.md
new file mode 100644
index 000000000..be74dd968
--- /dev/null
+++ b/src/analytics/doc/analytics/installation/opt.md
@@ -0,0 +1,45 @@
+## Opt
+L’instance de Opt est accessible depuis
+`window.dsfr.analytics.opt`
+
+Elle permet de gérer l’Opt-out lorsque l’utilisateur ne consent pas à la collecte de données.
+
+Le Opt-Out complet empêche le chargement de la librairie JS eulerian ainsi que tous les appels EA_push qui pourraient être fait sur la page.
+
+### PROPRIÉTÉS
+
+#### isDisabled
+
+_Boolean_
+
+`window.dsfr.analytics.opt.isDisabled`
+
+Retourne une valeur booléenne “true” pour un Opt-Out et “false” pour un Opt-In (par défaut).
+
+alias de la fonction de l’API eulerian _EA_disabled()
+
+* * *
+
+### MÉTHODES
+
+#### enable
+
+`window.dsfr.analytics.opt.enable()`
+
+Opt-in, la collecte de données est activée.
+
+* * *
+
+#### disable
+
+`window.dsfr.analytics.opt.disable()`
+
+Opt-out, la collecte de données est désactivée.
+
+* * *
+
+#### toggle
+
+`window.dsfr.analytics.opt.toggle()`
+
+Inverse le statut Opt-in / Opt-out
diff --git a/src/analytics/example/component/breadcrumb/breadcrumb-button/index.ejs b/src/analytics/example/component/breadcrumb/breadcrumb-button/index.ejs
index 4c4b84730..4482127cf 100644
--- a/src/analytics/example/component/breadcrumb/breadcrumb-button/index.ejs
+++ b/src/analytics/example/component/breadcrumb/breadcrumb-button/index.ejs
@@ -1,23 +1,5 @@
 <% const sample = getSample(include); %>
 
-<% const getData = (data = {}) => {
-  return {
-    id: uniqueId('breadcrumb'),
-    segments: [
-      { label: 'Accueil', id: uniqueId('breadcrumb') },
-      { label: 'Segment 1 : lorem ipsum', id: uniqueId('breadcrumb') },
-      { label: 'Segment 2 : lorem ipsum', id: uniqueId('breadcrumb') },
-      { label: 'Segment 3 : lorem ipsum', id: uniqueId('breadcrumb') },
-      { label: 'Page Actuelle' }
-    ],
-    ...data
-  }
-};
-%>
-
-<div class="<%= prefix %>-container" >
-
-  <%- section('Étiquette d’élément BUTTON' , null, 0) %>
-  <%- include('../../../../../component/breadcrumb/template/ejs/breadcrumb.ejs', { breadcrumb: getData({ markup: 'button' }) }); %>
-
+<div class="<%= prefix %>-container">
+  <%- sample('Étiquette d’élément button', '../../../../../component/breadcrumb/example/sample/sample-button'); %>
 </div>
diff --git a/src/analytics/example/component/breadcrumb/index.ejs b/src/analytics/example/component/breadcrumb/index.ejs
index d282e9f93..a2f585f17 100644
--- a/src/analytics/example/component/breadcrumb/index.ejs
+++ b/src/analytics/example/component/breadcrumb/index.ejs
@@ -1,23 +1,5 @@
 <% const sample = getSample(include); %>
 
-<% const getData = (data = {}) => {
-  return {
-    id: uniqueId('breadcrumb'),
-    segments: [
-      { path: '', label: 'Accueil', id: uniqueId('breadcrumb') },
-      { path: 'segment-1', label: 'Segment 1 : lorem ipsum', id: uniqueId('breadcrumb') },
-      { path: 'segment-2', label: 'Segment 2 : lorem ipsum', id: uniqueId('breadcrumb') },
-      { path: 'segment-3', label: 'Segment 3 : lorem ipsum', id: uniqueId('breadcrumb') },
-      { label: 'Page Actuelle' }
-    ],
-    ...data
-  }
-};
-%>
-
-<div class="<%= prefix %>-container" >
-
-  <%- section('Étiquette d’élément A' , null, 0) %>
-  <%- include('../../../../component/breadcrumb/template/ejs/breadcrumb.ejs', { breadcrumb: getData() }); %>
-
+<div class="<%= prefix %>-container">
+  <%- sample('Étiquette d’élément a', '../../../../component/breadcrumb/example/sample/sample-a'); %>
 </div>
diff --git a/src/analytics/example/component/checkbox/checkbox-checked/index.ejs b/src/analytics/example/component/checkbox/checkbox-checked/index.ejs
index 56967717e..f551f3ee6 100644
--- a/src/analytics/example/component/checkbox/checkbox-checked/index.ejs
+++ b/src/analytics/example/component/checkbox/checkbox-checked/index.ejs
@@ -2,6 +2,6 @@
 
 <div class="<%= prefix %>-container" >
 
-  <%- sample('case à cocher cochée', '../../../../../component/checkbox/template/ejs/checkbox-group.ejs', { checkbox: { label: 'label case à cocher', value: '1', id: uniqueId('checkbox'), checked: true  } }); %>
+  <%- sample('case à cocher cochée', '../../../../../component/checkbox/template/ejs/checkbox-group.ejs', { checkbox: { label: 'label case à cocher', value: '1', id: uniqueId('checkbox'), checked: true, attributes: { value: 'checkbox-value' }} }); %>
 
 </div>
diff --git a/src/analytics/example/component/checkbox/index.ejs b/src/analytics/example/component/checkbox/index.ejs
index 6e0b50056..c9c39213d 100644
--- a/src/analytics/example/component/checkbox/index.ejs
+++ b/src/analytics/example/component/checkbox/index.ejs
@@ -2,6 +2,6 @@
 
 <div class="<%= prefix %>-container" >
 
-  <%- sample('case à cocher', '../../../../component/checkbox/template/ejs/checkbox-group.ejs', { checkbox: { label: 'label case à cocher', value: '1', id: uniqueId('checkbox')  } }); %>
+  <%- sample('case à cocher', '../../../../component/checkbox/template/ejs/checkbox-group.ejs', { checkbox: { label: 'label case à cocher', value: '1', id: uniqueId('checkbox'), attributes: { value: 'checkbox-value' } } }); %>
 
 </div>
diff --git a/src/analytics/example/config.ejs b/src/analytics/example/config.ejs
new file mode 100644
index 000000000..ee22c7cbc
--- /dev/null
+++ b/src/analytics/example/config.ejs
@@ -0,0 +1,75 @@
+{
+  // verbose: true,
+  // production: true,
+  // mode: 'manual',
+  analytics: {
+    domain: 'gva.et-gv.fr',
+    // collection: 'manual', // method of collection [manual, load, full, hash]
+    enableRating: true, // is click rate enabled
+    cmp: {
+      id: 'tarteaucitron'
+    },
+    page: {
+      // path: 'path_name/from/url', // path for page tracking
+      // referrer: 'path_name/ref/url/', // referrer for virtual pages (not for real page, eulerian automatically collects document.referrer)
+      // title: 'page title', // page title for virtual pages
+      // name: 'page name', // equivalent to title if not defined
+      // labels: ['category1', 'label2', 'label3', 'label4', 'label5'],
+      categories: ['category1', 'category2', 'category3'],
+      template: 'nom template', // page template
+      // group: 'group', // page group. if not defined, fallback to template value
+      // segment: 'segment', // site segment. if not defined, fallback to template value
+      // subtemplate: 'sous template', // page sub template
+      // theme: 'theme page', // page theme
+      // subtheme: 'page sous theme', // page subtheme
+      // related: 'page liée', // related page id
+      // depth: 2, // page depth
+      // isError: true, // is this an error page (404, 500, 503...)
+      // current: 4, // In case of pagination, current page number
+      // total: 40, // In case of pagination, total pages number
+      // filters: ['actualités', 'Dossier de presse'] // array of filters that were applied on the page (strings)
+    },
+    user: {
+      /*
+      connect: {
+        uid: 'XXX', // user id - required when connected
+        email: 'email@domain.com', // encoded user email - required when connected
+        isNew: true, // user just registered
+      },
+      */
+      // profile: 'visitor', // user profile
+      // language: '',
+      // type: 'pro',
+    },
+    site: {
+      // environment: 'production', // by default development ['development', 'stage', 'production']
+      entity: 'Ministère des armées', // Entity responsible for website
+      // language: '', // language of the website (ISO 639-1). default to html lang
+      // target: 'target', // site target
+      // type: 'type', // site type
+      // region: 'FR-IDF', // region of the website (ISO 3166-2:FR)
+      // department: 'FR-75', // department of the website (ISO 3166-2:FR)
+    },
+    /*
+    search: {
+      engine: 'principal',
+      results: 486,
+      terms: 'télécharger le cerfa 1234',
+      category: 'categorie',
+      theme: 'theme',
+      type: 'type',
+      method: ''
+    },
+    funnel: {
+      id: 'id',
+      type: 'type',
+      name: 'name',
+      step: 'step', // step name
+      current: 2, // step number
+      total: 7, // total number of steps
+      objective: 'objective', // form objective
+      error: 'email' // form's error type
+    }
+    */
+  }
+};
diff --git a/src/analytics/example/spa/agnostic/_index.ejs b/src/analytics/example/spa/agnostic/_index.ejs
deleted file mode 100644
index d8612c0f5..000000000
--- a/src/analytics/example/spa/agnostic/_index.ejs
+++ /dev/null
@@ -1,10 +0,0 @@
-<% const sample = getSample(include); %>
-
-<!-- https://dev.to/thedevdrawer/single-page-application-routing-using-hash-or-url-9jh -->
-
-<div class="<%= prefix %>-container" >
-
-  <%- section('router button', null, 0) %>
-  <%- sample('bouton', '../../../../component/button/template/ejs/button.ejs', { button: { label: 'label button', id: uniqueId('button'), attributes: { onclick: include('./change.js.ejs') }  } }); %>
-
-</div>
diff --git a/src/analytics/example/spa/agnostic/change.js.ejs b/src/analytics/example/spa/agnostic/change.js.ejs
deleted file mode 100644
index a2248efc6..000000000
--- a/src/analytics/example/spa/agnostic/change.js.ejs
+++ /dev/null
@@ -1 +0,0 @@
-console.log('test');
diff --git a/src/analytics/example/spa/agnostic/config.ejs b/src/analytics/example/spa/agnostic/config.ejs
new file mode 100644
index 000000000..8166cc3ea
--- /dev/null
+++ b/src/analytics/example/spa/agnostic/config.ejs
@@ -0,0 +1,75 @@
+{
+  // verbose: true,
+  // production: true,
+  // mode: 'manual',
+  analytics: {
+    domain: 'gva.et-gv.fr',
+    collection: 'full', // method of collection [manual, load, full, hash]
+    enableRating: true, // is click rate enabled
+    cmp: {
+      id: 'tarteaucitron'
+    },
+    page: {
+      // path: 'path_name/from/url', // path for page tracking
+      // referrer: 'path_name/ref/url/', // referrer for virtual pages (not for real page, eulerian automatically collects document.referrer)
+      // title: 'page title', // page title for virtual pages
+      // name: 'page name', // equivalent to title if not defined
+      // labels: ['category1', 'label2', 'label3', 'label4', 'label5'],
+      categories: ['category1', 'category2', 'category3'],
+      template: 'nom template', // page template
+      // group: 'group', // page group. if not defined, fallback to template value
+      // segment: 'segment', // site segment. if not defined, fallback to template value
+      // subtemplate: 'sous template', // page sub template
+      // theme: 'theme page', // page theme
+      // subtheme: 'page sous theme', // page subtheme
+      // related: 'page liée', // related page id
+      // depth: 2, // page depth
+      // isError: true, // is this an error page (404, 500, 503...)
+      // current: 4, // In case of pagination, current page number
+      // total: 40, // In case of pagination, total pages number
+      // filters: ['actualités', 'Dossier de presse'] // array of filters that were applied on the page (strings)
+    },
+    user: {
+      /*
+      connect: {
+        uid: 'XXX', // user id - required when connected
+        email: 'email@domain.com', // encoded user email - required when connected
+        isNew: true, // user just registered
+      },
+      */
+      // profile: 'visitor', // user profile
+      // language: '',
+      // type: 'pro',
+    },
+    site: {
+      // environment: 'production', // by default development ['development', 'stage', 'production']
+      entity: 'Ministère des armées', // Entity responsible for website
+      // language: '', // language of the website (ISO 639-1). default to html lang
+      // target: 'target', // site target
+      // type: 'type', // site type
+      // region: 'FR-IDF', // region of the website (ISO 3166-2:FR)
+      // department: 'FR-75', // department of the website (ISO 3166-2:FR)
+    },
+    /*
+    search: {
+      engine: 'principal',
+      results: 486,
+      terms: 'télécharger le cerfa 1234',
+      category: 'categorie',
+      theme: 'theme',
+      type: 'type',
+      method: ''
+    },
+    funnel: {
+      id: 'id',
+      type: 'type',
+      name: 'name',
+      step: 'step', // step name
+      current: 2, // step number
+      total: 7, // total number of steps
+      objective: 'objective', // form objective
+      error: 'email' // form's error type
+    }
+    */
+  }
+};
diff --git a/src/analytics/example/spa/agnostic/index.ejs b/src/analytics/example/spa/agnostic/index.ejs
new file mode 100644
index 000000000..1b00839df
--- /dev/null
+++ b/src/analytics/example/spa/agnostic/index.ejs
@@ -0,0 +1,105 @@
+<header role="banner" class="<%= prefix %>-header" id="header-120">
+  <div class="<%= prefix %>-header__body">
+    <div class="<%= prefix %>-container">
+      <div class="<%= prefix %>-header__body-row">
+        <div class="<%= prefix %>-header__brand <%= prefix %>-enlarge-link">
+          <div class="<%= prefix %>-header__brand-top">
+            <div class="<%= prefix %>-header__logo">
+              <p class="<%= prefix %>-logo">
+                République
+                <br>Française
+              </p>
+            </div>
+            <div class="<%= prefix %>-header__operator">
+              <img class="<%= prefix %>-responsive-img" style="max-width:9.0625rem;"
+                src="../../../../example/img/placeholder.16x9.png" alt="[À MODIFIER - texte alternatif de l’image]"
+                data-<%= prefix %>-js-ratio="true">
+              <!-- L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image -->
+            </div>
+            <div class="<%= prefix %>-header__navbar">
+              <button class="<%= prefix %>-btn--search <%= prefix %>-btn" data-<%= prefix %>-opened="false"
+                aria-controls="modal-122" id="button-123" title="Rechercher"
+                data-<%= prefix %>-js-modal-button="true">
+                Rechercher
+              </button>
+              <button class="<%= prefix %>-btn--menu <%= prefix %>-btn" data-<%= prefix %>-opened="false"
+                aria-controls="modal-124" aria-haspopup="menu" id="button-125" title="Menu">
+                Menu
+              </button>
+            </div>
+          </div>
+          <div class="<%= prefix %>-header__service">
+            <a href="/"
+              title="Accueil - [À MODIFIER - Nom du site / service] - [À MODIFIER - texte alternatif de l’image : nom de l'opérateur ou du site serviciel] - République Française">
+              <p class="<%= prefix %>-header__service-title">
+                Nom du site / service
+              </p>
+            </a>
+            <p class="<%= prefix %>-header__service-tagline">baseline - précisions sur l‘organisation</p>
+          </div>
+        </div>
+        <div class="<%= prefix %>-header__tools">
+          <div class="<%= prefix %>-header__tools-links">
+            <ul class="<%= prefix %>-btns-group">
+              <li>
+                <a class="<%= prefix %>-btn" id="button-127" href="link">Lien</a>
+              </li>
+            </ul>
+          </div>
+          <div class="<%= prefix %>-header__search <%= prefix %>-modal" id="modal-122">
+            <div class="<%= prefix %>-container <%= prefix %>-container-lg--fluid">
+              <button class="<%= prefix %>-btn--close <%= prefix %>-btn" aria-controls="modal-122" id="button-130"
+                title="Fermer">
+                Fermer
+              </button>
+              <div class="<%= prefix %>-search-bar" id="search-121" role="search">
+                <label class="<%= prefix %>-label" for="search-121-input">
+                  Rechercher
+                </label>
+                <input class="<%= prefix %>-input" aria-describedby="search-121-input-messages"
+                  placeholder="Rechercher" id="search-121-input" type="search">
+                <div class="<%= prefix %>-messages-group" id="search-121-input-messages" aria-live="assertive">
+                </div>
+                <button class="<%= prefix %>-btn" id="search-btn-132" title="Rechercher">
+                  Rechercher
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="<%= prefix %>-header__menu <%= prefix %>-modal" id="modal-124">
+    <div class="<%= prefix %>-container">
+      <button class="<%= prefix %>-btn--close <%= prefix %>-btn" aria-controls="modal-124" id="button-133"
+        title="Fermer">
+        Fermer
+      </button>
+      <div class="<%= prefix %>-header__menu-links">
+      </div>
+      <nav class="<%= prefix %>-nav" id="navigation-134" role="navigation" aria-label="Menu principal">
+        <ul class="<%= prefix %>-nav__list">
+          <li class="<%= prefix %>-nav__item">
+            <a id="link-1" class="<%= prefix %>-nav__link" href="./">Base</a>
+          </li>
+          <li class="<%= prefix %>-nav__item">
+            <a id="link-2" href="link" class="<%= prefix %>-nav__link">Links</a>
+          </li>
+          <li class="<%= prefix %>-nav__item">
+            <a id="link-3" href="button" class="<%= prefix %>-nav__link">Boutons</a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</header>
+
+<div class="<%= prefix %>-container <%= prefix %>-mt-8v">
+
+  <div class="col-md-8">
+    <div id="content"></div>
+  </div>
+</div>
+
+<%- include('route.js.ejs'); %>
diff --git a/src/analytics/example/spa/agnostic/route.js b/src/analytics/example/spa/agnostic/route.js
deleted file mode 100644
index e69de29bb..000000000
diff --git a/src/analytics/example/spa/agnostic/route.js.ejs b/src/analytics/example/spa/agnostic/route.js.ejs
new file mode 100644
index 000000000..480910d56
--- /dev/null
+++ b/src/analytics/example/spa/agnostic/route.js.ejs
@@ -0,0 +1,66 @@
+<script>
+  const urlPageTitle = 'JS Single Page Application Router';
+  const HREF = document.location.href;
+
+  // create document click that watches the nav links only
+  document.addEventListener('click', (e) => {
+    if (!e.target.matches('a[href]')) return;
+    const href = e.target.href;
+    if (href.indexOf(HREF) === -1) return;
+
+    e.preventDefault();
+    window.history.pushState({}, '', href);
+    urlLocationHandler();
+  });
+
+  // create an object that maps the url to the template, title, and description
+  const urlRoutes = {
+    404: {
+      template: '<h1>404</h1><p>Page not found</p',
+      title: '404 | ' + urlPageTitle,
+      description: 'Page not found',
+    },
+    '': {
+      template: 'lorem ipsum dolor sit amet',
+      title: 'Home | ' + urlPageTitle,
+      description: 'This is the home page',
+    },
+    'link': {
+      template: `<a href="#" data-<%= prefix %>-analytics-click="libellé du lien envoyé à l'analytics" id="link-attr-click">test</a>`,
+      title: 'Links | ' + urlPageTitle,
+      description: 'This is the about page',
+    },
+    'button': {
+      template: `<button id="btn-3" class="<%= prefix %>-btn">Button page 3</button>`,
+      title: 'Buttons | ' + urlPageTitle,
+      description: 'This is the contact page',
+    },
+  };
+
+  // create a function that handles the url location
+  const urlLocationHandler = async () => {
+    let location = window.location.href.replace(HREF, ''); // get the url route
+
+    console.log('route', location);
+
+    // get the route object from the urlRoutes object
+    const route = urlRoutes[location] || urlRoutes['404'];
+    // get the html from the template
+    const html = route.template;
+    // set the content of the content div to the html
+    document.getElementById('content').innerHTML = html;
+    // set the title of the document to the title of the route
+    document.title = route.title;
+    // set the description of the document to the description of the route
+    //   document
+    //     .querySelector('meta[name="description"]')
+    //     .setAttribute('content', route.description);
+  };
+
+  // add an event listener to the window that watches for url changes
+  window.onpopstate = urlLocationHandler;
+  // call the urlLocationHandler function to handle the initial url
+  window.route = urlLocationHandler;
+  // call the urlLocationHandler function to handle the initial url
+  urlLocationHandler();
+</script>
diff --git a/src/analytics/example/spa/react/config.ejs b/src/analytics/example/spa/react/config.ejs
new file mode 100644
index 000000000..44ce9cdb5
--- /dev/null
+++ b/src/analytics/example/spa/react/config.ejs
@@ -0,0 +1,75 @@
+{
+  // verbose: true,
+  // production: true,
+  mode: 'react',
+  analytics: {
+    domain: 'gva.et-gv.fr',
+    // collection: 'manual', // method of collection [manual, load, full, hash]
+    enableRating: true, // is click rate enabled
+    cmp: {
+      id: 'tarteaucitron'
+    },
+    page: {
+      // path: 'path_name/from/url', // path for page tracking
+      // referrer: 'path_name/ref/url/', // referrer for virtual pages (not for real page, eulerian automatically collects document.referrer)
+      // title: 'page title', // page title for virtual pages
+      // name: 'page name', // equivalent to title if not defined
+      // labels: ['category1', 'label2', 'label3', 'label4', 'label5'],
+      categories: ['category1', 'category2', 'category3'],
+      template: 'nom template', // page template
+      // group: 'group', // page group. if not defined, fallback to template value
+      // segment: 'segment', // site segment. if not defined, fallback to template value
+      // subtemplate: 'sous template', // page sub template
+      // theme: 'theme page', // page theme
+      // subtheme: 'page sous theme', // page subtheme
+      // related: 'page liée', // related page id
+      // depth: 2, // page depth
+      // isError: true, // is this an error page (404, 500, 503...)
+      // current: 4, // In case of pagination, current page number
+      // total: 40, // In case of pagination, total pages number
+      // filters: ['actualités', 'Dossier de presse'] // array of filters that were applied on the page (strings)
+    },
+    user: {
+      /*
+      connect: {
+        uid: 'XXX', // user id - required when connected
+        email: 'email@domain.com', // encoded user email - required when connected
+        isNew: true, // user just registered
+      },
+      */
+      // profile: 'visitor', // user profile
+      // language: '',
+      // type: 'pro',
+    },
+    site: {
+      // environment: 'production', // by default development ['development', 'stage', 'production']
+      entity: 'Ministère des armées', // Entity responsible for website
+      // language: '', // language of the website (ISO 639-1). default to html lang
+      // target: 'target', // site target
+      // type: 'type', // site type
+      // region: 'FR-IDF', // region of the website (ISO 3166-2:FR)
+      // department: 'FR-75', // department of the website (ISO 3166-2:FR)
+    },
+    /*
+    search: {
+      engine: 'principal',
+      results: 486,
+      terms: 'télécharger le cerfa 1234',
+      category: 'categorie',
+      theme: 'theme',
+      type: 'type',
+      method: ''
+    },
+    funnel: {
+      id: 'id',
+      type: 'type',
+      name: 'name',
+      step: 'step', // step name
+      current: 2, // step number
+      total: 7, // total number of steps
+      objective: 'objective', // form objective
+      error: 'email' // form's error type
+    }
+    */
+  }
+};
diff --git a/src/analytics/example/spa/vue/config.ejs b/src/analytics/example/spa/vue/config.ejs
new file mode 100644
index 000000000..5c235e99e
--- /dev/null
+++ b/src/analytics/example/spa/vue/config.ejs
@@ -0,0 +1,75 @@
+{
+  // verbose: true,
+  // production: true,
+  mode: 'vue',
+  analytics: {
+    domain: 'gva.et-gv.fr',
+    // collection: 'manual', // method of collection [manual, load, full, hash]
+    enableRating: true, // is click rate enabled
+    cmp: {
+      id: 'tarteaucitron'
+    },
+    page: {
+      // path: 'path_name/from/url', // path for page tracking
+      // referrer: 'path_name/ref/url/', // referrer for virtual pages (not for real page, eulerian automatically collects document.referrer)
+      // title: 'page title', // page title for virtual pages
+      // name: 'page name', // equivalent to title if not defined
+      // labels: ['category1', 'label2', 'label3', 'label4', 'label5'],
+      categories: ['category1', 'category2', 'category3'],
+      template: 'nom template', // page template
+      // group: 'group', // page group. if not defined, fallback to template value
+      // segment: 'segment', // site segment. if not defined, fallback to template value
+      // subtemplate: 'sous template', // page sub template
+      // theme: 'theme page', // page theme
+      // subtheme: 'page sous theme', // page subtheme
+      // related: 'page liée', // related page id
+      // depth: 2, // page depth
+      // isError: true, // is this an error page (404, 500, 503...)
+      // current: 4, // In case of pagination, current page number
+      // total: 40, // In case of pagination, total pages number
+      // filters: ['actualités', 'Dossier de presse'] // array of filters that were applied on the page (strings)
+    },
+    user: {
+      /*
+      connect: {
+        uid: 'XXX', // user id - required when connected
+        email: 'email@domain.com', // encoded user email - required when connected
+        isNew: true, // user just registered
+      },
+      */
+      // profile: 'visitor', // user profile
+      // language: '',
+      // type: 'pro',
+    },
+    site: {
+      // environment: 'production', // by default development ['development', 'stage', 'production']
+      entity: 'Ministère des armées', // Entity responsible for website
+      // language: '', // language of the website (ISO 639-1). default to html lang
+      // target: 'target', // site target
+      // type: 'type', // site type
+      // region: 'FR-IDF', // region of the website (ISO 3166-2:FR)
+      // department: 'FR-75', // department of the website (ISO 3166-2:FR)
+    },
+    /*
+    search: {
+      engine: 'principal',
+      results: 486,
+      terms: 'télécharger le cerfa 1234',
+      category: 'categorie',
+      theme: 'theme',
+      type: 'type',
+      method: ''
+    },
+    funnel: {
+      id: 'id',
+      type: 'type',
+      name: 'name',
+      step: 'step', // step name
+      current: 2, // step number
+      total: 7, // total number of steps
+      objective: 'objective', // form objective
+      error: 'email' // form's error type
+    }
+    */
+  }
+};
diff --git a/src/analytics/example/spa/vue/index.ejs b/src/analytics/example/spa/vue/index.ejs
index e6c72364f..668ff6a06 100644
--- a/src/analytics/example/spa/vue/index.ejs
+++ b/src/analytics/example/spa/vue/index.ejs
@@ -39,7 +39,7 @@
                         <div class="<%= prefix %>-header__tools-links">
                             <ul class="<%= prefix %>-btns-group">
                                 <li>
-                                    <router-link class="<%= prefix %>-btn" to="/link">Lien</router-link>
+                                    <router-link id="btn-shortcut-1" class="<%= prefix %>-btn" to="/link">Lien</router-link>
                                 </li>
                             </ul>
                         </div>
@@ -75,13 +75,13 @@
                 <nav class="<%= prefix %>-nav" id="navigation-134" role="navigation" aria-label="Menu principal">
                   <ul class="<%= prefix %>-nav__list">
                     <li class="<%= prefix %>-nav__item">
-                      <router-link class="<%= prefix %>-nav__link" to="/">Base</router-link>
+                      <router-link id="link-3" class="<%= prefix %>-nav__link" to="/">Base</router-link>
                     </li>
                     <li class="<%= prefix %>-nav__item">
-                      <router-link class="<%= prefix %>-nav__link" to="/link">Liens</router-link>
+                      <router-link id="link-3" class="<%= prefix %>-nav__link" to="/link">Liens</router-link>
                     </li>
                     <li class="<%= prefix %>-nav__item">
-                      <router-link class="<%= prefix %>-nav__link" to="/button">Boutons</router-link>
+                      <router-link id="link-3" class="<%= prefix %>-nav__link" to="/button">Boutons</router-link>
                     </li>
                   </ul>
                 </nav>
@@ -100,7 +100,7 @@
         <h2>Affichage conditionné (v-if)</h2>
         <div v-if="pagination==1">
           <h1>Page {{pagination}}</h1>
-          <a href="#" data-<%= prefix %>-analytics-click="libellé envoyé à l'analytics" id="attr-click" >Home</a>
+          <a id="btn-0" href="#" data-<%= prefix %>-analytics-click="libellé envoyé à l'analytics" id="attr-click" >Home</a>
         </div>
         <div v-if="pagination==2">
           <h1>Page {{pagination}}</h1>
@@ -119,7 +119,7 @@
                   </a>
               </li>
               <li>
-                  <a class="<%= prefix %>-pagination__link" id="pagination__link-310" href="prevented" title="Page 1" data-<%= prefix %>-js-pagination-actionee="true" v-on:click.prevent="pagination = 2" >
+                  <a class="<%= prefix %>-pagination__link" id="pagination__link-310" href="prevented" title="Page 1" v-on:click.prevent="pagination = 2" >
                       2
                   </a>
               </li>
@@ -142,8 +142,8 @@
   const { createRouter, createWebHashHistory } = VueRouter
 
   const Base = { template: `lorem ipsum dolor sit amet` };
-  const Link = { template: `<a href="#" data-<%= prefix %>-analytics-click="libellé du lien envoyé à l'analytics" id="link-attr-click">test</a>` };
-  const Button = { template: `<button id="btn-3" class="<%= prefix %>-btn">Button page 3</button>` };
+  const Link = { template: `<a href="#" id="btn-4" data-<%= prefix %>-analytics-click="libellé du lien envoyé à l'analytics" id="link-attr-click">test</a>` };
+  const Button = { template: `<button id="btn-5" class="<%= prefix %>-btn">Button page 3</button>` };
 
   const routes = [
       { path: "/", component: Base },
diff --git a/src/analytics/main.js b/src/analytics/main.js
index 962782964..c7de92404 100644
--- a/src/analytics/main.js
+++ b/src/analytics/main.js
@@ -1,6 +1,6 @@
 import api from './index.js';
 import integration from './script/integration/integration';
 
-api.analytics.readiness.then(() => integration());
+api.analytics.readiness.then(() => integration(), () => {});
 
 export default api;
diff --git a/src/analytics/script/analytics/action/action-element.js b/src/analytics/script/analytics/action/action-element.js
index c3758cbc5..441fb57cb 100644
--- a/src/analytics/script/analytics/action/action-element.js
+++ b/src/analytics/script/analytics/action/action-element.js
@@ -30,7 +30,6 @@ class ActionElement {
     this._name = `${type}${this._title || this._hierarchy.title}${id}`;
 
     this._action = actions.getAction(this._name, this._type.status);
-    this._action.isRatingActive = this._isRatingActive;
     if (this._type.isSingular) this._action.singularize();
     Object.keys(this._parameters).forEach(key => this._action.addParameter(key, this._parameters[key]));
     this._action.isMuted = this._isMuted;
@@ -65,10 +64,10 @@ class ActionElement {
     this.begin();
   }
 
-  begin () {
+  begin (data = {}) {
     if (this._hasBegun) return;
     this._hasBegun = true;
-    if (this._type.isBeginning) queue.appendStartingAction(this._action);
+    if (this._type.isBeginning) queue.appendStartingAction(this._action, data);
   }
 
   act (data = {}) {
@@ -77,7 +76,7 @@ class ActionElement {
       requestAnimationFrame(() => this.act(data));
       return;
     }
-    queue.appendEndingAction(this._action);
+    queue.appendEndingAction(this._action, data);
   }
 
   dispose () {
@@ -85,4 +84,6 @@ class ActionElement {
   }
 }
 
+ActionElement.isRatingEnabled = false;
+
 export { ActionElement };
diff --git a/src/analytics/script/analytics/action/action.js b/src/analytics/script/analytics/action/action.js
index fe4950400..a6dba13c0 100644
--- a/src/analytics/script/analytics/action/action.js
+++ b/src/analytics/script/analytics/action/action.js
@@ -15,7 +15,6 @@ class Action {
     this._status = ActionStatus.UNSTARTED;
     this._labels = [];
     this._parameters = {};
-    this._isRatingActive = true;
   }
 
   get isMuted () {
@@ -26,6 +25,10 @@ class Action {
     this._isMuted = value;
   }
 
+  get isSingular () {
+    return this._status === ActionStatus.SINGULAR;
+  }
+
   get status () {
     return this._status;
   }
@@ -58,14 +61,6 @@ class Action {
     }
   }
 
-  get isRatingActive () {
-    return this._isRatingActive;
-  }
-
-  set isRatingActive (value) {
-    this._isRatingActive = value;
-  }
-
   addParameter (key, value) {
     this._parameters[key] = value;
   }
@@ -107,7 +102,6 @@ class Action {
     let mode;
     switch (this._status) {
       case ActionStatus.UNSTARTED:
-        if (!this._isRatingActive || !Action.isRatingEnabled) return [];
         mode = ActionMode.IN;
         this._status = ActionStatus.STARTED;
         break;
@@ -120,8 +114,7 @@ class Action {
         api.inspector.error(`unexpected start on action ${this._name} with status ${this._status.id}`);
         return [];
     }
-    const layer = this._getLayer(mode, data);
-    return layer;
+    return this._getLayer(mode, data);
   }
 
   end (data) {
@@ -142,8 +135,7 @@ class Action {
         mode = ActionMode.NONE;
         break;
     }
-    const layer = this._getLayer(mode, data);
-    return layer;
+    return this._getLayer(mode, data);
   }
 
   resume (data) {
@@ -158,6 +150,4 @@ class Action {
   }
 }
 
-Action.isRatingEnabled = false;
-
 export { Action };
diff --git a/src/analytics/script/analytics/action/actions.js b/src/analytics/script/analytics/action/actions.js
index 7ff7a2c84..069285d1a 100644
--- a/src/analytics/script/analytics/action/actions.js
+++ b/src/analytics/script/analytics/action/actions.js
@@ -4,10 +4,15 @@ import { Action } from './action';
 class Actions {
   constructor () {
     this._actions = [];
+    this._isRatingEnabled = false;
   }
 
   configure (config) {
-    Action.isRatingEnabled = config.enableRating === true;
+    this._isRatingEnabled = config.enableRating === true;
+  }
+
+  get isRatingEnabled () {
+    return this._isRatingEnabled;
   }
 
   rewind () {
diff --git a/src/analytics/script/analytics/analytics.js b/src/analytics/script/analytics/analytics.js
index e832c8cbd..5f1277490 100644
--- a/src/analytics/script/analytics/analytics.js
+++ b/src/analytics/script/analytics/analytics.js
@@ -48,7 +48,7 @@ class Analytics {
 
   _build () {
     this._init = new Init(this._config.domain);
-    this._init.configure().then(this._start.bind(this), this._reject);
+    this._init.configure().then(this._start.bind(this), (reason) => this._reject(reason));
   }
 
   get isReady () {
diff --git a/src/analytics/script/analytics/cmp/consent-manager-platform.js b/src/analytics/script/analytics/cmp/consent-manager-platform.js
index 00ce78c15..f17990301 100644
--- a/src/analytics/script/analytics/cmp/consent-manager-platform.js
+++ b/src/analytics/script/analytics/cmp/consent-manager-platform.js
@@ -17,6 +17,10 @@ class ConsentManagerPlatform {
     this._tac = new TarteAuCitronIntegration(this._config);
     return this._tac.configure();
   }
+
+  optin () {
+
+  }
 }
 
 export { ConsentManagerPlatform };
diff --git a/src/analytics/script/analytics/engine/collector.js b/src/analytics/script/analytics/engine/collector.js
index 24b5351c5..fbcc1dd5c 100644
--- a/src/analytics/script/analytics/engine/collector.js
+++ b/src/analytics/script/analytics/engine/collector.js
@@ -58,6 +58,7 @@ class Collector {
 
     this._isCollected = false;
     this._delay = -1;
+    queue.setCollector(this);
   }
 
   get page () {
@@ -135,7 +136,7 @@ class Collector {
 
   collect () {
     if (this._isCollected) return;
-    queue.collect(this.layer);
+    queue.collect();
     this._isCollected = true;
   }
 
diff --git a/src/analytics/script/analytics/engine/queue.js b/src/analytics/script/analytics/engine/queue.js
index 72dcb814f..bdaf8f0bc 100644
--- a/src/analytics/script/analytics/engine/queue.js
+++ b/src/analytics/script/analytics/engine/queue.js
@@ -17,11 +17,14 @@ class Queue {
     this.reset();
   }
 
+  setCollector (collector) {
+    this._collector = collector;
+  }
+
   reset (ending = false) {
     this._type = PushType.ACTION;
     if (!ending) this._startingActions.length = 0;
     this._endingActions.length = 0;
-    this._collectionLayer = [];
     this._count = 0;
     this._delay = -1;
     this._isRequested = false;
@@ -34,27 +37,28 @@ class Queue {
     renderer.add(this);
   }
 
-  collect (layer) {
+  collect () {
     this._type = PushType.COLLECTOR;
-    this._collectionLayer = layer;
     this._request();
   }
 
-  appendStartingAction (action) {
-    if (!action || this._startingActions.indexOf(action) > -1) {
-      api.inspector.log('appendStartingAction', action, `index: ${this._startingActions.indexOf(action)}`);
+  appendStartingAction (action, data) {
+    if (!action || this._startingActions.some(queued => queued.test(action))) {
+      api.inspector.log('appendStartingAction exists or null', action);
       return;
     }
-    this._startingActions.push(action);
+    const queued = new QueuedAction(action, data);
+    this._startingActions.push(queued);
     this._request();
   }
 
-  appendEndingAction (action) {
-    if (!action || this._endingActions.indexOf(action) > -1) {
-      api.inspector.log('appendEndingAction', action, `index: ${this._endingActions.indexOf(action)}`);
+  appendEndingAction (action, data) {
+    if (!action || this._endingActions.some(queued => queued.test(action))) {
+      api.inspector.log('appendEndingAction exists or null', action);
       return;
     }
-    this._endingActions.push(action);
+    const queued = new QueuedAction(action, data);
+    this._endingActions.push(queued);
     this._request();
   }
 
@@ -105,8 +109,8 @@ class Queue {
   send (ending = false) {
     if (!this._isRequested) return;
     const actionLayers = [];
-    if (!ending) actionLayers.push(...this._startingActions.map(action => action.start()).filter(layer => layer.length > 0));
-    actionLayers.push(...this._endingActions.map(action => action.end()).filter(layer => layer.length > 0));
+    if (!ending) actionLayers.push(...this._startingActions.map(queued => queued.start()).filter(layer => layer.length > 0));
+    actionLayers.push(...this._endingActions.map(queued => queued.end()).filter(layer => layer.length > 0));
 
     const length = ((actionLayers.length / SLICE) + 1) | 0;
     const slices = [];
@@ -115,11 +119,20 @@ class Queue {
       slices.push(slice.flat());
     }
 
-    push(this._type, [...this._collectionLayer, ...slices[0]]);
+    if (this._type === PushType.COLLECTOR) {
+      const layer = this._collector.layer;
+      if (slices.length > 0) {
+        const slice = slices.splice(0, 1)[0];
+        if (slice.length > 0) layer.push.apply(layer, slice);
+      }
+      layer.flat();
+      if (layer.length > 0) push(PushType.COLLECTOR, layer);
+    }
 
-    if (slices.length > 1) {
-      for (let i = 1; i < slices.length; i++) {
-        push(PushType.ACTION, slices[i]);
+    if (slices.length > 0) {
+      for (let i = 0; i < slices.length; i++) {
+        const slice = slices[i];
+        if (slice.length > 0) push(PushType.ACTION, slice);
       }
     }
 
@@ -127,6 +140,25 @@ class Queue {
   }
 }
 
+class QueuedAction {
+  constructor (action, data) {
+    this._action = action;
+    this._data = data;
+  }
+
+  test (action) {
+    return this._action === action;
+  }
+
+  start () {
+    return this._action.start(this._data);
+  }
+
+  end () {
+    return this._action.end(this._data);
+  }
+}
+
 const queue = new Queue();
 
 export default queue;
diff --git a/src/analytics/script/analytics/facade/debug.js b/src/analytics/script/analytics/facade/debug.js
index e768794e1..dcae6a784 100644
--- a/src/analytics/script/analytics/facade/debug.js
+++ b/src/analytics/script/analytics/facade/debug.js
@@ -9,7 +9,7 @@ class Debug {
   }
 
   set isActive (value) {
-    if (this.isActive === value) return;
+    if (!this.debugger || this.isActive === value) return;
     this.debugger.debug(value ? 1 : 0);
   }
 }
diff --git a/src/analytics/script/analytics/facade/init.js b/src/analytics/script/analytics/facade/init.js
index 0a92a5ccf..95a293048 100644
--- a/src/analytics/script/analytics/facade/init.js
+++ b/src/analytics/script/analytics/facade/init.js
@@ -22,8 +22,7 @@ class Init {
   }
 
   configure () {
-    if (opt.isDisabled) this._reject();
-    else this.init();
+    this.init();
     return this._promise;
   }
 
@@ -39,7 +38,10 @@ class Init {
 
     if (!window[PUSH]) window[PUSH] = (...args) => this.store.push(args);
 
-    this.load();
+    if (opt.isDisabled) {
+      api.inspector.warn('User opted out, eulerian is disabled');
+      this._reject('User opted out, eulerian is disabled');
+    } else this.load();
   }
 
   load () {
@@ -58,7 +60,7 @@ class Init {
 
   error () {
     api.inspector.error('unable to load Eulerian script file. the domain declared in your configuration must match the domain provided by the Eulerian interface (tag creation)');
-    this._reject();
+    this._reject('eulerian script loading error');
   }
 
   loaded () {
diff --git a/src/analytics/script/analytics/utils/restricted.js b/src/analytics/script/analytics/utils/restricted.js
index b18eb7b8d..0038072c7 100644
--- a/src/analytics/script/analytics/utils/restricted.js
+++ b/src/analytics/script/analytics/utils/restricted.js
@@ -5,6 +5,7 @@ export default {
   '0x0026': '＆',
   '0x0027': '＇',
   '0x002a': '＊',
+  '0x002c': '，',
   '0x003c': '＜',
   '0x003e': '＞',
   '0x003f': '？',
diff --git a/src/analytics/script/integration/component/accordion/accordion-actionee.js b/src/analytics/script/integration/component/accordion/accordion-actionee.js
index 567c47be3..5bf873da4 100644
--- a/src/analytics/script/integration/component/accordion/accordion-actionee.js
+++ b/src/analytics/script/integration/component/accordion/accordion-actionee.js
@@ -42,6 +42,10 @@ class AccordionActionee extends ComponentActionee {
   get component () {
     return ID;
   }
+
+  dispose () {
+    super.dispose();
+  }
 }
 
 export { AccordionActionee };
diff --git a/src/analytics/script/integration/component/badge/badge-actionee.js b/src/analytics/script/integration/component/badge/badge-actionee.js
index 859e532f4..2bd0589f0 100644
--- a/src/analytics/script/integration/component/badge/badge-actionee.js
+++ b/src/analytics/script/integration/component/badge/badge-actionee.js
@@ -18,7 +18,7 @@ class BadgeActionee extends ComponentActionee {
     const firstText = this.getFirstText();
     if (firstText) return firstText;
 
-    return 'Badge';
+    return 'badge';
   }
 
   get component () {
diff --git a/src/analytics/script/integration/component/button/button-actionee.js b/src/analytics/script/integration/component/button/button-actionee.js
index 6e295d3ca..c696a0b37 100644
--- a/src/analytics/script/integration/component/button/button-actionee.js
+++ b/src/analytics/script/integration/component/button/button-actionee.js
@@ -23,6 +23,13 @@ class ButtonActionee extends ComponentActionee {
   }
 
   get label () {
+    if (this.node.tagName === 'input') {
+      switch (this.node.type) {
+        case 'button':
+        case 'submit':
+          if (this.hasAttribute('value')) return this.getAttribute('value');
+      }
+    }
     const firstText = this.getFirstText();
     if (firstText) return firstText;
     return 'bouton';
diff --git a/src/analytics/script/integration/component/component-actionee.js b/src/analytics/script/integration/component/component-actionee.js
index 3deb7aefd..6c3425fd0 100644
--- a/src/analytics/script/integration/component/component-actionee.js
+++ b/src/analytics/script/integration/component/component-actionee.js
@@ -46,14 +46,19 @@ class ComponentActionee extends Actionee {
 
   _handleChange (e) {
     if (e.target && e.target.value) {
-      this._data.component_value = e.target.value;
+      this.setChangeValue(e);
       this.act();
     }
   }
 
-  listenInputValidation (node, type = Type.CLICK) {
+  setChangeValue (e) {
+    this.value = e.target.value;
+  }
+
+  listenInputValidation (node, type = Type.CLICK, isSendingInputValue = false) {
     if (!node) node = this.node;
     this._type = type;
+    this._isSendingInputValue = isSendingInputValue;
     this.addAscent(ButtonEmission.CLICK, this._actValidatedInput.bind(this));
     const button = this.element.getDescendantInstances('ButtonActionee', null, true)[0];
     if (button) button.isMuted = true;
@@ -69,7 +74,8 @@ class ComponentActionee extends Actionee {
   _actValidatedInput () {
     if (this._isActingValidatedInput) return;
     this._isActingValidatedInput = true;
-    this.act({ component_value: this._validatedInput.value.trim() });
+    if (this._isSendingInputValue) this.value = this._validatedInput.value.trim();
+    this.act();
     this.request(() => { this._isActingValidatedInput = false; });
   }
 
@@ -88,7 +94,7 @@ class ComponentActionee extends Actionee {
 
   _handleCheckable (e) {
     if (e.target && e.target.value !== 'on') {
-      this._data.component_value = e.target.value;
+      this.value = e.target.value;
     }
 
     switch (true) {
@@ -113,10 +119,6 @@ class ComponentActionee extends Actionee {
   }
 
   _handlePressable (e) {
-    // if (e.target && e.target.value !== 'on') {
-    //   this._data.component_value = e.target.value;
-    // }
-
     switch (true) {
       case this._type === Type.PRESS && e.target.getAttribute('aria-pressed') === 'false':
       case this._type === Type.RELEASE && e.target.getAttribute('aria-pressed') === 'true':
diff --git a/src/analytics/script/integration/component/components.js b/src/analytics/script/integration/component/components.js
index ea4b30e9b..716b467d4 100644
--- a/src/analytics/script/integration/component/components.js
+++ b/src/analytics/script/integration/component/components.js
@@ -49,6 +49,7 @@ import { NoticeSelector } from './notice/notice-selector';
 import { NoticeActionee } from './notice/notice-actionee';
 import { PaginationSelector } from './pagination/pagination-selector';
 import { PaginationActionee } from './pagination/pagination-actionee';
+import { PaginationLinkActionee } from './pagination/pagination-link-actionee';
 import { RadioSelector } from './radio/radio-selector';
 import { RadioActionee } from './radio/radio-actionee';
 import { QuoteSelector } from './quote/quote-selector';
@@ -146,7 +147,8 @@ const integrateComponents = () => {
 
   api.internals.register(NoticeSelector.NOTICE, NoticeActionee);
 
-  api.internals.register(PaginationSelector.LINK, PaginationActionee);
+  api.internals.register(PaginationSelector.PAGINATION, PaginationActionee);
+  api.internals.register(PaginationSelector.LINK, PaginationLinkActionee);
 
   api.internals.register(QuoteSelector.QUOTE, QuoteActionee);
 
diff --git a/src/analytics/script/integration/component/connect/connect-link-actionee.js b/src/analytics/script/integration/component/connect/connect-link-actionee.js
index b6143eb80..dd042c97b 100644
--- a/src/analytics/script/integration/component/connect/connect-link-actionee.js
+++ b/src/analytics/script/integration/component/connect/connect-link-actionee.js
@@ -16,7 +16,7 @@ class ConnectLinkActionee extends ComponentActionee {
   }
 
   get label () {
-    return this.getFirstText() || 'Qu\'est-ce que FranceConnect ?';
+    return this.getFirstText() || 'qu\'est-ce que FranceConnect ?';
   }
 
   get component () {
diff --git a/src/analytics/script/integration/component/pagination/pagination-actionee.js b/src/analytics/script/integration/component/pagination/pagination-actionee.js
index 132ad28fd..ff813868f 100644
--- a/src/analytics/script/integration/component/pagination/pagination-actionee.js
+++ b/src/analytics/script/integration/component/pagination/pagination-actionee.js
@@ -1,4 +1,6 @@
+import api from '../../../../api';
 import { ComponentActionee } from '../component-actionee';
+import { PaginationSelector } from './pagination-selector';
 import ID from './id';
 
 class PaginationActionee extends ComponentActionee {
@@ -11,19 +13,46 @@ class PaginationActionee extends ComponentActionee {
   }
 
   init () {
-    this.detectInteractionType();
-    this.listenClick();
+    this.setPagination();
   }
 
   get label () {
-    const firstText = this.getFirstText();
-    if (firstText) return firstText;
     return 'pagination';
   }
 
   get component () {
     return ID;
   }
+
+  setPagination () {
+    const currentLink = this.node.querySelector(PaginationSelector.CURRENT);
+    if (!currentLink) return;
+    const currentLabel = this.getFirstText(currentLink);
+    if (!currentLabel) return;
+    const current = this.getInt(currentLabel);
+    if (isNaN(current)) return;
+    api.analytics.page.current = current;
+
+    const total = this.getTotalPage();
+    if (isNaN(total)) return;
+    api.analytics.page.total = total;
+  }
+
+  getTotalPage () {
+    const attr = parseInt(this.node.getAttribute(PaginationSelector.ANALYTICS_TOTAL));
+    if (!isNaN(attr)) return attr;
+    const links = this.node.querySelectorAll(`${PaginationSelector.LINK}:not(${PaginationSelector.NEXT_LINK}):not(${PaginationSelector.LAST_LINK})`);
+    if (!links) return null;
+    const totalLabel = this.getFirstText(links[links.length - 1]);
+    if (!totalLabel) return null;
+    return this.getInt(totalLabel);
+  }
+
+  getInt (val) {
+    const ints = val.match(/\d+/);
+    if (!ints || ints.length === 0) return null;
+    return parseInt(ints[0]);
+  }
 }
 
 export { PaginationActionee };
diff --git a/src/analytics/script/integration/component/pagination/pagination-link-actionee.js b/src/analytics/script/integration/component/pagination/pagination-link-actionee.js
new file mode 100644
index 000000000..a2964d1c8
--- /dev/null
+++ b/src/analytics/script/integration/component/pagination/pagination-link-actionee.js
@@ -0,0 +1,28 @@
+import { ComponentActionee } from '../component-actionee';
+
+class PaginationLinkActionee extends ComponentActionee {
+  constructor () {
+    super(1);
+  }
+
+  static get instanceClassName () {
+    return 'PaginationLinkActionee';
+  }
+
+  init () {
+    this.detectInteractionType();
+    this.listenClick();
+  }
+
+  get label () {
+    const firstText = this.getFirstText();
+    if (firstText) return firstText;
+    return 'lien pagination';
+  }
+
+  get component () {
+    return null;
+  }
+}
+
+export { PaginationLinkActionee };
diff --git a/src/analytics/script/integration/component/pagination/pagination-selector.js b/src/analytics/script/integration/component/pagination/pagination-selector.js
index 9770031e5..709f03205 100644
--- a/src/analytics/script/integration/component/pagination/pagination-selector.js
+++ b/src/analytics/script/integration/component/pagination/pagination-selector.js
@@ -1,5 +1,10 @@
 import api from '../../../../api.js';
 
 export const PaginationSelector = {
-  LINK: api.internals.ns.selector('pagination__link')
+  PAGINATION: api.internals.ns.selector('pagination'),
+  LINK: api.internals.ns.selector('pagination__link'),
+  NEXT_LINK: api.internals.ns.selector('pagination__link--next'),
+  LAST_LINK: api.internals.ns.selector('pagination__link--last'),
+  ANALYTICS_TOTAL: api.internals.ns.attr('analytics-page-total'),
+  CURRENT: '[aria-current="page"]'
 };
diff --git a/src/analytics/script/integration/component/search/search-actionee.js b/src/analytics/script/integration/component/search/search-actionee.js
index 29ee72901..09f35d84e 100644
--- a/src/analytics/script/integration/component/search/search-actionee.js
+++ b/src/analytics/script/integration/component/search/search-actionee.js
@@ -12,7 +12,7 @@ class SearchActionee extends ComponentActionee {
   }
 
   init () {
-    this.listenInputValidation(this.node, Type.SEARCH);
+    this.listenInputValidation(this.node, Type.SEARCH, true);
   }
 
   get label () {
diff --git a/src/analytics/script/integration/component/select/select-actionee.js b/src/analytics/script/integration/component/select/select-actionee.js
index a5989d578..a56d99bb7 100644
--- a/src/analytics/script/integration/component/select/select-actionee.js
+++ b/src/analytics/script/integration/component/select/select-actionee.js
@@ -17,6 +17,12 @@ class SelectActionee extends ComponentActionee {
     this.listenChange();
   }
 
+  setChangeValue (e) {
+    if (!e.target || !e.target.selectedOptions) return;
+    const value = Array.from(e.target.selectedOptions).map(option => option.text).join(' - ');
+    if (value) this.value = value;
+  }
+
   get label () {
     const label = this.node.parentNode.querySelector(api.internals.ns.selector('label'));
     if (label) {
diff --git a/src/analytics/script/integration/component/tile/tile-actionee.js b/src/analytics/script/integration/component/tile/tile-actionee.js
index c1cfbb5ce..e3c43833d 100644
--- a/src/analytics/script/integration/component/tile/tile-actionee.js
+++ b/src/analytics/script/integration/component/tile/tile-actionee.js
@@ -33,7 +33,6 @@ class TileActionee extends ComponentActionee {
   get component () {
     return ID;
   }
-
 }
 
 export { TileActionee };
diff --git a/src/analytics/script/integration/component/upload/upload-actionee.js b/src/analytics/script/integration/component/upload/upload-actionee.js
index 404228a5f..b5d7daf10 100644
--- a/src/analytics/script/integration/component/upload/upload-actionee.js
+++ b/src/analytics/script/integration/component/upload/upload-actionee.js
@@ -12,9 +12,15 @@ class UploadActionee extends ComponentActionee {
   }
 
   init () {
-    this.setClickType();
+    this.setChangeType();
     this._label = this.node.parentNode.querySelector(api.internals.ns.selector('label'));
-    this.listenClick();
+    this.listenChange();
+  }
+
+  setChangeValue (e) {
+    if (!e.target || !e.target.files) return;
+    const value = Array.from(e.target.files).map(file => /(?:\.([^.]+))?$/.exec(file.name)[1]).filter((name, index, array) => array.indexOf(name) === index).join(' - ');
+    if (value) this.value = value;
   }
 
   get label () {
@@ -26,10 +32,6 @@ class UploadActionee extends ComponentActionee {
     return 'ajout de fichier';
   }
 
-  getData () {
-    return { component_value: this.node.value.trim() };
-  }
-
   get component () {
     return ID;
   }
diff --git a/src/analytics/script/integration/core/actionee.js b/src/analytics/script/integration/core/actionee.js
index 58d90d464..8d29a9a05 100644
--- a/src/analytics/script/integration/core/actionee.js
+++ b/src/analytics/script/integration/core/actionee.js
@@ -48,6 +48,10 @@ class Actionee extends api.core.Instance {
     return api.internals.property.completeAssign(super.proxy, proxy, proxyAccessors);
   }
 
+  get data () {
+    return this._data;
+  }
+
   _config (element, registration) {
     super._config(element, registration);
 
@@ -101,17 +105,17 @@ class Actionee extends api.core.Instance {
 
       case isDownload:
         this._type = Type.DOWNLOAD;
-        this._parameters.component_value = href;
+        this.value = href;
         break;
 
       case hostname === location.hostname :
         this._type = Type.INTERNAL;
-        this._parameters.component_value = href;
+        this.value = href;
         break;
 
       case hostname.length > 0 :
         this._type = Type.EXTERNAL;
-        this._parameters.component_value = href;
+        this.value = href;
         break;
 
       default:
@@ -145,7 +149,10 @@ class Actionee extends api.core.Instance {
   }
 
   act (data = {}) {
-    if (this._actionElement !== undefined) this._actionElement.act(Object.assign(this._data, data));
+    if (this._actionElement !== undefined) {
+      this._data.component_value = this.value;
+      this._actionElement.act(Object.assign(this._data, data));
+    }
   }
 
   getFirstText (node) {
@@ -192,7 +199,7 @@ class Actionee extends api.core.Instance {
 
   getHeadingLabel (length = 6) {
     const selector = Array.from({ length: length }, (v, i) => `h${i + 1}`).join(',');
-    const headings = this.node.querySelector(selector) ? [...this.node.querySelector(selector)].filter(heading => (this.node.compareDocumentPosition(heading) & Node.DOCUMENT_POSITION_CONTAINED_BY) > 0) : [];
+    const headings = Array.from(this.querySelectorAll(selector)).filter(heading => (this.node.compareDocumentPosition(heading) & Node.DOCUMENT_POSITION_CONTAINED_BY) > 0);
     if (headings.length) {
       for (const heading of headings) {
         const text = this.getFirstText(heading);
@@ -220,6 +227,14 @@ class Actionee extends api.core.Instance {
     return null;
   }
 
+  get value () {
+    return this._value || this.label;
+  }
+
+  set value (value) {
+    this._value = value;
+  }
+
   get isActionee () {
     return true;
   }
diff --git a/src/analytics/standalone/api.js b/src/analytics/standalone/api.js
new file mode 100644
index 000000000..485607ea8
--- /dev/null
+++ b/src/analytics/standalone/api.js
@@ -0,0 +1,14 @@
+import api from '../api.js';
+import ns from '../../core/script/api/utilities/namespace';
+import { completeAssign } from '../../core/script/api/utilities/property/complete-assign';
+import { Modes } from '../../core/script/api/options/options.js';
+
+api.inspector = completeAssign(console, {});
+
+api.internals = {
+  ns: ns
+};
+
+api.Modes = Modes;
+
+export default api;
diff --git a/src/analytics/standalone/example/index.ejs b/src/analytics/standalone/example/index.ejs
new file mode 100644
index 000000000..067f4d76e
--- /dev/null
+++ b/src/analytics/standalone/example/index.ejs
@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="fr">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Analytics standalone</title>
+    <link href="../component/connect/connect.standalone.css" rel="stylesheet" />
+    <script>
+      window['<%= namespace %>'] = {
+        verbose: true,
+        production: false,
+        analytics: {
+          domain: 'gva.et-gv.fr',
+          page: {
+            categories: ['category1', 'category2', 'category3'],
+            template: 'nom template', // page template
+          },
+          site: {
+            entity: 'Pages de test du SIG', // Entity responsible for website
+          },
+        }
+      };
+    </script>
+  </head>
+
+  <body style="margin: 20px; padding: 0;">
+    <h1>Titre de la page standalone</h1>
+    <p>Ouvrir l'inspecteur pour tester l'envoi des données</p>
+    <script src='analytics.module.standalone.js'></script>
+  </body>
+</html>
diff --git a/src/analytics/standalone/main.js b/src/analytics/standalone/main.js
index 285717846..d40ed343c 100644
--- a/src/analytics/standalone/main.js
+++ b/src/analytics/standalone/main.js
@@ -1,14 +1,7 @@
-import api from '../api.js';
-import ns from '../../core/script/api/utilities/namespace';
+import api from './api.js';
 import { completeAssign } from '../../core/script/api/utilities/property/complete-assign';
 import analytics from '../script/analytics/analytics';
 
-api.inspector = completeAssign(console, {});
-
-api.internals = {
-  ns: ns
-};
-
 api.analytics = completeAssign(analytics, {});
 
 export default api;
diff --git a/src/component/breadcrumb/example/alternative/index.ejs b/src/component/breadcrumb/example/alternative/index.ejs
new file mode 100755
index 000000000..210a9b548
--- /dev/null
+++ b/src/component/breadcrumb/example/alternative/index.ejs
@@ -0,0 +1,3 @@
+<% const sample = getSample(include); %>
+
+<%- sample('Fil d’Ariane avec boutons', '../sample/sample-button', { }, true); %>
diff --git a/src/component/breadcrumb/example/index.ejs b/src/component/breadcrumb/example/index.ejs
index c6bbf61bf..b2b7c3dcf 100755
--- a/src/component/breadcrumb/example/index.ejs
+++ b/src/component/breadcrumb/example/index.ejs
@@ -1,3 +1,5 @@
 <% const sample = getSample(include); %>
 
-<%- sample('Fil d’Ariane', './sample/breadcrumb', { }, true); %>
+<%- sample('Fil d’Ariane avec liens', './sample/sample-a', { }, true); %>
+
+
diff --git a/src/component/breadcrumb/example/sample/breadcrumb.ejs b/src/component/breadcrumb/example/sample/sample-a.ejs
similarity index 100%
rename from src/component/breadcrumb/example/sample/breadcrumb.ejs
rename to src/component/breadcrumb/example/sample/sample-a.ejs
diff --git a/src/component/breadcrumb/example/sample/sample-button.ejs b/src/component/breadcrumb/example/sample/sample-button.ejs
new file mode 100644
index 000000000..1458756b1
--- /dev/null
+++ b/src/component/breadcrumb/example/sample/sample-button.ejs
@@ -0,0 +1,14 @@
+<% const data = {
+  id: uniqueId('breadcrumb'),
+  segments: [
+    { markup: 'button', path: undefined, label: 'Accueil' },
+    { markup: 'button', path: undefined, label: 'Segment 1 : lorem ipsum' },
+    { markup: 'button', path: undefined, label: 'Segment 2 : lorem ipsum' },
+    { markup: 'button', path: undefined, label: 'Segment 3 : lorem ipsum dolor sit amet' },
+    { markup: 'span', path: undefined, label: 'Page Actuelle' }
+  ],
+  ...locals.breadcrumb
+}
+%>
+
+<%- include('../../template/ejs/breadcrumb.ejs', {breadcrumb: data}); %>
diff --git a/src/component/breadcrumb/i18n/fr.yml b/src/component/breadcrumb/i18n/fr.yml
new file mode 100644
index 000000000..3b80f3d7f
--- /dev/null
+++ b/src/component/breadcrumb/i18n/fr.yml
@@ -0,0 +1,6 @@
+title: Fil d'Ariane
+description: Le fil d’Ariane est un système de navigation secondaire qui permet à l’utilisateur de se situer sur le site qu’il consulte.
+doc: https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/fil-d-ariane
+subdir:
+  title: Mises en situation
+  alternative: Alternatives
diff --git a/src/component/breadcrumb/style/_module.scss b/src/component/breadcrumb/style/_module.scss
index 7ac49cd6e..c13f144bf 100644
--- a/src/component/breadcrumb/style/_module.scss
+++ b/src/component/breadcrumb/style/_module.scss
@@ -79,15 +79,13 @@ un padding de 4px et une marge négative en compensation sont mis en place afin
     @include link-underline;
     @include disable-tint;
     @include text-style(xs);
-    @include padding(0);
     @include hover-underline;
+    @include padding(0);
 
     &[aria-current] {
-      &:not(button):not([href]) {
-        pointer-events: none;
-        cursor: default;
-        @include disable-underline;
-      }
+      pointer-events: none;
+      cursor: default;
+      @include disable-underline;
     }
   }
 }
diff --git a/src/component/breadcrumb/template/ejs/breadcrumb.ejs b/src/component/breadcrumb/template/ejs/breadcrumb.ejs
index 85c837079..85568bd8d 100644
--- a/src/component/breadcrumb/template/ejs/breadcrumb.ejs
+++ b/src/component/breadcrumb/template/ejs/breadcrumb.ejs
@@ -16,7 +16,6 @@
 <%
 let breadcrumb = locals.breadcrumb || {segments : []};
 if (breadcrumb.button === undefined) breadcrumb.button = 'Voir le fil d’Ariane';
-const markup = breadcrumb.markup || 'a';
 %>
 
 <nav role="navigation" class="<%= prefix %>-breadcrumb" aria-label="vous êtes ici :">
@@ -26,20 +25,26 @@ const markup = breadcrumb.markup || 'a';
     <ol class="<%= prefix %>-breadcrumb__list">
       <%
         let path = '';
-        const attrs = {};
         for (let i = 0; i < breadcrumb.segments.length; i++) {
+            const segmentAttrs = {};
             const segment = breadcrumb.segments[i];
+            const markup = segment.markup || 'a';
             if (segment.path != undefined) path += segment.path + '/';
-            if (segment.id) attrs.id = segment.id;
-            if (segment.href) {
-              attrs['href'] = segment.href;
+            if (segment.id) segmentAttrs.id = segment.id;
+            if (i === breadcrumb.segments.length - 1) {
+              segmentAttrs['aria-current'] = 'page';
             } else {
-              if (i === breadcrumb.segments.length - 1) attrs['aria-current'] = 'page';
-              else if (path !== '') attrs['href'] = path;
+              if (markup == 'a') {
+                if (segment.href) {
+                  segmentAttrs['href'] = segment.href;
+                } else {
+                  segmentAttrs['href'] = path;
+                }
+              }
             }
         %>
       <li>
-        <<%= markup %> class="<%= prefix %>-breadcrumb__link" <%- includeAttrs(attrs);%>><%= segment.label %></<%= markup %>>
+        <<%= markup %> class="<%= prefix %>-breadcrumb__link" <%- includeAttrs(segmentAttrs);%>><%= segment.label %></<%= markup %>>
       </li>
       <% } %>
     </ol>
diff --git a/src/component/button/style/module/_group.scss b/src/component/button/style/module/_group.scss
index 95c37d3e3..c9b8395fe 100644
--- a/src/component/button/style/module/_group.scss
+++ b/src/component/button/style/module/_group.scss
@@ -158,7 +158,7 @@
   /**
   * fr-btns-group--md : (défaut) Fixe les boutons à la taille MD
   */
-  &:where(:not(#{ns-group(btns)}--sm):not(#{ns-group(btns)}--lg)) {
+  &:not(#{ns-group(btns)}--sm):not(#{ns-group(btns)}--lg) {
     #{ns(btn)} {
       @include has-not-icon {
         @include nest-btn(md, false, null, null, false);
diff --git a/src/component/input/input-base/style/_module.scss b/src/component/input/input-base/style/_module.scss
index 9903a9424..f2772ce1a 100644
--- a/src/component/input/input-base/style/_module.scss
+++ b/src/component/input/input-base/style/_module.scss
@@ -20,6 +20,10 @@
     font-style: italic;
   }
 
+  @include contact-auto-fill-button {
+    cursor: pointer;
+  }
+
   /**
    * On applique une hauteur maximale si l'élément n'est pas un textarea
    */
diff --git a/src/component/input/input-base/style/_scheme.scss b/src/component/input/input-base/style/_scheme.scss
index 1c3e6a8ae..2fb3d1374 100644
--- a/src/component/input/input-base/style/_scheme.scss
+++ b/src/component/input/input-base/style/_scheme.scss
@@ -16,6 +16,10 @@
       @include color.text(mention grey, (legacy:$legacy));
     }
 
+    @include contact-auto-fill-button {
+      @include color.background(text label grey, (legacy:$legacy, hover: true));
+    }
+
     @include disabled.selector((legacy: $legacy), (text: true, box-shadow: bottom-2-in));
 
     @include autofill {
diff --git a/src/component/input/input-base/style/_tool.scss b/src/component/input/input-base/style/_tool.scss
index b0e1b9f88..1a78dcb1c 100644
--- a/src/component/input/input-base/style/_tool.scss
+++ b/src/component/input/input-base/style/_tool.scss
@@ -18,3 +18,9 @@
     @content;
   }
 }
+
+@mixin contact-auto-fill-button {
+  &::-webkit-contacts-auto-fill-button {
+    @content;
+  }
+}
diff --git a/src/component/modal/example/index.ejs b/src/component/modal/example/index.ejs
index 0faa1f76b..2c72f0782 100755
--- a/src/component/modal/example/index.ejs
+++ b/src/component/modal/example/index.ejs
@@ -4,20 +4,20 @@ const sample = getSample(include);
 let dataText = {
     title: 'Titre de la modale',
     icon: 'arrow-right-line',
-    body: include('../example/sample/body/text'),
+    body: include('sample/body/text')
 }
 
 let dataForm = {
     title: 'Titre de la modale',
     icon: 'arrow-right-line',
-    body: include('../example/sample/body/form'),
+    body: include('sample/body/form')
 }
 
 let dataFooterButtons = {
     title: 'Titre de la modale',
     icon: 'arrow-right-line',
-    body: include('../example/sample/body/text'),
-    footer: include('../example/sample/footer/buttons'),
+    body: include('sample/body/text', { text: { paragraphs: 6 } }),
+    footer: include('../example/sample/footer/buttons')
 }
 
 let dataFooterLinks = {
@@ -42,6 +42,6 @@ let dataFooterLinks = {
 
 <%- sample('Modale avec zone d\'action et liens', './sample/modal-default', {modal: { ...dataFooterLinks, label: 'Modale avec zone d\'action'}}, true ); %>
 
-<%- sample('Modale avec zone d\'action ancré en haut', './sample/modal-default', {modal: { ...dataFooterButtons, label: 'Modale ancrée en haut', top: true}}, true ); %>
+<%- sample('Modal avec zone d\'action ancré en haut en mobile', './sample/modal-default', {modal: { ...dataFooterButtons, label: 'Modale ancrée en haut', top: true}}, true ); %>
 
 <%- sample('Modale simple non refermable au click sur le fond', './sample/modal-default', {modal: { ...dataText, label: 'Modal simple', concealingBackdrop: false}}, true ); %>
diff --git a/src/component/modal/example/sample/body/text.ejs b/src/component/modal/example/sample/body/text.ejs
index dfa3162f4..f8f14acab 100755
--- a/src/component/modal/example/sample/body/text.ejs
+++ b/src/component/modal/example/sample/body/text.ejs
@@ -1 +1,7 @@
-<p><%- lorem() %></p>
+<%
+ const text = locals.text || { paragraphs: 1 };
+
+ for (let i = 0; i < text.paragraphs; i++) {
+ %>
+<p><%- lorem(); %></p>
+<% } %>
diff --git a/src/component/modal/legacy.scss b/src/component/modal/legacy.scss
index 82659007f..416bb7d3c 100644
--- a/src/component/modal/legacy.scss
+++ b/src/component/modal/legacy.scss
@@ -10,7 +10,6 @@
 @include media-query.order;
 
 @import 'index';
-@import 'style/legacy';
 @import 'style/scheme';
 
 @include _modal-scheme(true);
diff --git a/src/component/modal/script/modal/modal-body.js b/src/component/modal/script/modal/modal-body.js
index 6b6856140..281075d07 100644
--- a/src/component/modal/script/modal/modal-body.js
+++ b/src/component/modal/script/modal/modal-body.js
@@ -9,7 +9,7 @@ class ModalBody extends api.core.Instance {
   }
 
   init () {
-    this.listen('scroll', this.shade.bind(this));
+    this.listen('scroll', this.divide.bind(this));
   }
 
   activate () {
@@ -21,15 +21,15 @@ class ModalBody extends api.core.Instance {
     this.isResizing = false;
   }
 
-  shade () {
+  divide () {
     if (this.node.scrollHeight > this.node.clientHeight) {
       if (this.node.offsetHeight + this.node.scrollTop >= this.node.scrollHeight) {
-        this.removeClass(ModalSelector.SCROLL_SHADOW);
+        this.removeClass(ModalSelector.SCROLL_DIVIDER);
       } else {
-        this.addClass(ModalSelector.SCROLL_SHADOW);
+        this.addClass(ModalSelector.SCROLL_DIVIDER);
       }
     } else {
-      this.removeClass(ModalSelector.SCROLL_SHADOW);
+      this.removeClass(ModalSelector.SCROLL_DIVIDER);
     }
   }
 
@@ -42,7 +42,7 @@ class ModalBody extends api.core.Instance {
     const offset = OFFSET * (this.isBreakpoint(api.core.Breakpoints.MD) ? 2 : 1);
     if (this.isLegacy) this.style.maxHeight = `${window.innerHeight - offset}px`;
     else this.style.setProperty('--modal-max-height', `${window.innerHeight - offset}px`);
-    this.shade();
+    this.divide();
   }
 }
 
diff --git a/src/component/modal/script/modal/modal-selector.js b/src/component/modal/script/modal/modal-selector.js
index 2605f5573..a55b89903 100644
--- a/src/component/modal/script/modal/modal-selector.js
+++ b/src/component/modal/script/modal/modal-selector.js
@@ -2,6 +2,6 @@ import api from '../../api.js';
 
 export const ModalSelector = {
   MODAL: api.internals.ns.selector('modal'),
-  SCROLL_SHADOW: api.internals.ns.selector('scroll-shadow'),
+  SCROLL_DIVIDER: api.internals.ns.selector('scroll-divider'),
   BODY: api.internals.ns.selector('modal__body')
 };
diff --git a/src/component/modal/style/_legacy.scss b/src/component/modal/style/_legacy.scss
deleted file mode 100644
index 64dea1c96..000000000
--- a/src/component/modal/style/_legacy.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-////
-/// Modal Legacy
-/// @group modal
-////
-
-#{ns(modal)} {
-  @include body {
-    max-height: calc(100vh - 2rem);
-  }
-}
diff --git a/src/component/modal/style/_module.scss b/src/component/modal/style/_module.scss
index 5b8c53789..ec71c9cac 100644
--- a/src/component/modal/style/_module.scss
+++ b/src/component/modal/style/_module.scss
@@ -131,9 +131,11 @@
     }
   }
 
-  &__body#{ns(scroll-shadow)} {
+  &__body#{ns(scroll-divider)} {
     #{ns(modal)}__footer {
-      box-shadow: spacing.space(inset 0 -8v 6v -8v color.$black);
+      background-position: 0 0;
+      background-repeat: no-repeat;
+      background-size: 100% 1px;
     }
   }
 }
diff --git a/src/component/modal/style/_scheme.scss b/src/component/modal/style/_scheme.scss
index b934d03e2..13e1aec0e 100644
--- a/src/component/modal/style/_scheme.scss
+++ b/src/component/modal/style/_scheme.scss
@@ -10,12 +10,6 @@
   #{ns(modal)} {
     @include body {
       @include elevation.elevate(lifted, (legacy: $legacy));
-
-      &#{ns(scroll-shadow)} {
-        #{ns(modal)}__footer {
-          // @include color.background(elevated grey, (legacy:$legacy));
-        }
-      }
     }
 
     &__title {
@@ -23,7 +17,13 @@
     }
 
     &__footer {
-      @include color.background(default grey, (legacy:$legacy));
+      @include color.background(lifted grey, (legacy:$legacy));
+    }
+
+    &__body#{ns(scroll-divider)} {
+      #{ns(modal)}__footer {
+        @include color.background-image(border default grey, (legacy:$legacy));
+      }
     }
   }
 }
diff --git a/src/component/pagination/template/ejs/pagination.ejs b/src/component/pagination/template/ejs/pagination.ejs
index cdb3bf030..3d15aafd4 100644
--- a/src/component/pagination/template/ejs/pagination.ejs
+++ b/src/component/pagination/template/ejs/pagination.ejs
@@ -12,10 +12,15 @@
 * pagination.last (object, optional): item last
 
 %>
-<% let pagination = locals.pagination || {}; %>
+<% 
+  let pagination = locals.pagination || {};
+  const attrPagination = pagination.attr || {};
+  attrPagination['aria-label'] = 'Pagination';
+  if (pagination.pages && pagination.pages.length) attrPagination['data-fr-analytics-page-total'] = pagination.pages[pagination.pages.length - 1].label;
+%>
 <% eval(include('../../../../core/index.ejs')); %>
 
-<nav role="navigation" class="<%= prefix %>-pagination" aria-label="Pagination">
+<nav role="navigation" class="<%= prefix %>-pagination" <%- includeAttrs(attrPagination) %>>
   <ul class="<%= prefix %>-pagination__list">
     <%
     let disabled = pagination.pages && pagination.pages[0].active === true;
diff --git a/src/component/password/script/password/password-toggle.js b/src/component/password/script/password/password-toggle.js
index 11e682885..9be0164ff 100644
--- a/src/component/password/script/password/password-toggle.js
+++ b/src/component/password/script/password/password-toggle.js
@@ -29,7 +29,6 @@ class PasswordToggle extends api.core.Instance {
 
   toggle () {
     this.isChecked = !this._isChecked;
-    // this.node.checked = this.isChecked;
   }
 
   swapFont (families) {
diff --git a/src/component/password/style/_module.scss b/src/component/password/style/_module.scss
index da931ffee..de11bb832 100644
--- a/src/component/password/style/_module.scss
+++ b/src/component/password/style/_module.scss
@@ -14,12 +14,22 @@
     }
   }
 
+  :not(#{ns-attr(capslock)}) {
+    #{ns(password__input)} {
+      @include padding-right(4v);
+    }
+  }
+
   &__checkbox {
     @include absolute(0, 0);
   }
 
   &__input {
     @include margin-bottom(3v);
+
+    &::-webkit-caps-lock-indicator {
+      content: none;
+    }
   }
 
   &__label {
diff --git a/src/component/password/template/ejs/password.ejs b/src/component/password/template/ejs/password.ejs
index bdb1e8a22..7ab2c2dd8 100644
--- a/src/component/password/template/ejs/password.ejs
+++ b/src/component/password/template/ejs/password.ejs
@@ -35,6 +35,8 @@ input.type = 'password';
 input.icon = true; // ajoute le wrapper pour l'icone capslock
 input.required = true;
 input.attributes = input.attributes || {};
+input.attributes.autocapitalize = "off";
+input.attributes.autocorrect = "off";
 input.messages = password.messages;
 
 let checkbox = false;
diff --git a/src/core/script/api/modules/register/instance.js b/src/core/script/api/modules/register/instance.js
index 9650d2c2d..703029e35 100644
--- a/src/core/script/api/modules/register/instance.js
+++ b/src/core/script/api/modules/register/instance.js
@@ -72,24 +72,31 @@ class Instance {
 
   listen (type, closure, options) {
     if (!this._listeners[type]) this._listeners[type] = [];
-    if (this._listeners[type].indexOf(closure) > -1) return;
-    this._listeners[type].push(closure);
-    this.node.addEventListener(type, closure, options);
+    const listeners = this._listeners[type];
+    // if (listeners.some(listener => listener.closure === closure)) return;
+    const listener = new Listener(this.node, type, closure, options);
+    listeners.push(listener);
+    listener.listen();
   }
 
-  unlisten (type, closure) {
+  unlisten (type, closure, options) {
     if (!type) {
       for (const type in this._listeners) this.unlisten(type);
-    } else if (!closure) {
-      if (!this._listeners[type]) return;
-      for (const closure of this._listeners[type]) this.node.removeEventListener(type, closure);
-      this._listeners[type].length = 0;
-    } else {
-      if (!this._listeners[type]) return;
-      const index = this._listeners[type].indexOf(closure);
-      if (index > -1) this._listeners[type].splice(index, 1);
-      this.node.removeEventListener(type, closure);
+      return;
+    }
+
+    const listeners = this._listeners[type];
+
+    if (!listeners) return;
+
+    if (!closure) {
+      listeners.forEach(listener => this.unlisten(type, listener.closure));
+      return;
     }
+
+    const removal = listeners.filter(listener => listener.closure === closure && listener.matchOptions(options));
+    removal.forEach(listener => listener.unlisten());
+    this._listeners[type] = listeners.filter(listener => removal.indexOf(listener) === -1);
   }
 
   listenKey (code, closure, preventDefault = false, stopPropagation = false, type = 'down') {
@@ -404,4 +411,41 @@ class KeyAction {
   }
 }
 
+class Listener {
+  constructor (node, type, closure, options) {
+    this._node = node;
+    this._type = type;
+    this._closure = closure;
+    this._options = options;
+  }
+
+  get closure () {
+    return this._closure;
+  }
+
+  listen () {
+    this._node.addEventListener(this._type, this._closure, this._options);
+  }
+
+  matchOptions (options = null) {
+    switch (true) {
+      case options === null:
+      case typeof this._options === 'boolean' && typeof options === 'boolean' && this._options === options:
+        return true;
+
+      case Object.keys(this._options).length !== Object.keys(options).length:
+        return false;
+
+      case Object.keys(options).every(key => this._options[key] === options[key]):
+        return true;
+    }
+
+    return false;
+  }
+
+  unlisten () {
+    this._node.removeEventListener(this._type, this._closure, this._options);
+  }
+}
+
 export { Instance };
diff --git a/src/core/script/api/modules/stage/element.js b/src/core/script/api/modules/stage/element.js
index 01dc87367..567aa428d 100644
--- a/src/core/script/api/modules/stage/element.js
+++ b/src/core/script/api/modules/stage/element.js
@@ -174,7 +174,10 @@ class Element {
   }
 
   dispose () {
-    for (const instance of this.instances) instance._dispose();
+    for (let i = this.instances.length - 1; i >= 0; i--) {
+      const instance = this.instances[i];
+      if (instance) instance._dispose();
+    }
     this.instances.length = 0;
     state.remove('stage', this);
     this.parent.removeChild(this);
diff --git a/src/core/style/display/module/_hr.scss b/src/core/style/display/module/_hr.scss
index b2943cc02..dcd71d4e3 100644
--- a/src/core/style/display/module/_hr.scss
+++ b/src/core/style/display/module/_hr.scss
@@ -20,7 +20,7 @@ hr {
     @include text-style(sm);
     text-transform: uppercase;
     @include font-weight(bold);
-    @include display-flex(row, center, center, no-wrap, inline);
+    @include display-flex(row, center, center, nowrap, inline);
     @include _pseudo(before after, '', inline-flex) {
       height: 1px;
       width: 100%;
diff --git a/src/page/account/login/example/data/login.json.ejs b/src/page/account/login/example/data/login.json.ejs
index 85719e504..1500d62a5 100644
--- a/src/page/account/login/example/data/login.json.ejs
+++ b/src/page/account/login/example/data/login.json.ejs
@@ -53,7 +53,9 @@ fieldsetElements.push({
     attributes: {
       ...attributes,
       'autocomplete': 'username',
-      'aria-required': true
+      'aria-required': true,
+      'autocapitalize': 'off',
+      'autocorrect': 'off',
     },
     name: 'username'
   }
diff --git a/src/page/account/register/example/data/login.json.ejs b/src/page/account/register/example/data/login.json.ejs
index bfdf4460c..9a6e3a5e9 100644
--- a/src/page/account/register/example/data/login.json.ejs
+++ b/src/page/account/register/example/data/login.json.ejs
@@ -23,7 +23,11 @@ elements.push({
     id: uniqueId('username'),
     label: getText('login.username', 'login'),
     hint: getText('login.username.hint', 'login'),
-    name: 'username'
+    name: 'username',
+    attributes: {
+      'autocapitalize': 'off',
+      'autocorrect': 'off',
+    },
   }
 })
 
diff --git a/tool/build/example.js b/tool/build/example.js
index b31cb7532..7c30293e8 100644
--- a/tool/build/example.js
+++ b/tool/build/example.js
@@ -108,6 +108,7 @@ const renderExample = (options, node) => {
     const opts = {
       ...options,
       src: node.src,
+      config: node.config,
       relativeRoot: '../'.repeat(node.dest.split('/').length - 1),
       subdir: node.subdir || []
     };
diff --git a/tool/classes/changelog/changelog.ejs b/tool/classes/changelog/changelog.ejs
new file mode 100644
index 000000000..4426247cc
--- /dev/null
+++ b/tool/classes/changelog/changelog.ejs
@@ -0,0 +1,24 @@
+# Changelog du Système de design de l’État
+
+Toutes les modifications notables apportées à ce projet sont documentées dans ce fichier.
+
+Le format est basé sur [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
+et ce projet respecte [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+Pour plus d’informations : [Voir la documentation](https://www.systeme-de-design.gouv.fr/)
+
+<% for (const major of locals.majors) { %>
+> ## <%= major.title %>
+<% for (const minor of major.minors) { %>
+## <%= minor.title %>
+<% for (const tag of minor.tags) { %>
+### [<%= tag.tag %>](<%= tag.href %>) - <%- tag.niceDate %>
+<% for (const commit of tag.commits) { %>
+#### <%= commit.subject %><% if (commit.jira) { %> [<%- commit.jira %>]<% } %><% if (commit.href) { %> [(#<%= commit.id %>)](<%= commit.href %>)<% } %>
+<% if (commit.details) { %><%= commit.details %>
+<% } %>
+<% } %>
+<% } %>
+<% } %>
+---
+<% } %>
diff --git a/tool/classes/changelog/changelog.js b/tool/classes/changelog/changelog.js
new file mode 100644
index 000000000..588da3d3c
--- /dev/null
+++ b/tool/classes/changelog/changelog.js
@@ -0,0 +1,31 @@
+const { Tags } = require('./tag');
+const ejs = require('ejs');
+const root = require('../../utilities/root');
+const { html: beautify } = require('js-beautify');
+const { createFile } = require('../../utilities/file');
+const log = require('../../utilities/log');
+
+class Changelog {
+  constructor (current) {
+    this._current = current;
+  }
+
+  async build () {
+    this.tags = new Tags(this._current);
+    await this.tags.load();
+
+    const data = { majors: this.tags.majors };
+
+    ejs.renderFile(root('tool/classes/changelog/changelog.ejs'), data
+      , (error, str) => {
+        if (error) {
+          console.log(error);
+        } else {
+          createFile(root('CHANGELOG.md'), str, true);
+          log(38, 'CHANGELOG.md');
+        }
+      });
+  }
+}
+
+module.exports = { Changelog };
diff --git a/tool/classes/changelog/commit.js b/tool/classes/changelog/commit.js
new file mode 100644
index 000000000..b0c45b44c
--- /dev/null
+++ b/tool/classes/changelog/commit.js
@@ -0,0 +1,71 @@
+const { cmd, gitmoji } = require('./utils');
+const { remote } = require('./remote');
+const log = require('../../utilities/log');
+
+class Commit {
+  constructor (sha) {
+    this._sha = sha;
+  }
+
+  get subject () {
+    return this._subject;
+  }
+
+  get details () {
+    return this._details;
+  }
+
+  get id () {
+    return this._id;
+  }
+
+  get href () {
+    return this._href;
+  }
+
+  get jira () {
+    return false; // this._jira;
+  }
+
+  get isValid () {
+    return this._isValid;
+  }
+
+  async load () {
+    const gitLog = await cmd(`git log --format=%B -n 1 ${this._sha}`);
+    const lines = gitLog.split('\n');
+    const subject = lines[0].trim();
+    const regex = /\(#(\d+)\)/;
+    const id = subject.match(regex);
+    if (Array.isArray(id) && id.length >= 2) {
+      this._id = id[1];
+      this._href = remote.pull(this._id);
+    }
+    const idsRegex = /DS-\d+/g;
+    const ids = subject.match(idsRegex);
+    if (Array.isArray(ids) && ids.length > 0) {
+      this._jira = ids.map(id => `[${id}](<https://gouvfr.atlassian.net/browse/${id}>)`).join(',');
+    }
+
+    this._subject = gitmoji(subject.replace(regex, '').replace(/\[DS-[DS-\d, ]+]/g, '').trim());
+    this._details = lines.slice(1).join('\n').trim();
+    this._details = this._details.replace(/^#{1,6}\s/g, '').replace(/\n#{1,6}\s/g, '');
+
+    switch (true) {
+      case this._subject.match(/chore.+DSFR/) !== null:
+      case this._subject.match(/chore.+changelog/) !== null:
+      case this._subject.match(/chore.+incrémentation/) !== null:
+      case this._subject.match(/chore.+incémentation/) !== null:
+      case this._subject.match(/^((..|.|(:\w+:))\s*)?(build|chore|ci|doc|docs|feat|feature|fix|perf|refactor|revert|style|test)(\(.*\))?/i) === null:
+        this._isValid = false;
+        log.error(this._subject, true);
+        break;
+
+      default:
+        this._isValid = true;
+        log.info(this._subject, true);
+    }
+  }
+}
+
+module.exports = { Commit };
diff --git a/tool/classes/changelog/remote.js b/tool/classes/changelog/remote.js
new file mode 100644
index 000000000..539924ce0
--- /dev/null
+++ b/tool/classes/changelog/remote.js
@@ -0,0 +1,25 @@
+const { cmd } = require('./utils');
+const parseRepoURL = require('parse-github-url');
+
+class Remote {
+  async load () {
+    const remoteURL = await cmd('git config --get remote.origin.url');
+    this.remote = parseRepoURL(remoteURL);
+    const protocol = this.remote.protocol === 'http:' ? 'http:' : 'https:';
+    const hostname = this.remote.hostname || this.remote.host;
+    const repository = this.remote.repo;
+    this._url = `${protocol}//${hostname}/${repository}`;
+  }
+
+  compare (from, to) {
+    return `${this._url}/compare/${from}...${to}`;
+  }
+
+  pull (id) {
+    return `${this._url}/pull/${id}`;
+  }
+}
+
+const remote = new Remote();
+
+module.exports = { remote };
diff --git a/tool/classes/changelog/tag.js b/tool/classes/changelog/tag.js
new file mode 100644
index 000000000..791c7ace9
--- /dev/null
+++ b/tool/classes/changelog/tag.js
@@ -0,0 +1,206 @@
+const { cmd, niceDate } = require('./utils');
+const semver = require('semver');
+const { remote } = require('./remote');
+const { Commit } = require('./commit');
+
+const DIVIDER = '---';
+
+class Tags {
+  constructor (current = null) {
+    this._current = current;
+    this._majors = [];
+  }
+
+  async load () {
+    await remote.load();
+
+    const format = `%(refname:short)${DIVIDER}%(creatordate:short)`;
+    this.tags = (await cmd(`git tag -l --format=${format}`))
+      .trim()
+      .split('\n')
+      .map(content => this.formatedTag(content))
+      .filter(tag => tag.isValid)
+      .sort(this.sortTags);
+
+    if (this._current !== null) this.tags.unshift(new Tag(this._current, new Date().toISOString().substring(0, 10), true));
+
+    for (let i = 0; i < this.tags.length; i++) {
+      const tag = this.tags[i];
+      const previous = i + 1 < this.tags.length ? this.tags[i + 1] : null;
+      await tag.getCommits(previous);
+    }
+
+    console.log(`0 / ${this.totalCommits}`);
+    let loaded = 0;
+
+    for (const tag of this.tags) {
+      await tag.load();
+      loaded += tag.commits.length;
+      console.log(`${loaded} / ${this.totalCommits}`);
+
+      if (!this._majors.some(major => major.append(tag))) {
+        const major = new Major(tag.major);
+        major.append(tag);
+        this._majors.push(major);
+      }
+    }
+
+    // console.log(this._majors[1].minors);
+  }
+
+  get totalCommits () {
+    return this.tags.map(tag => tag.commits.length).reduce((partialSum, a) => partialSum + a, 0);
+  }
+
+  get majors () {
+    return this._majors;
+  }
+
+  formatedTag (content) {
+    const [tag, date] = content.split(DIVIDER);
+    return new Tag(tag, date);
+  };
+
+  sortTags (a, b) {
+    return semver.rcompare(a.version, b.version);
+  }
+}
+
+class Tag {
+  constructor (tag, date, isHead = false) {
+    this.tag = tag;
+    this.date = date;
+    this.niceDate = niceDate(date);
+    this._isHead = isHead;
+    this._version = this.inferSemver();
+
+    switch (true) {
+      case semver.valid(this.version) === null:
+      case this.tag.indexOf('unpublish') > -1:
+        this._isValid = false;
+        break;
+
+      default:
+        this._isValid = true;
+        this._major = semver.major(this._version);
+        this._minor = semver.minor(this._version);
+        this._patch = semver.patch(this._version);
+    }
+  }
+
+  get isValid () {
+    return this._isValid;// && semver.satisfies(this.version, '>=1.8.0 ');
+  }
+
+  get version () {
+    return this._version;
+  }
+
+  get href () {
+    return this._href;
+  }
+
+  get commits () {
+    return this._commits;
+  }
+
+  get major () {
+    return this._major;
+  }
+
+  get minor () {
+    return this._minor;
+  }
+
+  get patch () {
+    return this._patch;
+  }
+
+  async getCommits (previous) {
+    this._previous = previous;
+    const pv = previous ? previous.version : '0.0.0';
+    this._isMajor = Boolean(semver.diff(this.version, pv) === 'major');
+    this._isMinor = Boolean(['minor', 'preminor'].includes(semver.diff(this.version, pv)));
+    this._diff = this._isHead ? 'HEAD' : this.tag;
+    if (previous) {
+      this._diff += `...${previous.tag}`;
+      this._href = remote.compare(previous.tag, this.tag);
+    }
+
+    const log = await cmd(`git log ${this._diff} --pretty=oneline`);
+    this.log = log;
+    this._commits = log.split('\n').filter(line => line).map(line => new Commit(line.split(' ')[0]));
+  }
+
+  async load () {
+    for (const commit of this._commits) await commit.load();
+    this._commits = this._commits.filter(commit => commit.isValid);
+  }
+
+  inferSemver () {
+    const tag = this.tag.replace('v', '');
+    switch (true) {
+      case /^v?\d+$/.test(tag):
+        return `${tag}.0.0`;
+
+      case /^v?\d+\.\d+$/.test(tag):
+        return `${tag}.0`;
+
+      default:
+        return tag;
+    }
+  }
+}
+
+class Major {
+  constructor (major) {
+    this._major = major;
+    this._title = `DSFR v${major}`;
+    this._minors = [];
+  }
+
+  get title () {
+    return this._title;
+  }
+
+  get minors () {
+    return this._minors;
+  }
+
+  append (tag) {
+    if (tag.major !== this._major) return false;
+
+    if (!this._minors.some(minor => minor.append(tag))) {
+      const minor = new Minor(tag.major, tag.minor);
+      minor.append(tag);
+      this._minors.push(minor);
+    }
+
+    return true;
+  }
+}
+
+class Minor {
+  constructor (major, minor) {
+    this._major = major;
+    this._minor = minor;
+    this._title = `v${major}.${minor}`;
+    this._tags = [];
+  }
+
+  get title () {
+    return this._title;
+  }
+
+  get tags () {
+    return this._tags;
+  }
+
+  append (tag) {
+    if (tag.major !== this._major || tag.minor !== this._minor) return false;
+    this._tags.push(tag);
+    return true;
+  }
+}
+
+module.exports = { Tags };
diff --git a/tool/classes/changelog/utils.js b/tool/classes/changelog/utils.js
new file mode 100644
index 000000000..cdf53f073
--- /dev/null
+++ b/tool/classes/changelog/utils.js
@@ -0,0 +1,42 @@
+const { spawn } = require('child_process');
+
+const MONTH_NAMES = ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'];
+
+const niceDate = (string) => {
+  const date = new Date(string);
+  const dayNum = date.getUTCDate();
+  const day = dayNum === 1 ? '1er' : dayNum;
+  const month = MONTH_NAMES[date.getUTCMonth()];
+  const year = date.getUTCFullYear();
+
+  return `${day} ${month} ${year}`;
+};
+
+const cmd = (string, onProgress) => {
+  const [cmd, ...args] = string.trim().split(' ');
+  return new Promise((resolve, reject) => {
+    const child = spawn(cmd, args);
+    let data = '';
+
+    child.stdout.on('data', buffer => {
+      data += buffer.toString();
+      if (onProgress) {
+        onProgress(data.length);
+      }
+    });
+    child.stdout.on('end', () => resolve(data));
+    child.on('error', reject);
+  });
+};
+
+const GITMOJIS = {
+  ':bug:': '🐛',
+  ':sparkles:': '✨'
+};
+
+const gitmoji = (string) => {
+  for (const code in GITMOJIS) string = string.replace(code, GITMOJIS[code]);
+  return string;
+};
+
+module.exports = { cmd, niceDate, gitmoji };
diff --git a/tool/classes/example/example-node.js b/tool/classes/example/example-node.js
index e294a1121..beecac0ff 100644
--- a/tool/classes/example/example-node.js
+++ b/tool/classes/example/example-node.js
@@ -1,18 +1,23 @@
 const fs = require('fs');
 
 class ExampleNode {
-  constructor (dir, relative = '', isStandalone) {
+  constructor (dir, relative = '', isStandalone, config = 'tool/example/config.ejs') {
+    // console.log(dir, config);
     this.dir = dir;
     this.relative = relative;
     this.isStandalone = isStandalone;
     this.path = `${dir}${relative}/`;
     this._hasData = false;
     this._children = [];
+    this._config = config;
 
     if (fs.existsSync(this.path)) this._parse();
   }
 
   _parse () {
+    const config = `${this.path}config.ejs`;
+    if (fs.existsSync(config)) this._config = config;
+
     const entries = fs.readdirSync(this.path, { withFileTypes: true });
 
     for (const entry of entries) {
@@ -29,7 +34,7 @@ class ExampleNode {
   }
 
   addChild (name) {
-    const child = new ExampleNode(this.path, name);
+    const child = new ExampleNode(this.path, name, false, this._config);
     if (child.hasData) this._children.push(child);
   }
 
@@ -48,7 +53,8 @@ class ExampleNode {
       hasData: this._hasData === true,
       src: `${this.path}index.ejs`,
       dest: this._dest,
-      subdir: this._children.map(child => child.relative)
+      subdir: this._children.map(child => child.relative),
+      config: this._config
     };
 
     if (this._children.length) data.children = this._children.map(child => child.data);
diff --git a/tool/example/config.ejs b/tool/example/config.ejs
new file mode 100644
index 000000000..3e2c88f14
--- /dev/null
+++ b/tool/example/config.ejs
@@ -0,0 +1,5 @@
+{
+  // verbose: true,
+  // production: true,
+  // mode: 'manual',
+};
diff --git a/tool/example/example.ejs b/tool/example/example.ejs
index 865463e1b..407b73b42 100644
--- a/tool/example/example.ejs
+++ b/tool/example/example.ejs
@@ -15,81 +15,7 @@
   </style>
 
   <script>
-    window['<%= namespace %>'] = {
-      // verbose: true,
-      production: true,
-      // mode: 'manual',
-      analytics: {
-        domain: 'gva.et-gv.fr',
-        // collection: 'manual', // method of collection [manual, load, full, hash]
-        enableRating: true, // is click rate enabled
-        cmp: {
-          id: 'tarteaucitron'
-        },
-        page: {
-          // path: 'path_name/from/url', // path for page tracking
-          // referrer: 'path_name/ref/url/', // referrer for virtual pages (not for real page, eulerian automatically collects document.referrer)
-          // title: 'page title', // page title for virtual pages
-          // name: 'page name', // equivalent to title if not defined
-          // labels: ['category1', 'label2', 'label3', 'label4', 'label5'],
-          categories: ['category1', 'category2', 'category3'],
-          template: 'nom template', // page template
-          // group: 'group', // page group. if not defined, fallback to template value
-          // segment: 'segment', // site segment. if not defined, fallback to template value
-          // subtemplate: 'sous template', // page sub template
-          // theme: 'theme page', // page theme
-          // subtheme: 'page sous theme', // page subtheme
-          // related: 'page liée', // related page id
-          // depth: 2, // page depth
-          // isError: true, // is this an error page (404, 500, 503...)
-          // current: 4, // In case of pagination, current page number
-          // total: 40, // In case of pagination, total pages number
-          // filters: ['actualités', 'Dossier de presse'] // array of filters that were applied on the page (strings)
-        },
-        user: {
-          /*
-          connect: {
-            uid: 'XXX', // user id - required when connected
-            email: 'email@domain.com', // encoded user email - required when connected
-            isNew: true, // user just registered
-          },
-           */
-          // profile: 'visitor', // user profile
-          // language: '',
-          // type: 'pro',
-        },
-        site: {
-          // environment: 'production', // by default development ['development', 'stage', 'production']
-          entity: 'Ministère des armées', // Entity responsible for website
-          // language: '', // language of the website (ISO 639-1). default to html lang
-          // target: 'target', // site target
-          // type: 'type', // site type
-          // region: 'FR-IDF', // region of the website (ISO 3166-2:FR)
-          // department: 'FR-75', // department of the website (ISO 3166-2:FR)
-        },
-        /*
-        search: {
-          engine: 'principal',
-          results: 486,
-          terms: 'télécharger le cerfa 1234',
-          category: 'categorie',
-          theme: 'theme',
-          type: 'type',
-          method: ''
-        },
-        funnel: {
-          id: 'id',
-          type: 'type',
-          name: 'name',
-          step: 'step', // step name
-          current: 2, // step number
-          total: 7, // total number of steps
-          objective: 'objective', // form objective
-          error: 'email' // form's error type
-        }
-         */
-      }
-    };
+    window['<%= namespace %>'] = <%- include(`../../${config}`).replace(/[\r\n]/g, '\n    '); %>
   </script>
 
   <%- // include('tarteaucitron'); %>
diff --git a/tool/test/pa11y.js b/tool/test/pa11y.js
index fb486090e..8ba32630e 100644
--- a/tool/test/pa11y.js
+++ b/tool/test/pa11y.js
@@ -21,7 +21,7 @@ const displayResults = (results, darkmode) => {
 };
 
 // Run pa11y tests on each package
-const runPa11yTest = async (path, browser) => {
+const runPa11yTest = async (path, browser, hasDarkMode) => {
   const hideElements = '.is-pa11y-hidden, .code-toolbar, a:not([href]), input:disabled + label, [class*="--disabled"] > label';
 
   log(38, `\n${path}`);
@@ -40,19 +40,21 @@ const runPa11yTest = async (path, browser) => {
     displayResults(results);
   });
 
-  // pa11y - dark mode
-  await Pa11y(url, {
-    browser,
-    page,
-    timeout: 120000,
-    hideElements: hideElements,
-    ignore: ['WCAG2AA.Principle4.Guideline4_1.4_1_1.F77'], /* Ignore duplicate ID rule */
-    actions: [
-      'check field #fr-radios-theme-dark'
-    ]
-  }).then(results => {
-    displayResults(results, true);
-  });
+  if (hasDarkMode) {
+    // pa11y - dark mode
+    await Pa11y(url, {
+      browser,
+      page,
+      timeout: 120000,
+      hideElements: hideElements,
+      ignore: ['WCAG2AA.Principle4.Guideline4_1.4_1_1.F77'], /* Ignore duplicate ID rule */
+      actions: [
+        'check field #fr-radios-theme-dark'
+      ]
+    }).then(results => {
+      displayResults(results, true);
+    });
+  }
 
   await page.close();
 };
@@ -60,7 +62,7 @@ const runPa11yTest = async (path, browser) => {
 const getPackageNodeDest = (node) => {
   const dest = [node.dest];
   if (node.children) dest.push(...node.children.map(child => getPackageNodeDest(child)));
-  return dest;
+  return dest.flat(1000);
 };
 
 const testPa11y = async (packages) => {
@@ -71,13 +73,14 @@ const testPa11y = async (packages) => {
 
   const publisheds = packages.filter(pck => !pck.draft);
 
-  const paths = publisheds.map(pck => {
-    return pck.example.root ? getPackageNodeDest(pck.example.root) : [];
-  }).flat(1000);
-
   const browser = await Puppeteer.launch();
 
-  for (const path of paths) await runPa11yTest(path, browser);
+  for (const pck of publisheds) {
+    if (!pck.example.root) continue;
+    const paths = getPackageNodeDest(pck.example.root);
+
+    for (const path of paths) await runPa11yTest(path, browser, !pck.noParameter);
+  }
 
   await browser.close();
 
diff --git a/tool/tool.js b/tool/tool.js
index 750982121..9b7a8d320 100755
--- a/tool/tool.js
+++ b/tool/tool.js
@@ -1,5 +1,7 @@
 #!/usr/bin/env node
 
+const { Changelog } = require('./classes/changelog/changelog');
+
 const yargs = require('yargs');
 const build = require('./build/build');
 const buildRouting = require('./generate/routing');
@@ -265,6 +267,32 @@ const standaloneHandler = async (argv) => {
   await standalone(settings);
 };
 
+/**
+ * Changelog
+ */
+const changelogBuilder = (yargs) => {
+  return yargs
+    .usage('Usage: $0 -t X.X.X')
+    .example(
+      '$0 -t X.X.X',
+      'génère le fichier changelog'
+    )
+    .option('tag', {
+      alias: '-t',
+      describe: 'prochain tag',
+      type: 'string'
+    });
+};
+
+const changelogHandler = async (argv) => {
+  const settings = {
+    tag: argv.tag
+  };
+
+  const changelog = new Changelog(settings.tag);
+  await changelog.build();
+};
+
 yargs
   .scriptName('tool')
   .command(
@@ -297,5 +325,11 @@ yargs
     standaloneBuilder,
     standaloneHandler
   )
+  .command(
+    'changelog',
+    'génération du changelog',
+    changelogBuilder,
+    changelogHandler
+  )
   .help()
   .argv;
diff --git a/yarn.lock b/yarn.lock
index f583fe78d..2dccaa69e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1463,17 +1463,6 @@ atob@^2.1.2:
   resolved "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
-auto-changelog@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/auto-changelog/-/auto-changelog-2.4.0.tgz#a2d57d49b70ada7ca2e7c6a20a71572561d19cd9"
-  integrity sha512-vh17hko1c0ItsEcw6m7qPRf3m45u+XK5QyCrrBFViElZ8jnKrPC1roSznrd1fIB/0vR/zawdECCRJtTuqIXaJw==
-  dependencies:
-    commander "^7.2.0"
-    handlebars "^4.7.7"
-    node-fetch "^2.6.1"
-    parse-github-url "^1.0.2"
-    semver "^7.3.5"
-
 autoprefixer@^9.8.6:
   version "9.8.8"
   resolved "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz"
@@ -3705,18 +3694,6 @@ grapheme-splitter@^1.0.4:
   resolved "https://registry.npmjs.org/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz"
   integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
 
-handlebars@^4.7.7:
-  version "4.7.7"
-  resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
-  integrity sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==
-  dependencies:
-    minimist "^1.2.5"
-    neo-async "^2.6.0"
-    source-map "^0.6.1"
-    wordwrap "^1.0.0"
-  optionalDependencies:
-    uglify-js "^3.1.4"
-
 hard-rejection@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz"
@@ -5376,11 +5353,6 @@ negotiator@0.6.3:
   resolved "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz"
   integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
 
-neo-async@^2.6.0:
-  version "2.6.2"
-  resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
-  integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
-
 node-fetch@^2.6.1:
   version "2.6.7"
   resolved "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz"
@@ -6753,10 +6725,17 @@ semver@^6.0.0, semver@^6.1.0, semver@^6.3.0:
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.3.5:
-  version "7.3.8"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798"
-  integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A==
+semver@^7.3.2:
+  version "7.5.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.0.tgz#ed8c5dc8efb6c629c88b23d41dc9bf40c1d96cd0"
+  integrity sha512-+XC0AD/R7Q2mPSRuy2Id0+CGTZ98+8f+KvwirxOKIEyid+XSx6HbC63p+O4IndTHuX5Z+JxQ0TghCkO5Cg/2HA==
+  dependencies:
+    lru-cache "^6.0.0"
+
+semver@^7.5.0:
+  version "7.5.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.1.tgz#c90c4d631cf74720e46b21c1d37ea07edfab91ec"
+  integrity sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==
   dependencies:
     lru-cache "^6.0.0"
 
@@ -7630,11 +7609,6 @@ ua-parser-js@^1.0.33:
   resolved "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.34.tgz"
   integrity sha512-K9mwJm/DaB6mRLZfw6q8IMXipcrmuT6yfhYmwhAkuh+81sChuYstYA+znlgaflUPaYUa3odxKPKGw6Vw/lANew==
 
-uglify-js@^3.1.4:
-  version "3.17.4"
-  resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.17.4.tgz#61678cf5fa3f5b7eb789bb345df29afb8257c22c"
-  integrity sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==
-
 unbox-primitive@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.1.tgz"
@@ -7943,11 +7917,6 @@ word-wrap@^1.2.3, word-wrap@~1.2.3:
   resolved "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.3.tgz"
   integrity sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==
 
-wordwrap@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
-  integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
-
 wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz"