#1687 et #1680

web/themes/custom/popsu/sass/pages/_themes.scss

@@ -195,9 +195,7 @@
         }
 
 
-        #node\:field_themes_lies{
-
-        }
+    
         .body{
             font-size: $font-medium;
             height: 15rem;
@@ -327,11 +325,11 @@
     }
     
     .block-region-bottom{
-        #node\:field_projets_lies{
+        #node\:field_projets_lies, #node\:field_themes_lies,  #node\:field_comparatifs_associes{
             h2{
                 text-align: center;
             }
-            .field_projets_lies{
+            .field_projets_lies, .field_themes_lies, .field_comparatifs_associes {
                 margin-top: 1rem;
                 display: grid;
                 grid-template-columns: repeat(5, 1fr);
@@ -580,7 +578,139 @@
     #node\:title:before{
         content: "ville";
     }
+    .field_projets_lies, .field_themes_lies, .field_comparatifs_associes{
+        article{
+            display: grid;
+            h2{
+                grid-row: 2;
+                text-align: left !important;
+                text-transform: none !important;
+                line-height: 1.3;
+                margin: .5rem 0 0 0;
+                font-size: $font-normal;
+                font-weight: 400;
+                a{
+                    text-decoration: none;
+                    &:hover{
+                        text-decoration: underline;
+                    }
+                }
+            }
+            
+            .field_diaporama {
+                position: relative;
+                width: 100%;
+                overflow: hidden;
+                margin-top: -.5rem;
+                z-index: -1;
+                a{
+                    position: absolute;
+                    height: 100%;
+                    width: 100%;
+                    object-fit: cover;
+                    img{
+                       height: 100% ;
+                       width: 100%;
+                       object-fit: cover;
+                    }
+                }
+            }
+            .field_diaporama:after {
+                content: "";
+                display: block;
+                padding-top: 100%;
+
+            }
+
+            .field_programme{
+                text-transform: uppercase;
+                font-weight: 600;
+                
+                grid-column: 1;
+                grid-row: 1;
+                margin-bottom: -.5rem;
+                color: #fff;
+                display: grid;
+                grid-template-columns: 1fr 1fr;
+                grid-gap: 10px;
+                z-index: 100;
+                position: relative;
+                div{
+                    padding: .02rem .3rem;
+                }
+                a{
+                    text-decoration: none;
+                }
+            }
 
+        //// prog color
+        &.programme-1{
+            h2{ 
+                color: $col-1 !important;
+            }
+            .field_programme{
+                background: $col-1 ;
+            }
+        }
+        &.programme-2{
+            h2{
+                color: $col-2 !important;
+            }
+            .field_programme{
+                background: $col-2 ;
+            }
+        }
+        &.programme-3{
+
+            h2{
+                color: $col-eur !important;
+            }
+            .field_programme{
+                background: $col-eur ;
+                
+            }
+        }
+        &.programme-4{
+            h2{ 
+                color: $col-1;
+            }
+            .field_programme{
+                background:$col-1 ;
+                
+            }
+        }
+        
+        &.programme-5{
+            
+            h2{
+                color: $col-mond !important;
+            }
+            .field_programme{
+                background: $col-mond ;
+            }
+        }
+        &.programme-6{
+
+            h2{
+                color: $col-ter !important;
+            }
+            .field_programme{
+                    background: $col-ter ;
+            }
+
+        }
+        &.programme-7{
+            h2{
+                color: $col-met !important;
+            }
+            .field_programme{
+                    background: $col-met ;                
+            }
+        }
+            
+            
+        }
+    }
 }
 .page-node-type-theme{
     #node\:title:before{
@@ -615,7 +745,7 @@
         }
     }
     
-    .field_projets_lies{
+    .field_projets_lies, .field_themes_lies{
         article{
             display: grid;
             h2{

web/themes/custom/popsu/sass/setup/_layouts.scss

@@ -8,7 +8,7 @@
   
 }
 .layout-content{
-    padding-bottom: 4rem;
+    // padding-bottom: 4rem;
 }
 .layout__region--bottom{
     grid-column: 1 /span 3;