page menu et chemin, partie1

28 files changed, 629 insertions, 109 deletions

diff --git a/public/assets/arrow-down.svg b/public/assets/arrow-down.svg
index bd7d579..6e5be60 100644
--- a/public/assets/arrow-down.svg
+++ b/public/assets/arrow-down.svg
@@ -5,7 +5,7 @@
    version="1.1"
    id="svg1"
    sodipodi:docname="arrow-down.svg"
-   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -22,18 +22,15 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:zoom="14.75"
-     inkscape:cx="12"
+     inkscape:cx="12.033898"
      inkscape:cy="12.033898"
-     inkscape:window-width="1261"
+     inkscape:window-width="956"
      inkscape:window-height="1032"
-     inkscape:window-x="655"
+     inkscape:window-x="960"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg1" />
   <path
-     d="M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z"
-     id="path1" />
-  <path
      style="fill:#dd3333;stroke:#dd3333;stroke-width:0.256239"
      d="M 8.1361932,16.102295 4.2726833,12.238339 4.9491052,11.559369 5.6255269,10.8804 8.2707084,13.524946 c 1.4548498,1.4545 2.6679196,2.644546 2.6957116,2.644546 0.02779,0 0.05053,-2.730509 0.05053,-6.067797 V 4.0338983 H 12 12.983051 v 6.0677967 c 0,3.337288 0.02274,6.067797 0.05053,6.067797 0.02779,0 1.240862,-1.190046 2.695712,-2.644546 l 2.645181,-2.644546 0.676496,0.679044 0.676496,0.679044 -3.863881,3.863881 -3.863881,3.863882 z"
      id="path2" />
diff --git a/public/assets/arrow-left-nb.svg b/public/assets/arrow-left-nb.svg
new file mode 100644
index 0000000..3f6a76f
--- /dev/null
+++ b/public/assets/arrow-left-nb.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="arrow-left-nb.svg"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="29.5"
+     inkscape:cx="12.525424"
+     inkscape:cy="11.745763"
+     inkscape:window-width="1916"
+     inkscape:window-height="1032"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="m 7.82851,12.99999 5.364,5.364 -1.4142,1.4142 -7.7782,-7.7782 7.7782,-7.77818 1.4142,1.41422 -5.364,5.36396 h 12.1716 v 2 z"
+     id="path1" />
+</svg>
diff --git a/public/assets/arrow-left.svg b/public/assets/arrow-left.svg
new file mode 100644
index 0000000..191aaf3
--- /dev/null
+++ b/public/assets/arrow-left.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="arrow-left.svg"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="31.112698"
+     inkscape:cx="15.443855"
+     inkscape:cy="9.9155655"
+     inkscape:window-width="1916"
+     inkscape:window-height="1032"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.485914"
+     d="M 13.840048,12.935842 H 7.7022235 l 2.6973745,2.699672 2.697375,2.699671 -0.674256,0.674256 L 11.74846,19.683698 7.9248226,15.86006 4.1011848,12.036422 7.956427,8.1795725 l 3.855242,-3.856848 0.642652,0.642652 0.642652,0.642652 -2.697375,2.69967 -2.6973745,2.6996705 h 6.1378245 6.137824 v 0.964237 0.964236 z"
+     id="path2" />
+</svg>
diff --git a/public/assets/arrow-right-nb.svg b/public/assets/arrow-right-nb.svg
new file mode 100644
index 0000000..0b76c4e
--- /dev/null
+++ b/public/assets/arrow-right-nb.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="arrow-right-nb.svg"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="29.5"
+     inkscape:cx="12.525424"
+     inkscape:cy="11.745763"
+     inkscape:window-width="1916"
+     inkscape:window-height="1032"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     d="m 16.17171,11.00001 -5.364,-5.364 1.4142,-1.4142 7.7782,7.7782 -7.7782,7.77818 -1.4142,-1.41422 5.364,-5.36396 H 4.00011 v -2 z"
+     id="path1" />
+</svg>
diff --git a/public/assets/arrow-right.svg b/public/assets/arrow-right.svg
new file mode 100644
index 0000000..976bfa4
--- /dev/null
+++ b/public/assets/arrow-right.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="arrow-right.svg"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="31.112698"
+     inkscape:cx="15.443855"
+     inkscape:cy="9.9155655"
+     inkscape:window-width="1916"
+     inkscape:window-height="1032"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.485914"
+     d="m 10.138408,11.070544 h 6.137825 l -2.697375,-2.6996714 -2.697375,-2.6996709 0.674256,-0.6742566 0.674257,-0.6742565 3.823638,3.8236378 3.823638,3.8236376 -3.855242,3.85685 -3.855243,3.856848 -0.642652,-0.642652 -0.642652,-0.642652 2.697375,-2.69967 2.697375,-2.699671 H 10.138408 4.0005845 V 12.03478 11.070544 Z"
+     id="path2" />
+</svg>
diff --git a/public/assets/arrow-up.svg b/public/assets/arrow-up.svg
index c88794d..bbacb0d 100644
--- a/public/assets/arrow-up.svg
+++ b/public/assets/arrow-up.svg
@@ -5,7 +5,7 @@
    version="1.1"
    id="svg1"
    sodipodi:docname="arrow-up.svg"
-   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -21,19 +21,16 @@
      inkscape:pageopacity="0.0"
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
-     inkscape:zoom="7.7781746"
-     inkscape:cx="19.734707"
-     inkscape:cy="19.220448"
-     inkscape:window-width="956"
+     inkscape:zoom="31.112698"
+     inkscape:cx="15.443855"
+     inkscape:cy="9.9155655"
+     inkscape:window-width="1916"
      inkscape:window-height="1032"
-     inkscape:window-x="960"
+     inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg1" />
   <path
