responsive filtres projets

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

@@ -4113,9 +4113,14 @@ svg.ext {
 .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) {
   font-size: 1.5rem;
 }
+@media (max-width: 810px) {
+  .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .config_pages--type--les-projets .field--name-field-introduction p:nth-of-type(1) {
+    font-size: 1.3rem;
+  }
+}
 @media (max-width: 810px) {
   .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block {
-    padding: 2rem;
+    padding: 1rem;
   }
 }
 .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-contentaffaf220-dd27-4c9d-ae02-8044c2662220 {
@@ -4160,7 +4165,7 @@ svg.ext {
 }
 @media (max-width: 810px) {
   .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 {
-    padding: 2rem;
+    padding: 1rem;
   }
 }
 .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets {
@@ -4182,6 +4187,7 @@ svg.ext {
   .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters {
     flex-direction: column;
     padding-bottom: 3rem;
+    margin-top: 0rem;
   }
 }
 .path-projets .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockprojets-block-1 .view-projets .view-filters::before {
@@ -7028,6 +7034,11 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
   position: relative;
   align-items: center;
 }
+@media (max-width: 810px) {
+  #views-exposed-form-projets-block-1 select {
+    max-width: 58%;
+  }
+}
 
 #views-exposed-form-base-de-donnees-block-1 {
   flex-direction: column;
@@ -7058,6 +7069,12 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
   display: flex;
   flex-wrap: wrap;
 }
+@media (max-width: 810px) {
+  #views-exposed-form-base-de-donnees-block-1,
+  #views-exposed-form-projets-block-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 {
   display: flex;
@@ -7076,6 +7093,7 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
     display: flex;
     flex-direction: row;
     justify-content: space-between;
+    max-width: 85%;
   }
 }
 #views-exposed-form-base-de-donnees-block-1 .js-form-item label,
@@ -7087,6 +7105,12 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
 #views-exposed-form-projets-block-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 {
+    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 {
   flex: 2 1 auto;
@@ -7127,6 +7151,13 @@ html.js body.node-type-actualite.node-id-88.path-node.page-node-type-actualite d
   font-family: "Marianne";
   font-size: 1rem;
 }
+@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 {
+    font-size: 0.8rem;
+  }
+}
 
 article.node-type-ressource {
   margin-bottom: 1rem;

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

@@ -63,12 +63,15 @@
                                 .field--name-field-introduction{
                                     p:nth-of-type(1){
                                         font-size: 1.5rem;
+                                        @media (max-width: 810px){
+                                            font-size: 1.3rem;
+                                        } 
                                     }
                                 }
                             }
 
                             @media (max-width: 810px){
-                                padding: 2rem;
+                                padding: 1rem;
                             }
                            
                         }
@@ -122,7 +125,7 @@
                             // width: 80%;
 
                             @media (max-width: 810px){
-                                padding: 2rem;
+                                padding: 1rem;
                             }
 
                             .view-projets{
@@ -142,6 +145,7 @@
                                     @media (max-width: 479px){
                                         flex-direction: column;
                                         padding-bottom: 3rem;
+                                        margin-top: 0rem;
                                     }
                                   
                                     &::before{

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

@@ -2,6 +2,12 @@
     flex-direction: row;
     position: relative;
     align-items: center;
+    
+    select{
+        @media (max-width:810px){
+            max-width: 58%;
+        }
+    }
 }
 
 #views-exposed-form-base-de-donnees-block-1{
@@ -34,6 +40,9 @@
 #views-exposed-form-projets-block-1{
     display: flex;
     flex-wrap: wrap;
+    @media (max-width:810px){
+        font-size: 0.8rem;
+    }
     .js-form-item{
         display: flex;
         flex-direction: row;
@@ -48,6 +57,7 @@
             display: flex;
             flex-direction: row;
             justify-content: space-between;
+            max-width: 85%;
         }
         label{
             flex: 2 1 auto;
@@ -55,6 +65,9 @@
             &::after{
                 content: ' : ';
             }
+            @media (max-width:810px){
+                padding-right: 1rem;
+            }
         }
         input{
             flex: 2 1 auto;
@@ -90,5 +103,8 @@
         background-color: transparent;
         font-family: "Marianne";
         font-size: 1rem;
+        @media (max-width:810px){
+            font-size: 0.8rem;
+        }
     }
 }