path-incubateur

web/themes/custom/eql/css-compiled/styles.css

@@ -3277,6 +3277,218 @@ a {
       display: flex;
       flex-direction: column; }
 
+.path-incubateur {
+  background: url("../images/pictos/carre-contour-bleu_programme.svg");
+  background-repeat: no-repeat;
+  background-position-y: 7rem;
+  max-width: 100vw;
+  background-size: contain; }
+  .path-incubateur .layout-container {
+    overflow: unset; }
+    .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale span {
+      width: fit-content; }
+      .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale span h2 {
+        width: fit-content;
+        margin-left: 11%;
+        margin-top: 15vh;
+        color: white;
+        font-family: "Source Code Pro";
+        text-transform: uppercase;
+        font-size: 2rem;
+        font-weight: 800;
+        background: #009ee3;
+        margin-bottom: 15vh; }
+    .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first {
+      position: relative; }
+      .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-config-pages-block {
+        display: flex;
+        justify-content: flex-end;
+        position: -webkit-sticky;
+        position: sticky;
+        top: 10rem; }
+        @media (max-width: 810px) {
+          .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-config-pages-block {
+            display: none; } }
+        .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-config-pages-block .config_pages--type--incubateur-du-programme {
+          display: flex;
+          flex-direction: row-reverse;
+          width: 50%;
+          background-color: white;
+          padding-right: 2rem; }
+          .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-titre {
+            display: flex;
+            flex-direction: column;
+            font-size: 1rem;
+            font-weight: 1000;
+            color: #09398b;
+            border-bottom: 1px solid #009ee3;
+            padding-bottom: 0.8rem;
+            padding-right: 1rem;
+            margin-top: 1rem;
+            scroll-margin-top: 7em; }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-titre:hover {
+              text-decoration: underline; }
+    .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-textes .field__item .paragraph--type--texte {
+      padding-right: 2rem;
+      margin-top: 1rem;
+      background-color: white; }
+      .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-textes .field__item .paragraph--type--texte .field--name-field-titre {
+        font-size: 1.5rem;
+        font-weight: 1000;
+        font-family: 'Source Code Pro', monospace;
+        color: #09398b;
+        text-transform: uppercase;
+        margin-bottom: 0.8rem; }
+      .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--second .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-textes .field__item .paragraph--type--texte .field--name-field-texte {
+        margin-bottom: 2rem; }
+    .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme {
+      margin-top: 1rem;
+      display: flex;
+      flex-direction: column;
+      width: 70%; }
+      @media (max-width: 810px) {
+        .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme {
+          margin: auto; } }
+      .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents {
+        height: fit-content;
+        border: 2px solid #009ee3;
+        background-color: white;
+        margin-bottom: 1rem; }
+        .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents .field__item {
+          min-height: 4rem;
+          background: white;
+          color: #009ee3;
+          padding-left: 0.8rem;
+          padding-top: 1rem; }
+          .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents .field__item span:nth-of-type(2) {
+            display: none; }
+          .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents .field__item .file--mime-application-pdf {
+            height: inherit;
+            margin: auto; }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents .field__item .file--mime-application-pdf ::before {
+              content: url("../images/pictos/noun_Download_file_307900.svg");
+              min-width: 40px;
+              height: auto;
+              padding-right: 0.5rem;
+              display: inline-flex;
+              align-items: center; }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-documents .field__item .file--mime-application-pdf a {
+              hyphens: auto;
+              display: inline-flex;
+              align-items: center;
+              color: #009ee3;
+              font-weight: 800; }
+      .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-liens .field__item {
+        margin: auto;
+        height: fit-content;
+        border: 2px solid #009ee3;
+        min-height: 4rem;
+        background: white;
+        color: #009ee3;
+        padding-left: 0.8rem;
+        padding-top: 1rem;
+        margin-bottom: 1rem; }
+      .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-liens a {
+        display: inline-flex;
+        align-items: center;
+        justify-items: center;
+        color: #009ee3;
+        font-weight: 800; }
+        .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-liens a::before {
+          content: url("../images/pictos/noun_External Link_674151.svg");
+          min-width: 40px;
+          height: auto;
+          padding-right: 0.5rem;
+          display: inline-flex;
+          align-items: center; }
+        .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--third .block-region-third .block-config-pages-block .config_pages--type--incubateur-du-programme .field--name-field-liens a svg.ext {
+          display: none; }
+    .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 {
+      padding-top: 1rem;
+      background-color: white; }
+      .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets {
+        width: 80%;
+        margin: auto; }
+        .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters {
+          margin-top: 4rem;
+          display: flex;
+          flex-direction: row; }
+          .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters::before {
+            content: 'Filtrer par:'; }
+          .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 {
+            display: flex;
+            flex-direction: row; }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 #edit-field-neuf-rehabilitation-value--wrapper legend {
+              display: none; }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 #edit-field-encours-fini-value--wrapper legend {
+              display: none; }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-filters #views-exposed-form-projets-block-3 .js-form-type-textfield label {
+              display: none; }
+        .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-content {
+          margin-top: 2rem;
+          display: flex;
+          flex-direction: row; }
+          .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .view-content .views-row {
+            width: 25%;
+            flex: 0 0 25%; }
+        .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet {
+          color: #09398b;
+          line-height: 1.5rem;
+          padding: 0.5rem;
+          padding-right: 1rem;
+          padding-left: 1rem; }
+          .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child {
+            display: flex;
+            flex-direction: column; }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child a {
+              color: #09398b; }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-photo {
+              order: 1; }
+              .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-photo img {
+                width: 100%;
+                max-height: 175px;
+                object-fit: cover; }
+              .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-photo::after {
+                display: block;
+                content: url('data:image/svg+xml,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>'); }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-adresse {
+              order: 2;
+              display: flex;
+              text-transform: uppercase;
+              font-size: 0.9rem;
+              font-weight: 800;
+              margin-top: 0.8rem;
+              line-height: 0.6rem; }
+              .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address {
+                display: flex;
+                flex-direction: row;
+                margin: 0; }
+                .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality {
+                  padding-top: 0 !important;
+                  padding-bottom: 0 !important; }
+                  .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .locality::after {
+                    content: ",";
+                    margin-right: 0.3rem; }
+                .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-adresse .address .country {
+                  padding-top: 0 !important;
+                  padding-bottom: 0 !important; }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-sous-titre {
+              margin-top: 0.5rem;
+              font-size: 0.9rem;
+              font-weight: 800;
+              order: 4; }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-title {
+              order: 3;
+              margin-top: 0.5rem;
+              font-size: 1rem;
+              font-weight: 800; }
+              .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-title h2 {
+                margin: 0; }
+            .path-incubateur .layout-container .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--bottom .block-region-bottom .block-views-blockprojets-block-3 .view-projets .node-type-projet div:first-child .field--name-field-incube {
+              order: 4;
+              color: red;
+              margin-top: 0.8rem; }
+
 /*partials*/
 .layout-container {
   position: relative; }

