소스 검색

home + bandeau bleu projet lauréat

ouidade 3 년 전
부모
커밋
d8632851a9

+ 1 - 1
web/profiles/d8-starterkit-profile

@@ -1 +1 @@
-Subproject commit 6fb80278a224c3fe38d240c4237dc5f845bf0529
+Subproject commit 6fe8986494069c7e9bf019cbe98d8f2c7d5166d0

+ 46 - 234
web/themes/custom/eql/css-compiled/styles.css

@@ -135,6 +135,9 @@
 .path-incubateur {
   margin: 0; }
 
+main {
+  width: 100%; }
+
 .main-content {
   margin-top: 7rem; }
 
@@ -379,259 +382,56 @@ a {
   grid-template-rows: auto auto auto;
   grid-template-columns: 1fr repeat(4, 2fr) 1fr;
   min-height: 100vh; }
-  .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
+  .path-frontpage .block-region-content .block-config-pages-block {
     grid-area: presentation;
+    width: 100%;
     background: url("../images/pictos/forme_home_2.svg");
-    background-size: 75%;
     background-position-y: bottom;
     background-position-x: left;
     background-repeat: no-repeat; }
-    @media (max-width: 810px) {
-      .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 {
-        background: url("../images/pictos/forme_home_2_smartphone.svg");
-        background-size: 100%;
-        background-position-y: bottom;
-        background-position-x: left;
-        background-repeat: no-repeat; } }
-    .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child {
-      display: grid;
-      grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-      grid-template-rows: repeat(4, auto); }
-      .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images {
-        display: none;
-        grid-column: 4 / span 6;
-        grid-row: 2; }
-        .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item {
-          display: block;
-          width: 400px;
-          height: 400px; }
-          @media (max-width: 1517px) {
-            .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item {
-              width: 300px;
-              height: 300px; } }
-          .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-images .field__item img {
-            max-width: 100%;
-            max-height: 100%; }
-      .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche {
-        grid-column: 2 /span 2;
-        grid-row: 2 / span 2;
+    .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front {
+      width: 45%;
+      margin: auto;
+      background-color: white;
+      padding-left: 2rem;
+      padding-bottom: 4rem; }
+      .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-titre {
         font-size: 5rem;
         font-weight: 900;
         color: #009ee3;
-        line-height: 6.9rem;
+        line-height: 5.7rem;
         margin-top: 4rem;
-        margin-bottom: 5rem;
+        margin-bottom: 2rem;
         width: fit-content; }
-        .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
-          margin-top: 0rem;
-          margin-bottom: 0; }
-        .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche span {
-          background-color: white; }
-        @media (max-width: 810px) {
-          .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche {
-            grid-column: 2 /span 5;
-            grid-row: 2;
-            font-size: 3rem;
-            line-height: 4.3rem;
-            margin-top: 0;
-            margin-bottom: 1rem; }
-            .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-field-accroche p {
-              margin-top: 0rem; } }
-      .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
-        grid-column: 2;
-        grid-row: 1 / span 2;
-        margin-top: 3rem;
-        margin-bottom: 2rem; }
-        .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 {
-          background-color: white; }
-          .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title h2 a {
-            color: #e1000f;
-            font-weight: 900;
-            text-transform: uppercase;
-            font-family: "Source Code Pro";
-            display: table;
-            margin: 0px auto 0px auto; }
-        @media (max-width: 810px) {
-          .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .field--name-title {
-            margin-top: 1rem;
-            grid-column: 2 / 6;
-            grid-row: 1; } }
-      .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
-        grid-column: 2;
-        grid-row: 4;
-        max-width: 70%;
-        min-width: fit-content;
+      .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-sous-titre {
+        color: #e1000f;
+        font-weight: 900;
+        font-size: 1.8rem;
+        text-transform: uppercase;
+        font-family: "Source Code Pro"; }
+      .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-punchline {
+        color: #009ee3;
+        font-weight: 900;
+        font-size: 1.5rem;
+        text-transform: uppercase;
+        font-family: "Source Code Pro";
+        padding-bottom: 3rem; }
+      .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien {
+        background-color: white;
+        width: fit-content;
         height: 1.5rem;
         padding: 0.4rem 1rem;
-        font-size: 0.8rem;
-        margin-bottom: 2.5rem;
-        background-color: white;
-        border: 2px solid #009ee3;
-        list-style: none;
-        text-align: center !important; }
-        .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a {
+        text-align: center !important;
+        float: right; }
+        .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien a {
           display: inline-flex;
           text-transform: uppercase;
           font-weight: 700;
           color: #009ee3;
           align-items: center; }
