les sites pilotes

web/themes/custom/reha/dist/css/bundle.css

@@ -1846,53 +1846,54 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   object-fit: cover;
   height: fit-content;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site {
   background-color: rgb(255, 255, 255);
   order: 2;
   display: flex;
   flex-direction: column;
   padding-left: 1rem;
   padding-right: 1rem;
+  padding-top: 0.5rem;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content h1 {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site h1 {
   display: none;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content h2 {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site h2 {
   order: 2;
   margin: 0;
-  font-size: 1.3rem;
+  font-size: 1.8rem;
   font-weight: 900;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-numero-site {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-numero-site {
   order: 1;
   text-transform: uppercase;
-  font-size: 1.5rem;
+  font-size: 1rem;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site {
   order: 3;
   font-size: 1.3rem;
-  line-height: 0.3rem;
+  line-height: 1.3rem;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site .address {
   margin: 0;
   display: inline-flex;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .postal-code {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site .address .postal-code {
   order: 2;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .locality {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site .address .locality {
   order: 1;
   text-transform: capitalize;
   margin-right: 0.5rem;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .country {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site .address .country {
   display: none;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-architecte {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
   order: 4;
-  padding-top: 1rem;
+  font-size: 1.3rem;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content ul.links {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links {
   order: 5;
   text-transform: uppercase;
   padding: 0;
@@ -1902,13 +1903,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-top: 0.9rem;
   display: inline-flex;
 }
-.view-display-id-page_1 .views-row .node-type-site .filtered-content ul.links::after {
+.view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links::after {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
   padding-left: 0.5rem;
 }
 .view-display-id-page_1 footer {
   background-color: transparent;
-  text-transform: capitalize;
 }
 .view-display-id-page_1 footer p:first-of-type {
   font-size: 2rem;
@@ -1927,60 +1927,59 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   display: flex;
   flex-direction: column;
   width: 100%;
-  background-color: white;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content {
-  background-color: rgb(255, 255, 255);
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site {
   order: 2;
   display: flex;
   flex-direction: column;
+  padding-top: 0.5rem;
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content h2 {
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 {
   order: 2;
   margin: 0;
-  font-size: 1.3rem;
+  font-size: 1.8rem;
   font-weight: 900;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-lettre-de-site {
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-lettre-de-site {
   order: 1;
   text-transform: uppercase;
-  font-size: 1.5rem;
+  font-size: 1rem;
   font-weight: 200;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-lettre-de-site::before {
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-lettre-de-site::before {
   content: "SITE";
   padding-right: 0.5rem;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site {
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site {
   order: 3;
-  line-height: 1.2rem;
+  line-height: 1.3rem;
   font-weight: 400;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address {
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site p.address {
   margin: 0;
   display: inline-flex;
   font-size: 1.3rem;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address .postal-code {
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site p.address .postal-code {
   order: 2;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address .locality {
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site p.address .locality {
   order: 1;
   text-transform: capitalize;
   margin-right: 0.5rem;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-adresse-site p.address .country {
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-adresse-site p.address .country {
   display: none;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content .field--name-field-architecte {
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
   order: 4;
-  padding-top: 1rem;
   text-transform: capitalize;
   font-weight: 400;
+  font-size: 1.3rem;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content ul.links {
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links {
   order: 5;
   text-transform: uppercase;
   padding: 0;
@@ -1990,7 +1989,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-top: 0.9rem;
   display: inline-flex;
 }
-.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .filtered-content ul.links::after {
+.view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links::after {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
   padding-left: 0.5rem;
 }

web/themes/custom/reha/scss/pages/les-sites-pilotes.scss

@@ -3,7 +3,6 @@
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-    // justify-content: space-between;
     article{
         padding-bottom: 0.7rem;
     }
@@ -25,31 +24,33 @@
                     height: fit-content;
                 }
             }
-            .filtered-content{
-                // border: solid $yellow-puca 1px;
+            .infos-content-site{
                 background-color: $white-button;
                 order: 2;
                 display: flex;
                 flex-direction: column;
                 padding-left: 1rem;
                 padding-right: 1rem;
+                padding-top: 0.5rem;
                 h1{display: none;}
                 h2{
                     order: 2;
                     margin: 0;
-                    font-size: 1.3rem;
+                    font-size: 1.8rem;
                     font-weight: 900;
 
                 }
                 .field--name-field-numero-site {
                     order: 1;
                     text-transform: uppercase;
-                    font-size: 1.5rem;
+                    font-size: 1rem;
                 }
                 .field--name-field-adresse-site{
                     order: 3;
                     font-size: 1.3rem;
-                    line-height: 0.3rem;
+                    // line-height: 0.3rem;
+                    line-height: 1.3rem;
+
                 
                     .address{
                         margin: 0;
@@ -69,7 +70,8 @@
                 }
                 .field--name-field-architecte{
                     order: 4;
-                    padding-top: 1rem;
+                    // padding-top: 1rem;
+                    font-size: 1.3rem;
                 }
                 ul.links{
                     order: 5;
@@ -94,7 +96,6 @@
 
     footer{
         background-color: transparent;
-        text-transform: capitalize;
         p:first-of-type{
             font-size: 2rem;
         }
@@ -110,26 +111,26 @@
                     display: flex;
                     flex-direction: column;
                     width: 100%;
-                    background-color: white;
-                    .filtered-content{
+                    .infos-content-site{
                         // border: solid $yellow-puca 1px;
-                        background-color: $white-button;
+                        // background-color: transparent;
                         order: 2;
                         display: flex;
                         flex-direction: column;
+                        padding-top: 0.5rem;
                         padding-left: 1rem;
                         padding-right: 1rem;
                         h2{
                             order: 2;
                             margin: 0;
-                            font-size: 1.3rem;
+                            font-size: 1.8rem;
                             font-weight: 900;
         
                         }
                         .field--name-field-lettre-de-site {
                             order: 1;
                             text-transform: uppercase;
-                            font-size: 1.5rem;
+                            font-size: 1rem;
                             font-weight: 200;
                             &::before{
                                 content:'SITE';
@@ -138,7 +139,7 @@
                         }
                         .field--name-field-adresse-site{
                             order: 3;
-                            line-height: 1.2rem;
+                            line-height: 1.3rem;
                             font-weight: 400;
                         
                             p.address{
@@ -160,9 +161,10 @@
                         }
                         .field--name-field-architecte{
                             order: 4;
-                            padding-top: 1rem;
                             text-transform: capitalize;
                             font-weight: 400;
+                            font-size: 1.3rem;
+
                         }
                         ul.links{
                             order: 5;