mermaid.md

@@ -6,7 +6,8 @@ https://css-tricks.com/making-mermaid-diagrams-in-markdown/
 
 https://mermaid-js.github.io/mermaid/#/
 
-## Graphes
+## Graphes 
+Doc spécifique [doc flowchart](https://mermaid-js.github.io/mermaid/#/flowchart)
 ex de la doc
 ```mermaid
 graph TD;
@@ -26,7 +27,7 @@ graph TD
     C -->|Three| F[fa:fa-car Car]
 ```
 
-mon exemple ; testé sous l'éditeur live : on n'a pas droit aux parenthèses ni aux guillemets
+mon exemple ; testé sous l'éditeur live : on n'a pas droit aux parenthèses ni aux guillemets (sauf via leur code : :#quot ?)
 ```mermaid
 graph TD
   A[Hydrologie, analyse des DEBITS ]-->|scénario probabilisé, alias crue de projet| B[Hydraulique, calcul des HAUTEURS d'eau];
@@ -34,6 +35,20 @@ graph TD
   C-->|aire sous la courbe dommage-fréquence| D[Dommages Moyens Annualisés, en EUROS par an]
 
 ```
+Avec des couleurs (https://www.colorhexa.com/color-names)
+
+```mermaid
+graph TD
+  A:::blue[Hydrologie, analyse des DEBITS ]-->|scénario probabilisé, alias crue de projet| B[Hydraulique, calcul des HAUTEURS d'eau];
+  B-->|courbe d'endommagement, fonction de la hauteur| C:::Ao_green[Economie, Dommages par scénario en EUROS par événement]
+  C-->|aire sous la courbe dommage-fréquence| D:::Ao_green[Dommages Moyens Annualisés, en EUROS par an]
+classDef blue fill:#5d8aa8;
+classDef brass fill:#cd9575;
+classDef Ao_green fill:#008000;
+
+```
+
+
 git ?
 ```mermaid
     gitGraph