From 85492a5ffeb60d802bd1e8da368c33cfe2771fd7 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Thu, 21 May 2026 16:37:24 +0200
Subject: [PATCH] image caption

---
 .../custom/eql/dist/assets/css/bundle.css     | 109 +++++++-----------
 .../global/print/_projets-complets-ecran.scss |  46 +++++---
 .../global/print/_projets-complets-print.scss |  63 ++++------
 .../templates/node--view--projets.html.twig   |   2 +-
 4 files changed, 95 insertions(+), 125 deletions(-)

diff --git a/web/themes/custom/eql/dist/assets/css/bundle.css b/web/themes/custom/eql/dist/assets/css/bundle.css
index 9ab1222..c5626eb 100644
--- a/web/themes/custom/eql/dist/assets/css/bundle.css
+++ b/web/themes/custom/eql/dist/assets/css/bundle.css
@@ -511,6 +511,23 @@ svg.ext {
 .path-projets-complets .view-projets .field--name-field-equipe .field__label {
   display: none;
 }
+.path-projets-complets .view-projets .field--name-field-region .field__label {
+  display: none;
+}
+.path-projets-complets .view-projets .field--name-field-region {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-top: 1rem;
+}
+.path-projets-complets .view-projets .field--name-field-region::before {
+  content: "";
+  display: block;
+  width: 20px;
+  height: 20px;
+  background: url("../images/pictos/picto_lieu.svg") no-repeat center;
+  background-size: contain;
+}
 .path-projets-complets .view-projets .field--name-field-incube {
   order: 4;
   display: inline-flex;
@@ -537,23 +554,6 @@ svg.ext {
 .path-projets-complets .view-projets .field--name-field-encours-fini {
   display: none;
 }
-.path-projets-complets .view-projets .field--name-field-region .field__label {
-  display: none;
-}
-.path-projets-complets .view-projets .field--name-field-region {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 2rem;
-}
-.path-projets-complets .view-projets .field--name-field-region::before {
-  content: "";
-  display: block;
-  width: 20px;
-  height: 20px;
-  background: url("../images/pictos/picto_lieu.svg") no-repeat center;
-  background-size: contain;
-}
 .path-projets-complets .view-projets .field--name-field-etape-du-projet,
 .path-projets-complets .view-projets .field--name-field-type-de-projet,
 .path-projets-complets .view-projets .field--name-field-type-de-moa {
@@ -592,6 +592,18 @@ svg.ext {
 .path-projets-complets .view-projets .field--name-field-textes .field__label {
   display: none !important;
 }
+.path-projets-complets .view-projets .field--name-field-textes ul {
+  margin-top: 0;
+}
+.path-projets-complets .view-projets .field--name-field-textes p {
+  margin-top: 0;
+}
+.path-projets-complets .view-projets .field--name-field-textes .paragraph--type--texte {
+  margin-top: 1.5rem;
+}
+.path-projets-complets .view-projets .field--name-field-textes .paragraph--type--texte .field--name-field-titre {
+  margin-bottom: 1rem;
+}
 
 @media print {
   * {
@@ -659,11 +671,11 @@ svg.ext {
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items {
     height: 100%;
     display: grid;
-    gap: 3px;
+    gap: 4px;
   }
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__item {
-    overflow: hidden;
-    aspect-ratio: 3/2;
+    overflow: visible;
+    aspect-ratio: 3.5/2;
   }
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__item img {
     width: 100%;
@@ -672,7 +684,14 @@ svg.ext {
     display: block;
   }
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .image-field-caption {
-    display: none;
+    display: inline-block;
+    width: 100%;
+    z-index: 2;
+    font-size: 6pt;
+    line-height: 1;
+    margin-left: 0;
+    margin-top: 0;
+    margin-bottom: 0;
   }
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items:has(.field__item:only-child) {
     grid-template-columns: 1fr;
@@ -692,64 +711,26 @@ svg.ext {
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
     order: 2;
     font-family: "Marianne";
-    font-size: 2rem;
+    font-size: 1rem;
     font-weight: 800;
     color: rgb(0, 158, 227);
   }
-}
-@media print and (max-width: 1624px) {
-  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
-    font-size: 2.3rem;
-  }
-}
-@media print and (max-width: 1384px) {
-  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
-    font-size: 2rem;
-  }
-}
-@media print and (max-width: 1216px) {
-  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
-    font-size: 2rem;
-  }
-}
-@media print and (max-width: 810px) {
-  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
-    font-size: 1.7rem;
-  }
-}
-@media print {
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title a {
     color: rgb(0, 158, 227);
   }
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
     order: 3;
     color: rgb(9, 57, 139);
-    font-size: 1.5rem;
+    font-size: 0.9rem;
     font-weight: 900;
     text-transform: uppercase;
   }
-}
-@media print and (max-width: 1624px) {
-  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
-    font-size: 1.3rem;
-  }
-}
-@media print and (max-width: 1216px) {
-  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
-    font-size: 1.1rem;
-  }
-}
-@media print and (max-width: 810px) {
-  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
-    font-size: 1rem;
-  }
-}
-@media print {
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe .field__label {
     display: none;
   }
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube {
     order: 4;
+    font-size: 8pt;
     display: inline-flex;
     width: fit-content;
     background-color: rgb(225, 0, 15);
@@ -758,7 +739,6 @@ svg.ext {
     padding-right: 0.3rem;
     padding-left: 0.2rem;
     margin-bottom: 1rem;
-    margin-top: 1rem;
   }
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube::before {
     content: " Projet ";
@@ -778,7 +758,6 @@ svg.ext {
     display: flex;
     align-items: center;
     gap: 0.5rem;
-    margin-bottom: 2rem;
   }
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-region::before {
     content: "";
@@ -824,7 +803,7 @@ svg.ext {
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-projet .field__label,
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-moa .field__label {
     color: rgb(9, 57, 139);
-    font-size: 1.2rem;
+    font-size: 0.9pt;
     font-weight: 900;
     text-transform: uppercase;
     margin-bottom: 0 !important;
diff --git a/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss b/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss
index 1b22336..2b3c159 100644
--- a/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss
+++ b/web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss
@@ -140,7 +140,24 @@
           display: none;
         }
       }
-    
+      .field--name-field-region {
+        .field__label{
+          display: none;
+        }
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        margin-top: 1rem;
+      
+        &::before {
+          content: "";
+          display: block;
+          width: 20px;
+          height: 20px;
+          background: url("../images/pictos/picto_lieu.svg") no-repeat center;
+          background-size: contain;
+        }
+      }
       .field--name-field-incube {
         order: 4;
         display: inline-flex;
@@ -171,24 +188,7 @@
       .field--name-field-encours-fini {
         display: none;
       }
-      .field--name-field-region {
-        .field__label{
-          display: none;
-        }
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-        margin-bottom: 2rem;
-      
-        &::before {
-          content: "";
-          display: block;
-          width: 20px;
-          height: 20px;
-          background: url("../images/pictos/picto_lieu.svg") no-repeat center;
-          background-size: contain;
-        }
-      }
+
      
       .field--name-field-etape-du-projet,
       .field--name-field-type-de-projet,
@@ -221,6 +221,14 @@
         .field__label{
           display: none !important;
         }
+        ul{margin-top: 0;}
+        p{margin-top: 0;}
+        .paragraph--type--texte{
+          margin-top: 1.5rem;
+          .field--name-field-titre{
+            margin-bottom: 1rem;
+          }
+        }
       }
     ///// ///////////
 
diff --git a/web/themes/custom/eql/scss/global/print/_projets-complets-print.scss b/web/themes/custom/eql/scss/global/print/_projets-complets-print.scss
index cb9ca7c..ac5f122 100644
--- a/web/themes/custom/eql/scss/global/print/_projets-complets-print.scss
+++ b/web/themes/custom/eql/scss/global/print/_projets-complets-print.scss
@@ -81,12 +81,13 @@
             .field__items {
               height: 100%;
               display: grid;
-              gap: 3px;
+              gap: 4px;
             }
           
             .field__item {
-              overflow: hidden;
-              aspect-ratio: 3 / 2;
+              overflow: visible;
+              aspect-ratio: 3.5/2;
+              // aspect-ratio: 4/2;
             }
           
             .field__item img {
@@ -97,7 +98,14 @@
             }
           
             .image-field-caption {
-              display: none;
+              display: inline-block;
+              width: 100%;
+              z-index: 2;
+              font-size: 6pt;
+              line-height: 1;
+              margin-left: 0;
+              margin-top: 0;
+              margin-bottom: 0;
             }
           
             // 1 seule image
@@ -132,26 +140,10 @@
         .field--name-title {
           order: 2;
           font-family: "Marianne";
-          font-size: 2rem;
+          font-size: 1rem;
           font-weight: 800;
           color: $blue-light;
       
-          @media (max-width: 1624px) {
-            font-size: 2.3rem;
-          }
-      
-          @media (max-width: 1384px) {
-            font-size: 2rem;
-          }
-      
-          @media (max-width: 1216px) {
-            font-size: 2rem;
-          }
-      
-          @media (max-width: 810px) {
-            font-size: 1.7rem;
-          }
-      
           a {
             color: $blue-light;
           }
@@ -160,22 +152,10 @@
         .field--name-field-equipe {
           order: 3;
           color: $blue-dark;
-          font-size: 1.5rem;
+          font-size: 0.9rem;
           font-weight: 900;
           text-transform: uppercase;
-      
-          @media (max-width: 1624px) {
-            font-size: 1.3rem;
-          }
-      
-          @media (max-width: 1216px) {
-            font-size: 1.1rem;
-          }
-      
-          @media (max-width: 810px) {
-            font-size: 1rem;
-          }
-      
+
           .field__label {
             display: none;
           }
@@ -183,6 +163,7 @@
       
         .field--name-field-incube {
           order: 4;
+          font-size: 8pt;
           display: inline-flex;
           width: fit-content;
           background-color: $red;
@@ -191,7 +172,7 @@
           padding-right: 0.3rem;
           padding-left: 0.2rem;
           margin-bottom: 1rem;
-          margin-top: 1rem;
+          // margin-top: 1rem;
           // flex-direction: row;
       
           &::before {
@@ -215,9 +196,7 @@
         .field--name-field-region {
           display: flex;
           align-items: center;
-          gap: 0.5rem;
-          margin-bottom: 2rem;
-        
+          gap: 0.5rem;        
           &::before {
             content: "";
             display: block;
@@ -271,7 +250,7 @@
       
           .field__label {
             color: $blue-dark;
-            font-size: 1.2rem;
+            font-size: 0.9pt;
             font-weight: 900;
             text-transform: uppercase;
             margin-bottom: 0 !important;
@@ -313,6 +292,10 @@
                 height: auto !important;
                 object-fit: contain !important;
                 display: block;
+              
+              }
+              blockquote{
+                
               }
             }
           }
diff --git a/web/themes/custom/eql/templates/node--view--projets.html.twig b/web/themes/custom/eql/templates/node--view--projets.html.twig
index 4473d48..57c27c5 100644
--- a/web/themes/custom/eql/templates/node--view--projets.html.twig
+++ b/web/themes/custom/eql/templates/node--view--projets.html.twig
@@ -108,11 +108,11 @@
       {{ content.field_photo }}
       {{ content.title }}
       {{ content.field_equipe }}
+      {{ content.field_region }}
       {{ content.field_incube }}
     </div>
 
     <div class="projet-body-print">
-      {{ content.field_region }}
       {{ content.field_type_de_moa }}
       {{ content.field_type_de_projet }}
       {{ content.field_etape_du_projet }}