From 87c08bc529f9fa7c63f2ccf949517999e7aa1166 Mon Sep 17 00:00:00 2001
From: sarahgarcin1 <sarahgarcin@hotmail.com>
Date: Thu, 12 Mar 2026 11:49:13 +0100
Subject: [PATCH] modifs version web, demande alexandre

---
 public/assets/css/web.css               | 21 +++++++++-----
 public/site/templates/narrative-web.php | 37 ++++++++++++-------------
 2 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/public/assets/css/web.css b/public/assets/css/web.css
index 4275d97..8083c40 100644
--- a/public/assets/css/web.css
+++ b/public/assets/css/web.css
@@ -100,6 +100,7 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  text-align: right;
 }
 
 .nw-sidenav__link:hover .nw-sidenav__label,
@@ -412,7 +413,7 @@
    PROSE (writer fields)
 ─────────────────────────────────────────── */
 .nw-prose {
-  font-size: 1.3rem;
+  font-size: 1.4rem;
   line-height: 1.8;
   color: var(--nw-ink-soft);
   margin-bottom: 2rem;
@@ -439,16 +440,22 @@
 }
 
 .nw-section--map__wrapper{
-  display: flex;
+  margin: 0 auto;
+  max-width: var(--nw-max-w);
+
 }
 
+/*.nw-section--map__wrapper{
+  display: flex;
+}*/
+
 .nw-section__header__wrapper{
-  width: 33.3333%;
+  /*width: 33.3333%;*/
 }
 
 .nw-map-part{
-  width: 66.6666%;
-  margin: 1.5rem 4rem 4rem 0;
+  /*width: 66.6666%;*/
+  margin: 1.5rem 0rem 4rem 0;
 }
 
 .nw-map-wrap {
@@ -640,7 +647,7 @@
 
 /* Corps texte du marqueur */
 .nw-map-marker__body {
-  padding: 2rem 0 2rem 3rem;
+  padding: 1rem 0 2rem 3rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -982,7 +989,7 @@
   .nw-hero__content { padding: 4rem 1.25rem 2.5rem; }
   .nw-container     { padding: 0 1.25rem; }
   .nw-section__header__wrapper {width: 100%;}
-  .nw-map-part      {width: 100%; margin: 1.5rem 1rem;}
+  .nw-map-part      {width: 100%;}
   .nw-map-wrap      { height: 320px; }
   .nw-chapitre__body figure { margin: 1.5rem 0; }
   .nw-geoformat-hero { min-height: 35vh; }
diff --git a/public/site/templates/narrative-web.php b/public/site/templates/narrative-web.php
index d6035e3..0101d9b 100644
--- a/public/site/templates/narrative-web.php
+++ b/public/site/templates/narrative-web.php
@@ -146,8 +146,8 @@ foreach ($subpages as $subpage) {
   ───────────────────────────────────────── -->
   <?php if ($tpl === 'map'): ?>
   <section class="nw-section nw-section--map" id="section-<?= $subpage->uid() ?>">
-    <div class="nw-section--map__wrapper">
-      <div class="nw-container nw-section__header__wrapper">
+    <div class="nw-section--map__wrapper nw-container">
+      <!-- <div class="nw-container nw-section__header__wrapper"> -->
         <header class="nw-section__header">
           <h2 class="nw-section__title"><?= html($subpage->title()) ?></h2>
           <?php if ($subpage->tags()->isNotEmpty()): ?>
@@ -158,22 +158,16 @@ foreach ($subpages as $subpage) {
           </div>
           <?php endif ?>
         </header>
-
-        <?php if ($subpage->intro()->isNotEmpty()): ?>
-        <div class="nw-prose"><?= $subpage->intro() ?></div>
-        <?php endif ?>
-      </div>
-
-      <!-- Carte MapLibre inline -->
-      <?php
-        $markers = $subpage->children()->listed()->filterBy('intendedTemplate', 'marker');
-        $mapId   = 'map-' . $subpage->uid();
-      ?>
-      <div class="nw-map-part">
-        <div class="nw-map-wrap">
-          <div id="<?= $mapId ?>" class="nw-map"></div>
-        </div>
-        <!-- Fichiers de la carte -->
+        <!-- Carte MapLibre inline -->
+        <?php
+          $markers = $subpage->children()->listed()->filterBy('intendedTemplate', 'marker');
+          $mapId   = 'map-' . $subpage->uid();
+        ?>
+        <div class="nw-map-part">
+          <div class="nw-map-wrap">
+            <div id="<?= $mapId ?>" class="nw-map"></div>
+          </div>
+          <!-- Fichiers de la carte -->
           <?php if ($subpage->files()->isNotEmpty()): ?>
             <div class="nw-files">
               <?php foreach ($subpage->files() as $file): ?>
@@ -185,8 +179,13 @@ foreach ($subpages as $subpage) {
             </div>
           <?php endif ?>
         </div>
-      </div>
 
+        <?php if ($subpage->intro()->isNotEmpty()): ?>
+        <div class="nw-prose"><?= $subpage->intro() ?></div>
+        <?php endif ?>
+      <!-- </div> -->
+
+    </div>
 
     <!-- ── Liste des marqueurs sous la carte ── -->
     <?php if ($markers->isNotEmpty()): ?>