-     d="M13.0001 7.82843V20H11.0001V7.82843L5.63614 13.1924L4.22192 11.7782L12.0001 4L19.7783 11.7782L18.3641 13.1924L13.0001 7.82843Z"
-     id="path1" />
-  <path
      style="fill:#dd3333;stroke:#dd3333;stroke-width:0.485914"
      d="M 11.056579,13.854013 V 7.7161883 L 8.3569078,10.413563 5.6572369,13.110938 4.9829803,12.436682 4.3087238,11.762425 8.1323616,7.9387874 11.955999,4.1151496 l 3.85685,3.8552422 3.856848,3.8552422 -0.642652,0.642652 -0.642652,0.642652 -2.69967,-2.697375 -2.699671,-2.6973747 v 6.1378247 6.137824 h -0.964237 -0.964236 z"
      id="path2" />
diff --git a/public/assets/book-open.svg b/public/assets/book-open.svg
index 383bc6d..1d24a52 100644
--- a/public/assets/book-open.svg
+++ b/public/assets/book-open.svg
@@ -5,7 +5,7 @@
    version="1.1"
    id="svg1"
    sodipodi:docname="book-open.svg"
-   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -24,16 +24,13 @@
      inkscape:zoom="16.333333"
      inkscape:cx="13.714286"
      inkscape:cy="10.010204"
-     inkscape:window-width="1367"
+     inkscape:window-width="1916"
      inkscape:window-height="1032"
-     inkscape:window-x="549"
+     inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg1" />
   <path
-     d="M13 21V23H11V21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H9C10.1947 3 11.2671 3.52375 12 4.35418C12.7329 3.52375 13.8053 3 15 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H13ZM20 19V5H15C13.8954 5 13 5.89543 13 7V19H20ZM11 19V7C11 5.89543 10.1046 5 9 5H4V19H11Z"
-     id="path1" />
-  <path
      style="fill:#dd3333;stroke:#dd3333;stroke-width:0.462799"
      d="m 11.020408,21.985643 v -0.97354 L 6.8668354,20.975439 2.7132626,20.938776 2.3974476,20.641921 2.0816327,20.345066 V 12 3.6549341 l 0.3162118,-0.2968548 0.3162119,-0.2968548 3.5103187,0.00234 c 3.2760872,0.00218 3.5522704,0.01942 4.1390279,0.2583701 0.34579,0.1408189 0.852538,0.4359086 1.126107,0.655755 l 0.497399,0.3997205 0.605683,-0.4446121 c 1.1434,-0.8393329 1.270609,-0.8605967 5.183033,-0.8663802 l 3.510319,-0.00519 0.316211,0.2968548 0.316212,0.2968548 V 12 20.345066 l -0.315815,0.296855 -0.315814,0.296855 -4.153574,0.03666 -4.153572,0.03666 v 0.97354 0.973541 H 12 11.020408 Z m 0,-9.294065 V 6.3423387 L 10.744898,5.9375303 C 10.12681,5.0293713 10.107047,5.0245329 6.8484856,4.9836104 L 3.9183674,4.9468125 v 7.0470025 7.047001 h 3.5510204 3.5510202 z m 9.061225,-0.697763 V 4.9468125 l -2.930119,0.036798 c -3.258561,0.040922 -3.278324,0.045761 -3.896412,0.9539199 l -0.27551,0.4048084 v 6.3492392 6.349238 h 3.55102 3.551021 z"
      id="path2" />
diff --git a/public/assets/calendar.svg b/public/assets/calendar.svg
index d8a0862..2a1100d 100644
--- a/public/assets/calendar.svg
+++ b/public/assets/calendar.svg
@@ -5,7 +5,7 @@
    version="1.1"
    id="svg1"
    sodipodi:docname="calendar.svg"
-   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -22,18 +22,15 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:zoom="16.333333"
-     inkscape:cx="10.867347"
-     inkscape:cy="7.0714286"
-     inkscape:window-width="1378"
+     inkscape:cx="10.836735"
+     inkscape:cy="7.0714287"
+     inkscape:window-width="1916"
      inkscape:window-height="1032"
-     inkscape:window-x="538"
+     inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg1" />
   <path
-     d="M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z"
-     id="path1" />
-  <path
      style="fill:#dd3333;stroke-width:0.2314;fill-opacity:1"
      d="M 2.6632967,20.900914 C 2.5791303,20.867183 2.4456452,20.779249 2.3666632,20.705506 2.0328996,20.393883 2.0510204,20.894721 2.0510204,11.981482 V 3.7221898 L 2.1887755,3.5197856 C 2.2645408,3.4084632 2.4042737,3.2597461 2.4992931,3.1893029 2.6658093,3.0658553 2.7504798,3.0605903 4.8411299,3.0436855 L 7.0102041,3.0261465 V 2.0181753 1.0102041 h 0.9795918 0.9795919 v 1.0102041 1.010204 H 12 15.030612 V 2.0204082 1.0102041 h 0.979592 0.979592 v 1.0079712 1.0079712 l 2.169074,0.017539 c 2.09065,0.016905 2.175321,0.02217 2.341837,0.1456174 0.09502,0.070443 0.234752,0.2191603 0.310518,0.3304827 L 21.94898,3.7221898 V 12 20.27781 l -0.137755,0.202405 c -0.07577,0.111322 -0.215538,0.260039 -0.310605,0.330482 l -0.17285,0.128079 -9.255722,0.01173 c -6.0661846,0.0077 -9.3084558,-0.0094 -9.4087513,-0.0496 z M 20.05102,15 V 10.989796 H 12 3.9489796 V 15 19.010204 H 12 20.05102 Z m 0,-7.9897959 V 4.9897959 H 18.520408 16.989796 V 5.9693878 6.9489796 H 16.010204 15.030612 V 5.9693878 4.9897959 H 12 8.9693878 V 5.9693878 6.9489796 H 7.9897959 7.0102041 V 5.9693878 4.9897959 H 5.4795918 3.9489796 V 7.0102041 9.0306123 H 12 20.05102 Z"
      id="path2" />
