css order field actus

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

@@ -975,11 +975,13 @@ a {
           display: flex;
           flex-direction: column; }
           .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(1) {
+            order: 3; }
+          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(2) {
             order: 1; }
-          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) {
+          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(3) {
             order: 2; }
-          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(5) {
-            order: 3; }
+          .path-actualites .block-region-content .block-views .node-type-actualite div:first-child :nth-child(4) {
+            order: 4; }
           .path-actualites .block-region-content .block-views .node-type-actualite div:first-child a {
             color: #09398b; }
           .path-actualites .block-region-content .block-views .node-type-actualite div:first-child .field--name-field-images .field__item img {
@@ -2014,7 +2016,7 @@ a {
         flex-direction: column;
         background-color: white;
         padding-bottom: 0.8rem;
-        min-width: 25%; }
+        min-width: 30%; }
         #header-top .region-header-top-left ul li a {
           color: black; }
         #header-top .region-header-top-left ul li .is-active {

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

@@ -34,9 +34,15 @@
                     display: flex;
                     flex-direction: column;
             
-                    :nth-child(1) { order: 1; } 
-                    :nth-child(4) { order: 2; }  
-                    :nth-child(5) { order: 3; }    
+                    // :nth-child(1) { order: 1; } 
+                    
+                    // :nth-child(4) { order: 2; }  
+                    // :nth-child(5) { order: 3; }    
+
+                    :nth-child(1) { order: 3; } 
+                    :nth-child(2) { order: 1; } 
+                    :nth-child(3) { order: 2; }  
+                    :nth-child(4) { order: 4; }    
                     a{
                         color: $blue-dark;
                     } 

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

@@ -100,7 +100,7 @@
                 background-color: $white;
                 padding-bottom: 0.8rem;
                 // align-items: center;
-                min-width: 25%;
+                min-width: 30%;
                 a {
                     color: $black;
                     // text-align: center;
@@ -125,9 +125,11 @@
                 justify-content: space-between;
                 padding: 1rem;
                 background-color: white;
+                
                 .is-active{
                     color:$blue-light;
                 } 
+
                 a{
                     color: $black;
                     &:hover{