typographie

web/themes/custom/popsu_colloque/css/pages/front.scss

@@ -1,36 +1,57 @@
+header{
+  #block-mainnavigation{
+    ul{
+      li{
+        font-size: 0.8rem;
+        a{
+          color: black;
+          font-family: 'truenoregular';
+          &:hover{
+            font-family: 'truenobold';
+            color: black;
+            text-decoration: none;
+          }
+        }
+      }
+    }
+  }
+}
+
 #txt_present{
  margin: 3rem 0;
  @media screen and (min-width: 992px) {
    margin: 5rem 0;
  }
+
  & * {
    color: $color2;
  }
+
  & > div{
    margin: 2rem auto;
  }
+
  .__title-present{
    h2{
-     font-size: 1.5rem;
-     letter-spacing: $letter_spacingH;
+     font-size: 1.9rem;
      font-family: 'truenoregular';
      line-height: normal;
    }
  }
+
  .__sub-title-present{
    p{
-     font-family: 'truenoregular';
-     font-style: italic;
-     font-size: 0.8rem;
-     line-height: 1rem;
+     font-family: 'truenoregular_italic';
+     font-size: 0.9rem;
+     line-height: 1.3rem;
    }
  }
+
  .__body-present{
    p{
-     font-family: 'truenoregular';
-     font-weight: lighter;
-     font-size: 1rem;
-     line-height: 1.5rem;
+     font-family: 'truenolight';
+     font-size: 1.2rem;
+     line-height: 1.8rem;
    }
  }
 

web/themes/custom/popsu_colloque/css/pages/layout.scss

@@ -7,6 +7,40 @@ main:not(.home){
   }
 }
 
+//
+body{
+  position: relative;
+  &::before{
+    z-index: -1;
+    content: " ";
+    width: 100%;
+    height: 100%;
+    background-image: url("../images/croix_fond.svg");
+    background-size: content;
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  &::after{
+    z-index: -1;
+    content: " ";
+    width: 100%;
+    height: 100%;
+    background:
+    linear-gradient(
+      to top,
+      rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8)
+    );
+    display: block;
+    position: absolute;
+    transform: translateY(-50%);
+    top: 50%;
+    left: 0;
+  }
+}
+
+
 article{
   .__title{
     @include croix_or;

web/themes/custom/popsu_colloque/css/pages/programme.scss

@@ -6,7 +6,7 @@
     }
     h3{
       font-size: 1.5rem;
-      font-family: 'truenoregular';
+      font-family: 'truenolight';
       color: $col_black;
     }
     .views{