diff --git a/public/assets/delete-bin.svg b/public/assets/delete-bin.svg
index d534c53..69f9f03 100644
--- a/public/assets/delete-bin.svg
+++ b/public/assets/delete-bin.svg
@@ -5,7 +5,7 @@
    version="1.1"
    id="svg1"
    sodipodi:docname="delete-bin.svg"
-   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -22,18 +22,15 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:zoom="5.7747054"
-     inkscape:cx="8.0523589"
+     inkscape:cx="8.0523588"
      inkscape:cy="13.940105"
-     inkscape:window-width="956"
+     inkscape:window-width="636"
      inkscape:window-height="1032"
-     inkscape:window-x="960"
+     inkscape:window-x="640"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg1" />
   <path
-     d="M17 6H22V8H20V21C20 21.5523 19.5523 22 19 22H5C4.44772 22 4 21.5523 4 21V8H2V6H7V3C7 2.44772 7.44772 2 8 2H16C16.5523 2 17 2.44772 17 3V6ZM18 8H6V20H18V8ZM9 11H11V17H9V11ZM13 11H15V17H13V11ZM9 4V6H15V4H9Z"
-     id="path1" />
-  <path
      style="fill:#dd3333;stroke:#dd3333;stroke-width:0.654497"
      d="M 4.428179,21.633757 C 4.1901151,21.395692 4.1560562,20.517904 4.1560562,14.620412 V 7.8791899 H 3.1170421 2.0780281 V 7.0133448 6.1474998 H 4.5889787 7.0999293 V 4.4910099 c 0,-0.9110696 0.080668,-1.8072192 0.1792618,-1.9914437 0.1701493,-0.317927 0.4073212,-0.3349536 4.6657439,-0.3349536 5.369132,0 5.025628,-0.1624223 5.025628,2.3763127 v 1.6065745 h 2.51095 2.510951 v 0.865845 0.8658451 H 20.95345 19.914436 v 6.7267521 c 0,6.296846 -0.02024,6.745069 -0.316681,7.013345 -0.28412,0.257124 -1.066299,0.286592 -7.607067,0.286592 -6.396732,0 -7.3237431,-0.03336 -7.562509,-0.272122 z M 18.009577,13.940105 V 7.8791899 H 11.948662 5.8877463 v 6.0609151 6.060915 h 6.0609157 6.060915 z M 15.065704,5.0219012 V 3.8963027 H 11.948662 8.8316194 v 1.0101525 c 0,0.555584 0.051951,1.0621033 0.1154461,1.1255985 0.063495,0.063495 1.4661645,0.1154461 3.1170425,0.1154461 h 3.001596 z"
      id="path2" />
diff --git a/public/assets/edit.svg b/public/assets/edit.svg
index 2c1fd10..17b2dec 100644
--- a/public/assets/edit.svg
+++ b/public/assets/edit.svg
@@ -5,7 +5,7 @@
    version="1.1"
    id="svg1"
    sodipodi:docname="edit.svg"
-   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -22,18 +22,15 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      inkscape:zoom="8.1666667"
-     inkscape:cx="18.979592"
+     inkscape:cx="19.040816"
      inkscape:cy="21.734694"
-     inkscape:window-width="1347"
+     inkscape:window-width="636"
      inkscape:window-height="1032"
-     inkscape:window-x="569"
+     inkscape:window-x="640"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg1" />
   <path
-     d="M6.41421 15.89L16.5563 5.74785L15.1421 4.33363L5 14.4758V15.89H6.41421ZM7.24264 17.89H3V13.6473L14.435 2.21231C14.8256 1.82179 15.4587 1.82179 15.8492 2.21231L18.6777 5.04074C19.0682 5.43126 19.0682 6.06443 18.6777 6.45495L7.24264 17.89ZM3 19.89H21V21.89H3V19.89Z"
-     id="path1" />
-  <path
      style="fill:#dd3333;stroke:#dd3333;stroke-width:0.462799"
      d="M 3.0612245,20.877551 V 19.897959 H 12 20.938776 v 0.979592 0.979592 H 12 3.0612245 Z"
      id="path2" />
diff --git a/public/assets/share.svg b/public/assets/share.svg
index e053051..eb47002 100644
--- a/public/assets/share.svg
+++ b/public/assets/share.svg
@@ -4,8 +4,8 @@
    fill="currentColor"
    version="1.1"
    id="svg1"
-   sodipodi:docname="share-forward.svg"
-   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   sodipodi:docname="share.svg"
+   inkscape:version="1.4.1 (93de688d07, 2025-03-30)"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -24,16 +24,13 @@
      inkscape:zoom="5.3333333"
      inkscape:cx="18.46875"
      inkscape:cy="16.03125"
-     inkscape:window-width="956"
+     inkscape:window-width="636"
      inkscape:window-height="1032"
-     inkscape:window-x="960"
+     inkscape:window-x="640"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg1" />
   <path
