diff --git a/docs/index.md b/docs/index.md
index 9e0d46a..e03e535 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -6,6 +6,32 @@ hide:
 
 # Gestion d'une base adresse avec QGIS et Lizmap
 
+## Diagrammes
+
+```mermaid
+graph TD
+Database_Structure[Création de la structure de la base de données]
+Load_Layers[Chargement des couches]
+Load_Styles[Chargements des styles]
+Config_Project[Configuration du projet]
+
+subgraph QGIS
+Database_Structure --> Load_Layers
+Load_Layers --> Load_Styles
+Load_Layers --> Config_Project
+end
+```
+```mermaid
+graph TD
+Lizmap_edit[Edition dans Lizmap]
+Export_doc[Export des documents avec Lizmap]
+
+subgraph Lizmap
+Lizmap_edit
+Export_doc
+end
+```
+
 ![Logo](media/icon.png)
 
 Démo du module web sur [demo.lizmap.com](https://demo.lizmap.com/adresse/index.php/view/map/?repository=demo&project=adresse)
diff --git a/mkdocs.yml b/mkdocs.yml
index 2b89e49..64aeb2c 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -32,6 +32,10 @@ markdown_extensions:
       linenums: true
       linenums_style: pymdownx.inline
   - pymdownx.superfences:
+      custom_fences:
+        - name: mermaid
+          class: mermaid
+          format: !!python/name:pymdownx.superfences.fence_div_format
   - pymdownx.tabbed:
   - pymdownx.magiclink:
   - pymdownx.tasklist:
@@ -39,9 +43,11 @@ markdown_extensions:
   - pymdownx.keys:
   - attr_list:
   - admonition:
+  - pymdownx.details:
 
 extra_javascript:
   - https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js
+  - https://unpkg.com/mermaid@8.6.4/dist/mermaid.min.js
 extra_css:
   - https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/default.min.css