better corpus list display

assets/css/app.scss

@@ -55,6 +55,9 @@ header[role="banner"]{
     }
     li>span,li>a{
       font-size: 0.9em;
+      color: $bleuroi;
+      text-transform: uppercase;
+
     }
   }
 }
@@ -97,6 +100,19 @@ section[role="main-content"]{
         box-sizing: border-box;
         flex-basis: percentage(2 / ( $default_sum - 6) );
         padding-right: $default_gap;
+        @include fontsans;
+
+        h1{
+          color: $bleuroi;
+        }
+        p{
+          font-size: 0.882em;
+          line-height: 1.2;
+        }
+        span{
+          color:$rouge;
+          font-size:0.693em;
+        }
       }
       // filets decoratif
       &:before, &:after{
@@ -132,12 +148,64 @@ section[role="main-content"]{
     article.item{
       margin: 2em 0 0;
       header h1{
-        font-size: 1.323em;
+        font-size: 1.512em;
         color: $bleuroi;
         font-weight: 400;
         margin:0;
       }
     }
+    ul.item-list{
+      li{
+        margin: 0 0 2em 0;
+        header{
+          h2{
+            margin:0.4em 0;
+            font-size: 1.512em;
+            color: $bleuroi;
+            font-weight: 400;
+          }
+          h3{
+            margin:0.2em 0;
+            @include fontsans;
+            font-size: 0.753em;
+            font-weight: 500;
+          }
+          h4{
+            margin:0.1em 0;
+            font-weight: 300;
+            @include fontsans;
+            font-size: 0.753em;
+            &.editions-quantity{
+              color: $rouge;
+              &:after{
+                content: ">>";
+                margin:0 0 0 0.5em;
+              }
+            }
+          }
+          section.editions{
+            div.editions{
+              ol{
+                padding:0;
+                li{
+                  margin:0.7em 1em;
+                }
+              }
+            }
+          }
+        }
+        ul {
+          li{
+            margin:0;
+            h3{
+              margin: 0.5em 0;
+              font-weight: 400;
+              font-size: 1em;
+            }
+          }
+        }
+      }
+    }
   }
 
   #corpus{

assets/css/base/_fonts.scss

@@ -4,8 +4,15 @@
 // @import '../fonts/notosans/notosans-condensed.css';
 // @import '../fonts/notosans/notosans-extracondensed.css';
 
-body{
+@mixin fontsans {
+  font-family: "noto_sans";
+}
+@mixin fontserif {
   font-family: 'libertinus_serif';
+}
+
+body{
+  @include fontserif;
   font-weight: 400;
 
   // font-family: 'noto_sans';
@@ -18,5 +25,5 @@ body{
 #search,
 footer[role="tools"] .row>header,
 footer[role="tools"] .row>nav{
-  font-family: "noto_sans";
+  @include fontsans;
 }