web/themes/custom/eql/scss/pages/_incubateur.scss

@@ -1,45 +1,70 @@
 .path-incubateur{
+    background: url('../images/pictos/carre-contour-bleu_programme.svg');
+    background-repeat: no-repeat;
+    background-position-y: 7rem;
+    max-width: 100vw;
+    background-size: contain;
     
-        .layout-container{
-            overflow: unset;
-            // display: flex;
-            // flex-direction: column;
-            // flex-flow: row wrap;
-            // header{
-            //     flex: 0 0 100%;
-            // }
-            // main{
-            //     flex: 0 0 100%;
-                .layout-content{
-                   
-                    .region-content{
-                        .block-contenudelapageprincipale{
-                            span{
-                                h2{
-
-                                }
+    .layout-container{
+        overflow: unset;
+        // display: flex;
+        // flex-direction: column;
+        // flex-flow: row wrap;
+        // header{
+        //     flex: 0 0 100%;
+        // }
+        // main{
+        //     flex: 0 0 100%;
+            .layout-content{
+                
+                .region-content{
+                    #block-contenudelapageprincipale{
+                        span{
+                            width: fit-content;
+                            // margin-left: 11%;
+                            // margin-top: 15vh;
+                            // @media (max-width: 810px){
+                            //     margin-left: 8%;
+                            //     margin-right: 5%;
+                            // }
+                            h2{
+                                width: fit-content;
+                                margin-left: 11%;
+                                margin-top: 15vh;
+                                color: $white;
+                                font-family: "Source Code Pro";
+                                text-transform: uppercase;
+                                font-size: 2rem;
+                                font-weight: 800;
+                                background: $blue-light; 
+                                margin-bottom: 15vh;
+                               
                             }
-                            .layout--threecol-25-50-25{
-                                // menu ancres a gauche
-                                .layout__region--first{             // menu ancres a gauche
-                                    position: relative;
-                                    .block-region-first{
+                        }
+                        .layout--threecol-25-50-25{
+                            // menu ancres a gauche
+                            .layout__region--first{             // menu ancres a gauche
+                                position: relative;
+                                .block-region-first{
+                                    .block-config-pages-block{
                                         display: flex;
                                         justify-content: flex-end;
                                         position: -webkit-sticky;
                                         position: sticky;
                                         top: 10rem;
-                                    @media (max-width: 810px){
+                                        @media (max-width: 810px){
                                         display: none;
-                                    }
-                                        .block-entity-fieldnodefield-textes{
+                                        }
+                                        .config_pages--type--incubateur-du-programme {
                                             display: flex;
+                                            flex-direction: row-reverse;
                                             width: 50%;
                                             background-color: $white;
                                             padding-right: 2rem;
                                             
                                             .field--name-field-titre{
                                                 display: flex;
+                                                flex-direction: column;
                                                 font-size: 1rem;
                                                 font-weight: 1000;
                                                 color: $blue-dark;
@@ -53,101 +78,105 @@
                                                     text-decoration: underline;
                                                 }
                                             }
-                                        }
-                
+                                        }  
                                     }
+
+            
                                 }
-                
-                                // paragraphe texte
-                                .layout__region--second{        
-                                    @media (max-width: 810px){
-                                        flex: 0 1 80%;
-                                        margin: auto;
-                                    }        
-                                    // paragraphe texte
-                                    .block-entity-fieldnodefield-textes{
-                                        margin-top: 1rem;
-                                        background-color: $white;
-                                        .field--name-field-titre{
-                                            font-size: 1.5rem;
-                                            font-weight: 1000;
-                                            font-family: 'Source Code Pro', monospace;
-                                            color: $blue-dark;
-                                            text-transform: uppercase;
-                                            margin-top: 2rem;
-                                            margin-bottom: 0.8rem;
-                                        }
-                                        h4{
-                                            text-transform: none !important;
-                                        
-                                            img{
-                                                width: 100%;
-                                                height: auto;
+                            }
+            
+                            // paragraphe texte
+                            .layout__region--second{    
+                                .block-config-pages-block{
+                                    .config_pages--type--incubateur-du-programme{
+                                        .field--name-field-textes{
+                                            .field__item{
+                                                .paragraph--type--texte{
+                                                    padding-right: 2rem;
+                                                    margin-top: 1rem;
+                                                    background-color: $white;
+                                                    .field--name-field-titre{
+                                                        font-size: 1.5rem;
+                                                        font-weight: 1000;
+                                                        font-family: 'Source Code Pro', monospace;
+                                                        color: $blue-dark;
+                                                        text-transform: uppercase;
+                                                        // margin-top: 2rem;
+                                                        margin-bottom: 0.8rem;
+                                                    }
+                                                    .field--name-field-texte{
+                                                        
+                                                            
+                                                            margin-bottom: 2rem;
+                                                        
+                                                    }
+
+                                                }
                                             }
+
                                         }
-                                        .field--type-text-long{
-                                            padding-right: 2rem;
-                                        }
-                                        p{
-                                            margin-top: 0;
-                                        }
+
                                     }
                                     
-                                }
-                                // colone de droite fichiers et ressources liées
-                                .layout__region--third{     
-                                    .block-region-third{
-                                        margin-top: 1rem;
-                                        display: flex;
-                                        flex-direction: column;
-                                        width: 70%;
-                                        // position: -webkit-sticky;
-                                        // position: sticky;
-                                        // top: 9rem; 
-                                        @media (max-width: 810px){
-                                            margin: auto;
-                                        }               
-                                        .block-entity-fieldnodefield-fichiers{
-                                            height: fit-content;
-                                            border: 2px solid $blue-light;
-                                            background-color: $white;
-                                    
-                                        }         
-                                        .field--name-field-fichiers{
-                                            min-height: 4rem;
-                                            background: $white;
-                                            color: $blue-light;
-                                            padding-left: 0.8rem;
-                                            padding-top: 1rem;
-                                            margin-bottom: 1rem;
-                                    
-                                            span:nth-of-type(2){
-                                                display: none;
-                                            }
-                                            
-                                            .file--mime-application-pdf{    
-                                                height: inherit;      
-                                                margin: auto;  
-                                                ::before{
-                                                    content: url("../images/pictos/noun_Download_file_307900.svg");
-                                                    min-width:40px;
-                                                    height: auto;
-                                                    padding-right: 0.5rem;
-                                                    display: inline-flex;
-                                                    align-items: center;
-                                                }
-                                                a{
-                                                    hyphens: auto;
-                                                    display: inline-flex;
-                                                    align-items: center;
+                                }    
+                            }
+                            // colone de droite fichiers et ressources liées
+                            .layout__region--third{     
+                                .block-region-third{
+                                    .block-config-pages-block{
+                                        .config_pages--type--incubateur-du-programme{
+                                            margin-top: 1rem;
+                                            display: flex;
+                                            flex-direction: column;
+                                            width: 70%;
+                                            // position: -webkit-sticky;
+                                            // position: sticky;
+                                            // top: 9rem; 
+                                            @media (max-width: 810px){
+                                                margin: auto;
+                                            }               
+                                            .field--name-field-documents{
+                                                height: fit-content;
+                                                border: 2px solid $blue-light;
+                                                background-color: $white;
+                                                margin-bottom: 1rem;
+                                                .field__item{
+                                                    min-height: 4rem;
+                                                    background: $white;
                                                     color: $blue-light;
-                                                    font-weight: 800;
-                                                    // max-width: 80px ;
+                                                    padding-left: 0.8rem;
+                                                    padding-top: 1rem;
+                                                   
+                                            
+                                                    span:nth-of-type(2){
+                                                        display: none;
+                                                    }
+                                                    
+                                                    .file--mime-application-pdf{    
+                                                        height: inherit;      
+                                                        margin: auto;  
+                                                        ::before{
+                                                            content: url("../images/pictos/noun_Download_file_307900.svg");
+                                                            min-width:40px;
+                                                            height: auto;
+                                                            padding-right: 0.5rem;
+                                                            display: inline-flex;
+                                                            align-items: center;
+                                                        }
+                                                        a{
+                                                            hyphens: auto;
+                                                            display: inline-flex;
+                                                            align-items: center;
+                                                            color: $blue-light;
+                                                            font-weight: 800;
+                                                            // max-width: 80px ;
+                                                        }
+                                                    }
+                                            
                                                 }
-                                            }
-                                    
-                                        }
-                                        .block-entity-fieldnodefield-liens{
+                                            }         
+ 
+                                            
                                             .field--name-field-liens{
                                                 .field__item{
                                                     margin: auto;  
@@ -180,102 +209,219 @@
                                                     }
                                                 }
                                             }
+                                            
+                                            
                                         
-                                        }
-                                    
-                                    
-                                        .block-entity-fieldnodefield-ress{
-                                            margin-top: 3rem;        
+                                        
+                                            // .block-entity-fieldnodefield-ress{
+                                            //     margin-top: 3rem;        
+                                        
+                                            //     h2{
+                                            //         font-size: 0.8rem;
+                                            //         color: $black;
+                                            //         font-weight: 900;
+                                            //     }
+                                        
+                                            //     .node-type-ressource{
+                                            //         display: flex;
+                                            //         flex-direction: column;
+                                            //         border: 2px solid $blue-light;
+                                            //         padding: 1rem;
                                     
-                                            h2{
-                                                font-size: 0.8rem;
-                                                color: $black;
-                                                font-weight: 900;
-                                            }
+                                            //         height: fit-content;
+                                            //         margin-bottom: 1rem;
+                                            //         background-color: $white;
+                                            //         &:first-of-type{
+                                            //             border-top: 1px solid $blue-light;
+                                            //             padding-top: 1rem;
+                                            //             &::after{
+                                            //                 content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                            //                 align-self: flex-end;
+                                            //             }
+                                            //         }
+                                            //         .field--name-title{
+                                            //             a{
+                                            //                 color: $black;
+                                            //                 font-size: 1.4rem;
+                                            //                 font-weight: 600;
                                     
-                                            .node-type-ressource{
-                                                display: flex;
-                                                flex-direction: column;
-                                                border: 2px solid $blue-light;
-                                                padding: 1rem;
+                                            //             }
+                                            //         }
+                                            //         .field--name-field-auteur-s-{
+                                            //             font-weight: 800;
+                                            //             p{
+                                            //                 margin: 0;
+                                            //             }
+                                            //             .field__label{
+                                            //                 display:none;
+                                            //             }
+                                            //         }
+                                            //         .field--name-field-edition{
+                                            //             p{
+                                            //                 margin: 0;
+                                            //             }
+                                            //             .field__label{
+                                            //                 display:none;
+                                            //             }
+                                            //         }
+                                            //         .field--name-field-images{
+                                            //             display: none;
+                                            //             width: 50%;
+                                            //             img{
+                                            //                 width: 100%;
+                                            //                 height: auto;
+                                            //             }
+                                            //         }
+                                            //         .field--name-field-type-de-ressource{
+                                            //             display: inline-flex;
+                                            //             margin-top: 2rem;
+                                            //             background: $blue-dark;
+                                            //             margin-right: 1rem;
+                                            //             padding-left: 0.3rem;
+                                            //             padding-right: 0.3rem;
+                                            //             color: $white;
+                                            //             font-weight: 800;
+                                            //             vertical-align: middle;
+                                            //         }
+                                            //     }
+                                            // }
+                                        }
+
+                                    }
+
                                 
-                                                height: fit-content;
-                                                margin-bottom: 1rem;
-                                                background-color: $white;
-                                                &:first-of-type{
-                                                    border-top: 1px solid $blue-light;
-                                                    padding-top: 1rem;
-                                                    &::after{
-                                                        content: url("../images/pictos/noun_Arrow_3771902.svg");
-                                                        align-self: flex-end;
-                                                    }
-                                                }
-                                                .field--name-title{
-                                                    a{
-                                                        color: $black;
-                                                        font-size: 1.4rem;
-                                                        font-weight: 600;
+                                }
                                 
-                                                    }
+                            
+                            }
+
+                            // filtre et grille projets
+                            .layout__region--bottom{
+                                .block-region-bottom{
+                                    .block-views-blockprojets-block-3{
+                                        padding-top: 1rem;
+                                        background-color: white;
+                                        .view-projets{
+                           
+                                            width: 80%;
+                                            margin: auto;
+                                            .view-filters{
+                                                margin-top: 4rem;
+                                                display: flex;
+                                                flex-direction: row;
+                                                &::before{
+                                                    content: 'Filtrer par:';
                                                 }
-                                                .field--name-field-auteur-s-{
-                                                    font-weight: 800;
-                                                    p{
-                                                        margin: 0;
+                                                #views-exposed-form-projets-block-3{
+                                                    // width: 100%;
+                                                    display: flex;
+                                                    flex-direction: row;
+                                                    #edit-field-neuf-rehabilitation-value--wrapper{
+                                                        legend{display: none;}
+                                                    }
+                                                    #edit-field-encours-fini-value--wrapper{
+                                                        legend{display: none;}
                                                     }
-                                                    .field__label{
-                                                        display:none;
+                                                    .js-form-type-textfield{
+                                                        label{display: none;}
                                                     }
                                                 }
-                                                .field--name-field-edition{
-                                                    p{
-                                                        margin: 0;
+                        
+                        
+                                            }
+                        
+                                            //grille de projets
+                                            .view-content{
+                                                margin-top: 2rem;
+                                                display: flex;
+                                                flex-direction: row;
+                                                .views-row{
+                                                    width: 25%;
+                                                    flex: 0 0 25%;
+                                                }
+                        
+                                            }
+                                            .node-type-projet{
+                                                color: $blue-dark;
+                                                line-height: 1.5rem;
+                                                padding: 0.5rem;
+                                                padding-right: 1rem;
+                                                padding-left: 1rem;
+                                                div:first-child{                
+                                                    display: flex;
+                                                    flex-direction: column;
+                                               
+                                                    a{
+                                                        color: $blue-dark;
+                                                    } 
+                                                    .field--name-field-photo {
+                                                        order:1;
+                                                        img{  
+                                                            width: 100%; 
+                                                            max-height: 175px;
+                                                            object-fit: cover;
+                                                        }
+                                                        &::after{ 
+                                                            display: block;
+                                                            content:url('data:image/svg+xml,<svg width="160" height="25" xmlns="http://www.w3.org/2000/svg" version="1.1"> <line x1="0" x2="80" y1="20" y2="20" stroke-linecap="cube" stroke="rgb(9,57,139)" stroke-width="2.5"/></svg>');
+                                                        }
                                                     }
-                                                    .field__label{
-                                                        display:none;
+                                                    .field--name-field-adresse{
+                                                        order:2;
+                                                        display: flex;
+                                                        text-transform: uppercase;
+                                                        font-size: 0.9rem;
+                                                        font-weight: 800;
+                                                        margin-top: 0.8rem;
+                                                        line-height: 0.6rem;
+                                                        .address{
+                                                            display: flex;
+                                                            flex-direction: row;
+                                                            margin: 0;
+                                                            .locality{
+                                                                padding-top: 0 !important;
+                                                                padding-bottom: 0 !important;
+                                                                &::after{
+                                                                    content:",";
+                                                                    margin-right: 0.3rem;
+                                                                }
+                                                            }  
+                                                            .country{
+                                                                padding-top: 0 !important;
+                                                                padding-bottom: 0 !important;
+                                                            }                                      }
                                                     }
-                                                }
-                                                .field--name-field-images{
-                                                    display: none;
-                                                    width: 50%;
-                                                    img{
-                                                        width: 100%;
-                                                        height: auto;
+                                                    .field--name-field-sous-titre{
+                                                        margin-top: 0.5rem;
+                                                        font-size: 0.9rem;
+                                                        font-weight: 800;
+                                                        order: 4;
+                                                    }
+                                                    .field--name-title{
+                                                        order: 3;
+                                                        margin-top: 0.5rem;
+                                                        font-size: 1rem;
+                                                        font-weight: 800;
+                                                        h2{margin: 0;}
+                                                    }
+                        
+                                                    .field--name-field-incube{
+                                                        order:4;
+                                                        color: red;
+                                                        margin-top: 0.8rem;
                                                     }
-                                                }
-                                                .field--name-field-type-de-ressource{
-                                                    display: inline-flex;
-                                                    margin-top: 2rem;
-                                                    background: $blue-dark;
-                                                    margin-right: 1rem;
-                                                    padding-left: 0.3rem;
-                                                    padding-right: 0.3rem;
-                                                    color: $white;
-                                                    font-weight: 800;
-                                                    vertical-align: middle;
                                                 }
                                             }
                                         }
-                                    
+
                                     }
-                                    
-                                
+
                                 }
                             }
-
                         }
-
                     }
-
-
                 }
-    
-                
-            // }
-    
-        }
-    // 
-    
-      
-
+            }
+        // }
+    }
 }