entete sit

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

@@ -1104,7 +1104,7 @@ aside.layout-sidebar-second footer.view-footer :hover {
 .slick-next:before {
   font-family: "slick";
   font-size: 200px;
-  line-height: 1;
+  line-height: 1.5;
   color: rgb(153, 147, 174);
   opacity: 0.4;
   -webkit-font-smoothing: antialiased;
@@ -1112,7 +1112,7 @@ aside.layout-sidebar-second footer.view-footer :hover {
 }
 
 .slick-prev {
-  left: 250px;
+  left: 180px;
   padding-left: 4rem;
 }
 [dir=rtl] .slick-prev {
@@ -1127,7 +1127,7 @@ aside.layout-sidebar-second footer.view-footer :hover {
 }
 
 .slick-next {
-  right: 350px;
+  right: 270px;
 }
 [dir=rtl] .slick-next {
   left: -25px;
@@ -1804,7 +1804,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding: 2rem;
   margin-right: 1rem;
   width: 16vw;
-  margin-left: 15%;
+  margin-left: 12%;
   padding-top: 0.5rem;
   padding-left: 0.8rem;
   padding-bottom: 5rem;
@@ -1837,120 +1837,141 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site {
   width: 70%;
   margin: auto;
-  display: grid;
-  grid-template-rows: repeat(12, 1fr);
-  grid-template-columns: repeat(12, 1fr);
+}
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
+  background-color: white;
+  height: 520px;
+  width: 1274px;
+  display: flex;
+  flex-direction: row;
 }
 @media (max-width: 891px) {
-  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site {
     width: 100%;
     display: flex;
     flex-direction: column;
   }
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site {
   order: 1;
-  grid-row: 1/span 10;
-  grid-column: 2/span 10;
-  width: 100%;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site img {
-  max-height: 600px;
-  width: 100%;
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item img {
+  height: 520px;
+  width: auto;
   object-fit: contain;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote {
+  position: relative;
+  font-style: italic;
+  margin: 0;
+  width: 20vw;
+  z-index: 900;
+  left: 20vw;
+  top: -50px;
+}
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .image-site .field__item blockquote p {
+  margin: 0;
+  padding-left: 1rem;
+}
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site {
   background-color: rgb(255, 255, 255);
   width: 20vw;
+  height: 400px;
   order: 2;
   display: flex;
   flex-direction: column;
-  grid-row: 7/span 5;
-  grid-column: 10/span 10;
+  margin: auto;
   padding: 1rem;
   z-index: 99;
+  position: relative;
+  justify-content: center;
 }
 @media (max-width: 891px) {
-  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site {
     width: auto;
   }
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h1 {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h1 {
   display: none;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h2 {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h2 {
   order: 3;
   margin: 0;
   font-size: 1.8rem;
   font-weight: 1000;
 }
 @media (max-width: 891px) {
-  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site h2 {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site h2 {
     font-size: 1.2rem;
     line-height: 1.3rem;
   }
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row {
   order: 1;
   display: flex;
   flex-direction: row;
   align-items: end;
   padding-bottom: 0.5rem;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site {
   order: 1;
   text-transform: uppercase;
   font-size: 1rem;
   display: inline-flex;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site::after {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site::after {
   content: "|";
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site {
   order: 3;
   font-size: 1.2rem;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
   display: flex;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
   display: flex;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address {
   margin: 0;
   display: inline-flex;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code {
   order: 2;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .locality {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .locality {
   order: 1;
   text-transform: capitalize;
   margin-right: 0.5rem;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .country {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .country {
   display: none;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte {
   order: 4;
   font-size: 1.4rem;
   padding-top: 0.5rem;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item {
   display: inline;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
   content: ",";
   padding-right: 0.5rem;
 }
-.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
+.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
   content: "";
 }
 .home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 {
@@ -2678,24 +2699,33 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 .page-node-site .region-content {
   width: 80%;
   margin: auto;
-  display: grid;
-  grid-template-columns: repeat(8, 1fr);
-  grid-template-rows: 0.5fr 0.5fr repeat(5, 2fr);
+  display: flex;
+  flex-direction: column;
 }
 .page-node-site .region-content #block-reha-prevnextblock {
   display: flex;
   flex-direction: row;
-  grid-column: 2/span 8;
-  grid-row: 2;
+  width: 1274px;
+  grid-row: 1;
   z-index: 97;
   height: fit-content;
-  justify-content: space-evenly;
+  justify-content: space-between;
+  margin: auto;
+}
+.page-node-site .region-content #block-reha-prevnextblock .next-site {
+  border: none;
+  padding: 0.5rem 1rem;
+  margin-left: auto;
 }
 .page-node-site .region-content #block-reha-prevnextblock .next-site ::after {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
   padding-left: 0.5rem;
   padding-top: 0.1rem;
 }
+.page-node-site .region-content #block-reha-prevnextblock .prev-site {
+  border: none;
+  padding: 0.5rem 1rem;
+}
 .page-node-site .region-content #block-reha-prevnextblock .prev-site ::before {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
   display: inline-block;
@@ -2706,132 +2736,147 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   display: none;
 }
 .page-node-site .region-content #block-reha-contenudelapageprincipale {
-  grid-column: 1/span 8;
-  grid-row: 2/span 10;
+  padding-top: 2rem;
+  padding-bottom: 3rem;
 }
 .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site {
   margin: auto;
   display: flex;
   flex-direction: column;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site {
-  order: 2;
-  top: -115px;
-  position: relative;
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site {
+  background-color: white;
+  height: 520px;
+  width: 1274px;
+  display: flex;
+  flex-direction: row;
+  margin: auto;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site {
+  order: 1;
+}
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image {
   width: 100%;
   margin: auto;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
+  align-items: flex-end;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item img {
-  width: 100%;
-  object-fit: cover;
-  height: auto;
-  padding-left: 13%;
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item img {
+  height: 520px;
+  width: auto;
+  object-fit: contain;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item blockquote {
-  align-self: flex-end;
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item blockquote {
+  position: relative;
   font-style: italic;
   margin: 0;
-  width: 20%;
+  width: 20vw;
+  z-index: 900;
+  left: 20vw;
+  top: -50px;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .image-site .field--name-field-image .field__item blockquote p {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .image-site .field--name-field-image .field__item blockquote p {
   margin: 0;
   padding-left: 1rem;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site {
-  z-index: 99;
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site {
   background-color: rgb(255, 255, 255);
-  width: 25vw;
-  order: 1;
+  width: 20vw;
+  height: 400px;
+  order: 2;
   display: flex;
   flex-direction: column;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-bottom: 4rem;
-  padding-top: 1rem;
+  margin: auto;
+  padding: 1rem;
+  z-index: 99;
+  position: relative;
+  justify-content: center;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site h1 {
+@media (max-width: 891px) {
+  .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site {
+    width: auto;
+  }
+}
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site h1 {
   order: 3;
   margin: 0;
   font-size: 1.8rem;
   font-weight: 900;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site h2 {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site h2 {
   order: 3;
   margin: 0;
   font-size: 1.3rem;
   font-weight: 900;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row {
   order: 1;
   display: flex;
   flex-direction: row;
   align-items: end;
   padding-bottom: 0.5rem;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-numero-site {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site {
   order: 1;
   text-transform: uppercase;
   font-size: 1rem;
   display: inline-flex;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-numero-site::after {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site::after {
   content: "|";
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site {
   order: 3;
   font-size: 1.2rem;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
   display: flex;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address {
   margin: 0;
   display: inline-flex;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code {
   order: 2;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .locality {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .locality {
   order: 1;
   text-transform: capitalize;
   margin-right: 0.5rem;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .country {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .country {
   display: none;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-date-de-construction {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-date-de-construction {
   order: 5;
   font-size: 1.2rem;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-architecte {
   order: 4;
   padding-top: 0.5rem;
   font-size: 1.2rem;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item {
   display: inline;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
   content: ",";
   padding-right: 0.5rem;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
   content: "";
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site ul.links {
   order: 5;
   text-transform: uppercase;
   padding: 0;
@@ -2841,13 +2886,13 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-top: 0.9rem;
   display: inline-flex;
 }
-.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .infos-content-site ul.links::after {
+.page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .entete_site .infos-content-site ul.links::after {
   content: url("../../dist/images/noun-arrow-1569918-black.svg");
   padding-left: 0.5rem;
 }
 .page-node-site .region-content #block-reha-contenudelapageprincipale .node-type-site .body-content-site {
   order: 3;
-  top: -60px;
+  padding-top: 4rem;
   position: relative;
   width: 50%;
   margin: auto;

web/themes/custom/reha/js/reha.js

@@ -163,29 +163,30 @@ jQuery(document).ready(function($){
     });
     console.log('slick actu');
   });
-  $(document).ready(function(){
-    $('.page-node-site .node-type-site .field--name-field-image > div:nth-child(2)').slick({
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      dots: true,
-      arrows: false,
-      adaptiveHeight: true,
-      // centerMode: true,
-      // centerPadding: '100px',
-      responsive: [
-        {
-          breakpoint: 810,
-          settings: {
-            slidesToShow: 1,
-            adaptiveHeight: true,
-            arrows: false,
-            draggable: true,
-            centerMode: true,
-          }
-        }]
-    });
-    console.log('slick actu');
-  });
+  // html.js body.node-type-site.node-id-58 div.dialog-off-canvas-main-canvas div.layout-container.page-node-site main div.layout-content.home-page-layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block article.node-type-site div.entete_site div.image-site div.field.field--name-field-image.field--type-image.field--label-visually_hidden div.field__items
+  // $(document).ready(function(){
+  //   $('.page-node-site .node-type-site .entete_site .image-site .field--name-field-image > div:nth-child(2)').slick({
+  //     slidesToShow: 1,
+  //     slidesToScroll: 1,
+  //     dots: true,
+  //     arrows: false,
+  //     adaptiveHeight: true,
+  //     // centerMode: true,
+  //     // centerPadding: '100px',
+  //     responsive: [
+  //       {
+  //         breakpoint: 810,
+  //         settings: {
+  //           slidesToShow: 1,
+  //           adaptiveHeight: true,
+  //           arrows: false,
+  //           draggable: true,
+  //           centerMode: true,
+  //         }
+  //       }]
+  //   });
+  //   console.log('slick site');
+  // });
 
 
   

web/themes/custom/reha/reha.theme

@@ -46,6 +46,7 @@ function reha_preprocess_html(&$variables) {
           $numero_field_content = '';
           $adresse_field_content = '';
           $lettre_field_content = '';
+          $image_caption_field_content = '';
   
           foreach ($variables['content'] as $field_name => $field_content) {
               if ($field_name == 'body') {
@@ -60,6 +61,8 @@ function reha_preprocess_html(&$variables) {
                 $adresse_field_content = $field_content;
               } elseif  ($field_name == 'field_lettre_de_site') {
                 $adresse_field_content = $field_content;
+              } elseif  ($field_name == 'image_field_caption') {
+                $image_caption_field_content = $field_content;
               } elseif (!in_array($field_name, $fields_to_exclude)) {
                   $filtered_content[$field_name] = $field_content;
               } else {
@@ -75,6 +78,7 @@ function reha_preprocess_html(&$variables) {
           $variables['adresse_field_content'] = $adresse_field_content;
           $variables['numero_field_content'] = $numero_field_content;
           $variables['field_lettre_de_site'] = $lettre_field_content;
+          $variables['image_field_caption'] = $image_caption_field_content;
       }
   }
    

web/themes/custom/reha/scss/pages/home/home-view-sites.scss

@@ -7,7 +7,7 @@
     padding: 2rem;
     margin-right: 1rem;
     width: 16vw;
-    margin-left: 15%;
+    margin-left: 12%;
     padding-top: 0.5rem;
     padding-left: 0.8rem;
     padding-bottom: 5rem;
@@ -38,117 +38,141 @@
             .node-type-site{
                 width: 70%;
                 margin: auto;
-                display: grid;
-                grid-template-rows: repeat(12, 1fr);
-                grid-template-columns: repeat(12, 1fr);
-                @media(max-width: 891px){
-                    width: 100%;
+                .entete_site{  
+                    background-color: white;
+                    height: 520px;
+                    width: 1274px;
                     display: flex;
-                    flex-direction: column;
-                }
-                .image-site{
-                    order: 1;
-                    grid-row: 1/span 10;
-                    grid-column: 2/span 10;
+                    flex-direction: row;
+                @media(max-width: 891px){
                     width: 100%;
-                    img {
-                        max-height: 600px;
-                        width: 100%;
-                        object-fit: contain;                      
-                    }
-                }
-                .infos-content-site{
-                    background-color: $white-button;
-                    width: 20vw;
-                    order: 2;
                     display: flex;
                     flex-direction: column;
-                    grid-row: 7/span 5;
-                    grid-column: 10/span 10;
-                    padding: 1rem;
-                    z-index: 99;
-                    @media(max-width: 891px){
-                        width: auto;
-                    }
-                    h1{display: none;}
-                    h2{
-                        order: 3;
-                        margin: 0;
-                        font-size: 1.8rem;
-                        font-weight: 1000;
-                        @media(max-width: 891px){
-                            font-size: 1.2rem;
-                            line-height: 1.3rem;
-                        }
-                    }
-                    .first-row{
+                }            
+                    
+                    .image-site{
                         order: 1;
-                        display:flex;
-                        flex-direction: row;
-                        align-items: end;
-                        padding-bottom: 0.5rem;
-                        .field--name-field-numero-site {
-                            order: 1;
-                            text-transform: uppercase;
-                            font-size: 1rem;
-                            display: inline-flex;
-                            &::after{
-                                content: '|';
-                                padding-left: 1rem;
-                                padding-right: 1rem;
+                        .field__item{
+                            display: flex;
+                            flex-direction:column;
+                            align-items: flex-end;
+                            img {
+                                height: 520px;
+                                width: auto;
+                                object-fit: contain;                      
+                            }
+                            blockquote{
+                                position: relative;
+                                font-style: italic;
+                                margin: 0;
+                                width: 20vw;
+                                z-index: 900;
+                                left: 20vw;
+                                top: -50px;
+                                p{
+                                    margin: 0;
+                                    padding-left: 1rem;
+                                }
                             }
                         }
-                        .field--name-field-adresse-site{
+                        
+                    }
+                    .infos-content-site{
+                        background-color: $white-button;
+                        width: 20vw;
+                        height: 400px;
+                        order: 2;
+                        display: flex;
+                        flex-direction: column;
+                        margin: auto;
+                        padding: 1rem;
+                        z-index: 99;
+                        position: relative;
+                        justify-content: center;
+                        @media(max-width: 891px){
+                            width: auto;
+                        }
+                        h1{display: none;}
+                        h2{
                             order: 3;
-                            font-size: 1.2rem;
-                            .field__item{
-                                display: flex;
-        
-                            }
-                            .field__item{
-                                display: flex;
+                            margin: 0;
+                            font-size: 1.8rem;
+                            font-weight: 1000;
+                            @media(max-width: 891px){
+                                font-size: 1.2rem;
+                                line-height: 1.3rem;
                             }
-                            .address{
-                                margin: 0;
+                        }
+                        .first-row{
+                            order: 1;
+                            display:flex;
+                            flex-direction: row;
+                            align-items: end;
+                            padding-bottom: 0.5rem;
+                            .field--name-field-numero-site {
+                                order: 1;
+                                text-transform: uppercase;
+                                font-size: 1rem;
                                 display: inline-flex;
-                                .postal-code{
-                                    order: 2;
+                                &::after{
+                                    content: '|';
+                                    padding-left: 1rem;
+                                    padding-right: 1rem;
+                                }
+                            }
+                            .field--name-field-adresse-site{
+                                order: 3;
+                                font-size: 1.2rem;
+                                .field__item{
+                                    display: flex;
+            
                                 }
-                                .locality{
-                                    order: 1;
-                                    text-transform: capitalize;
-                                    margin-right: 0.5rem;
+                                .field__item{
+                                    display: flex;
                                 }
-                                .country{
-                                    display: none;
+                                .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;
-                        font-size: 1.4rem;
-                        padding-top: 0.5rem;
-                        .field__items{
-                            display: flex;
-                            flex-direction: row;
-                            flex-wrap: wrap;
-                            .field__item{
-                                display: inline;
-                                &::after{
-                                    content:',';
-                                    padding-right: 0.5rem;
+                        .field--name-field-architecte{
+                            order: 4;
+                            font-size: 1.4rem;
+                            padding-top: 0.5rem;
+                            .field__items{
+                                display: flex;
+                                flex-direction: row;
+                                flex-wrap: wrap;
+                                .field__item{
+                                    display: inline;
+                                    &::after{
+                                        content:',';
+                                        padding-right: 0.5rem;
+                                    }
+                                    
                                 }
-                                
                             }
-                        }
-                        .field__item:last-of-type::after {
-                            content: '';
+                            .field__item:last-of-type::after {
+                                content: '';
+                            }
                         }
                     }
                 }
+
             }
         }
        

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

@@ -11,20 +11,22 @@
         
         width: 80%;
         margin: auto;
-        display: grid;
-        grid-template-columns: repeat(8, 1fr);
-        grid-template-rows: 0.5fr 0.5fr repeat(5, 2fr);
+        display: flex;
+        flex-direction: column;
        
         #block-reha-prevnextblock{
             display: flex;
             flex-direction: row;
-            grid-column: 2 /span 8;
-            grid-row: 2;   
+            width: 1274px;
+            grid-row: 1;   
             z-index: 97;  
             height: fit-content;
-            // align-self: end;
-            justify-content: space-evenly;
+            justify-content: space-between;
+            margin: auto;
             .next-site{
+                border: none;
+                padding: 0.5rem 1rem;
+                margin-left: auto;
                 ::after{
                     content: url('../../dist/images/noun-arrow-1569918-black.svg');
                     padding-left: 0.5rem;
@@ -32,6 +34,8 @@
                 }
             }
             .prev-site{
+                border: none;
+                padding: 0.5rem 1rem;
                 ::before{
                     content: url('../../dist/images/noun-arrow-1569918-black.svg');
                     display: inline-block;
@@ -45,155 +49,171 @@
             display: none;
         }
         #block-reha-contenudelapageprincipale{
-            grid-column: 1 /span 8;
-            grid-row: 2 /span 10;
+            padding-top: 2rem;
+            padding-bottom: 3rem;
             .node-type-site{
                 margin: auto;
                 display: flex;
                 flex-direction: column;
-                .image-site{
-                    order: 2;
-                    top: -115px;
-                    position: relative;
-                    .field--name-field-image{
-                        width: 100%;
-                        margin: auto;
-                        .field__item{
-                            display: flex;
-                            flex-direction: row;
-                            img{
-                                width: 100%;
-                                object-fit: cover;
-                                height: auto;
-                                padding-left: 13%;
-                            }
-                            blockquote{
-                                align-self: flex-end;
-                                font-style: italic;
-                                margin: 0;
-                                width: 20%;
-        
-                                p{
+                .entete_site{  
+                    background-color: white;
+                    height: 520px;
+                    width: 1274px;
+                    display: flex;
+                    flex-direction: row;
+                    margin: auto;
+                    .image-site{
+                        order: 1;
+                        // top: -115px;
+                        // position: relative;
+                        .field--name-field-image{
+                            width: 100%;
+                            margin: auto;
+                            .field__item{
+                                display: flex;
+                                flex-direction:column;
+                                align-items: flex-end;
+                                img{
+                                    height: 520px;
+                                    width: auto;
+                                    object-fit: contain;
+                                }
+                                blockquote{
+                                    position: relative;
+                                    font-style: italic;
                                     margin: 0;
-                                    padding-left: 1rem;
+                                    width: 20vw;
+                                    z-index: 900;
+                                    left: 20vw;
+                                    top: -50px;
+            
+                                    p{
+                                        margin: 0;
+                                        padding-left: 1rem;
+                                    }
                                 }
                             }
                         }
                     }
-                }
-               
-                .infos-content-site{
-                    z-index: 99;
-                    background-color: $white-button;
-                    width: 25vw;
-                    order: 1;
-                    display: flex;
-                    flex-direction: column;
-                    padding-left: 1rem;
-                    padding-right: 1rem;
-                    padding-bottom: 4rem;
-                    padding-top: 1rem;
-                    h1{
-                        order: 3;
-                        margin: 0;
-                        font-size: 1.8rem;
-                        font-weight: 900; 
-                    }
-                    h2{
-                        order: 3;
-                        margin: 0;
-                        font-size: 1.3rem;
-                        font-weight: 900;
-    
-                    }
-                    .first-row{
-                        order: 1;
-                        display:flex;
-                        flex-direction: row;
-                        align-items: end;
-                        padding-bottom: 0.5rem;
-                        .field--name-field-numero-site {
-                            order: 1;
-                            text-transform: uppercase;
-                            font-size: 1rem;
-                            display: inline-flex;
-                            &::after{
-                                content: '|';
-                                padding-left: 1rem;
-                                padding-right: 1rem;
-                            }
+                
+                    .infos-content-site{
+                        background-color: $white-button;
+                        width: 20vw;
+                        height: 400px;
+                        order: 2;
+                        display: flex;
+                        flex-direction: column;
+                        margin: auto;
+                        padding: 1rem;
+                        z-index: 99;
+                        position: relative;
+                        justify-content: center;
+                        @media(max-width: 891px){
+                            width: auto;
                         }
-                        .field--name-field-adresse-site{
+                        h1{
                             order: 3;
-                            font-size: 1.2rem;
-                            .field__item{
-                                display: flex;
+                            margin: 0;
+                            font-size: 1.8rem;
+                            font-weight: 900; 
+                        }
+                        h2{
+                            order: 3;
+                            margin: 0;
+                            font-size: 1.3rem;
+                            font-weight: 900;
         
-                            }
-                        
-                            .address{
-                                margin: 0;
+                        }
+                        .first-row{
+                            order: 1;
+                            display:flex;
+                            flex-direction: row;
+                            align-items: end;
+                            padding-bottom: 0.5rem;
+                            .field--name-field-numero-site {
+                                order: 1;
+                                text-transform: uppercase;
+                                font-size: 1rem;
                                 display: inline-flex;
-                                .postal-code{
-                                    order: 2;
+                                &::after{
+                                    content: '|';
+                                    padding-left: 1rem;
+                                    padding-right: 1rem;
                                 }
-                                .locality{
-                                    order: 1;
-                                    text-transform: capitalize;
-                                    margin-right: 0.5rem;
+                            }
+                            .field--name-field-adresse-site{
+                                order: 3;
+                                font-size: 1.2rem;
+                                .field__item{
+                                    display: flex;
+            
                                 }
-                                .country{
-                                    display: none;
+                            
+                                .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-date-de-construction{
-                        order: 5;
-                        font-size: 1.2rem;
-                    }
-                    .field--name-field-architecte{
-                        order: 4;
-                        padding-top: 0.5rem;
-                        font-size: 1.2rem;
-                        .field__items{
-                            display: flex;
-                            flex-direction: row;
-                            flex-wrap: wrap;
-                            .field__item{
-                                display: inline;
-                                &::after{
-                                    content:',';
-                                    padding-right: 0.5rem;
+        
+                        .field--name-field-date-de-construction{
+                            order: 5;
+                            font-size: 1.2rem;
+                        }
+                        .field--name-field-architecte{
+                            order: 4;
+                            padding-top: 0.5rem;
+                            font-size: 1.2rem;
+                            .field__items{
+                                display: flex;
+                                flex-direction: row;
+                                flex-wrap: wrap;
+                                .field__item{
+                                    display: inline;
+                                    &::after{
+                                        content:',';
+                                        padding-right: 0.5rem;
+                                    }
+                                    
                                 }
-                                
+                            }
+                            .field__item:last-of-type::after {
+                                content: '';
                             }
                         }
-                        .field__item:last-of-type::after {
-                            content: '';
-                        }
-                    }
-                    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;
+                        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;
+                            }
+        
                         }
-    
-                    }
-                    
-                }  
+                        
+                    } 
+                } 
                 .body-content-site{
                     order: 3;
-                    top: -60px;
+                    // top: -60px;
+                    padding-top: 4rem;
                     position: relative;
                     width: 50%;
                     margin: auto;

web/themes/custom/reha/scss/partials/_slick-theme.scss

@@ -95,7 +95,7 @@ $slick-opacity-not-active: 0.25 !default;
     &:before {
         font-family: $slick-font-family;
         font-size: 200px;
-        line-height: 1;
+        line-height: 1.5;
         color: $slick-arrow-color;
         opacity: $slick-opacity-default;
         -webkit-font-smoothing: antialiased;
@@ -104,7 +104,7 @@ $slick-opacity-not-active: 0.25 !default;
 }
 
 .slick-prev {
-    left: 250px;
+    left: 180px;
     padding-left: 4rem;
     [dir="rtl"] & {
         left: auto;
@@ -125,7 +125,7 @@ $slick-opacity-not-active: 0.25 !default;
 }
 
 .slick-next {
-    right: 350px;
+    right: 270px;
     [dir="rtl"] & {
         left: -25px;
         right: auto;

web/themes/custom/reha/templates/node--site.html.twig

@@ -95,55 +95,48 @@
 </article> #}
 
 <article{{ attributes.addClass('node-type-site') }}>
-
   {{ title_prefix }}
-<div class="entete_site">
- <div class="infos-content-site">
-    <h1>{{ node.label }}</h1>
-    {% if label and not page %}
-      <h2{{ title_attributes }}>
-        <a href="{{ url }}" rel="bookmark">{{ label }}</a>
-      </h2>
+  <div class="entete_site">
+    {% if image_field_content %}
+    <div class="image-site">
+      {{ image_field_content }}
+    </div>
     {% endif %}
-
-    {% for field_name, field_content in filtered_content %}
-      {{ field_content }}
-
-    {% endfor %}
-    {% if adresse_field_content is defined %}
+    <div class="infos-content-site">
+      <h1>{{ node.label }}</h1>
+      {% if label and not page %}
+        <h2{{ title_attributes }}>
+          <a href="{{ url }}" rel="bookmark">{{ label }}</a>
+        </h2>
+      {% endif %}
+      {% for field_name, field_content in filtered_content %}
+        {{ field_content }}
+      {% endfor %}
+      {% if adresse_field_content is defined %}
         <div class="first-row">
         {{ numero_field_content }}
         {{ adresse_field_content }}
         {{ lettre_field_content }}
-      </div>
-    {% endif %}
-   
-  </div>
-  {% if image_field_content %}
-    <div class="image-site">
-      {{ image_field_content }}
-    </div>
-  {% endif %}
-
- </div> 
-    {% if body_field_content is defined or files_field_content is defined %}
-    <div class="body-content-site">
-      {% if body_field_content is defined %}
-        <div class="summary-content">
-          {{ body_field_content }}
-        </div>
-      {% endif %}
-      {% if files_field_content is defined %}
-        <div class="links-content">
-          {{ files_field_content }}
-          {{ liens_field_content }}
         </div>
       {% endif %}
     </div>
+  </div> 
+  {% if body_field_content is defined or files_field_content is defined %}
+  <div class="body-content-site">
+    {% if body_field_content is defined %}
+      <div class="summary-content">
+        {{ body_field_content }}
+      </div>
+    {% endif %}
+    {% if files_field_content is defined %}
+      <div class="links-content">
+        {{ files_field_content }}
+        {{ liens_field_content }}
+      </div>
+    {% endif %}
+  </div>
   {% endif %}
-
   {{ title_suffix }}
-
   {% if display_submitted %}
     <footer>
       {{ author_picture }}