css page ressources

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

@@ -1416,246 +1416,6 @@ a {
     .node-id-6 .layout__region--second .block-region-second .block-entity-fieldnodefield-textes .paragraph--type--texte a svg {
       display: none; }
 
-.path-ressources.basededonnees .layout-content {
-  width: 100vw; }
-  .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale span {
-    padding-top: 3rem;
-    padding-bottom: 3rem;
-    vertical-align: middle; }
-    .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale span h2 {
-      margin: 0;
-      padding-top: 2rem;
-      height: 4rem;
-      color: white;
-      font-family: "Source Code Pro";
-      text-transform: uppercase;
-      background: #009ee3;
-      padding-left: 13%; }
-  .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
-    display: grid;
-    grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
-    .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 {
-      grid-column: 1 / span 10;
-      background: rgba(0, 158, 227, 0.2);
-      height: fit-content;
-      display: flex; }
-      .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type {
-        width: 100%;
-        display: grid;
-        grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
-        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections {
-          grid-column: 3 / span 8;
-          height: 100%;
-          display: flex;
-          width: 80%; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content {
-            display: flex;
-            flex-direction: row;
-            margin: auto;
-            margin-top: 2rem;
-            margin-bottom: 2rem;
-            justify-content: space-between;
-            align-items: center; }
-            @media (max-width: 810px) {
-              .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content {
-                width: 100%;
-                margin: auto;
-                padding-top: 1rem;
-                padding-bottom: 2rem; } }
-            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row {
-              display: flex;
-              margin: auto;
-              background: white;
-              width: 40%;
-              height: 80%;
-              padding: 1rem; }
-              @media (max-width: 810px) {
-                .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row {
-                  width: 100%;
-                  margin: 0em; } }
-              .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name {
-                display: flex; }
-                .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name .field-content {
-                  margin: auto; }
-                .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name span {
-                  margin: 0;
-                  padding: 1rem;
-                  padding-bottom: 2rem; }
-                  @media (max-width: 359px) {
-                    .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row .views-field-name span {
-                      padding-left: 0.5rem; } }
-              .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row a {
-                color: black;
-                font-size: 1.5rem;
-                font-weight: 600; }
-                @media (max-width: 453px) {
-                  .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row a {
-                    font-size: 1.3rem;
-                    hyphens: auto; } }
-              .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover {
-                background: #09398b; }
-                .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row:hover a {
-                  color: white; }
-            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .active {
-              background-color: #09398b; }
-              .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .active a {
-                color: white; }
-            @media (max-width: 810px) {
-              .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content {
-                flex-direction: column; }
-                .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type .view-id-collections .view-content .views-row {
-                  width: 100%;
-                  margin-top: 1rem; } }
-        @media (max-width: 480px) {
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollections-block-1 div:first-of-type {
-            width: 90%;
-            display: flex;
-            margin: auto; } }
-    .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages {
-      grid-column: 3 / span 5;
-      width: 100%;
-      margin: auto; }
-    .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 {
-      grid-column: 3 / span 5;
-      margin: auto;
-      background: white;
-      margin-top: 5rem; }
-      @media (max-width: 810px) {
-        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockcollection--block-1 {
-          padding: 2rem;
-          margin-top: 1rem; } }
-    .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
-      visibility: hidden; }
-      @media (max-width: 810px) {
-        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
-          margin: auto; } }
-    .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 {
-      width: 80%;
-      grid-column: 3 / span 8; }
-      .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
-        display: none;
-        background-color: white;
-        margin-top: 2rem;
-        margin-bottom: 2rem; }
-        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 {
-          width: fit-content;
-          display: flex; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .js-form-item.form-item.js-form-type-select.form-item-field-type-de-ressource-target-id.js-form-item-field-type-de-ressource-target-id {
-            width: fit-content; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item {
-            width: fit-content; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item-field-type-de-ressource-target-id {
-            width: fit-content; }
-      .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
-        display: flex;
-        flex-direction: row;
-        flex-wrap: wrap;
-        justify-content: space-between;
-        margin-top: 3rem; }
-        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
-          width: 49%;
-          min-height: 250px;
-          border: 2px solid #009ee3;
-          background-color: white;
-          margin-bottom: 1rem; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row:hover {
-            background-color: #009ee3; }
-        @media (max-width: 810px) {
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
-            flex-direction: column; }
-            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
-              width: 100%; } }
-        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource {
-          display: flex;
-          flex-direction: column;
-          padding: 1rem; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource {
-            text-transform: uppercase; }
-            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-type-de-ressource a {
-              color: #009ee3;
-              font-weight: 900;
-              font-size: 0.8rem; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 {
-            margin: 0; }
-            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-title h2 a {
-              color: black;
-              font-size: 1.4rem;
-              font-weight: 600; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- {
-            font-weight: 800; }
-            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- p {
-              margin: 0; }
-            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-auteur-s- .field__label {
-              display: none; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition p {
-            margin: 0; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-edition .field__label {
-            display: none; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images {
-            display: none;
-            width: 50%; }
-            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-images img {
-              width: 100%;
-              height: auto; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs {
-            display: flex;
-            margin-top: 2rem;
-            flex-direction: row;
-            flex-wrap: wrap; }
-            .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item {
-              margin-right: 0.5rem;
-              padding-left: 0.3rem;
-              padding-right: 0.3rem;
-              font-size: 0.8rem; }
-              .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource .field--name-field-mots-clefs .field__item a {
-                background: #09398b;
-                color: white;
-                font-weight: 800;
-                vertical-align: super;
-                padding-left: 0.1rem;
-                padding-right: 0.1rem;
-                display: inline-flex; }
-          .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .node-type-ressource ul.links.inline {
-            display: none; }
-      @media (max-width: 810px) {
-        .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockbase-de-donnees-block-1 {
-          margin: auto; } }
-    @media (max-width: 810px) {
-      .path-ressources.basededonnees .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content {
-        display: flex;
-        flex-direction: column;
-        margin: auto; } }
-
-.path-ressources.basededonnees.autres .block-config-pages-block {
-  display: none; }
-
-.path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
-  visibility: visible !important;
-  grid-column: 8 / span 9;
-  margin-top: 4rem;
-  background-color: #009ee3;
-  height: fit-content;
-  width: 60%;
-  margin-left: 2rem;
-  grid-row: 2; }
-  .path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .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; }
-    .path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien a {
-      font-weight: 800;
-      color: white;
-      font-size: 1.3rem; }
-    .path-ressources.basededonnees.autres .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien:after {
-      margin-left: auto;
-      padding-top: 1rem;
-      display: block;
-      content: url("../images/pictos/noun_Arrow_3771902.svg"); }
-
 .page-node-type-ressource .layout__region--top .block-region-top .block-block-content4e5df355-e76c-4e44-bec0-e211d94f2640 {
   width: 100%;
   font-family: 'Source Code Pro';
@@ -3769,6 +3529,140 @@ a {
       .node-id-201 .layout__region--second .block-entity-fieldnodefield-textes .field--type-text-long {
         padding-right: 2rem; }
 
+.path-ressources .layout-content {
+  width: 100vw; }
+  .path-ressources .layout-content .region-content {
+    width: 80%;
+    margin: auto; }
+    .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content {
+      display: grid;
+      grid-template-columns: 1fr repeat(8, 2fr) 1fr; }
+      .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block {
+        grid-column: 3 / span 5; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full {
+          grid-column: 3 / span 5;
+          margin: 2rem; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full .field--name-field-introduction {
+            margin: auto;
+            background: white;
+            margin-top: 5rem; }
+          @media (max-width: 810px) {
+            .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-config-pages-block .config_pages--base-de-donnees--full {
+              padding: 2rem;
+              margin-top: 1rem; } }
+      .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
+        grid-column: 8 / span 9;
+        grid-row: 1;
+        margin-top: 4rem;
+        background-color: #009ee3;
+        height: fit-content;
+        width: 60%;
+        margin-left: 2rem;
+        grid-row: 2; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .display {
+          display: block; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .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; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien a {
+            font-weight: 800;
+            color: white;
+            font-size: 1.3rem; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d .field--name-field-lien:after {
+            margin-left: auto;
+            padding-top: 1rem;
+            display: block;
+            content: url("../images/pictos/noun_Arrow_3771902.svg"); }
+        @media (max-width: 810px) {
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d {
+            margin: auto; } }
+      .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 {
+        width: 100%;
+        grid-column: 3 / span 8; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters {
+          background-color: white;
+          margin-top: 2rem;
+          margin-bottom: 2rem; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 {
+            width: fit-content;
+            display: flex; }
+            .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .js-form-item.form-item.js-form-type-select.form-item-field-type-de-ressource-target-id.js-form-item-field-type-de-ressource-target-id {
+              width: fit-content; }
+            .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item {
+              width: fit-content; }
+            .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-filters .views-exposed-form-base-de-donnees-block-1 .form-item-field-type-de-ressource-target-id {
+              width: fit-content; }
+        .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
+          display: flex;
+          flex-direction: row;
+          flex-wrap: wrap; }
+          .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
+            width: 25%;
+            flex: 0 0 25%;
+            border: 2px solid #009ee3; }
+            .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource {
+              display: flex;
+              flex-direction: column;
+              padding: 1rem; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource {
+                text-transform: uppercase; }
+                .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-type-de-ressource a {
+                  color: #009ee3;
+                  font-weight: 900;
+                  font-size: 0.8rem; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title h2 {
+                margin: 0; }
+                .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-title h2 a {
+                  color: black;
+                  font-size: 1.4rem;
+                  font-weight: 600; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- {
+                font-weight: 800; }
+                .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- p {
+                  margin: 0; }
+                .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-auteur-s- .field__label {
+                  display: none; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition p {
+                margin: 0; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-edition .field__label {
+                display: none; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images {
+                display: none;
+                width: 50%; }
+                .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-images img {
+                  width: 100%;
+                  height: auto; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs {
+                display: flex;
+                margin-top: 2rem;
+                flex-direction: row;
+                flex-wrap: wrap; }
+                .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item {
+                  margin-right: 0.5rem;
+                  padding-left: 0.3rem;
+                  padding-right: 0.3rem;
+                  font-size: 0.8rem; }
+                  .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource .field--name-field-mots-clefs .field__item a {
+                    background: #09398b;
+                    color: white;
+                    font-weight: 800;
+                    vertical-align: super;
+                    padding-left: 0.1rem;
+                    padding-right: 0.1rem;
+                    display: inline-flex; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row .node-type-ressource ul.links.inline {
+                display: none; }
+          @media (max-width: 810px) {
+            .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content {
+              flex-direction: column; }
+              .path-ressources .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .layout__region--content .block-region-content .block-views-blockbase-de-donnees-block-1 .view-content .views-row {
+                width: 100%; } }
+
 /*partials*/
 .layout-container {
   position: relative;

web/themes/custom/eql/eql.info.yml

@@ -9,6 +9,7 @@ base theme: false
 libraries:
   - eql/global-css
   - eql/global-js
+  
 
 regions:
   header_top_left: 'Header top left'

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

@@ -0,0 +1,260 @@
+
+.path-ressources{
+    .layout-content{
+        width: 100vw;
+        .region-content{
+            width: 80%;
+            margin: auto;
+            #block-contenudelapageprincipale{
+                span{
+                    // visibility: hidden;
+                }   
+
+                .layout--onecol{
+                    .layout__region--content{
+                        .block-region-content{
+                            display: grid;
+                            grid-template-columns: 1fr repeat(8, 2fr) 1fr;
+
+                            // texte présentation
+                           .block-config-pages-block{
+                            grid-column: 3 / span 5;
+
+                                .config_pages--base-de-donnees--full{
+                                    // .field--name-field-introduction{
+                                        grid-column: 3 / span 5;
+                                        margin: 2rem;
+                                        .field--name-field-introduction{
+                                            // width: 65%;
+                                            margin: auto;
+                                            background: $white;
+                                            margin-top:5rem;
+                                        }
+                                        @media (max-width: 810px){
+                                            padding: 2rem;
+                                            margin-top:1rem;
+                                        }
+                                    // }
+                                }
+                            }
+                            // .block-views-blockcollection--block-1{
+                            //     grid-column: 3 / span 5;
+                            //     // margin: 2rem;
+                            //     // .field--name-field-introduction{
+                            //         // width: 65%;
+                            //         margin: auto;
+                            //         background: $white;
+                            //         margin-top:5rem;
+                            //     // }
+                            //     @media (max-width: 810px){
+                            //         padding: 2rem;
+                            //         margin-top:1rem;
+                            //     }
+                            // }
+
+                            //button proposer une ressource
+                            .block-block-content82917d0c-5004-4bfb-af66-ce334782d82d{
+                                // visibility: hidden;
+                                grid-column: 8 / span 9;
+                                grid-row: 1;
+                                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;
+                                        display: block;
+                                        content:url("../images/pictos/noun_Arrow_3771902.svg")
+                                        
+                                    }
+        
+                                }
+                                @media (max-width: 810px){
+                                    margin: auto;
+                                }
+                                
+                            }
+
+                        // grille des ressources
+                            .block-views-blockbase-de-donnees-block-1{
+                                width: 100%;
+                                grid-column: 3 / span 8;
+                                .view-filters{
+                                    background-color: $white;
+                                    margin-top: 2rem;
+                                    margin-bottom: 2rem;
+                                    .views-exposed-form-base-de-donnees-block-1{
+                                        width: fit-content;
+                                        display: flex;
+                                        .js-form-item.form-item.js-form-type-select.form-item-field-type-de-ressource-target-id.js-form-item-field-type-de-ressource-target-id{
+                                            width: fit-content;
+                                        }
+                                        .form-item{
+                                            width: fit-content;
+                                        }
+                                        .form-item-field-type-de-ressource-target-id{
+                                            width: fit-content;
+    
+                                        }
+                                        
+                                    }
+                                }
+                                .view-content{
+                                    display: flex;
+                                    flex-direction: row;
+                                    flex-wrap: wrap;
+                                    .views-row{
+                                        width: 25%;
+                                        flex: 0 0 25%;
+                                         border: 2px solid $blue-light;
+                                        // background-color: $white;
+                                        // margin-bottom: 1rem;
+                                        // &:hover{
+                                        //     background-color: $blue-light;    
+                                        // }
+                                        .node-type-ressource{
+                                            display: flex;
+                                            flex-direction: column;
+                                            // border: 2px solid $blue-light;
+                                            padding: 1rem;
+                                            
+                                            // &:hover{
+                                            //     background-color: $blue-light;
+                                            //     .field--name-field-mots-clefs{
+                                            //         // &::after{
+                                            //         //     content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                                        
+                                            //         // }
+                                            //     }    
+                                            // }
+                                            // &::after{
+                                            //     content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                            //     align-self: end;
+                                            //     margin-top: 1rem;
+                                            // }
+        
+                                            .field--name-field-type-de-ressource{
+                                                text-transform: uppercase;
+                                                
+                                                a{
+                                                    color: $blue-light;
+                                                    font-weight: 900;
+                                                    font-size: 0.8rem;
+                                                }
+                                            }
+                                            .field--name-title{
+                                                h2{
+                                                    margin: 0;
+                                                    a{
+                                                        color: $black;
+                                                        font-size: 1.4rem;
+                                                        font-weight: 600;
+                                
+                                                    }
+            
+                                                }
+                                            }
+                                            .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-mots-clefs{
+                                                display: flex;
+                                                margin-top: 2rem;
+                                                flex-direction: row;
+                                                flex-wrap: wrap;
+                                              
+                                                
+                                                // &::after{
+                                                //     content: url("../images/pictos/noun_Arrow_3771902.svg");
+                                                    
+                                                //     align-self: center;
+                                                
+                                                // }
+                                                .field__item{
+                                                    
+                                                    margin-right: 0.5rem;
+                                                    padding-left: 0.3rem;
+                                                    padding-right: 0.3rem;
+                                                    font-size: 0.8rem;
+                                                
+                                                    a{
+                                                        background: $blue-dark;
+                                                        color: $white;
+                                                        font-weight: 800;
+                                                        vertical-align: super;
+                                                        padding-left: 0.1rem;
+                                                        padding-right: 0.1rem;
+                                                        display: inline-flex;
+                                                    }
+                                                }
+                                            }
+                                            ul.links.inline{
+                                                display: none;
+                                            }
+                                        }
+                                        
+                                    } 
+                                    @media (max-width: 810px){
+                                        flex-direction: column;
+                                        .views-row{
+                                            width: 100%;
+                                        }
+                                    }  
+                                    
+                                }
+                            }
+
+                        }
+                    }
+                }
+
+            }
+        }
+        
+    }
+   
+
+}

web/themes/custom/eql/scss/styles.scss

@@ -30,8 +30,8 @@
 @import "pages/_contact";
 @import "pages/_faq";
 @import "pages/_mentions-legales";
-@import "pages/_basededonnees";
-@import "pages/_basededonnees_autres";
+// @import "pages/_basededonnees";
+// @import "pages/_basededonnees_autres";
 
 @import "pages/_ressource";
 @import "pages/_offresdeservices";
@@ -42,6 +42,8 @@
 @import "pages/_projet";
 @import "pages/_incubateur";
 @import "pages/_lincubateur_newpage";
+@import "pages/_ressources";
+
 
 
 /*partials*/