ajustement design

web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css

@@ -377,6 +377,8 @@ header {
       width: 80%;
       margin-top: 3rem; } }
   .layout-sidebar-first .sidebar_first_container {
+    display: flex;
+    flex-direction: column;
     width: 80%;
     position: sticky;
     position: -webkit-sticky;
@@ -388,8 +390,10 @@ header {
       .layout-sidebar-first .sidebar_first_container {
         display: none; } }
     .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-block-1 {
+      order: 1;
       text-transform: uppercase; }
     .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-fields-block-1 {
+      order: 2;
       border-top: 2px solid #0732c2;
       padding-top: 0.3rem; }
       .layout-sidebar-first .sidebar_first_container #block-quartiers-de-demain-views-block-statics-fields-block-1 .views-field-field-pieces-jointes {
@@ -616,11 +620,6 @@ header {
   width: 100%;
   display: grid;
   grid-template-columns: repeat(12, 1fr); }
-  #presentation .layout-sidebar-first {
-    position: relative; }
-    #presentation .layout-sidebar-first .sidebar_first_container {
-      position: sticky;
-      position: -webkit-sticky; }
   #presentation .layout-content {
     grid-row: 1;
     order: 2;
@@ -735,7 +734,8 @@ header {
           padding-right: 0.5rem; }
           #presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
             width: 40px;
-            height: auto; }
+            height: auto;
+            margin: auto; }
             @media (max-width: 891px) {
               #presentation .layout-content .content_container article.node-type-static .field_field_textes .field_field_picto img {
                 width: 30px; } }

web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss

@@ -4,13 +4,7 @@
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     // grid-gap: 10px;
-    .layout-sidebar-first{
-        position: relative;
-        .sidebar_first_container{
-            position: sticky;
-            position: -webkit-sticky;
-        }
-    }        
+    
     .layout-content{
         // grid-column: 3 / 11;
         grid-row: 1;
@@ -168,6 +162,7 @@
                         img{
                             width: 40px;
                             height: auto;
+                            margin: auto;
                             @media(max-width: 891px){
                                 width: 30px;
                             }

web/themes/custom/quartiers_de_demain/scss/partials/_aside.scss

@@ -16,6 +16,8 @@
         margin-top: 3rem;
     }
     .sidebar_first_container{
+        display: flex;
+        flex-direction: column;
         width: 80%;
         position: sticky;
         position: -webkit-sticky;
@@ -29,9 +31,11 @@
         }
         
         #block-quartiers-de-demain-views-block-statics-block-1{
+            order: 1;
             text-transform: uppercase;
         }
         #block-quartiers-de-demain-views-block-statics-fields-block-1{
+            order: 2;
             border-top: 2px solid $blue_QDD;
             padding-top: 0.3rem;
             .views-field-field-pieces-jointes{

web/themes/custom/quartiers_de_demain/templates/paragraph.html.twig

@@ -52,7 +52,6 @@
     <div{{ attributes.addClass(classes).setAttribute('id', 'paragraph-id--' ~ paragraph.id()) }}>
 
 {% block content %}
-
       {{ content }}
     {% endblock %}
   </div>