-          .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
+          .path-frontpage .block-region-content .block-config-pages-block .config_pages--type--home-front .field--name-field-lien a:after {
             display: block;
             content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
-        @media (max-width: 810px) {
-          .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline {
-            grid-column: 2;
-            grid-row: 3;
-            font-size: 0.6rem; }
-            .path-frontpage .block-region-content .block-views-blockhome-nodes-block-1 .node-type-static div:first-child .links.inline a:after {
-              display: none; } }
-  .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
-    display: none;
-    grid-area: presentation;
-    grid-column: 3 /span 4;
-    grid-row: 4;
-    align-self: flex-end;
-    margin-bottom: 2.5rem;
-    max-width: 25%;
-    min-width: fit-content; }
-    .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link {
-      grid-column: 3;
-      position: relative;
-      height: 1.5rem;
-      padding: 0.4rem 1rem;
-      font-size: 0.8rem;
-      margin: 0;
-      background-color: white;
-      border: 2px solid #009ee3;
-      list-style: none;
-      top: -200%;
-      text-align: center !important; }
-      .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a {
-        display: inline-flex;
-        text-transform: uppercase;
-        font-weight: 700;
-        color: #009ee3;
-        align-items: center; }
-        .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a .ext {
-          display: none; }
-      .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a::after {
-        content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>'); }
-    @media (max-width: 810px) {
-      .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca {
-        grid-area: presentation;
-        grid-column: 5;
-        grid-row: 4; }
-        .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link {
-          font-size: 0.6rem; }
-          .path-frontpage .block-region-content .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca .field--type-link a::after {
-            display: none; } }
-  .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 {
-    display: none;
-    grid-area: presentation;
-    grid-column: 5;
-    grid-row: 4;
-    background-color: #009ee3;
-    height: fit-content;
-    align-self: flex-end;
-    max-width: 70%;
-    min-width: fit-content; }
-    .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
-      text-align: center; }
-      .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
-        margin-top: 1rem;
-        display: block;
-        content: url("../images/pictos/picto_faq.svg"); }
-      .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
-        font-size: 0.8rem;
-        font-weight: 1000;
-        color: #09398b;
-        text-transform: uppercase; }
-    .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
-      margin-bottom: 1rem; }
-      .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p {
-        margin-top: 0;
-        margin-bottom: 0;
-        margin-left: 1.5rem;
-        margin-right: 1.5rem;
-        text-align: center; }
-        .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description p a {
-          font-weight: 800;
-          color: white;
-          font-size: 1.3rem; }
-    @media (max-width: 810px) {
-      .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien {
-        background-color: white;
-        border: 2px solid #009ee3;
-        padding: 0.4rem 1rem; }
-        .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien:before {
-          display: none; }
-        .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a {
-          display: inline-flex;
-          text-transform: uppercase;
-          font-weight: 700;
-          color: #009ee3;
-          align-items: center;
-          font-size: 0.6rem; }
-        .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-lien a::after {
-          display: none; }
-      .path-frontpage .block-region-content .block-block-content1bb9024b-d95f-4137-894c-362abf10a483 .field--name-field-description {
-        display: none; } }
-  .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 {
-    grid-column: 5;
-    grid-row: 1;
-    height: fit-content;
-    display: flex;
-    justify-self: flex-end;
-    width: 50%;
-    margin-top: 3rem; }
-    .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
-      justify-content: right;
-      display: flex;
-      flex-direction: column;
-      text-transform: uppercase;
-      text-align: right;
-      font-size: 1.3rem; }
-      .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1):after {
-        display: block;
-        content: url("../images/pictos/noun_Arrow_3771902-rouge.svg");
-        transform: rotate(90deg);
-        height: fit-content;
-        position: relative;
-        top: -30px;
-        right: -60px; }
-      .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(2) {
-        font-size: 2.5rem;
-        font-weight: 900; }
-    @media (max-width: 810px) {
-      .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 {
-        display: none;
-        grid-column: 2 / span 6;
-        grid-row: 3;
-        width: 100%;
-        margin-top: 8rem; }
-        .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body {
-          justify-content: left;
-          display: flex;
-          flex-direction: row;
-          text-transform: uppercase;
-          text-align: left;
-          align-items: center;
-          font-size: 1rem;
-          font-weight: 800; }
-          .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1) {
-            width: 25%;
-            height: fit-content; }
-            .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(1):after {
-              display: inline-flex;
-              transform: rotate(360deg) translateX(80px) translateY(-6px) scale(50%); }
-          .path-frontpage .block-region-content .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695 .field--name-body :nth-child(2) {
-            margin: 0;
-            text-align: right;
-            justify-self: flex-end;
-            font-size: 1.5rem;
-            margin-left: 5rem;
-            margin-top: 0.6rem;
-            margin-bottom: 2rem; } }
   .path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 {
     grid-area: actus;
     width: 100vw;
@@ -3036,6 +2836,18 @@ a {
 .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top {
   display: grid;
   grid-template-columns: 1fr repeat(8, 1fr) 1fr; }
+  .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f {
+    grid-column: 1 / span 10;
+    background-color: #009ee3; }
+    .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f .field--name-body {
+      vertical-align: middle;
+      color: white;
+      font-family: 'Source Code Pro';
+      font-size: 2rem;
+      font-weight: 800;
+      color: white;
+      text-transform: uppercase;
+      margin-left: 10%; }
   .path-node.page-node-type-projet .layout-content .region-content #block-contenudelapageprincipale .layout--threecol-25-50-25 .layout__region--top .block-region-top .block-entity-fieldnodefield-adresse {
     margin-top: 3rem;
     grid-column: 2 / span 10; }

+ 3 - 1
web/themes/custom/eql/scss/global/_layout.scss

@@ -47,7 +47,9 @@
 .path-incubateur{
     margin:0;
 }
-
+main{
+    width: 100%;
+}
 .main-content{
     margin-top: 7rem;
 }

+ 383 - 315
web/themes/custom/eql/scss/pages/_home.scss

@@ -16,357 +16,425 @@
     
 
         // 1er bandeau home
-
-        .block-views-blockhome-nodes-block-1{
+        .block-config-pages-block{
             grid-area: presentation;
-            // grid-row: 1;
+            width: 100%;
             background: url("../images/pictos/forme_home_2.svg");
             //  background: url("../images/carre_site.mp4");
-            background-size: 75%;
+            // background-size: 75%;
             background-position-y: bottom;
             background-position-x: left;
             background-repeat: no-repeat;
-            @media (max-width: 810px){
-                background: url("../images/pictos/forme_home_2_smartphone.svg");
-                background-size: 100%;
-                background-position-y: bottom;
-                background-position-x: left;
-                background-repeat: no-repeat;
-            }
-            .node-type-static{
-                div:first-child{
-                    display: grid;
-                    grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-                    grid-template-rows: repeat(4, auto);
-                    .field--name-field-images{
-            /////////////////  à activer le 19 février  /////////////////
-                        display: none;  
-            //////////////////////////////////
-                        grid-column: 4 / span 6;
-                        grid-row: 2;
-                        .field__item{
+
+            .config_pages--type--home-front{
+
+                width:45%;
+                margin: auto;
+                background-color: white;
+                padding-left: 2rem;
+                padding-bottom: 4rem;
+                .field--name-field-titre{
+                    font-size: 5rem;                        
+                    font-weight: 900;
+                    color: $blue-light;
+                    line-height: 5.7rem;
+                    margin-top: 4rem;
+                    margin-bottom: 2rem;
+                    width: fit-content;
+                    
+                }
+                .field--name-field-sous-titre{
+                    color: #e1000f;
+                    font-weight: 900;
+                    font-size: 1.8rem;
+                    text-transform: uppercase;
+                    font-family: "Source Code Pro";
+                }
+                .field--name-field-punchline{
+                    color: $blue-light;
+                    font-weight: 900;
+                    font-size: 1.5rem;
+                    text-transform: uppercase;
+                    font-family: "Source Code Pro";
+                    padding-bottom: 3rem;
+                }
+                .field--name-field-lien{
+                    background-color: $white;
+                    // border: 2px solid $blue-light; 
+                    width: fit-content;
+                    height: 1.5rem; 
+                    padding: 0.4rem 1rem;
+                    text-align: center !important;
+                    float: right;
+                    a{
+                        display: inline-flex;
+                        text-transform: uppercase;
+                        font-weight: 700;
+                        color: $blue-light;
+                        align-items: center;
+                        
+                        &:after{
                             display: block;
-                            width: 400px;
-                            height: 400px;
-                            @media (max-width: 1517px){
-                                width: 300px;
-                                height: 300px;
-                            }
-                            img{
-                                max-width:100%;
-                                max-height: 100%;
-                            }
+                            content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+    
                         }
-
                     }
-                    .field--name-field-accroche{
+                }
+            }
+        }
 
-                        grid-column: 2 /span 2;
-                        grid-row: 2 / span 2;
-                        font-size: 5rem;                        
-                        font-weight: 900;
-                        color: $blue-light;
-                        line-height: 6.9rem;
-                        margin-top: 4rem;
-                        margin-bottom: 5rem;
-                        width: fit-content;
-                        p{
-                            margin-top: 0rem;
-                            margin-bottom: 0;
 
-                        }
 
-                        span {
-                            background-color: $white;
+        // .block-views-blockhome-nodes-block-1{
+        //     grid-area: presentation;
+        //     // grid-row: 1;
+        //     background: url("../images/pictos/forme_home_2.svg");
+        //     //  background: url("../images/carre_site.mp4");
+        //     background-size: 75%;
+        //     background-position-y: bottom;
+        //     background-position-x: left;
+        //     background-repeat: no-repeat;
+        //     @media (max-width: 810px){
+        //         background: url("../images/pictos/forme_home_2_smartphone.svg");
+        //         background-size: 100%;
+        //         background-position-y: bottom;
+        //         background-position-x: left;
+        //         background-repeat: no-repeat;
+        //     }
+        //     .node-type-static{
+        //         div:first-child{
+        //             display: grid;
+        //             grid-template-columns: 1fr repeat(4, 2fr) 1fr;
+        //             grid-template-rows: repeat(4, auto);
+        //             .field--name-field-images{
+        //     /////////////////  à activer le 19 février  /////////////////
+        //                 display: none;  
+        //     //////////////////////////////////
+        //                 grid-column: 4 / span 6;
+        //                 grid-row: 2;
+        //                 .field__item{
+        //                     display: block;
+        //                     width: 400px;
+        //                     height: 400px;
+        //                     @media (max-width: 1517px){
+        //                         width: 300px;
+        //                         height: 300px;
+        //                     }
+        //                     img{
+        //                         max-width:100%;
+        //                         max-height: 100%;
+        //                     }
+        //                 }
 
-                        }
-                        @media (max-width: 810px){ 
-                            grid-column: 2 /span 5;
-                            grid-row: 2;
-                            font-size: 3rem;                        
-                            line-height: 4.3rem;
-                            margin-top: 0;
-                            margin-bottom: 1rem;
-                            p{
-                                margin-top: 0rem;
-                            }
-                        }
+        //             }
+        //             .field--name-field-accroche{
 
-                    }
-                    .field--name-title{
-                        // grid-column: 4;
-                        // grid-row: 2;
-                        grid-column: 2;
-                        grid-row: 1 / span 2;
-                        margin-top: 3rem;
-                        margin-bottom: 2rem;
+        //                 grid-column: 2 /span 2;
+        //                 grid-row: 2 / span 2;
+        //                 font-size: 5rem;                        
+        //                 font-weight: 900;
+        //                 color: $blue-light;
+        //                 line-height: 6.9rem;
+        //                 margin-top: 4rem;
+        //                 margin-bottom: 5rem;
+        //                 width: fit-content;
+        //                 p{
+        //                     margin-top: 0rem;
+        //                     margin-bottom: 0;
+
+        //                 }
+
+        //                 span {
+        //                     background-color: $white;
+
+        //                 }
+        //                 @media (max-width: 810px){ 
+        //                     grid-column: 2 /span 5;
+        //                     grid-row: 2;
+        //                     font-size: 3rem;                        
+        //                     line-height: 4.3rem;
+        //                     margin-top: 0;
+        //                     margin-bottom: 1rem;
+        //                     p{
+        //                         margin-top: 0rem;
+        //                     }
+        //                 }
+
+        //             }
+        //             .field--name-title{
+        //                 // grid-column: 4;
+        //                 // grid-row: 2;
+        //                 grid-column: 2;
+        //                 grid-row: 1 / span 2;
+        //                 margin-top: 3rem;
+        //                 margin-bottom: 2rem;
         
-                        h2{ 
+        //                 h2{ 
                             
-                            background-color: $white;
-                            a{
-                                color: #e1000f;
-                                font-weight: 900;
-                                text-transform: uppercase;
-                                font-family: "Source Code Pro";
-                                display: table;
-                                margin: 0px auto 0px auto;
+        //                     background-color: $white;
+        //                     a{
+        //                         color: #e1000f;
+        //                         font-weight: 900;
+        //                         text-transform: uppercase;
+        //                         font-family: "Source Code Pro";
+        //                         display: table;
+        //                         margin: 0px auto 0px auto;
                                 
-                                // background-color: $white;
-                            }
-                        }
-                        @media (max-width: 1517px){
+        //                         // background-color: $white;
+        //                     }
+        //                 }
+        //                 @media (max-width: 1517px){
 
-                        }
-                        @media (max-width: 810px){ 
-                            margin-top: 1rem;
-                            grid-column: 2 / 6;
-                            grid-row: 1;
-                        }
-                    }
-                    .links.inline{
-                        grid-column: 2;
-                        grid-row: 4;
-                        max-width: 70%;
-                        min-width: fit-content;
-                        height: 1.5rem;
-                        padding: 0.4rem 1rem;
-                        font-size: 0.8rem;
-                        margin-bottom: 2.5rem;
-                        background-color: $white;
-                        border: 2px solid $blue-light;  
-                        list-style: none;
-                        text-align: center !important;
+        //                 }
+        //                 @media (max-width: 810px){ 
+        //                     margin-top: 1rem;
+        //                     grid-column: 2 / 6;
+        //                     grid-row: 1;
+        //                 }
+        //             }
+        //             .links.inline{
+        //                 grid-column: 2;
+        //                 grid-row: 4;
+        //                 max-width: 70%;
+        //                 min-width: fit-content;
+        //                 height: 1.5rem;
+        //                 padding: 0.4rem 1rem;
+        //                 font-size: 0.8rem;
+        //                 margin-bottom: 2.5rem;
+        //                 background-color: $white;
+        //                 border: 2px solid $blue-light;  
+        //                 list-style: none;
+        //                 text-align: center !important;
         
-                        a{
-                            display: inline-flex;
-                            text-transform: uppercase;
-                            font-weight: 700;
-                            color: $blue-light;
-                            align-items: center;
-                            &:after{
-                                display: block;
-                                content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+        //                 a{
+        //                     display: inline-flex;
+        //                     text-transform: uppercase;
+        //                     font-weight: 700;
+        //                     color: $blue-light;
+        //                     align-items: center;
+        //                     &:after{
+        //                         display: block;
+        //                         content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
         
-                            }
-                        }
-                        @media (max-width: 810px){ 
-                            grid-column: 2;
-                            grid-row:3;
-                            font-size: 0.6rem;
+        //                     }
+        //                 }
+        //                 @media (max-width: 810px){ 
+        //                     grid-column: 2;
+        //                     grid-row:3;
+        //                     font-size: 0.6rem;
                                     
-                        a{
-                            &:after{
-                                display: none;        
-                            }
-                        }
-                        }
-                    }
-                }
-            }
+        //                 a{
+        //                     &:after{
+        //                         display: none;        
+        //                     }
+        //                 }
+        //                 }
+        //             }
+        //         }
+        //     }
 
-        }
+        // }
 
-        // bouton déposer candidature
-        .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca{
-        /////////////////  à activer le 19 février  /////////////////    
-            display: none;
-        //////////////////////////////////    
-            grid-area: presentation;
-            grid-column: 3 /span 4;
-            grid-row: 4;
-            align-self: flex-end;
-            margin-bottom: 2.5rem;
-            max-width: 25%;
-            min-width: fit-content;
+        // // bouton déposer candidature
+        // .block-block-content9448ca2a-90e3-488b-89cf-8ec6a986a9ca{
+        // /////////////////  à activer le 19 février  /////////////////    
+        //     display: none;
+        // //////////////////////////////////    
+        //     grid-area: presentation;
+        //     grid-column: 3 /span 4;
+        //     grid-row: 4;
+        //     align-self: flex-end;
+        //     margin-bottom: 2.5rem;
+        //     max-width: 25%;
+        //     min-width: fit-content;
         
-            .field--type-link {
-                grid-column: 3;
-                // justify-self: flex-end;
-                position: relative;
-                // max-width: 70%;
-                // min-width: fit-content;
-                height: 1.5rem;
-                padding: 0.4rem 1rem;
-                font-size: 0.8rem;
-                margin: 0;
-                background-color: $white;
-                border: 2px solid $blue-light;  
-                list-style: none; 
-                top: -200%;
-                text-align: center !important;
+        //     .field--type-link {
+        //         grid-column: 3;
+        //         // justify-self: flex-end;
+        //         position: relative;
+        //         // max-width: 70%;
+        //         // min-width: fit-content;
+        //         height: 1.5rem;
+        //         padding: 0.4rem 1rem;
+        //         font-size: 0.8rem;
+        //         margin: 0;
+        //         background-color: $white;
+        //         border: 2px solid $blue-light;  
+        //         list-style: none; 
+        //         top: -200%;
+        //         text-align: center !important;
               
-                a{
-                    display: inline-flex;
-                    text-transform: uppercase;
-                    font-weight: 700;
-                    color: $blue-light;
-                    align-items: center;
-                    .ext{
-                        display: none;
-                    }
+        //         a{
+        //             display: inline-flex;
+        //             text-transform: uppercase;
+        //             font-weight: 700;
+        //             color: $blue-light;
+        //             align-items: center;
+        //             .ext{
+        //                 display: none;
+        //             }
         
-                } 
-                a::after{
-                    content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+        //         } 
+        //         a::after{
+        //             content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)"  fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
             
-                }
-            }
-            @media (max-width: 810px){
-                grid-area: presentation;
-                grid-column: 5;
-                grid-row: 4;
-                .field--type-link { font-size: 0.6rem;
-                    a::after{
-                        display: none;
-                    }
-                }
-            }
-        }
+        //         }
+        //     }
+        //     @media (max-width: 810px){
+        //         grid-area: presentation;
+        //         grid-column: 5;
+        //         grid-row: 4;
+        //         .field--type-link { font-size: 0.6rem;
+        //             a::after{
+        //                 display: none;
+        //             }
+        //         }
+        //     }
+        // }
 
-        // bouton foire aux questions
-        .block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
-        /////////////////  à activer le 19 février  /////////////////    
-            display: none;
-        //////////////////////////////////    
-            grid-area: presentation;
-            grid-column: 5 ;
-            grid-row: 4;
-            background-color: $blue-light;
-            height: fit-content;
-            align-self: flex-end;
-            max-width: 70%;
-            min-width: fit-content;
-            .field--name-field-lien{
-                &:before{
-                    margin-top: 1rem;
-                    display: block;
-                    content: url("../images/pictos/picto_faq.svg");
-                }
-                text-align: center;
-                a{
-                    font-size: 0.8rem;
-                    font-weight: 1000;
-                    color: $blue-dark;
-                    text-transform: uppercase;
-                }
-            }
-            .field--name-field-description{
-                margin-bottom: 1rem;
-                p{
-                    margin-top: 0;
-                    margin-bottom: 0;
-                    margin-left: 1.5rem;
-                    margin-right: 1.5rem;
-                    text-align: center;
-                    a{
-                        font-weight: 800;
-                        color: $white;
-                        font-size: 1.3rem;
-                    }  
-                }
-            }
-            @media (max-width: 810px){ 
-                .field--name-field-lien{
-                    background-color: $white;
-                    border: 2px solid $blue-light;
-                    padding: 0.4rem 1rem;
-                    &:before{display: none;}
-                    a{
-                        display: inline-flex;
-                        text-transform: uppercase;
-                        font-weight: 700;
-                        color: $blue-light;
-                        align-items: center;
-                        font-size: 0.6rem;
-                    } 
-                    a::after{
-                        display: none;
-                    }
-                }
-                .field--name-field-description{display: none;}
-            }
-        }
+        // // bouton foire aux questions
+        // .block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
+        // /////////////////  à activer le 19 février  /////////////////    
+        //     display: none;
+        // //////////////////////////////////    
+        //     grid-area: presentation;
+        //     grid-column: 5 ;
+        //     grid-row: 4;
+        //     background-color: $blue-light;
+        //     height: fit-content;
+        //     align-self: flex-end;
+        //     max-width: 70%;
+        //     min-width: fit-content;
+        //     .field--name-field-lien{
+        //         &:before{
+        //             margin-top: 1rem;
+        //             display: block;
+        //             content: url("../images/pictos/picto_faq.svg");
+        //         }
+        //         text-align: center;
+        //         a{
+        //             font-size: 0.8rem;
+        //             font-weight: 1000;
+        //             color: $blue-dark;
+        //             text-transform: uppercase;
+        //         }
+        //     }
+        //     .field--name-field-description{
+        //         margin-bottom: 1rem;
+        //         p{
+        //             margin-top: 0;
+        //             margin-bottom: 0;
+        //             margin-left: 1.5rem;
+        //             margin-right: 1.5rem;
+        //             text-align: center;
+        //             a{
+        //                 font-weight: 800;
+        //                 color: $white;
+        //                 font-size: 1.3rem;
+        //             }  
+        //         }
+        //     }
+        //     @media (max-width: 810px){ 
+        //         .field--name-field-lien{
+        //             background-color: $white;
+        //             border: 2px solid $blue-light;
+        //             padding: 0.4rem 1rem;
+        //             &:before{display: none;}
+        //             a{
+        //                 display: inline-flex;
+        //                 text-transform: uppercase;
+        //                 font-weight: 700;
+        //                 color: $blue-light;
+        //                 align-items: center;
+        //                 font-size: 0.6rem;
+        //             } 
+        //             a::after{
+        //                 display: none;
+        //             }
+        //         }
+        //         .field--name-field-description{display: none;}
+        //     }
+        // }
 
-        // date limite de candidature
-        .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695{
-        /////////////////  à activer le 19 février  /////////////////    
-            // display: none;
-        //////////////////////////////////    
-            grid-column: 5;
-            grid-row: 1;
-            height: fit-content;
-        /////////////////  à désactiver le 19 février  /////////////////    
-            display: flex;
-        //////////////////////////////////    
-            justify-self: flex-end;
-            width: 50%;
-            margin-top: 3rem;
-            .field--name-body{
-                justify-content: right;
-                display: flex;
-                flex-direction: column;
+        // // date limite de candidature
+        // .block-block-content7db64d87-3e22-4fbd-9c11-2b95f5bef695{
+        // /////////////////  à activer le 19 février  /////////////////    
+        //     // display: none;
+        // //////////////////////////////////    
+        //     grid-column: 5;
+        //     grid-row: 1;
+        //     height: fit-content;
+        // /////////////////  à désactiver le 19 février  /////////////////    
+        //     display: flex;
+        // //////////////////////////////////    
+        //     justify-self: flex-end;
+        //     width: 50%;
+        //     margin-top: 3rem;
+        //     .field--name-body{
+        //         justify-content: right;
+        //         display: flex;
+        //         flex-direction: column;
                 
-                text-transform: uppercase;
-                text-align: right;
-                font-size: 1.3rem;
-                :nth-child(1){
+        //         text-transform: uppercase;
+        //         text-align: right;
+        //         font-size: 1.3rem;
+        //         :nth-child(1){
                     
-                    &:after{
+        //             &:after{
                         
-                        display: block;
-                        content: url("../images/pictos/noun_Arrow_3771902-rouge.svg");
-                        transform: rotate(90deg);
-                        height: fit-content;
-                        position: relative;
-                        top: -30px;
-                        right: -60px;
-                    }
-                }                
-                :nth-child(2){
+        //                 display: block;
+        //                 content: url("../images/pictos/noun_Arrow_3771902-rouge.svg");
+        //                 transform: rotate(90deg);
+        //                 height: fit-content;
+        //                 position: relative;
+        //                 top: -30px;
+        //                 right: -60px;
+        //             }
+        //         }                
+        //         :nth-child(2){
                     
-                    font-size: 2.5rem;
-                    font-weight: 900;
-                }
-            }
-            @media (max-width: 810px){
-                display: none;
-                grid-column: 2 / span 6;
-                grid-row: 3;
-                width: 100%;
-                margin-top:8rem;
-                .field--name-body{
-                    justify-content: left;
-                    display: flex;
-                    flex-direction:row;
-                    text-transform: uppercase;
-                    text-align: left;
-                    align-items: center;
-                    font-size: 1rem;
-                    font-weight: 800;
-                    :nth-child(1){
-                        width: 25%;
-                        height: fit-content;
-                        &:after{
-                            display: inline-flex;
-                            transform: rotate(360deg) translateX(80px) translateY(-6px) scale(50%);
-                        }
-                    }                
-                    :nth-child(2){
+        //             font-size: 2.5rem;
+        //             font-weight: 900;
+        //         }
+        //     }
+        //     @media (max-width: 810px){
+        //         display: none;
+        //         grid-column: 2 / span 6;
+        //         grid-row: 3;
+        //         width: 100%;
+        //         margin-top:8rem;
+        //         .field--name-body{
+        //             justify-content: left;
+        //             display: flex;
+        //             flex-direction:row;
+        //             text-transform: uppercase;
+        //             text-align: left;
+        //             align-items: center;
+        //             font-size: 1rem;
+        //             font-weight: 800;
+        //             :nth-child(1){
+        //                 width: 25%;
+        //                 height: fit-content;
+        //                 &:after{
+        //                     display: inline-flex;
+        //                     transform: rotate(360deg) translateX(80px) translateY(-6px) scale(50%);
+        //                 }
+        //             }                
+        //             :nth-child(2){
                        
-                        margin: 0;
-                        text-align: right;
-                        justify-self: flex-end;
-                        font-size: 1.5rem;
-                        margin-left: 5rem;
-                        margin-top: 0.6rem;
-                        margin-bottom: 2rem;
+        //                 margin: 0;
+        //                 text-align: right;
+        //                 justify-self: flex-end;
+        //                 font-size: 1.5rem;
+        //                 margin-left: 5rem;
+        //                 margin-top: 0.6rem;
+        //                 margin-bottom: 2rem;
 
-                    }
-                }
-            }
+        //             }
+        //         }
+        //     }
             
-        }
+        // }
         
         // bandeau actus
         .block-views-blockactus-blocks-pages-block-1{

+ 178 - 179
web/themes/custom/eql/scss/pages/_lesprojets.scss

@@ -1,198 +1,200 @@
 .path-projets{
-    .region-content{
-        #block-contenudelapageprincipale{
-            span{
-                padding-top: 3rem;
-                padding-bottom: 3rem;
-                vertical-align: middle;
-                h2{
-                    margin: 0;
-                    padding-top: 2rem;
-                    height: 4rem;
-                    color: $white;
-                    font-family: "Source Code Pro";
-                    text-transform: uppercase;
-                    background: $blue-light; 
-                    padding-left: 13%;
-                   
-                }
-            }
-            .layout--onecol{
-                .block-region-content{
-                    display: grid;
-                    grid-template-columns: 1fr repeat(8, 2fr) 1fr;
-                    
-                    /// carte
-                    .block-views-blockprojets-block-2{
-                        grid-column: 1 / span 10;
-                    }
 
-                    //texte de présentation
-                    .block-config-pages-block{
-                        grid-column: 3 / span 5;
-                        // width: 60%;
-                        margin: auto;
-                        span h2{
-                            display: none;
+        .region-content{
+            #block-contenudelapageprincipale{
+                span{
+                    padding-top: 3rem;
+                    padding-bottom: 3rem;
+                    vertical-align: middle;
+                    h2{
+                        margin: 0;
+                        padding-top: 2rem;
+                        height: 4rem;
+                        color: $white;
+                        font-family: "Source Code Pro";
+                        text-transform: uppercase;
+                        background: $blue-light; 
+                        padding-left: 13%;
+                       
+                    }
+                }
+                .layout--onecol{
+                    .block-region-content{
+                        display: grid;
+                        grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+                        
+                        /// carte
+                        .block-views-blockprojets-block-2{
+                            grid-column: 1 / span 10;
                         }
-                        .config_pages--type--les-projets{
-                            .field--name-field-introduction{
-                                p:nth-of-type(1){
-                                    font-size: 1.5rem;
+    
+                        //texte de présentation
+                        .block-config-pages-block{
+                            grid-column: 3 / span 5;
+                            // width: 60%;
+                            margin: auto;
+                            span h2{
+                                display: none;
+                            }
+                            .config_pages--type--les-projets{
+                                .field--name-field-introduction{
+                                    p:nth-of-type(1){
+                                        font-size: 1.5rem;
+                                    }
                                 }
                             }
                         }
-                    }
-                    
-                    // bouton projets incubés
-                    .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{
-                            grid-column: 8 / span 9;
-                            margin-top: 4rem;
-                            background-color: $blue-light;
-                            height: fit-content;
-                            width: 60%;
-                            margin-left: 2rem;
-                            grid-row: 2;
-                            .display{
-                                display: block;
-                            }
-                            
-
-                            .field--name-field-lien{
-                                display: flex;
-                                flex-direction: column;
-                                margin-top: 2rem;
-                                margin-bottom: 2rem;
-                                margin-left: 1.5rem;
-                                margin-right: 1.5rem;
-                                text-align: center;
-                                a{
-                                    font-weight: 800;
-                                    color: $white;
-                                    font-size: 1.3rem;
-                                } 
-                                &:after{
-                                    margin-left: auto;
-                                    padding-top: 1rem;
+                        
+                        // bouton projets incubés
+                        .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220{
+                                grid-column: 8 / span 9;
+                                margin-top: 4rem;
+                                background-color: $blue-light;
+                                height: fit-content;
+                                width: 60%;
+                                margin-left: 2rem;
+                                grid-row: 2;
+                                .display{
                                     display: block;
-                                    content:url("../images/pictos/noun_Arrow_3771902.svg")
-                                    
                                 }
+                                
     
-                            }
-                    }
+                                .field--name-field-lien{
+                                    display: flex;
+                                    flex-direction: column;
+                                    margin-top: 2rem;
+                                    margin-bottom: 2rem;
+                                    margin-left: 1.5rem;
+                                    margin-right: 1.5rem;
+                                    text-align: center;
+                                    a{
+                                        font-weight: 800;
+                                        color: $white;
+                                        font-size: 1.3rem;
+                                    } 
+                                    &:after{
+                                        margin-left: auto;
+                                        padding-top: 1rem;
+                                        display: block;
+                                        content:url("../images/pictos/noun_Arrow_3771902.svg")
+                                        
+                                    }
         
-                    //partie projets
-                    .block-views-blockprojets-block-1{
-                        grid-column: 3 / span 8;
-                        // width: 80%;
-                        .view-projets{
-                           
-                            // width: 80%;
-                            margin: auto;
-                            .view-filters{
-                                margin-top: 4rem;
-                                display: flex;
-                                flex-direction: row;
-                                &::before{
-                                    content: 'Filtrer par:';
                                 }
-                                #views-exposed-form-projets-block-1{
+                        }
+            
+                        //partie projets
+                        .block-views-blockprojets-block-1{
+                            grid-column: 3 / span 8;
+                            // width: 80%;
+                            .view-projets{
+                               
+                                // width: 80%;
+                                margin: auto;
+                                .view-filters{
+                                    margin-top: 4rem;
                                     display: flex;
                                     flex-direction: row;
-                                    #edit-field-neuf-rehabilitation-value--wrapper{
-                                        legend{display: none;}
-                                    }
-                                    #edit-field-encours-fini-value--wrapper{
-                                        legend{display: none;}
+                                    &::before{
+                                        content: 'Filtrer par:';
                                     }
-                                    .js-form-type-textfield{
-                                        label{display: none;}
+                                    #views-exposed-form-projets-block-1{
+                                        display: flex;
+                                        flex-direction: row;
+                                        #edit-field-neuf-rehabilitation-value--wrapper{
+                                            legend{display: none;}
+                                        }
+                                        #edit-field-encours-fini-value--wrapper{
+                                            legend{display: none;}
+                                        }
+                                        .js-form-type-textfield{
+                                            label{display: none;}
+                                        }
                                     }
+            
+            
                                 }
-        
-        
-                            }
-        
-                            //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{                
+            
+                                //grille de projets
+                                .view-content{
+                                    margin-top: 2rem;
                                     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>');
-                                        }
+                                    flex-direction: row;
+                                    .views-row{
+                                        width: 25%;
+                                        flex: 0 0 25%;
                                     }
-                                    .field--name-field-adresse{
-                                        order:2;
+            
+                                }
+                                .node-type-projet{
+                                    color: $blue-dark;
+                                    line-height: 1.5rem;
+                                    padding: 0.5rem;
+                                    padding-right: 1rem;
+                                    padding-left: 1rem;
+                                    div:first-child{                
                                         display: flex;
-                                        text-transform: uppercase;
-                                        font-size: 0.9rem;
-                                        font-weight: 800;
-                                        margin-top: 0.8rem;
-                                        line-height: 0.6rem;
-                                        .address{
+                                        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--name-field-adresse{
+                                            order:2;
                                             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-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;
+                                            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-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;
+                                        }
                                     }
                                 }
                             }
@@ -201,8 +203,5 @@
                 }
             }
         }
-    }
-   
-    
-    
+
 }

+ 15 - 0
web/themes/custom/eql/scss/pages/_projet.scss

@@ -15,6 +15,21 @@
                             // position: relative;
                             display: grid;
                             grid-template-columns: 1fr repeat(8, 1fr) 1fr;
+
+                            .block-block-contentbfb4368c-4f85-4329-88f1-8769161aa66f{
+                                grid-column: 1 / span 10;
+                                background-color: $blue-light;
+                                .field--name-body{
+                                    vertical-align: middle;
+                                    color: $white;
+                                    font-family: 'Source Code Pro';
+                                    font-size: 2rem;
+                                    font-weight: 800;
+                                    color: $white;
+                                    text-transform: uppercase;
+                                    margin-left: 10%;
+                                }
+                            }
             
                             .block-entity-fieldnodefield-adresse{
                                 margin-top: 3rem;