fix bug sitespilotes

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

@@ -1959,46 +1959,50 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   margin-top: 2rem;
 }
 
-.page-actualites h1 {
+.page-sitespilotes h1 {
   width: 80%;
   margin: auto;
   font-weight: 1000;
 }
-.page-actualites .view-display-id-page_1 {
+.page-sitespilotes .view-display-id-page_1 {
+  width: 80%;
+  margin: auto;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: baseline;
   justify-content: space-between;
 }
-.page-actualites .view-display-id-page_1 article {
+.page-sitespilotes .view-display-id-page_1 article {
   padding-bottom: 0.7rem;
 }
-.page-actualites .view-display-id-page_1 .views-row {
+.page-sitespilotes .view-display-id-page_1 .views-row {
   width: 28%;
   padding: 1rem;
 }
-.page-actualites .view-display-id-page_1 .views-row:hover {
+.page-sitespilotes .view-display-id-page_1 .views-row:hover {
   transform: scale(1.05);
   transition: 0.3s transform ease, 0.3s box-shadow ease;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site {
-  margin: auto;
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site {
+  background-color: white;
+}
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site {
   display: flex;
   flex-direction: column;
-  width: 100%;
-  background-color: white;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .field--name-field-image {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .image-site {
   order: 1;
+}
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .image-site .field--name-field-image {
   max-width: 100%;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .field--name-field-image img {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .image-site .field--name-field-image img {
   width: 100%;
   object-fit: cover;
   height: fit-content;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site {
   background-color: rgb(255, 255, 255);
   order: 2;
   display: flex;
@@ -2007,10 +2011,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-right: 1rem;
   padding-top: 0.5rem;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site h1 {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site h1 {
   display: none;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site h2 {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site h2 {
   order: 2;
   margin: 0;
   font-size: 1.6rem;
@@ -2018,66 +2022,66 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   line-height: 1;
   padding-bottom: 0.8rem;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row {
+.page-sitespilotes .view-display-id-page_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;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site {
+.page-sitespilotes .view-display-id-page_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;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site::after {
+.page-sitespilotes .view-display-id-page_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;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site {
   order: 3;
   font-size: 1.2rem;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .field__item {
   display: flex;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address {
   margin: 0;
   display: inline-flex;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code {
   order: 2;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .locality {
+.page-sitespilotes .view-display-id-page_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;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .country {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .country {
   display: none;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte {
   order: 4;
   font-size: 1.2rem;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items {
+.page-sitespilotes .view-display-id-page_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;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item {
   display: inline;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after {
+.page-sitespilotes .view-display-id-page_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;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after {
   content: "";
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links {
+.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site ul.links {
   order: 5;
   text-transform: uppercase;
   padding: 0;
@@ -2087,41 +2091,41 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-top: 3rem;
   display: inline-flex;
 }
-.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links::after {
+.page-sitespilotes .view-display-id-page_1 .views-row .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-actualites .view-display-id-page_1 footer {
+.page-sitespilotes .view-display-id-page_1 footer {
   background-color: transparent;
   text-transform: none !important;
 }
-.page-actualites .view-display-id-page_1 footer p {
+.page-sitespilotes .view-display-id-page_1 footer p {
   font-size: 2rem;
   padding-left: 1rem;
   font-weight: 1000;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: baseline;
   justify-content: space-between;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row {
   width: 28%;
   padding: 1rem;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row:hover {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row:hover {
   transform: none;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site {
   margin: auto;
   display: flex;
   flex-direction: column;
   width: 100%;
   background-color: transparent;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site {
   background-color: transparent;
   order: 2;
   display: flex;
@@ -2130,25 +2134,25 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-right: 1rem;
   padding-right: 1rem;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 {
+.page-sitespilotes .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.6rem;
   font-weight: 900;
   line-height: 1;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 a {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 a {
   cursor: default !important;
   pointer-events: none;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row {
   order: 1;
   display: flex;
   flex-direction: row;
   align-items: center;
   padding-bottom: 0.5rem;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site {
   order: 1;
   text-transform: uppercase;
   font-size: 1rem;
@@ -2156,43 +2160,43 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   display: flex;
   align-items: center;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::before {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::before {
   content: "SITE";
   padding-right: 0.5rem;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::after {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::after {
   content: "|";
   padding-left: 1rem;
   padding-right: 1rem;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site {
   order: 3;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address {
   padding-left: 0;
   margin: 0;
   display: inline-flex;
   font-size: 1.3rem;
   font-weight: 500 !important;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .postal-code {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .postal-code {
   order: 2;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .locality {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .locality {
   order: 1;
   text-transform: capitalize;
   margin-right: 0.5rem;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .country {
+.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .country {
   display: none;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-architecte {
+.page-sitespilotes .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;
   text-transform: capitalize;
   font-weight: 400;
   font-size: 1.2rem;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links {
+.page-sitespilotes .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;
@@ -2202,7 +2206,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   padding-top: 0.9rem;
   display: inline-flex;
 }
-.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links::after {
+.page-sitespilotes .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

@@ -1,14 +1,14 @@
 
 
-.page-actualites{
+.page-sitespilotes{
     h1{
         width: 80%;
         margin: auto;
         font-weight: 1000;
-
     }
     .view-display-id-page_1{
-     
+        width: 80%;
+        margin: auto;
         display: flex;
         flex-direction: row;
         flex-wrap: wrap;
@@ -25,116 +25,117 @@
                 transition: 0.3s transform ease, 0.3s box-shadow ease;   
             }
             .node-type-site{
-                margin: auto;
-                display: flex;
-                flex-direction: column;
-                width: 100%;
+
                 background-color: white;
-                .field--name-field-image{
-                    order: 1;
-                    max-width: 100%;
-                    img{
-                        width: 100%;
-                        object-fit: cover;
-                        height: fit-content;
-                    }
-                }
-                .infos-content-site{
-                    background-color: $white-button;
-                    order: 2;
+                .entete_site{
                     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.6rem;
-                        font-weight: 900;
-                        line-height: 1;
-                        padding-bottom: 0.8rem;
-                    }
-                    .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--name-field-image{
+                            max-width: 100%;
+                            img{
+                                width: 100%;
+                                object-fit: cover;
+                                height: fit-content;
                             }
                         }
-                        .field--name-field-adresse-site{
-                            order: 3;
-                            font-size: 1.2rem;
-                            .field__item{
-                                display: flex;
-                            }
-                            .address{
-                                margin: 0;
+                    }
+
+                    .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.6rem;
+                            font-weight: 900;
+                            line-height: 1;
+                            padding-bottom: 0.8rem;
+                        }
+                        .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-architecte{
-                        order: 4;
-                        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-architecte{
+                            order: 4;
+                            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: 1rem;
-                        padding-top: 3rem;
-                        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: 1rem;
+                            padding-top: 3rem;
+                            display: inline-flex;
+                            &::after{
+                                content:url("../../dist/images/noun-arrow-1569918-black.svg");
+                                padding-left: 0.5rem;
+                            }
                         }
-    
                     }
-                    
                 }
-                
+
             }
         }
     

web/themes/custom/reha/templates/page--sitespilotes.html.twig

@@ -0,0 +1,97 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer: Items for the footer region.
+ * - page.breadcrumb: Items for the breadcrumb region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="layout-container page-sitespilotes">
+
+  <header role="banner">
+    {{ page.header }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ page.breadcrumb }}
+
+  {{ page.highlighted }}
+
+  {{ page.help }}
+
+  <main role="main">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content home-page-layout-content">
+      {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_first %}
+      <aside class="layout-sidebar-first" role="complementary">
+        {{ page.sidebar_first }}
+      </aside>
+    {% endif %}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+
+  </main>
+
+  {% if page.footer_top or page.footer_left or page.footer_middle or page.footer_right or page.footer_bottom %}
+    <footer role="contentinfo">
+      <section id="footer-top">{{ page.footer_top }}</section> 
+      <div>
+        <section id="footer-left">{{ page.footer_left }}</section> 
+        <section id="footer-middle">{{ page.footer_middle }}</section> 
+        <section id="footer-right">{{ page.footer_right }}</section> 
+      </div> 
+      <section id="footer-bottom">{{ page.footer_bottom }}</section> 
+    </footer>
+  {% endif %}
+
+
+</div>{# /.layout-container #}