page sites pilotes

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

@@ -213,6 +213,10 @@ main {
   margin-top: 7rem;
 }
 
+#block-reha-titredepage {
+  display: none;
+}
+
 ul {
   list-style-type: none;
 }
@@ -1666,6 +1670,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   margin: auto;
   display: flex;
   flex-direction: column;
+  width: 100%;
+  background-color: white;
 }
 .view-display-id-page_1 .views-row .node-type-site .field--name-field-image {
   order: 1;
@@ -1676,17 +1682,62 @@ 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 h2 {
+.view-display-id-page_1 .views-row .node-type-site .filtered-content {
-  order: 3;
+  background-color: rgb(255, 255, 255);
+  order: 2;
+  display: flex;
+  flex-direction: column;
+  padding-left: 1rem;
+  padding-right: 1rem;
 }
-.view-display-id-page_1 .views-row .node-type-site .field--name-field-numero-site {
+.view-display-id-page_1 .views-row .node-type-site .filtered-content h2 {
+  order: 2;
+  margin: 0;
+  font-size: 1.3rem;
+  font-weight: 900;
+}
+.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-numero-site {
+  order: 1;
+  text-transform: uppercase;
+  font-size: 1.5rem;
+}
+.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site {
+  order: 3;
+  font-size: 1.3rem;
+  line-height: 0.3rem;
+}
+.view-display-id-page_1 .views-row .node-type-site .filtered-content .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 {
   order: 2;
 }
-.view-display-id-page_1 .views-row .node-type-site .field--name-field-adresse-site {
+.view-display-id-page_1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address .locality {
-  order: 4;
+  order: 1;
+  text-transform: capitalize;
+  margin-right: 0.5rem;
 }
-.view-display-id-page_1 .views-row .node-type-site .field--name-field-architecte {
+.view-display-id-page_1 .views-row .node-type-site .filtered-content .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 {
+  order: 4;
+  padding-top: 1rem;
+}
+.view-display-id-page_1 .views-row .node-type-site .filtered-content ul.links {
   order: 5;
+  text-transform: uppercase;
+  padding: 0;
+  margin: 0;
+  border: none;
+  padding-bottom: 2rem;
+  padding-top: 0.9rem;
+  display: inline-flex;
+}
+.view-display-id-page_1 .views-row .node-type-site .filtered-content ul.links::after {
+  content: url("../../dist/images/noun-arrow-1569918-black.svg");
+  padding-left: 0.5rem;
 }
 
 .block-views-blockactus-block-1 {

web/themes/custom/reha/dist/images/noun-arrow-1569918-black.svg

@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 60.166816 38.10535"
+   id="svg10"
+   sodipodi:docname="noun-arrow-1569918.svg"
+   inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
+   width="20"
+   height="14.10535"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs14" />
+  <sodipodi:namedview
+     id="namedview12"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="9.741103"
+     inkscape:cx="15.552654"
+     inkscape:cy="15.809298"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="276"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg10">
+    <inkscape:page
+       x="0"
+       y="0"
+       width="60.166817"
+       height="38.10535"
+       id="page1"
+       margin="0 6.0311446 0 0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <g
+     transform="translate(-19.52231,-983.19166)"
+     id="g4">
+    <path
+       style="color:#fdc300;text-indent:0;text-transform:none;direction:ltr;baseline-shift:baseline;enable-background:accumulate"
+       d="m 79.9999,1002.3622 c 0,-0.4628 -0.2799,-1.0773 -0.56389,-1.3755 l -15.9997,-17.00032 c -0.747,-0.7723 -1.9572,-0.8618 -2.8281,-0.078 -0.7786,0.7007 -0.798,2.0673 -0.078,2.8282 l 12.8435,13.62522 H 22.0001 c -1.1046,0 -2,0.8954 -2,2 0,1.1046 0.8954,2.0001 2,2.0001 h 51.37361 l -12.8435,13.6252 c -0.7199,0.7608 -0.6688,2.0938 0.078,2.8281 0.7885,0.7752 2.0925,0.7062 2.8281,-0.078 l 15.9997,-17.0002 c 0.4701,-0.4611 0.556,-0.9052 0.56389,-1.3748 z"
+       fill="#000000"
+       fill-opacity="1"
+       stroke="none"
+       marker="none"
+       visibility="visible"
+       display="inline"
+       overflow="visible"
+       id="path2" />
+  </g>
+</svg>

web/themes/custom/reha/scss/global/_layout.scss

@@ -75,3 +75,6 @@ main{
     margin-top: 7rem;
 }
 
+#block-reha-titredepage{
+    display: none;
+}

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

@@ -11,7 +11,8 @@
             margin: auto;
             display: flex;
             flex-direction: column;
-
+            width: 100%;
+            background-color: white;
             .field--name-field-image{
                 order: 1;
                 max-width: 100%;
@@ -21,17 +22,67 @@
                     height: fit-content;
                 }
             }
-            h2{
+            .filtered-content{
-                order: 3;
+                // border: solid $yellow-puca 1px;
-            }
+                background-color: $white-button;
-            .field--name-field-numero-site {
                 order: 2;
-            }
+                display: flex;
-            .field--name-field-adresse-site{
+                flex-direction: column;
-                order: 4;
+                padding-left: 1rem;
-            }
+                padding-right: 1rem;
-            .field--name-field-architecte{
+                h2{
-                order: 5;
+                    order: 2;
+                    margin: 0;
+                    font-size: 1.3rem;
+                    font-weight: 900;
+
+                }
+                .field--name-field-numero-site {
+                    order: 1;
+                    text-transform: uppercase;
+                    font-size: 1.5rem;
+                }
+                .field--name-field-adresse-site{
+                    order: 3;
+                    font-size: 1.3rem;
+                    line-height: 0.3rem;
+                
+                    .address{
+                        margin: 0;
+                        display: inline-flex;
+                        .postal-code{
+                            order: 2;
+                        }
+                        .locality{
+                            order: 1;
+                            text-transform: capitalize;
+                            margin-right: 0.5rem;
+                        }
+                        .country{
+                            display: none;
+                        }
+                    }
+                }
+                .field--name-field-architecte{
+                    order: 4;
+                    padding-top: 1rem;
+                }
+                ul.links{
+                    order: 5;
+                    text-transform: uppercase;
+                    padding: 0;
+                    margin: 0;
+                    border: none;
+                    padding-bottom: 2rem;
+                    padding-top: 0.9rem;
+                    display: inline-flex;
+                    &::after{
+                        content:url("../../dist/images/noun-arrow-1569918-black.svg");
+                        padding-left: 0.5rem;
+                    }
+
+                }
+                
             }
             
         }

web/themes/custom/reha/templates/block--views-block--actus-block-1.html.twig

@@ -75,4 +75,4 @@
       {% endfor %}
     </div>
   {% endblock %}
-</div> #} #} #}
+</div> #}