ajax

user/themes/figureslibres/scss/theme/_item.scss

@@ -1,4 +1,10 @@
 #item{
+  .e-content{
+    -webkit-columns: 300px 2;
+    -moz-columns: 300px 2;
+        columns: 300px 2;
+    margin-bottom: $marg;
+    }
   .card-image{
     img{
       margin-bottom: $marg;

user/themes/figureslibres/scss/theme/_start.scss

@@ -1,3 +1,6 @@
+*{
+  box-sizing: border-box;
+}
 html, body, header{
   background: #f9f9f9fe;
 }
@@ -10,15 +13,15 @@ body{
         p {
           a{
             position: relative;
-              &::after{
-                display: block;
-                content: '';
-                position: absolute;
-                top: 0;
-                left: 0;
-                transform: translate(-25%,-65%);
-                z-index: 999;
-              }
+            //   &::after{
+            //     display: block;
+            //     content: '';
+            //     position: absolute;
+            //     top: 0;
+            //     left: 0;
+            //     transform: translate(-25%,-65%);
+            //     z-index: 999;
+            //   }
             // &:hover{
             //   &::after{
             //     content: url('/user/themes/figureslibres/images/ovale.svg');
@@ -34,15 +37,15 @@ body{
           }
         }
         .card{
-          width: calc(100% / 4);
+          width: calc((100% / 3) - ( #{$marg} * 2) );
           height: auto;
-          overflow: hidden;
+          // overflow: hidden;
           display: inline-block;
           vertical-align: top;
           line-height: 0;
           margin-right: $marg;
           position: relative;
-          margin-top: $marg;
+          margin-top: $marg;        
           .card-header{
             display: none;
             & > *{
@@ -62,8 +65,12 @@ body{
               transform: translateY(-100%);
             }
           }
-          &:last-child{
-            vertical-align: baseline;
+          &:last-of-type{
+            vertical-align: baseline!important;
+          }
+          #item{
+            width: calc( 307% - #{$marg} );
+            // margin-left: -50vw;
           }
         }
       }

user/themes/figureslibres/scss/theme/_typography.scss

@@ -32,13 +32,13 @@ header{
       position: relative;
       &:nth-child(1){
       }
-      &:nth-child(2){
+      &#publique{
         font-family: $playfair;
       }
-      &:nth-child(3){
+      &#sociale{
         font-family: $syne;
       }
-      &:nth-child(4){
+      &#culturelle{
         font-family: $avara;
       }
     }
@@ -52,9 +52,13 @@ header{
     & > * {
       margin-right: $marg;
       font-size: 1.15rem;
+      font-weight: bold;
     }
     h2{
       margin: 0 $marg 0 0;
+      a{
+        font-weight: bold;
+      }
     }
   }
 }