design page ressource

web/themes/custom/reha/scss/pages/node-ressource.scss

@@ -2,13 +2,13 @@
     .node-type-ressource{
 
         display: grid;
-        grid-template-columns: repeat(4, auto);
+        grid-template-columns: 1fr repeat(3, 1fr) 1fr;
         grid-template-rows: repeat(2, auto);
         padding-top: 3rem;
 
         .image-ressource{
             grid-row: 1;
-            grid-column: 1 /span 2;
+            grid-column: 2 /span 2;
             margin-right: 2rem;
 
             img{
@@ -19,27 +19,49 @@
         .infos-content{
             grid-row: 1;
             grid-column: 3 /span 4;
+            margin-left: 2rem;
             
             .field--name-field-type-de-ressource{
                 text-transform: uppercase;
-                font-size: 1.5rem;
+                font-size: 1rem;
             }
             .field--name-field-sous-titre{
                 font-size: 2rem;
             }
             .field--name-field-auteur{
                 font-weight: 800;
-                font-size: 1.4rem;
+                font-size: 1.3rem;
+            }
+            .field--name-field-site{
+                background-color: rgb(153, 147, 174);
+                border-radius: 50px;
+                width: fit-content;
+                padding: 0.2rem 0.9rem;
+                margin-top: 1rem;
+                a{
+                    color: white;
+                    font-weight: 900;
+                    font-size: 0.8rem;
+                    vertical-align: top;
+                }
             }
         }
         .body-content {
             grid-row: 2;
-            grid-column: 1 /span 3;
+            grid-column: 2 /span 4;
             width: 100%;
             margin-top: 2rem;
             .field--name-field-fichiers{
                 width: fit-content;
             }
+            .summary-content{
+                
+            }
+            .links-content{
+                margin-top: 2rem;
+                position: relative;
+                left: -10%;
+            }
 
         }
     }   

web/themes/custom/reha/scss/pages/ressources.scss

@@ -57,8 +57,9 @@
 
             .node-type-ressource{
 
-                width: 80%;
+                width: 100%;
                 margin: auto;
+                background-color: $white-button;
                 
                 .image-ressource{
                     order: 1;
@@ -66,14 +67,16 @@
                     margin: auto;
                     img{
                         width: 100%;
-                        height: auto;
+                        // height: auto;
+                        max-height: 250px;
+                        object-fit: contain;
                     }
                 }
                 .infos-content{
                     display: flex;
                     flex-direction: column;
-                    border: solid $yellow-puca 1px;
-                    background-color: $white-button;
+                    // border: solid $yellow-puca 1px;
+                   
                     padding: 1rem;
                     h2{
                         order: 2;
@@ -96,6 +99,9 @@
                         order: 1;
                         text-transform: uppercase;
                         font-size: 1.2rem;
+                        a{
+                            pointer-events: none;
+                        }
                     }
                     .field--name-field-site{