mermaid.md

@@ -61,6 +61,48 @@ flowchart LR
     style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
 ```
 
+
+```mermaid
+graph TB
+  subgraph Pages
+    subgraph Page1
+       S1[Section 11]:::blue;
+       S2[Section 12]:::blue;
+       S2-.->|hyperlien| S3;
+       S3[Section 13 <br> hyper importante]:::blue;
+    end
+    subgraph Page2
+       S4[Section 21]:::Ao_green;
+       S5[Section 22]:::Ao_green;
+       S5-.->|hyperlien| S3;
+       S6[Section 23]:::Ao_green;
+       S6-.->|hyperlien| S4;
+    end
+    
+  end 
+  subgraph SideBar
+    direction TB
+    subgraph Section1
+      B1[Page 1]:::brass ;
+      B13[Page 1 section3]:::brass -.-> S3
+    end
+    subgraph Section2
+      B2[Page 2]:::brass;
+      
+    end
+  end 
+  %% SideBar --> Pages
+
+
+  
+classDef blue fill:#58a;
+classDef brass fill:#c97;
+classDef Ao_green fill:#080;
+classDef gold fill:#fa0;
+
+```
+
+
 ```mermaid
 graph TD