menu : toggle open/close, scroll lock, transitions CSS, touche échap, clic extérieur

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

site/snippets/header.php

@@ -6,7 +6,7 @@
         /
         <button>EN</button>
       </div>
-      <!-- <button>menu</button> -->
+      <button class="toggle-nav">menu</button>
     </div>
     <h1 class="logo" style="--logo-offset: 0px">
       Lesort<br>
@@ -17,11 +17,12 @@
     </div>
     
     <div class="strip">
+      <h1><?= $page->title() ?></h1>
       <nav>
         <ul>
           <li><a href="">La Compagnie</a></li>
-          <li><a href="">Les Spectacles</a></li>
           <li><a href="">Agenda</a></li>
+          <li><a href="">Contact</a></li>
         </ul>
       </nav>
     </div>