loader ajax

user/themes/figureslibres/scss/configurations/_fonts.scss

@@ -115,3 +115,31 @@ $file-italic: "playfairdisplay-regularitalic";
         }
     }
 }
+
+$moche: "Moche-Regular";
+$family-regular2: "moche";
+$file-regular2: "Moche-Regular";
+
+@mixin font-face($moche, $file-regular2, $family-regular2, $category:"") {
+    $filepath: "../fonts/" + $family-regular2 + "/" + $file-regular2;
+    @font-face {
+        font-family: "#{$moche}";
+        src: url($filepath + ".eot");
+        src: url($filepath + ".eot?#iefix") format('embedded-opentype'),
+              url($filepath + ".woff") format('woff'),
+              url($filepath + ".ttf")  format('truetype'),
+              url($filepath + ".svg#" + $moche + "") format('svg');
+    }
+
+    %#{$moche} {
+        font: {
+            @if $category != "" {
+              family: "#{$moche}", #{$category};
+            }
+            @else {
+                family: "#{$moche}";
+                weight: normal;
+            }
+        }
+    }
+}

user/themes/figureslibres/scss/configurations/_variable.scss

@@ -3,6 +3,8 @@
 @include font-face($avara, $file-bold-italic, $family-bold-italic, $category);//2
 @include font-face($playfair, $file-italic, $family-italic, $category);//2
 
+@include font-face($moche, $file-regular2, $family-regular2, $category);//2
+
 // font-size
 $txt-figli: 2.5rem;
 
@@ -14,6 +16,7 @@ $margI: 1rem;
 $Wi: 80%;
 
 $Wi50: calc(( 100% / 2 ) - (#{$margI} / 2));
+$Wi80: calc(( 100% / 1.5 ) - (#{$margI} / 2));
 $Wi33: calc(( 100% / 3 ) - (#{$margI} / 3));
 
 // mobile
@@ -25,7 +28,6 @@ $Wi-m: calc( 100% - 0.5rem);
 $Wi80-m: 80%;
 $Wi33-m: calc(( 100% / 3 ) - 0.5rem);
 
-
 // tablette
 $txt-figli-t: 2.5rem;
 
@@ -33,6 +35,6 @@ $txt-figli-t: 2.5rem;
 $Flhome-t: 3rem;
 
 // color
-$color_publique: lightyellow;
+$color_publique: #fef86f;
 $color_sociale: lightgreen;
-$color_culturelle: lightblue;
+$color_culturelle: #82f8ee;