page menu et chemin, partie1

15 files changed, 375 insertions, 53 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