-     d="M13 14H11C7.54202 14 4.53953 15.9502 3.03239 18.8107C3.01093 18.5433 3 18.2729 3 18C3 12.4772 7.47715 8 13 8V2.5L23.5 11L13 19.5V14ZM11 12H15V15.3078L20.3214 11L15 6.69224V10H13C10.5795 10 8.41011 11.0749 6.94312 12.7735C8.20873 12.2714 9.58041 12 11 12Z"
-     id="path1" />
-  <path
      style="fill:#dd3333;stroke:#dd3333;stroke-width:0.708661"
      d="m 13.125,16.62281 v -2.65406 l -1.734375,0.0046 c -3.1289994,0.0083 -4.7715187,0.662267 -6.84375,2.72496 L 3.1875,18.051411 3.1920836,17.275706 C 3.2079642,14.588168 5.033385,11.457683 7.5641723,9.7778419 8.8054939,8.9538996 11.118995,8.15625 12.267434,8.15625 H 13.125 V 5.5156251 c 0,-1.4523438 0.07229,-2.6125001 0.160633,-2.5781251 0.344223,0.1339326 9.936632,7.944961 9.904618,8.065257 -0.0187,0.07027 -2.143376,1.831888 -4.721501,3.914713 -2.578125,2.082826 -4.835156,3.915756 -5.015625,4.073178 C 13.142599,19.261519 13.125,19.134524 13.125,16.62281 Z m 7.253039,-5.611275 c 0.01886,-0.07509 -1.162391,-1.0943592 -2.625,-2.2650333 L 15.09375,6.6180036 15.039575,8.2308767 14.9854,9.84375 13.914575,9.844836 c -1.658785,0.00168 -3.170519,0.311395 -4.4246483,0.906488 -1.150183,0.545771 -2.7354857,1.775452 -2.5436777,1.97307 0.056375,0.05808 0.520437,-0.02888 1.03125,-0.193243 0.6245522,-0.200964 1.9267104,-0.328748 3.975626,-0.390138 L 15,12.049721 v 1.702541 1.70254 l 2.671875,-2.153366 c 1.469531,-1.184352 2.687305,-2.214808 2.706164,-2.289901 z"
      id="path2" />
diff --git a/public/css/foot.css b/public/css/foot.css
index 0e454ac..91f67ab 100644
--- a/public/css/foot.css
+++ b/public/css/foot.css
@@ -124,3 +124,25 @@ footer > div
         background-color: #ffff00;
         border-radius: 4px;
 }
+
+.toast {
+    visibility: hidden;
+    /*max-width: 50%;*/
+    margin: auto;
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    border-radius: 5px;
+    padding: 16px;
+    position: fixed;
+    z-index: 1;
+    left: 50%;
+    bottom: 30px;
+    transform: translateX(-50%);
+    /*opacity: 0;*/
+    transition: opacity 0.5s, visibility 0.5s;
+}
+.toast.show {
+    visibility: visible;
+    opacity: 1;
+}
\ No newline at end of file
diff --git a/public/css/head.css b/public/css/head.css
index a718a45..4872275 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -6,7 +6,7 @@ header
         background-image: url('../assets/fond-piscine.jpg');
         background-size: cover; /* largeur du bloc_page  */
 }
