margins fields

web/themes/custom/eql/dist/assets/css/bundle.css

@@ -384,7 +384,7 @@ svg.ext {
   left: inherit !important;
 }
 .path-projets-complets .layout-content {
-  width: 60vw;
+  width: 80vw;
   margin: auto;
 }
 .path-projets-complets span {
@@ -402,52 +402,61 @@ svg.ext {
   text-transform: uppercase;
   text-align: end;
 }
-.path-projets-complets .node-type-projet {
-  border-bottom: 1px solid black;
-  padding-bottom: 5rem;
-  margin-bottom: 5rem;
-}
-.path-projets-complets .projet-content {
-  display: flex;
-  flex-direction: column;
-}
-.path-projets-complets .field--name-field-photo .field__label {
-  display: none;
+.path-projets-complets .view-header {
+  position: fixed;
+  right: 0;
+  margin-right: 2rem;
+  margin-top: 5rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  padding: 0.3rem 0.7rem;
+  width: fit-content;
+  background-color: rgb(0, 158, 227);
+  border: none;
 }
-.path-projets-complets .field--name-field-photo .field__items {
-  height: 100%;
-  display: grid;
-  gap: 3px;
+.path-projets-complets .view-header p {
+  margin: 0;
 }
-.path-projets-complets .field--name-field-photo .field__item {
-  overflow: hidden;
-  aspect-ratio: 3/2;
+.path-projets-complets .view-header a {
+  color: white;
 }
-.path-projets-complets .field--name-field-photo .field__item img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
+.path-projets-complets .view-projets {
+  margin-top: 4rem !important;
+  margin-bottom: 4rem !important;
 }
-.path-projets-complets .field--name-field-photo .image-field-caption {
+.path-projets-complets .view-projets .buttons-filtres-ressources {
   display: none;
 }
-.path-projets-complets .field--name-field-photo .field__items:has(.field__item:only-child) {
-  grid-template-columns: 1fr;
+.path-projets-complets .view-projets {
+  margin: auto;
 }
-.path-projets-complets .field--name-field-photo .field__items:has(.field__item:only-child) .field__item {
-  grid-column: 1;
+.path-projets-complets .view-projets .view-filters {
+  margin-top: 4rem;
+  padding-left: 0.5rem;
+  display: flex;
+  flex-direction: column;
 }
-.path-projets-complets .field--name-field-photo .field__items:has(.field__item:nth-child(2)) {
-  grid-template-columns: repeat(3, 1fr);
+@media (max-width: 479px) {
+  .path-projets-complets .view-projets .view-filters {
+    flex-direction: column;
+    padding-bottom: 3rem;
+    margin-top: 0rem;
+  }
 }
-.path-projets-complets .field--name-field-photo .field__items:has(.field__item:nth-child(2)) .field__item:first-child {
-  grid-column: 1/4;
+.path-projets-complets .view-projets .view-filters::before {
+  content: "Sélectionner les projets à imprimer :";
+  margin-right: 2rem;
+  margin-bottom: 1rem;
+  margin-left: 0.5rem;
+  font-weight: 900;
+  min-width: fit-content;
 }
-.path-projets-complets .field--name-field-photo .field__items .field__item:nth-child(n+8) {
-  display: none;
+@media (max-width: 479px) {
+  .path-projets-complets .view-projets .view-filters::before {
+    padding-bottom: 1rem;
+  }
 }
-.path-projets-complets .field--name-title {
+.path-projets-complets .view-projets .field--name-title {
   order: 2;
   font-family: "Marianne";
   font-size: 2rem;
@@ -455,29 +464,29 @@ svg.ext {
   color: rgb(0, 158, 227);
 }
 @media (max-width: 1624px) {
-  .path-projets-complets .field--name-title {
+  .path-projets-complets .view-projets .field--name-title {
     font-size: 2.3rem;
   }
 }
 @media (max-width: 1384px) {
-  .path-projets-complets .field--name-title {
+  .path-projets-complets .view-projets .field--name-title {
     font-size: 2rem;
   }
 }
 @media (max-width: 1216px) {
-  .path-projets-complets .field--name-title {
+  .path-projets-complets .view-projets .field--name-title {
     font-size: 2rem;
   }
 }
 @media (max-width: 810px) {
-  .path-projets-complets .field--name-title {
+  .path-projets-complets .view-projets .field--name-title {
     font-size: 1.7rem;
   }
 }
-.path-projets-complets .field--name-title a {
+.path-projets-complets .view-projets .field--name-title a {
   color: rgb(0, 158, 227);
 }
-.path-projets-complets .field--name-field-equipe {
+.path-projets-complets .view-projets .field--name-field-equipe {
   order: 3;
   color: rgb(9, 57, 139);
   font-size: 1.5rem;
@@ -485,24 +494,24 @@ svg.ext {
   text-transform: uppercase;
 }
 @media (max-width: 1624px) {
-  .path-projets-complets .field--name-field-equipe {
+  .path-projets-complets .view-projets .field--name-field-equipe {
     font-size: 1.3rem;
   }
 }
 @media (max-width: 1216px) {
-  .path-projets-complets .field--name-field-equipe {
+  .path-projets-complets .view-projets .field--name-field-equipe {
     font-size: 1.1rem;
   }
 }
 @media (max-width: 810px) {
-  .path-projets-complets .field--name-field-equipe {
+  .path-projets-complets .view-projets .field--name-field-equipe {
     font-size: 1rem;
   }
 }
-.path-projets-complets .field--name-field-equipe .field__label {
+.path-projets-complets .view-projets .field--name-field-equipe .field__label {
   display: none;
 }
-.path-projets-complets .field--name-field-incube {
+.path-projets-complets .view-projets .field--name-field-incube {
   order: 4;
   display: inline-flex;
   width: fit-content;
@@ -514,27 +523,30 @@ svg.ext {
   margin-bottom: 1rem;
   margin-top: 1rem;
 }
-.path-projets-complets .field--name-field-incube::before {
+.path-projets-complets .view-projets .field--name-field-incube::before {
   content: " Projet ";
   padding-right: 0.5rem;
 }
-.path-projets-complets .field--name-field-incube .field__label {
+.path-projets-complets .view-projets .field--name-field-incube .field__label {
   display: inline;
 }
-.path-projets-complets .field--name-field-incube .field__item {
+.path-projets-complets .view-projets .field--name-field-incube .field__item {
+  display: none;
+}
+.path-projets-complets .view-projets .field--name-field-neuf-rehabilitation,
+.path-projets-complets .view-projets .field--name-field-encours-fini {
   display: none;
 }
-.path-projets-complets .field--name-field-neuf-rehabilitation,
-.path-projets-complets .field--name-field-encours-fini {
+.path-projets-complets .view-projets .field--name-field-region .field__label {
   display: none;
 }
-.path-projets-complets .field--name-field-region {
+.path-projets-complets .view-projets .field--name-field-region {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   margin-bottom: 2rem;
 }
-.path-projets-complets .field--name-field-region::before {
+.path-projets-complets .view-projets .field--name-field-region::before {
   content: "";
   display: block;
   width: 20px;
@@ -542,41 +554,20 @@ svg.ext {
   background: url("../images/pictos/picto_lieu.svg") no-repeat center;
   background-size: contain;
 }
-.path-projets-complets .field--name-field-type-de-moa {
-  order: 6;
-}
-.path-projets-complets .field--name-field-type-de-projet {
-  order: 7;
-}
-.path-projets-complets .field--name-field-etape-du-projet {
-  order: 8;
-}
-.path-projets-complets .field--name-field-textes {
-  order: 9;
-}
-.path-projets-complets .field--name-field-textes .field__label {
-  display: none;
-}
-.path-projets-complets .field--name-field-textes .field--name-field-titre {
-  color: rgb(9, 57, 139);
-  font-size: 1.2rem;
-  font-weight: 900;
-  text-transform: uppercase;
-  margin-bottom: 0 !important;
-  flex-direction: row;
-}
-.path-projets-complets .field--name-field-textes .field--name-field-titre::after {
-  content: " :";
-  padding-left: 0.5rem;
+.path-projets-complets .view-projets .field--name-field-etape-du-projet,
+.path-projets-complets .view-projets .field--name-field-type-de-projet,
+.path-projets-complets .view-projets .field--name-field-type-de-moa {
+  margin-bottom: 1rem;
 }
-.path-projets-complets .field--name-field-etape-du-projet a,
-.path-projets-complets .field--name-field-type-de-projet a,
-.path-projets-complets .field--name-field-type-de-moa a {
+.path-projets-complets .view-projets .field--name-field-etape-du-projet a,
+.path-projets-complets .view-projets .field--name-field-type-de-projet a,
+.path-projets-complets .view-projets .field--name-field-type-de-moa a {
   color: black;
 }
-.path-projets-complets .field--name-field-etape-du-projet .field__label,
-.path-projets-complets .field--name-field-type-de-projet .field__label,
-.path-projets-complets .field--name-field-type-de-moa .field__label {
+.path-projets-complets .view-projets .field--name-field-etape-du-projet .field__label,
+.path-projets-complets .view-projets .field--name-field-type-de-projet .field__label,
+.path-projets-complets .view-projets .field--name-field-type-de-moa .field__label {
+  width: fit-content;
   color: rgb(9, 57, 139);
   font-size: 1.2rem;
   font-weight: 900;
@@ -584,36 +575,22 @@ svg.ext {
   margin-bottom: 0 !important;
   flex-direction: row;
 }
-.path-projets-complets .field--name-field-etape-du-projet .field__label::after,
-.path-projets-complets .field--name-field-type-de-projet .field__label::after,
-.path-projets-complets .field--name-field-type-de-moa .field__label::after {
+.path-projets-complets .view-projets .field--name-field-etape-du-projet .field__label::after,
+.path-projets-complets .view-projets .field--name-field-type-de-projet .field__label::after,
+.path-projets-complets .view-projets .field--name-field-type-de-moa .field__label::after {
   content: ":";
   padding-left: 0.5rem;
 }
-@media print {
-  .path-projets-complets .path-projets-complets .layout-content {
-    width: 100% !important;
-    margin: 0 auto !important;
-  }
-  .path-projets-complets .path-projets-complets .projet-content {
-    display: block !important;
-  }
-  .path-projets-complets .path-projets-complets .field--name-field-photo .field__items {
-    display: block !important;
-    height: auto !important;
-  }
-  .path-projets-complets .path-projets-complets .field--name-field-photo .field__item {
-    display: block !important;
-    aspect-ratio: auto !important;
-    overflow: visible !important;
-    margin-bottom: 4mm;
-  }
-  .path-projets-complets .path-projets-complets .field--name-field-photo .field__item img {
-    width: 100% !important;
-    height: auto !important;
-    object-fit: contain !important;
-    display: block;
-  }
+.path-projets-complets .view-projets .field--name-field-etape-du-projet .field__item,
+.path-projets-complets .view-projets .field--name-field-type-de-projet .field__item,
+.path-projets-complets .view-projets .field--name-field-type-de-moa .field__item {
+  width: fit-content;
+}
+.path-projets-complets .view-projets .field--name-field-textes {
+  margin-top: 2rem;
+}
+.path-projets-complets .view-projets .field--name-field-textes .field__label {
+  display: none !important;
 }
 
 @media print {
@@ -627,8 +604,6 @@ svg.ext {
   @page {
     margin-top: 1cm;
     margin-bottom: 1cm;
-    margin-left: 1cm;
-    margin-right: 1cm;
   }
   .layout-container {
     display: block;
@@ -654,6 +629,10 @@ svg.ext {
     text-transform: uppercase;
     text-align: end;
   }
+  .path-projets-complets .layout-content .view-header,
+  .path-projets-complets .layout-content .view-filters {
+    display: none;
+  }
   .path-projets-complets .layout-content .views-row .node-type-projet {
     border-bottom: none;
   }
@@ -674,6 +653,214 @@ svg.ext {
   .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .image-field-caption {
     display: none;
   }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__label {
+    display: none;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items {
+    height: 100%;
+    display: grid;
+    gap: 3px;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__item {
+    overflow: hidden;
+    aspect-ratio: 3/2;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__item img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .image-field-caption {
+    display: none;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items:has(.field__item:only-child) {
+    grid-template-columns: 1fr;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items:has(.field__item:only-child) .field__item {
+    grid-column: 1;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items:has(.field__item:nth-child(2)) {
+    grid-template-columns: repeat(3, 1fr);
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items:has(.field__item:nth-child(2)) .field__item:first-child {
+    grid-column: 1/4;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-photo .field__items .field__item:nth-child(n+8) {
+    display: none;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
+    order: 2;
+    font-family: "Marianne";
+    font-size: 2rem;
+    font-weight: 800;
+    color: rgb(0, 158, 227);
+  }
+}
+@media print and (max-width: 1624px) {
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
+    font-size: 2.3rem;
+  }
+}
+@media print and (max-width: 1384px) {
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
+    font-size: 2rem;
+  }
+}
+@media print and (max-width: 1216px) {
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
+    font-size: 2rem;
+  }
+}
+@media print and (max-width: 810px) {
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title {
+    font-size: 1.7rem;
+  }
+}
+@media print {
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-title a {
+    color: rgb(0, 158, 227);
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
+    order: 3;
+    color: rgb(9, 57, 139);
+    font-size: 1.5rem;
+    font-weight: 900;
+    text-transform: uppercase;
+  }
+}
+@media print and (max-width: 1624px) {
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
+    font-size: 1.3rem;
+  }
+}
+@media print and (max-width: 1216px) {
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
+    font-size: 1.1rem;
+  }
+}
+@media print and (max-width: 810px) {
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe {
+    font-size: 1rem;
+  }
+}
+@media print {
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-equipe .field__label {
+    display: none;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube {
+    order: 4;
+    display: inline-flex;
+    width: fit-content;
+    background-color: rgb(225, 0, 15);
+    color: white;
+    font-weight: 800;
+    padding-right: 0.3rem;
+    padding-left: 0.2rem;
+    margin-bottom: 1rem;
+    margin-top: 1rem;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube::before {
+    content: " Projet ";
+    padding-right: 0.5rem;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube .field__label {
+    display: inline;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-incube .field__item {
+    display: none;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-neuf-rehabilitation,
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-encours-fini {
+    display: none;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-region {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 2rem;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-region::before {
+    content: "";
+    display: block;
+    width: 20px;
+    height: 20px;
+    background: url("../images/pictos/picto_lieu.svg") no-repeat center;
+    background-size: contain;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-moa {
+    order: 6;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-projet {
+    order: 7;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-etape-du-projet {
+    order: 8;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-textes {
+    order: 9;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-textes .field__label {
+    display: none;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-textes .field--name-field-titre {
+    color: rgb(9, 57, 139);
+    font-size: 1.2rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    margin-bottom: 0 !important;
+    flex-direction: row;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-textes .field--name-field-titre::after {
+    content: " :";
+    padding-left: 0.5rem;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-etape-du-projet a,
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-projet a,
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-moa a {
+    color: black;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-etape-du-projet .field__label,
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-projet .field__label,
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-moa .field__label {
+    color: rgb(9, 57, 139);
+    font-size: 1.2rem;
+    font-weight: 900;
+    text-transform: uppercase;
+    margin-bottom: 0 !important;
+    flex-direction: row;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-etape-du-projet .field__label::after,
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-projet .field__label::after,
+  .path-projets-complets .layout-content .views-row .projet-header-print .field--name-field-type-de-moa .field__label::after {
+    content: ":";
+    padding-left: 0.5rem;
+  }
+}
+@media print {
+  .path-projets-complets .layout-content .views-row .projet-header-print .path-projets-complets .layout-content {
+    width: 100% !important;
+    margin: 0 auto !important;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .path-projets-complets .projet-content {
+    display: block !important;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .path-projets-complets .field--name-field-photo .field__items {
+    display: block !important;
+    height: auto !important;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .path-projets-complets .field--name-field-photo .field__item {
+    display: block !important;
+    aspect-ratio: auto !important;
+    overflow: visible !important;
+    margin-bottom: 4mm;
+  }
+  .path-projets-complets .layout-content .views-row .projet-header-print .path-projets-complets .field--name-field-photo .field__item img {
+    width: 100% !important;
+    height: auto !important;
+    object-fit: contain !important;
+    display: block;
+  }
   .path-projets-complets .layout-content .views-row .projet-body-print {
     padding-top: 3rem;
   }
@@ -7518,18 +7705,21 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
 }
 
 #views-exposed-form-base-de-donnees-block-1,
-#views-exposed-form-projets-block-1 {
+#views-exposed-form-projets-block-1,
+#views-exposed-form-projets-page-1 {
   display: flex;
   flex-wrap: wrap;
 }
 @media (max-width: 810px) {
   #views-exposed-form-base-de-donnees-block-1,
-  #views-exposed-form-projets-block-1 {
+  #views-exposed-form-projets-block-1,
+  #views-exposed-form-projets-page-1 {
     font-size: 0.8rem;
   }
 }
 #views-exposed-form-base-de-donnees-block-1 .js-form-item,
-#views-exposed-form-projets-block-1 .js-form-item {
+#views-exposed-form-projets-block-1 .js-form-item,
+#views-exposed-form-projets-page-1 .js-form-item {
   display: flex;
   flex-direction: row;
   max-width: 100%;
@@ -7542,7 +7732,8 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
 }
 @media (max-width: 810px) {
   #views-exposed-form-base-de-donnees-block-1 .js-form-item,
-  #views-exposed-form-projets-block-1 .js-form-item {
+  #views-exposed-form-projets-block-1 .js-form-item,
+  #views-exposed-form-projets-page-1 .js-form-item {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
@@ -7550,45 +7741,54 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
   }
 }
 #views-exposed-form-base-de-donnees-block-1 .js-form-item label,
-#views-exposed-form-projets-block-1 .js-form-item label {
+#views-exposed-form-projets-block-1 .js-form-item label,
+#views-exposed-form-projets-page-1 .js-form-item label {
   flex: 2 1 auto;
   padding-right: 2rem;
 }
 #views-exposed-form-base-de-donnees-block-1 .js-form-item label::after,
-#views-exposed-form-projets-block-1 .js-form-item label::after {
+#views-exposed-form-projets-block-1 .js-form-item label::after,
+#views-exposed-form-projets-page-1 .js-form-item label::after {
   content: " : ";
 }
 @media (max-width: 810px) {
   #views-exposed-form-base-de-donnees-block-1 .js-form-item label,
-  #views-exposed-form-projets-block-1 .js-form-item label {
+  #views-exposed-form-projets-block-1 .js-form-item label,
+  #views-exposed-form-projets-page-1 .js-form-item label {
     padding-right: 1rem;
   }
 }
 #views-exposed-form-base-de-donnees-block-1 .js-form-item input,
-#views-exposed-form-projets-block-1 .js-form-item input {
+#views-exposed-form-projets-block-1 .js-form-item input,
+#views-exposed-form-projets-page-1 .js-form-item input {
   flex: 2 1 auto;
   max-width: 55%;
 }
 @media (max-width: 810px) {
   #views-exposed-form-base-de-donnees-block-1 .js-form-item input,
-  #views-exposed-form-projets-block-1 .js-form-item input {
+  #views-exposed-form-projets-block-1 .js-form-item input,
+  #views-exposed-form-projets-page-1 .js-form-item input {
     max-width: 100%;
   }
 }
 #views-exposed-form-base-de-donnees-block-1 .js-form-item .form-checkbox,
-#views-exposed-form-projets-block-1 .js-form-item .form-checkbox {
+#views-exposed-form-projets-block-1 .js-form-item .form-checkbox,
+#views-exposed-form-projets-page-1 .js-form-item .form-checkbox {
   margin-right: 1rem;
 }
 #views-exposed-form-base-de-donnees-block-1 .js-form-item .select-wrapper,
-#views-exposed-form-projets-block-1 .js-form-item .select-wrapper {
+#views-exposed-form-projets-block-1 .js-form-item .select-wrapper,
+#views-exposed-form-projets-page-1 .js-form-item .select-wrapper {
   margin: 0;
 }
 #views-exposed-form-base-de-donnees-block-1 .js-form-type-checkbox label::after,
-#views-exposed-form-projets-block-1 .js-form-type-checkbox label::after {
+#views-exposed-form-projets-block-1 .js-form-type-checkbox label::after,
+#views-exposed-form-projets-page-1 .js-form-type-checkbox label::after {
   content: none;
 }
 #views-exposed-form-base-de-donnees-block-1 .form-actions input,
-#views-exposed-form-projets-block-1 .form-actions input {
+#views-exposed-form-projets-block-1 .form-actions input,
+#views-exposed-form-projets-page-1 .form-actions input {
   color: white;
   font-weight: 600;
   text-transform: uppercase;
@@ -7598,7 +7798,9 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
 }
 #views-exposed-form-base-de-donnees-block-1 input, #views-exposed-form-base-de-donnees-block-1 select,
 #views-exposed-form-projets-block-1 input,
-#views-exposed-form-projets-block-1 select {
+#views-exposed-form-projets-block-1 select,
+#views-exposed-form-projets-page-1 input,
+#views-exposed-form-projets-page-1 select {
   border: none;
   background-color: transparent;
   font-family: "Marianne";
@@ -7607,7 +7809,9 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
 @media (max-width: 810px) {
   #views-exposed-form-base-de-donnees-block-1 input, #views-exposed-form-base-de-donnees-block-1 select,
   #views-exposed-form-projets-block-1 input,
-  #views-exposed-form-projets-block-1 select {
+  #views-exposed-form-projets-block-1 select,
+  #views-exposed-form-projets-page-1 input,
+  #views-exposed-form-projets-page-1 select {
     font-size: 0.8rem;
   }
 }

web/themes/custom/eql/scripts/main.js

@@ -463,3 +463,4 @@ document.addEventListener("DOMContentLoaded", function () {
 
 
 ////////////// end croix clear input recherche ////////////
+

web/themes/custom/eql/scss/global/print/_projets-complets-ecran.scss

@@ -4,7 +4,7 @@
     left: inherit !important;
   }
   .layout-content{
-    width: 60vw;
+    width: 80vw;
     margin: auto;
   }
 
@@ -36,261 +36,199 @@
       text-transform: uppercase;
       text-align: end;
     }
-  
-    .node-type-projet {
-      border-bottom: 1px solid black;
-      padding-bottom: 5rem;
-      margin-bottom: 5rem;
-    }
-  
-    .projet-content {
-      display: flex;
-      flex-direction: column;
+
+
+    ///// bouton print //////
+    .view-header{
+      position: fixed;
+      right: 0;
+      margin-right: 2rem;
+      margin-top: 5rem;
+      font-weight: 600;
+      text-transform: uppercase;
+      padding: 0.3rem 0.7rem;
+      width: fit-content;
+      background-color: $blue-light; 
+      border: none;
+      p{margin: 0;}
+      a{color: white;}
     }
-    .field--name-field-photo {
-        // height: 66vh;
-      
-        .field__label {
-          display: none;
+
+
+    .view-projets{
+
+      margin-top: 4rem !important;
+      margin-bottom: 4rem !important;
+    ///// filtres ///////////
+      .buttons-filtres-ressources{display: none;}
+      // width: 80%;
+      margin: auto;
+      .view-filters{
+        margin-top: 4rem;
+        padding-left: 0.5rem;
+        display: flex;
+        flex-direction: column;
+        @media (max-width: 479px){
+            flex-direction: column;
+            padding-bottom: 3rem;
+            margin-top: 0rem;
         }
       
-        .field__items {
-          height: 100%;
-          display: grid;
-          gap: 3px;
+        &::before{
+            content: 'Sélectionner les projets à imprimer :';
+            margin-right: 2rem;
+            margin-bottom: 1rem;
+            margin-left: 0.5rem;
+            font-weight: 900;
+            // width: 160px;
+            min-width: fit-content;
+            @media (max-width: 479px){
+                padding-bottom: 1rem;
+            }
         }
-      
-        .field__item {
-          overflow: hidden;
-          aspect-ratio: 3 / 2;
+                    
+      }
+
+      .field--name-title {
+        order: 2;
+        font-family: "Marianne";
+        font-size: 2rem;
+        font-weight: 800;
+        color: $blue-light;
+    
+        @media (max-width: 1624px) {
+          font-size: 2.3rem;
         }
-      
-        .field__item img {
-          width: 100%;
-          height: 100%;
-          object-fit: cover;
-          display: block;
+    
+        @media (max-width: 1384px) {
+          font-size: 2rem;
         }
-      
-        .image-field-caption {
-          display: none;
+    
+        @media (max-width: 1216px) {
+          font-size: 2rem;
         }
-      
-        // 1 seule image
-        .field__items:has(.field__item:only-child) {
-          grid-template-columns: 1fr;
-          // grid-template-rows: 1fr;
+    
+        @media (max-width: 810px) {
+          font-size: 1.7rem;
         }
-      
-        .field__items:has(.field__item:only-child) .field__item {
-          grid-column: 1;
-          // grid-row: 1;
+    
+        a {
+          color: $blue-light;
         }
-      
-        // Plusieurs images
-        .field__items:has(.field__item:nth-child(2)) {
-          grid-template-columns: repeat(3, 1fr);
-          // grid-template-rows: 4fr 2fr 2fr;
+      }
+    
+      .field--name-field-equipe {
+        order: 3;
+        color: $blue-dark;
+        font-size: 1.5rem;
+        font-weight: 900;
+        text-transform: uppercase;
+    
+        @media (max-width: 1624px) {
+          font-size: 1.3rem;
         }
-      
-        .field__items:has(.field__item:nth-child(2)) .field__item:first-child {
-          grid-column: 1 / 4;
-          // grid-row: 1;
+    
+        @media (max-width: 1216px) {
+          font-size: 1.1rem;
         }
-      
-        // facultatif : max 7 images affichées
-        .field__items .field__item:nth-child(n + 8) {
+    
+        @media (max-width: 810px) {
+          font-size: 1rem;
+        }
+    
+        .field__label {
           display: none;
         }
       }
-    // }
-  
-    .field--name-title {
-      order: 2;
-      font-family: "Marianne";
-      font-size: 2rem;
-      font-weight: 800;
-      color: $blue-light;
-  
-      @media (max-width: 1624px) {
-        font-size: 2.3rem;
-      }
-  
-      @media (max-width: 1384px) {
-        font-size: 2rem;
-      }
-  
-      @media (max-width: 1216px) {
-        font-size: 2rem;
-      }
-  
-      @media (max-width: 810px) {
-        font-size: 1.7rem;
-      }
-  
-      a {
-        color: $blue-light;
-      }
-    }
-  
-    .field--name-field-equipe {
-      order: 3;
-      color: $blue-dark;
-      font-size: 1.5rem;
-      font-weight: 900;
-      text-transform: uppercase;
-  
-      @media (max-width: 1624px) {
-        font-size: 1.3rem;
-      }
-  
-      @media (max-width: 1216px) {
-        font-size: 1.1rem;
-      }
-  
-      @media (max-width: 810px) {
-        font-size: 1rem;
-      }
-  
-      .field__label {
-        display: none;
-      }
-    }
-  
-    .field--name-field-incube {
-      order: 4;
-      display: inline-flex;
-      width: fit-content;
-      background-color: $red;
-      color: white;
-      font-weight: 800;
-      padding-right: 0.3rem;
-      padding-left: 0.2rem;
-      margin-bottom: 1rem;
-      margin-top: 1rem;
-      // flex-direction: row;
-  
-      &::before {
-        content: ' Projet ';
-        padding-right: 0.5rem;
-      }
-      .field__label{
-        display: inline;
-      }
-  
-      .field__item {
-        display: none;
-      }
-    }
-  
-    .field--name-field-neuf-rehabilitation,
-    .field--name-field-encours-fini {
-      display: none;
-    }
-
-    .field--name-field-region {
-      display: flex;
-      align-items: center;
-      gap: 0.5rem;
-      margin-bottom: 2rem;
     
-      &::before {
-        content: "";
-        display: block;
-        width: 20px;
-        height: 20px;
-        background: url("../images/pictos/picto_lieu.svg") no-repeat center;
-        background-size: contain;
+      .field--name-field-incube {
+        order: 4;
+        display: inline-flex;
+        width: fit-content;
+        background-color: $red;
+        color: white;
+        font-weight: 800;
+        padding-right: 0.3rem;
+        padding-left: 0.2rem;
+        margin-bottom: 1rem;
+        margin-top: 1rem;
+        // flex-direction: row;
+    
+        &::before {
+          content: ' Projet ';
+          padding-right: 0.5rem;
+        }
+        .field__label{
+          display: inline;
+        }
+    
+        .field__item {
+          display: none;
+        }
       }
-    }
-  
-    .field--name-field-type-de-moa {
-      order: 6;
-    }
-  
-    .field--name-field-type-de-projet {
-      order: 7;
-    }
-  
-    .field--name-field-etape-du-projet {
-      order: 8;
-    }
-  
-    .field--name-field-textes {
-      order: 9;
-  
-      .field__label {
+    
+      .field--name-field-neuf-rehabilitation,
+      .field--name-field-encours-fini {
         display: none;
       }
-  
-      .field--name-field-titre {
-        color: $blue-dark;
-        font-size: 1.2rem;
-        font-weight: 900;
-        text-transform: uppercase;
-        margin-bottom: 0 !important;
-        flex-direction: row;
-  
-        &::after {
-          content: ' :';
-          padding-left: 0.5rem;
+      .field--name-field-region {
+        .field__label{
+          display: none;
         }
-      }
-    }
-  
-    .field--name-field-etape-du-projet,
-    .field--name-field-type-de-projet,
-    .field--name-field-type-de-moa {
-      a {
-        color: black;
-      }
-  
-      .field__label {
-        color: $blue-dark;
-        font-size: 1.2rem;
-        font-weight: 900;
-        text-transform: uppercase;
-        margin-bottom: 0 !important;
-        flex-direction: row;
-  
-        &::after {
-          content: ':';
-          padding-left: 0.5rem;
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        margin-bottom: 2rem;
+      
+        &::before {
+          content: "";
+          display: block;
+          width: 20px;
+          height: 20px;
+          background: url("../images/pictos/picto_lieu.svg") no-repeat center;
+          background-size: contain;
         }
       }
-    }
-  
-    @media print {
-      .path-projets-complets {
-        .layout-content {
-          width: 100% !important;
-          margin: 0 auto !important;
+     
+      .field--name-field-etape-du-projet,
+      .field--name-field-type-de-projet,
+      .field--name-field-type-de-moa {
+        margin-bottom: 1rem;
+        a {
+          color: black;
         }
+        
+        .field__label {
+          width: fit-content;
+          color: $blue-dark;
+          font-size: 1.2rem;
+          font-weight: 900;
+          text-transform: uppercase;
+          margin-bottom: 0 !important;
+          flex-direction: row;
     
-        .projet-content {
-          display: block !important;
-        }
-    
-        .field--name-field-photo {
-          .field__items {
-            display: block !important;
-            height: auto !important;
-          }
-    
-          .field__item {
-            display: block !important;
-            aspect-ratio: auto !important;
-            overflow: visible !important;
-            margin-bottom: 4mm;
-          }
-    
-          .field__item img {
-            width: 100% !important;
-            height: auto !important;
-            object-fit: contain !important;
-            display: block;
+          &::after {
+            content: ':';
+            padding-left: 0.5rem;
           }
         }
+        .field__item{
+          width: fit-content;
+        }
       }
+      .field--name-field-textes{
+        margin-top: 2rem;
+        .field__label{
+          display: none !important;
+        }
+      }
+    ///// ///////////
+
+      // @media screen {
+      //   .node-type-projet {
+      //     visibility: hidden;
+      //   }
+      // }
+      
     }
   } 

web/themes/custom/eql/scss/global/print/_projets-complets-print.scss

@@ -12,8 +12,8 @@
   @page {
     margin-top: 1cm;
     margin-bottom: 1cm;
-    margin-left: 1cm;
-    margin-right: 1cm;
+    // margin-left: 1cm;
+    // margin-right: 1cm;
   }
   .layout-container{
     display: block;
@@ -48,6 +48,10 @@
         text-align: end;
       }
       
+      .view-header, 
+      .view-filters{
+        display: none;
+      }
       .views-row{
         .node-type-projet {
           border-bottom:none;
@@ -67,6 +71,253 @@
           .field--name-field-photo .image-field-caption {
             display: none;
           }
+          .field--name-field-photo {
+            // height: 66vh;
+          
+            .field__label {
+              display: none;
+            }
+          
+            .field__items {
+              height: 100%;
+              display: grid;
+              gap: 3px;
+            }
+          
+            .field__item {
+              overflow: hidden;
+              aspect-ratio: 3 / 2;
+            }
+          
+            .field__item img {
+              width: 100%;
+              height: 100%;
+              object-fit: cover;
+              display: block;
+            }
+          
+            .image-field-caption {
+              display: none;
+            }
+          
+            // 1 seule image
+            .field__items:has(.field__item:only-child) {
+              grid-template-columns: 1fr;
+              // grid-template-rows: 1fr;
+            }
+          
+            .field__items:has(.field__item:only-child) .field__item {
+              grid-column: 1;
+              // grid-row: 1;
+            }
+          
+            // Plusieurs images
+            .field__items:has(.field__item:nth-child(2)) {
+              grid-template-columns: repeat(3, 1fr);
+              // grid-template-rows: 4fr 2fr 2fr;
+            }
+          
+            .field__items:has(.field__item:nth-child(2)) .field__item:first-child {
+              grid-column: 1 / 4;
+              // grid-row: 1;
+            }
+          
+            // facultatif : max 7 images affichées
+            .field__items .field__item:nth-child(n + 8) {
+              display: none;
+            }
+          }
+        // }
+      
+        .field--name-title {
+          order: 2;
+          font-family: "Marianne";
+          font-size: 2rem;
+          font-weight: 800;
+          color: $blue-light;
+      
+          @media (max-width: 1624px) {
+            font-size: 2.3rem;
+          }
+      
+          @media (max-width: 1384px) {
+            font-size: 2rem;
+          }
+      
+          @media (max-width: 1216px) {
+            font-size: 2rem;
+          }
+      
+          @media (max-width: 810px) {
+            font-size: 1.7rem;
+          }
+      
+          a {
+            color: $blue-light;
+          }
+        }
+      
+        .field--name-field-equipe {
+          order: 3;
+          color: $blue-dark;
+          font-size: 1.5rem;
+          font-weight: 900;
+          text-transform: uppercase;
+      
+          @media (max-width: 1624px) {
+            font-size: 1.3rem;
+          }
+      
+          @media (max-width: 1216px) {
+            font-size: 1.1rem;
+          }
+      
+          @media (max-width: 810px) {
+            font-size: 1rem;
+          }
+      
+          .field__label {
+            display: none;
+          }
+        }
+      
+        .field--name-field-incube {
+          order: 4;
+          display: inline-flex;
+          width: fit-content;
+          background-color: $red;
+          color: white;
+          font-weight: 800;
+          padding-right: 0.3rem;
+          padding-left: 0.2rem;
+          margin-bottom: 1rem;
+          margin-top: 1rem;
+          // flex-direction: row;
+      
+          &::before {
+            content: ' Projet ';
+            padding-right: 0.5rem;
+          }
+          .field__label{
+            display: inline;
+          }
+      
+          .field__item {
+            display: none;
+          }
+        }
+      
+        .field--name-field-neuf-rehabilitation,
+        .field--name-field-encours-fini {
+          display: none;
+        }
+    
+        .field--name-field-region {
+          display: flex;
+          align-items: center;
+          gap: 0.5rem;
+          margin-bottom: 2rem;
+        
+          &::before {
+            content: "";
+            display: block;
+            width: 20px;
+            height: 20px;
+            background: url("../images/pictos/picto_lieu.svg") no-repeat center;
+            background-size: contain;
+          }
+        }
+      
+        .field--name-field-type-de-moa {
+          order: 6;
+        }
+      
+        .field--name-field-type-de-projet {
+          order: 7;
+        }
+      
+        .field--name-field-etape-du-projet {
+          order: 8;
+        }
+      
+        .field--name-field-textes {
+          order: 9;
+      
+          .field__label {
+            display: none;
+          }
+      
+          .field--name-field-titre {
+            color: $blue-dark;
+            font-size: 1.2rem;
+            font-weight: 900;
+            text-transform: uppercase;
+            margin-bottom: 0 !important;
+            flex-direction: row;
+      
+            &::after {
+              content: ' :';
+              padding-left: 0.5rem;
+            }
+          }
+        }
+      
+        .field--name-field-etape-du-projet,
+        .field--name-field-type-de-projet,
+        .field--name-field-type-de-moa {
+          a {
+            color: black;
+          }
+      
+          .field__label {
+            color: $blue-dark;
+            font-size: 1.2rem;
+            font-weight: 900;
+            text-transform: uppercase;
+            margin-bottom: 0 !important;
+            flex-direction: row;
+      
+            &::after {
+              content: ':';
+              padding-left: 0.5rem;
+            }
+          }
+        }
+      
+        @media print {
+          .path-projets-complets {
+            .layout-content {
+              width: 100% !important;
+              margin: 0 auto !important;
+            }
+        
+            .projet-content {
+              display: block !important;
+            }
+        
+            .field--name-field-photo {
+              .field__items {
+                display: block !important;
+                height: auto !important;
+              }
+        
+              .field__item {
+                display: block !important;
+                aspect-ratio: auto !important;
+                overflow: visible !important;
+                margin-bottom: 4mm;
+              }
+        
+              .field__item img {
+                width: 100% !important;
+                height: auto !important;
+                object-fit: contain !important;
+                display: block;
+              }
+            }
+          }
+        }
+    
         }
         .projet-body-print{
           padding-top: 3rem ;
@@ -94,4 +345,5 @@
     break-after: page;
   }
   
-}
+}
+

web/themes/custom/eql/scss/partials/_filtres.scss

@@ -37,7 +37,8 @@
 }
 
 #views-exposed-form-base-de-donnees-block-1, 
-#views-exposed-form-projets-block-1{
+#views-exposed-form-projets-block-1, 
+#views-exposed-form-projets-page-1{
     display: flex;
     flex-wrap: wrap;
     @media (max-width:810px){