-.empty_nav_zone
+#nav_zone
 {
         /*margin: auto;*/
         /*max-width: 1200px;*/
diff --git a/public/css/menu.css b/public/css/menu.css
new file mode 100644
index 0000000..cce1d43
--- /dev/null
+++ b/public/css/menu.css
@@ -0,0 +1,72 @@
+/* page "Menu et chemins" uniquement */
+
+.menu
+{
+        padding: 0 20px;
+}
+.menu img
+{
+        width: 20px;
+        vertical-align: middle;
+}
+
+/* explications pour l'utiisateur */
+.menu aside
+{
+        display: flex;
+        flex-wrap: wrap;
+        background-color: white;
+        padding: 10px;
+}
+.menu aside p
+{
+        margin: 5px;
+        font-size: smaller;
+}
+.menu aside input
+{
+        pointer-events: none; /* case non clicable, sauf action au clavier... */
+}
+
+.menu button
+{
+        margin: 5px;
+}
+input
+{
+        vertical-align: middle;
+}
+.menu_entry_checkbox
+{
+        margin-left: 2px;
+}
+.move_entry_icon
+{
+        width: 20px;
+        vertical-align: middle;
+        border: 2px #e3f3ff solid;
+}
+.move_entry_icon:hover
+{
+        background-color: #ffff00;
+        border-radius: 4px;
+        border: lightgrey 2px outset;
+        cursor: pointer;
+}
+
+.menu .new_entry_buttons
+{
+        background-color: white;
+        padding: 10px;
+}
+.menu .new_entry_buttons p
+{
+        margin: 5px;
+}
+
+@media screen and (min-width: 80rem) {
+        i
+        {
+                /*display: none;*/
+        }
+}
\ No newline at end of file
diff --git a/public/js/main.js b/public/js/main.js
index cb76ea8..fadcfa9 100644
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -29,10 +29,17 @@ function copyInClipBoard(link){
         alert('Cette adresse a été copiée dans le presse-papier:\n\n' + link);
 }
 
+function toastNotify(message) {
+    var toast = document.getElementById('toast');
+    toast.textContent = message;
+    toast.className = 'toast show';
+    setTimeout(function(){ toast.className = toast.className.replace('show', ''); }, 3000);
+}
+
 // complète les fonctions dans tinymce.js
 function switchPositions(article_id, direction)
 {
-        const current_article = findParent(document.getElementById(article_id), 'article');
+        const current_article = findParent(document.getElementById(article_id), 'article'); // l'id n'est pas sur la bonne balise
         var other_article;
 
         if(direction == 'down'){
@@ -195,4 +202,100 @@ function findParent(element, tag_name){
         element = element.parentElement;
     }
     return null;
+}
+
+/* page Menu et chemins */
+function moveOneLevelUp(){}
+function moveOneLevelDown(){}
+
+function switchMenuPositions(page_id, direction)
+{
+        const nav_zone = document.getElementById("nav_zone"); // parent de <nav>
+        const clicked_menu_entry = document.getElementById(page_id); // div parente du bouton
+        var other_entry = null;
+
+        // pas bon
+        if(direction == 'down'){
+                other_entry = clicked_menu_entry.nextElementSibling;
+        }
+        else if(direction == 'up'){
+                other_entry = clicked_menu_entry.previousElementSibling;
+        }
+
+        if(other_entry == null){
+                console.log('Inversion impossible');
+                return;
+        }
+        
+    fetch('index.php?menu_edit=switch_positions', {
+        method: 'POST',
+        headers: {
+        'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({ id1: clicked_menu_entry.id, id2: other_entry.id })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if(data.success)
+        {
+                if(direction == 'down'){
+                                clicked_menu_entry.parentElement.insertBefore(other_entry, clicked_menu_entry);
+                                console.log('Inversion réussie');
+                        }
+                        else if(direction == 'up'){
+                                other_entry.parentElement.insertBefore(clicked_menu_entry, other_entry);
+                                console.log('Inversion réussie');
+                        }
+                        else{
+                                console.error('Échec de l\'inversion');
+                        }
+
+                // remplacement du menu
+                nav_zone.innerHTML = '';
+                nav_zone.insertAdjacentHTML('afterbegin', data.nav);
+        }
+        else {
+
+            console.error('Échec de l\'inversion');
+        }
+    })
+    .catch(error => {
+        console.error('Erreur:', error);
+    });
+}
+
+function checkMenuEntry(page_id){
+        const clicked_menu_entry = document.getElementById(page_id); // div parente du bouton
+        const checkbox = clicked_menu_entry.querySelector("input");
+
+        let color;
+        if(checkbox.checked){
+                color = "#ff1d04";
+                checked = true;
+        }
+        else{
+                color = "grey";
+                checked = false;
+        }
+
+        // contrôle check impossible si le parent le plus ancien est unchecked
+        //
+
+        // sur l'élément concerné
+        clicked_menu_entry.querySelector("button").style.color = color;
+
+        // même chose sur les enfants
+        /*try{
+                const level_markup = clicked_menu_entry.querySelector('.level');
+                //const other_buttons = .querySelectorAll("button");
+                level_markup.querySelectorAll("input").forEach(input => {
+                        input.checked = checked;
+                });
+                level_markup.querySelectorAll("button").forEach(button => {
+                        button.style.color = color;
+                });
+        }
+        catch(error){
+                console.log("pas d'enfant");
+        }*/
 }
\ No newline at end of file
diff --git a/src/controller/Director.php b/src/controller/Director.php
index b7be9b8..a2528ed 100644
--- a/src/controller/Director.php
+++ b/src/controller/Director.php
@@ -11,7 +11,7 @@ class Director
 {
         private EntityManager $entityManager;
     static public Menu $menu_data; // pour NavBuilder
-    static public Path $page_path; // pour BreadcrumbBuilder
+    static public ?Path $page_path = null; // pour $current dans NavBuilder et pour BreadcrumbBuilder
         private Page $page;
         private Node $node;
     private Node $article;
diff --git a/src/controller/ajax.php b/src/controller/ajax.php
index a4b61e4..c774bf3 100644
--- a/src/controller/ajax.php
+++ b/src/controller/ajax.php
@@ -6,7 +6,7 @@ declare(strict_types=1);
 use App\Entity\Article;
 use App\Entity\Node;
 
-// détection des requêtes de tinymce
+// détection des requêtes de tinymce ou touchant aux articles
 if($_SERVER['CONTENT_TYPE'] === 'application/json' && isset($_GET['action']))
 {
         // récupération des données
@@ -204,6 +204,48 @@ if(strpos($_SERVER['CONTENT_TYPE'], 'multipart/form-data') !== false && isset($_
     die;
 }
 
+if($_SERVER['CONTENT_TYPE'] === 'application/json' && isset($_GET['menu_edit']))
+{
+        // récupération des données
+        $data = file_get_contents('php://input');
+        $json = json_decode($data, true);
+
+        if($_GET['menu_edit'] === 'switch_positions' && isset($json['id1']) && isset($json['id2']))
+        {
+                //$menu = new Menu($entityManager);
+                Director::$menu_data = new Menu($entityManager);
+
+        $id1 = $json['id1'];
+        $id2 = $json['id2'];
+
+        // vérifier qu'ils ont le même parent
+        $page1 = Director::$menu_data->findPageById((int)$id1);
+        $page2 = Director::$menu_data->findPageById((int)$id2);
+
+        // double le contrôle fait en JS
+        if($page1->getParent() === $page2->getParent()) // comparaison stricte d'objet (même instance du parent?)
+        {
+                // inversion
+                $tmp = $page1->getPosition();
+                $page1->setPosition($page2->getPosition());
+                $page2->setPosition($tmp);
+                Director::$menu_data->sortChildren(true); // modifie tableau children 
+                $entityManager->flush();
+                
+                // menu utilisant les nouvelles données
+                //Director::$page_path = new Path();
+                $nav_builder = new NavBuilder(); // builder appelé sans envoi du noeud correspondant
+                
+                echo json_encode(['success' => true, 'path1' => '', 'path2' => '', 'nav' => $nav_builder->render()]);
+        }
+        else{
+                echo json_encode(['success' => false]);
+        }
+            
+            die;
+        }
+}
+
 // détection des requêtes de type XHR, pas d'utilité pour l'instant
 /*elseif(isset($_SERVER['HTTP_X_REQUESTED_WITH']) && $_SERVER['HTTP_X_REQUESTED_WITH'] == 'XMLHttpRequest'){
         echo "requête XHR reçue par le serveur";
diff --git a/src/controller/installation.php b/src/controller/installation.php
index c2b38fd..ff168eb 100644
--- a/src/controller/installation.php
+++ b/src/controller/installation.php
@@ -80,9 +80,9 @@ function makeStartPage(EntityManager $entityManager){
         $accueil = new Page('Accueil', 'accueil', true, true, 1, NULL);
         $connection = new Page('Connexion', 'connexion', true, false, NULL, NULL);
         $article = new Page('Article', 'article', true, false, NULL, NULL);
+        $menu_paths = new Page("Menu et chemins", 'menu_chemins', true, false, NULL, NULL);
         $edit_page = new Page("Modification d'une page", 'modif_page', true, false, NULL, NULL);
         $new_page = new Page('Nouvelle page', 'nouvelle_page', true, false, NULL, NULL);
-        $edit_paths = new Page("Menu et chemins", 'menu_chemins', true, false, NULL, NULL);
         
         /* -- table node -- */
         // paramètres: name_node, article_timestamp, attributes, position, parent, page, article
@@ -95,6 +95,8 @@ function makeStartPage(EntityManager $entityManager){
         $head_login = new Node('head', NULL, ["stop" => true, 'css_array' => ['body', 'head', 'nav', 'main'], 'js_array' => ['main']], 1, NULL, $connection, NULL);
         $login = new Node('login', NULL, [], 1, $main, $connection, NULL);
         $head_article = new Node('head', NULL, ['css_array' => ['body', 'head', 'nav', 'main', 'foot'], 'js_array' => ['main']], 1, NULL, $article, NULL);
+        $head_edit_menu = new Node('head', NULL, ['css_array' => ['body', 'head', 'nav', 'main', 'menu'], 'js_array' => ['main']], 1, NULL, $menu_paths, NULL);
+        $edit_menu = new Node('menu', NULL, [], 1, $main, $menu_paths, NULL);
 
         /* -- table image -- */
         // paramètres: file_name, file_path, file_path_mini, mime_type, alt
@@ -111,13 +113,14 @@ function makeStartPage(EntityManager $entityManager){
         $footer_data = new NodeData(["adresse" => "17, rue Raymonde Folgoas Guillou, 29120 Pont-l’Abbé", "contact_nom" => "Les Nageurs Bigoudens", "e_mail" => "nb.secretariat@orange.fr", "logo_footer" => "assets/logo-nb-et-ffn.png"], $footer);
         $head_login_data = new NodeData(["description" => "Connexion", "title" => "Connexion"], $head_login, new ArrayCollection([$favicon]));
         $head_article_data = new NodeData(["description" => "", "title" => ""], $head_article, new ArrayCollection([$favicon]));
+        $head_edit_menu_data = new NodeData(["description" => "Menu et chemins", "title" => "Menu et chemins"], $head_edit_menu, new ArrayCollection([$favicon]));
 
     $entityManager->persist($accueil);
         $entityManager->persist($connection);
         $entityManager->persist($article);
+        $entityManager->persist($menu_paths);
         $entityManager->persist($edit_page);
         $entityManager->persist($new_page);
-        $entityManager->persist($edit_paths);
         $entityManager->persist($head_accueil);
         $entityManager->persist($header);
         $entityManager->persist($nav);
@@ -127,6 +130,8 @@ function makeStartPage(EntityManager $entityManager){
         $entityManager->persist($head_login);
         $entityManager->persist($login);
         $entityManager->persist($head_article);
+        $entityManager->persist($head_edit_menu);
+        $entityManager->persist($edit_menu);
         $entityManager->persist($favicon);
         $entityManager->persist($logo);
         $entityManager->persist($facebook);
@@ -137,6 +142,7 @@ function makeStartPage(EntityManager $entityManager){
         $entityManager->persist($footer_data);
         $entityManager->persist($head_login_data);
         $entityManager->persist($head_article_data);
+        $entityManager->persist($head_edit_menu_data);
     $entityManager->flush();
 
         header('Location: ' . new URL);
diff --git a/src/controller/password.php b/src/controller/password.php
index 47db637..66a617a 100644
--- a/src/controller/password.php
+++ b/src/controller/password.php
@@ -307,7 +307,7 @@ function getUser(string $login, EntityManager $entityManager): ?User
 }
 
 
-function disconnect(EntityManager $entityManager)
+function disconnect()
 {
         // nettoyage complet
         $_SESSION = []; // mémoire vive
diff --git a/src/model/Position.php b/src/model/Position.php
new file mode 100644
index 0000000..74d173a
--- /dev/null
+++ b/src/model/Position.php
@@ -0,0 +1,63 @@
+<?php
+// src/modele/Position.php
+//
+// pour Node et Page
+
+declare(strict_types=1);
+
+trait Position
+{
+        public function sortChildren(bool $reposition = false): void
+    {
+        // ordre du tableau des enfants
+        // inefficace quand des noeuds ont la même position
+        
+        // tri par insertion avant affichage
+        for($i = 1; $i < count($this->children); $i++)
+        {
+            $tmp = $this->children[$i];
+            $j = $i - 1;
+
+            // Déplacez les éléments du tableau qui sont plus grands que la clé
+            // à une position devant leur position actuelle
+            while ($j >= 0 && $this->children[$j]->getPosition() > $tmp->getPosition()) {
+                $this->children[$j + 1] = $this->children[$j];
+                $j = $j - 1;
+            }
+            $this->children[$j + 1] = $tmp;
+        }
+        
+        foreach ($this->children as $child) {
+            if (count($child->children) > 0) {
+                $child->sortChildren($reposition);
+            }
+        }
+
+        // nouvelles positions (tableau $children => BDD)
+        if($reposition){
+            $i = 1;
+            foreach($this->children as $child){
+                $child->setPosition($i);
+                $i++;
+            }
+        }
+    }
+
+    /*private function sortChildren(): void
+    {
+        $iteration = count($this->children);
+        while($iteration > 1)
+        {
+            for($i = 0; $i < $iteration - 1; $i++)
+            {
+                if($this->children[$i]->getPosition() > $this->children[$i + 1]->getPosition())
+                {
+                    $tmp = $this->children[$i];
+                    $this->children[$i] = $this->children[$i + 1];
+                    $this->children[$i + 1] = $tmp;
+                }
+            }
+            $iteration--;
+        }
+    }*/
+}
\ No newline at end of file
diff --git a/src/model/entities/Node.php b/src/model/entities/Node.php
index a52a7e6..103163b 100644
--- a/src/model/entities/Node.php
+++ b/src/model/entities/Node.php
@@ -12,6 +12,8 @@ use Doctrine\ORM\Mapping as ORM;
 #[ORM\Table(name: TABLE_PREFIX . "node")]
 class Node
 {
+    use \Position;
+
     #[ORM\Id]
     #[ORM\GeneratedValue]
     #[ORM\Column(type: "integer")]
@@ -135,36 +137,7 @@ class Node
         $this->children[] = $child;
         $this->sortChildren(false);
     }
-    // utiliser $position pour afficher les éléments dans l'ordre
-    public function sortChildren(bool $reposition = false): void
-    {
-        // ordre du tableau des enfants
-        // inefficace quand des noeuds ont la même position
-        
-        // tri par insertion
-        for($i = 1; $i < count($this->children); $i++)
-        {
-            $tmp = $this->children[$i];
-            $j = $i - 1;
-
-            // Déplacez les éléments du tableau qui sont plus grands que la clé
-            // à une position devant leur position actuelle
-            while ($j >= 0 && $this->children[$j]->getPosition() > $tmp->getPosition()) {
-                $this->children[$j + 1] = $this->children[$j];
-                $j = $j - 1;
-            }
-            $this->children[$j + 1] = $tmp;
-        }
-
-        // nouvelles positions
-        if($reposition){
-            $i = 1;
-            foreach($this->children as $child){
-                $child->setPosition($i);
-                $i++;
-            }
-        }
-    }
+    
     public function removeChild(self $child): void
     {
         foreach($this->children as $key => $object){
diff --git a/src/model/entities/Page.php b/src/model/entities/Page.php
index c40a297..c30305c 100644
--- a/src/model/entities/Page.php
+++ b/src/model/entities/Page.php
@@ -13,6 +13,8 @@ use Doctrine\Common\Collections\ArrayCollection;
 #[ORM\Table(name: TABLE_PREFIX . "page")]
 class Page
 {
+    use \Position;
+
     #[ORM\Id]
     #[ORM\GeneratedValue]
     #[ORM\Column(type: "integer")]
@@ -56,11 +58,11 @@ class Page
         $this->children = new ArrayCollection();
     }
     
-    // getters
-    /*public function getId(): int
+    // getters/setters
+    public function getId(): int
     {
         return $this->id_page;
-    }*/
+    }
     public function getPageName(): string
     {
         return $this->name_page;
@@ -85,6 +87,10 @@ class Page
     {
         return $this->position;
     }
+    public function setPosition(int $position): void
+    {
+        $this->position = $position;
+    }
     public function getParent(): ?Page
     {
         return $this->parent;
@@ -105,25 +111,23 @@ class Page
     public function addChild(self $child): void
     {
         $this->children[] = $child;
-        $this->sortChildren();
+        $this->sortChildren(false);
     }
 
-    // utiliser $position pour afficher les éléments dans l'ordre
-    private function sortChildren(): void
+    public function findPageById(int $id): ?Page
     {
-        $iteration = count($this->children);
-        while($iteration > 1)
-        {
-            for($i = 0; $i < $iteration - 1; $i++)
-            {
-                if($this->children[$i]->getPosition() > $this->children[$i + 1]->getPosition())
-                {
-                    $tmp = $this->children[$i];
-                    $this->children[$i] = $this->children[$i + 1];
-                    $this->children[$i + 1] = $tmp;
+        $target = null;
+        foreach($this->children as $page){
+            if($page->getId() === $id){
+                return $page;
+            }
+            if(count($page->getChildren()) > 0){
+                $target = $page->findPageById($id);
+                if($target !== null){
+                    return $target;
                 }
             }
-            $iteration--;
         }
+        return $target;
     }
 }
diff --git a/src/view/FooterBuilder.php b/src/view/FooterBuilder.php
index 49da71c..5a7748f 100644
--- a/src/view/FooterBuilder.php
+++ b/src/view/FooterBuilder.php
@@ -29,7 +29,7 @@ class FooterBuilder extends AbstractBuilder
                 $empty_admin_zone = 'empty_admin_zone';
                 $link_edit_page = new URL(['page' => CURRENT_PAGE, 'action' => 'modif_page']);
                 $link_new_page = new URL(['from' => CURRENT_PAGE, 'page' => 'nouvelle_page']);
-                $link_change_paths = new URL(['from' => CURRENT_PAGE, 'page' => 'menu_chemins']);
+                $link_change_paths = new URL(['page' => 'menu_chemins']);
                 
                 $link_change_password = new URL(['from' => CURRENT_PAGE, 'action' => 'modif_mdp']);
                 isset($_GET['id']) ? $link_change_password->addParams(['id' => $_GET['id']]) : '';
diff --git a/src/view/HeaderBuilder.php b/src/view/HeaderBuilder.php
index eef2663..28aae13 100644
--- a/src/view/HeaderBuilder.php
+++ b/src/view/HeaderBuilder.php
@@ -16,7 +16,9 @@ class HeaderBuilder extends AbstractBuilder
         {
             if($child->getName() === 'nav'){
                 $this->nav = $child;
+                // actuellement le noeud nav ne contient aucune info utile et l'envoyer à NavBuilder est inutile
                 $nav_builder = new NavBuilder($this->nav);
+                
                 $nav = $nav_builder->render();
             }
             elseif($child->getName() === 'breadcrumb'){
diff --git a/src/view/MenuBuilder.php b/src/view/MenuBuilder.php
new file mode 100644
index 0000000..0fcfbe5
--- /dev/null
+++ b/src/view/MenuBuilder.php
@@ -0,0 +1,88 @@
+<?php
+// src/view/MenuBuilder.php
+//
+// page Menu et chemins en mode admin
+
+use App\Entity\Node;
+use App\Entity\Page;
+
+class MenuBuilder extends AbstractBuilder
+{
+    private int $margin_left_multiplier = 29;
+
+    public function __construct(Node $node)
+    {
+        parent::__construct($node);
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile))
+        {
+            /*if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }*/
+
+            // ajouter un article
+            $new_article = '';
+            if($_SESSION['admin'])
+            {
+                $this->unfoldMenu(Director::$menu_data, 0 - $this->margin_left_multiplier);
+            }
+            else{
+                header('Location: ' . new URL);
+                die;
+            }
+
+            ob_start();
+            require $viewFile;
+            $this->html = ob_get_clean(); // pas de concaténation ici, on écrase
+        }
+    }
+
+    private function unfoldMenu(Page $menu, int $margin_left): void
+    {
+        $margin_left += $this->margin_left_multiplier;
+        $this->html .= '<div class="level">' . "\n";
+
+        foreach($menu->getChildren() as $entry)
+        {
+            $div_style = 'margin-left: ' . $margin_left . 'px;';
+            $checked = $entry->IsInMenu() ? 'checked' : '';
+            $this->html .= '<div id="' . $entry->getId() . '" style="' . $div_style . '">
+                <img class="move_entry_icon" onclick="" src="assets/arrow-left.svg">
+                <img class="move_entry_icon" onclick="" src="assets/arrow-right.svg">
+                <img class="move_entry_icon" onclick="switchMenuPositions(' . $entry->getId() . ', \'up\')" src="assets/arrow-up.svg">
+                <img class="move_entry_icon" onclick="switchMenuPositions(' . $entry->getId() . ', \'down\')" src="assets/arrow-down.svg">
+                <span class="menu_entry_checkbox">
+                    <input type="checkbox" ' . $checked . ' onclick="checkMenuEntry(' . $entry->getId() . ')">
+                </span>
+                <button>' . $entry->getPageName() . '</button>';
+
+            if(str_starts_with($entry->getEndOfPath(), 'http')){
+                $this->html .= '<span id="edit-i..."><img class="move_entry_icon" src="assets/edit.svg" onclick="openEditor(\'i...\')"></span>
+                    <i>' . $entry->getEndOfPath() . '</i>
+                    <span id="delete-i..."><img class="move_entry_icon" src="assets/delete-bin.svg" onclick="delete(\'i...\')"></span>';
+            }
+            else{
+                $this->html .= '<i>' . $entry->getPagePath() . '</i>';
+            }
+            
+
+            // supprimer me label "visible" et griser le texte et bouton en JS à la place
+
+            /*
+            => flèche gauche: position = position du parent + 1, parent = grand-parent, recalculer les positions
+            => flèche droite: position = nombre d'éléments de la fraterie + 1, l'élément précédent devient le parent
+            => flèches haut et bas: inversement de position, comme pour les noeuds, mais dans la table page
+            => checkbox: in_menu ^= 1
+            */
+            
+            if(count($entry->getChildren()) > 0){
+                $this->unfoldMenu($entry, $margin_left);
+            }
+            $this->html .= '</div>' . "\n";
+        }
+        $this->html .= "</div>\n";
+        $margin_left -= $this->margin_left_multiplier;
+    }
+}
\ No newline at end of file
diff --git a/src/view/NavBuilder.php b/src/view/NavBuilder.php
index 603fcfa..2718569 100644
--- a/src/view/NavBuilder.php
+++ b/src/view/NavBuilder.php
@@ -1,5 +1,7 @@
 <?php
 // src/view/NavBuilder.php
+//
+// menu principal
 
 declare(strict_types=1);
 
@@ -8,10 +10,13 @@ use App\Entity\Page;
 
 class NavBuilder extends AbstractBuilder
 {
-    public function __construct(Node $node)
+    public function __construct(Node $node = null)
     {
         $this->html .= '<nav class="nav_main"><ul>';
-        $this->html .= $this->navMainHTML(Director::$menu_data, Director::$page_path->getArray());
+        $this->html .= $this->navMainHTML(
+            Director::$menu_data,
+            // param nullable, ça retire une dépendance stricte entre NavBuilder et Director
+            Director::$page_path != null ? Director::$page_path->getArray() : []);
         $this->html .= '</ul></nav>';
     }
 
diff --git a/src/view/templates/header.php b/src/view/templates/header.php
index 0bf4396..4b633a6 100644
--- a/src/view/templates/header.php
+++ b/src/view/templates/header.php
@@ -1,7 +1,7 @@
 <body>
     <div>
            <header>
-            <div class="empty_nav_zone">
+            <div id="nav_zone">
                 <?= $nav ?>
             </div>
 
diff --git a/src/view/templates/menu.php b/src/view/templates/menu.php
new file mode 100644
index 0000000..a7f318e
--- /dev/null
+++ b/src/view/templates/menu.php
@@ -0,0 +1,15 @@
+<section class="menu">
+        <h3>Menu et chemins</h3>
+        <aside>
+                <p><img src="assets/arrow-left.svg"> remonter dans l'arbre</p>
+            <p><img src="assets/arrow-right.svg"> devenir une branche de l'élément précédent</p>
+                <p><img src="assets/arrow-up.svg"><img src="assets/arrow-down.svg"> déplacer la branche parmi celles de même niveau</p>
+            <p><input type="checkbox" checked>afficher/cacher</p>
+        </aside>
+<?= $this->html ?>
+        <div class="new_entry_buttons">
+                <p>Ajouter une nouvelle entrée dans le menu?</p>
+                <button id="new-i..." onclick="openEditor('i...')"><img class="action_icon" src="assets/edit.svg">avec une URL</button>
+                        ...sinon cliquer sur Nouvelle page<img src="assets/arrow-down.svg">dans la barre jaune
+        </div>
+</section>
\ No newline at end of file