fonts, grid

user/themes/epau-antimatter/css-compiled/template.css

@@ -20,14 +20,14 @@ html, body {
 
 body {
   background: #fff;
-  color: #444;
+  color: #000;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
 
 a {
-  color: #1BB3E9; }
+  color: #000; }
   a:hover {
-    color: #0e6e90; }
+    color: black; }
 
 b, strong, label, th {
   font-weight: 600; }
@@ -77,23 +77,23 @@ b, strong, label, th {
   z-index: 10;
   width: 100%;
   height: 5rem;
-  background-color: rgba(255, 255, 255, 0.9);
+  background-color: white;
   box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15); }
   #header.scrolled {
     height: 3rem;
     background-color: rgba(255, 255, 255, 0.9) !important;
     box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !important; }
     #header.scrolled #logo h3 {
-      color: #444 !important;
+      color: #000 !important;
       font-size: 1.6rem !important; }
     #header.scrolled #logo a, #header.scrolled #navbar span {
-      color: #444 !important; }
+      color: #000 !important; }
     #header.scrolled #navbar a {
-      color: #1BB3E9 !important; }
+      color: #000 !important; }
       #header.scrolled #navbar a:hover {
-        color: #0e6e90 !important; }
+        color: black !important; }
     #header.scrolled #navbar a:before, #header.scrolled #navbar a:after {
-      background-color: #1BB3E9 !important; }
+      background-color: #000 !important; }
     #header.scrolled .navigation {
       margin-top: 0.5rem !important; }
   #header > .grid, #header #logo, #header #navbar {
@@ -103,13 +103,11 @@ b, strong, label, th {
     #header #logo h3 {
       font-size: 2rem;
       line-height: 2rem;
-      margin: 0;
-      text-transform: uppercase; }
+      margin: 0; }
       #header #logo h3 a {
-        color: #444; }
+        color: #000; }
   #header #navbar {
     font-size: 0.9rem;
-    text-transform: capitalize;
     /* Child Indicator */ }
     #header #navbar .has-children > a > span {
       display: inline-block;
@@ -136,7 +134,8 @@ b, strong, label, th {
     #header #navbar ul {
       margin: 0;
       padding: 0;
-      list-style: none; }
+      list-style: none;
+      text-transform: uppercase; }
       #header #navbar ul.navigation {
         display: inline-block;
         float: right;
@@ -148,7 +147,7 @@ b, strong, label, th {
           /* Dropdown CSS */
           /* Active on Hover */ }
           #header #navbar ul.navigation li a {
-            font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+            font-family: "Sarabun ExtraBold", sans-serif;
             display: inline-block;
             padding: 0.3rem 0.8rem;
             -webkit-backface-visibility: hidden; }
@@ -159,7 +158,7 @@ b, strong, label, th {
               height: 1px;
               bottom: 0;
               left: 0;
-              background-color: #1BB3E9;
+              background-color: #000;
               visibility: hidden;
               -webkit-transform: scaleX(0);
               -moz-transform: scaleX(0);
@@ -208,9 +207,9 @@ b, strong, label, th {
             /* Active Dropdown nav item */ }
             #header #navbar ul.navigation li ul li.active > a {
               background-color: #ececec;
-              color: #1BB3E9; }
+              color: #000; }
             #header #navbar ul.navigation li ul li:hover > a {
-              background-color: #1BB3E9;
+              background-color: #000;
               color: #fff; }
             #header #navbar ul.navigation li ul li a {
               display: block;
@@ -241,18 +240,22 @@ b, strong, label, th {
   .header-image.fullwidth #body > .listing-row {
     padding-left: 7rem;
     padding-right: 7rem; }
+
 .header-image .listing-row:last-child {
   margin-bottom: 2rem; }
+
 .header-image #body .flush-top {
   margin-top: -9.5rem;
   padding-top: 9rem; }
+
 .header-image #breadcrumbs {
   margin-top: 1rem; }
+
 .header-image #header {
   background-color: rgba(255, 255, 255, 0);
   box-shadow: none; }
   .header-image #header .navigation .has-children:hover a {
-    color: #1BB3E9; }
+    color: #000; }
   .header-image #header #logo h3, .header-image #header #logo a {
     color: #FFFFFF; }
   .header-image #header a, .header-image #header .menu-btn {
@@ -292,15 +295,17 @@ b, strong, label, th {
       color: #fff; }
 
 html, body, button, input, select, textarea, .pure-g, .pure-g [class*="pure-u"] {
-  font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
-  font-weight: 400; }
+  font-family: "Sarabun Regular", sans-serif; }
 
-h1, h2, h3, h4, h5, h6 {
-  font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+h1 {
+  font-family: "Sarabun ExtraBold", sans-serif;
   font-weight: 400;
   text-rendering: optimizeLegibility;
   letter-spacing: -0px; }
 
+h2, h3, h5, h6 {
+  font-family: "Sarabun Light", sans-serif; }
+
 h1 {
   font-size: 3.2rem; }
   @media only all and (max-width: 47.938em) {
@@ -312,6 +317,7 @@ h1 {
 @media only all and (min-width: 48em) and (max-width: 59.938em) {
   h2 {
     font-size: 2.1rem; } }
+
 @media only all and (max-width: 47.938em) {
   h2 {
     font-size: 2rem; } }
@@ -319,47 +325,37 @@ h1 {
 @media only all and (min-width: 48em) and (max-width: 59.938em) {
   h3 {
     font-size: 1.7rem; } }
+
 @media only all and (max-width: 47.938em) {
   h3 {
     font-size: 1.6rem; } }
 
-@media only all and (min-width: 48em) and (max-width: 59.938em) {
-  h4 {
-    font-size: 1.35rem; } }
-@media only all and (max-width: 47.938em) {
-  h4 {
-    font-size: 1.25rem; } }
+h4 {
+  font-family: "Sarabun Regular", sans-serif;
+  font-weight: bold; }
+  @media only all and (min-width: 48em) and (max-width: 59.938em) {
+    h4 {
+      font-size: 1.35rem; } }
+  @media only all and (max-width: 47.938em) {
+    h4 {
+      font-size: 1.25rem; } }
 
 h1 {
   text-align: center;
-  letter-spacing: -3px; }
+  letter-spacing: -0px; }
 
 h2 {
-  letter-spacing: -2px; }
+  letter-spacing: -0px; }
 
 h3 {
-  letter-spacing: -1px; }
-
-h1 + h2 {
-  margin: -2rem 0 2rem 0;
-  font-size: 2rem;
-  line-height: 1;
-  text-align: center;
-  font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
-  font-weight: 300; }
-  @media only all and (min-width: 48em) and (max-width: 59.938em) {
-    h1 + h2 {
-      font-size: 1.6rem; } }
-  @media only all and (max-width: 47.938em) {
-    h1 + h2 {
-      font-size: 1.5rem; } }
+  letter-spacing: -0px; }
 
 h2 + h3 {
   margin: 0.5rem 0 2rem 0;
   font-size: 2rem;
   line-height: 1;
   text-align: center;
-  font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+  font-family: "Sarabun Light", sans-serif;
   font-weight: 300; }
   @media only all and (min-width: 48em) and (max-width: 59.938em) {
     h2 + h3 {
@@ -368,6 +364,9 @@ h2 + h3 {
     h2 + h3 {
       font-size: 1.5rem; } }
 
+p {
+  font-size: 19px; }
+
 blockquote {
   border-left: 10px solid #F0F2F4; }
   blockquote p {
@@ -451,12 +450,12 @@ hr {
   padding: 25px;
   float: left;
   clear: both;
-  background: #1BB3E9;
+  background: #000;
   color: #fff; }
 
 .label {
   vertical-align: middle;
-  background: #1BB3E9;
+  background: #000;
   border-radius: 100%;
   color: #fff;
   height: 1rem;
@@ -465,7 +464,7 @@ hr {
   display: inline-block;
   text-align: center;
   font-size: 0.7rem;
-  font-family: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+  font-family: "Sarabun ExtraBold", sans-serif;
   margin-right: 0.75rem; }
 
 fieldset {
@@ -478,8 +477,8 @@ textarea, input[type="email"], input[type="number"], input[type="password"], inp
   textarea:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, select[multiple=multiple]:hover {
     border-color: #c4c4c4; }
   textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus {
-    border-color: #1BB3E9;
-    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(21, 163, 214, 0.7); }
+    border-color: #000;
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.7); }
 
 .form-field .required {
   color: #F3443F;
@@ -491,6 +490,7 @@ textarea, input[type="email"], input[type="number"], input[type="password"], inp
 
 form .buttons {
   text-align: center; }
+
 form input {
   font-weight: 400; }
 
@@ -508,14 +508,14 @@ td {
 
 .button {
   background: #fff;
-  color: #1BB3E9;
-  border: 1px solid #1BB3E9;
+  color: #000;
+  border: 1px solid #000;
   border-radius: 3px; }
   .button:hover {
-    background: #1BB3E9;
+    background: #000;
     color: #fff; }
   .button:active {
-    box-shadow: 0 1px 0 #118ab5; }
+    box-shadow: 0 1px 0 black; }
 
 .button-secondary {
   background: #fff;
@@ -558,7 +558,7 @@ td {
 
 .bullet-icon {
   float: left;
-  background: #1BB3E9;
+  background: #000;
   padding: 0.875rem;
   width: 3.5rem;
   height: 3.5rem;
@@ -568,13 +568,13 @@ td {
   text-align: center; }
 
 .bullet-icon-1 {
-  background: #1BB3E9; }
+  background: #000; }
 
 .bullet-icon-2 {
-  background: #1be9da; }
+  background: black; }
 
 .bullet-icon-3 {
-  background: #d5e91b; }
+  background: black; }
 
 .bullet-content {
   margin-left: 4.55rem; }
@@ -602,9 +602,9 @@ td {
           border-bottom: 0; }
       #panel .navigation li.active > a {
         background: #fff;
-        color: #444; }
+        color: #000; }
         #panel .navigation li.active > a:hover {
-          color: #444; }
+          color: #000; }
       #panel .navigation li:first-child {
         border-top: 1px solid #3d3d3d; }
       #panel .navigation li ul {
@@ -655,9 +655,9 @@ td {
     .list-item .list-blog-header h4 {
       margin-bottom: 0.5rem; }
       .list-item .list-blog-header h4 a {
-        color: #444; }
+        color: #000; }
         .list-item .list-blog-header h4 a:hover {
-          color: #1BB3E9; }
+          color: #000; }
     .list-item .list-blog-header img {
       display: block;
       margin-top: 1rem;
@@ -682,7 +682,7 @@ td {
 .tags a {
   display: inline-block;
   font-size: 0.8rem;
-  border: 1px solid #1BB3E9;
+  border: 1px solid #000;
   border-radius: 3px;
   padding: 0.1rem 0.4rem;
   margin-bottom: 0.2rem;
@@ -699,6 +699,7 @@ td {
 
 .related-pages li a {
   display: block; }
+
 .related-pages .score {
   display: block;
   float: right;
@@ -748,12 +749,15 @@ ul.pagination {
 
 .simplesearch h1 {
   margin-bottom: 0; }
+
 .simplesearch .center {
   text-align: center; }
+
 .simplesearch input {
   display: inline-block;
   max-width: 30rem;
   font-size: 2rem; }
+
 .simplesearch .search-image {
   margin-top: 1rem; }
   .simplesearch .search-image img {
@@ -761,25 +765,29 @@ ul.pagination {
     @media only all and (max-width: 47.938em) {
       .simplesearch .search-image img {
         display: none; } }
+
 @media only all and (max-width: 47.938em) {
   .simplesearch .search-item {
     margin-left: 0; } }
+
 .simplesearch .search-wrapper .search-submit {
   height: 52px;
   padding: 0 10px; }
   .simplesearch .search-wrapper .search-submit img {
     width: 30px; }
+
 .simplesearch .search-details {
   float: right;
   margin-top: -2.5rem;
   font-weight: bold;
   font-size: 1rem;
-  color: #777777; }
+  color: #333333; }
   @media only all and (max-width: 47.938em) {
     .simplesearch .search-details {
       float: none;
       margin-top: -0.2rem;
       margin-bottom: 1rem; } }
+
 .simplesearch hr {
   border-bottom: 1px solid #eee; }
 
@@ -796,6 +804,7 @@ ul.pagination {
     color: #FFFFFF; }
   .modular.header-image #header #navbar a {
     color: #FFFFFF; }
+
 .modular .showcase {
   padding-top: 4rem;
   padding-bottom: 4rem;
@@ -865,7 +874,7 @@ ul.pagination {
         width: 100%; } }
     .modular .features .feature i.fa {
       font-size: 2rem;
-      color: #1BB3E9; }
+      color: #000; }
     .modular .features .feature h4 {
       margin: 0;
       font-size: 1.1rem; }
@@ -920,5 +929,3 @@ ul.pagination {
 
 .modular .modular-row:last-child {
   margin-bottom: 2rem; }
-
-/*# sourceMappingURL=template.css.map */

user/themes/epau-antimatter/css/custom.css

@@ -1,53 +1,77 @@
+#header #navbar ul.navigation li a {
+    font-family: "Sarabun Regular", sans-serif;
+    font-size: 25px;
+    text-transform: uppercase;
+    display: inline-block;
+    padding: 0.3rem 0.8rem;
+    -webkit-backface-visibility: hidden;
 
+}
 
-  .navigation a {
-    color: black;
-    text-transform: uppercase;
-  }
 
-  #header.scrolled #navbar a {
+  #header.scrolled #navbar  ul.navigation li a {
       color: black !important;
+      font-size: 20px;
+
+      transition:0.6s ease-in-out;
+
   }
 
 
 .callout {
   background-color: #000;
   color: white;
+  padding-top: 0.5rem;
 }
 
 .callout h1, h2, h3, p {
   text-align: left !important;
+
   }
 
-.align-left_centered {
+.callout h1 {
+  padding-bottom: 5rem;
+}
+
+h2 {
+  font-size: 30px;
+  font-weight: lighter;
+  line-height: 35px;
+}
+
+.titre_bsn {
   display: block;
-  margin-left: 35%;
+  margin-left: 40%;
+  margin-right: 15%;
+}
+
+.titre_bsn h1 {
+  text-align: left;
+  padding-bottom: 3rem;
 }
 
 
+
 .programmes {
   display: flex;
   flex-wrap: wrap;
   background-color: #d5d2d1;
   justify-content: center;
-/*  padding-left: 20%;
-  padding-right: 20%;
-  padding-top: 3rem;
-*/
+  padding-left: 15%;
+  padding-right: 15%;
+
   padding-top: 8rem;
   padding-bottom: 8rem;
 }
 
-    .parallax-window {
-        min-height: 400px !important;
-        background: transparent !important;
-    }
+
 
     .programme {
       max-width: 45%;
       padding: 3rem;
       background-color: white;
       margin: 0.3rem;
+
     }
 
     .programme h4 {
@@ -59,11 +83,14 @@
     }
 
     .programmes :hover {
-      background-color: black;
+      background-color: #000;
       color: #ffffff;
     }
 
+    .programme p {
+
 
+    }
 
 /*.ressources {
     display: flex;
@@ -82,11 +109,20 @@
       flex: 0 1 15%;
     }
 */
-.ressources h3 {
-  position: absolute;
-  text-transform: uppercase;
+
+.titre_nsb {
   display: block;
+  position: absolute;
+  margin-right: 39%;
+
+}
 
+.ressources h1 {
+  text-transform: uppercase;
+  background-color: #fff;
+  color: #000;
+  padding-top: 5rem;
+  padding-bottom: 6rem;
 }
 
 .ressources {
@@ -95,9 +131,12 @@
   grid-gap: 3rem;
   grid-auto-rows: auto;
   background-color: #ffffff;
-  padding: 8rem 10% 10% 8rem;
+  padding-top: 18rem;
   justify-items: center;
   position: relative;
+  margin-right: 10%;
+  margin-bottom: 6rem;
+  margin-left: 10%;
 }
 
 .ressources img {
@@ -107,3 +146,46 @@
 .ressource h1 h2 h3 h4 {
   margin: 0.2rem;
 }
+
+.gouvernance {
+  background-color: #000;
+  color: #ffffff;
+  text-transform: uppercase;
+  padding-bottom: 6rem;
+  padding-top: 2rem;
+}
+.gouverance h1 {
+  padding-bottom: 5rem;
+}
+
+.mozaique_personnes {
+  background-color: #d5d2d1
+}
+
+.mozaique_personnes h3 {
+  margin-top: 0px !important;
+  padding-top: 3rem;
+  padding-left: 15%;
+  padding-right: 15%;
+  font-family: "Sarabun ExtraBold";
+  font-size: 1rem;
+  line-height: 20px;
+}
+
+.personne {
+  background-color: #fff;
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  grid-gap: 1rem;
+  grid-auto-rows: auto;
+  background-color: #ffffff;
+
+  justify-items: center;
+  position: relative;
+  margin-right: 10%;
+  margin-bottom: 6rem;
+  margin-left: 10%;
+}
+.portrait {
+  max-width: 20%;
+}

user/themes/epau-antimatter/fonts/fonts.css

@@ -1,11 +1,11 @@
-/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 26, 2021 */
+/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 30, 2021 */
 
 
 
 @font-face {
-    font-family: 'avenir_lt_35_lightitalic';
-    src: url('avenir_lt_35_light_oblique-webfont.woff2') format('woff2'),
-         url('avenir_lt_35_light_oblique-webfont.woff') format('woff');
+    font-family: 'sarabunbold';
+    src: url('sarabun-bold-webfont.woff2') format('woff2'),
+         url('sarabun-bold-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
@@ -15,9 +15,9 @@
 
 
 @font-face {
-    font-family: 'avenir_lt_35_lightregular';
-    src: url('avenir_lt_35_light-webfont.woff2') format('woff2'),
-         url('avenir_lt_35_light-webfont.woff') format('woff');
+    font-family: 'sarabunbold_italic';
+    src: url('sarabun-bolditalic-webfont.woff2') format('woff2'),
+         url('sarabun-bolditalic-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
@@ -27,9 +27,9 @@
 
 
 @font-face {
-    font-family: 'avenir_lt_45_bookitalic';
-    src: url('avenir_lt_45_book_oblique-webfont.woff2') format('woff2'),
-         url('avenir_lt_45_book_oblique-webfont.woff') format('woff');
+    font-family: 'sarabun_extraboldregular';
+    src: url('sarabun-extrabold-webfont.woff2') format('woff2'),
+         url('sarabun-extrabold-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
@@ -39,9 +39,9 @@
 
 
 @font-face {
-    font-family: 'avenir_lt_45_bookregular';
-    src: url('avenir_lt_45_book-webfont.woff2') format('woff2'),
-         url('avenir_lt_45_book-webfont.woff') format('woff');
+    font-family: 'sarabun_extrabolditalic';
+    src: url('sarabun-extrabolditalic-webfont.woff2') format('woff2'),
+         url('sarabun-extrabolditalic-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
@@ -51,9 +51,9 @@
 
 
 @font-face {
-    font-family: 'avenir_lt_55_romanitalic';
-    src: url('avenir_lt_55_oblique-webfont.woff2') format('woff2'),
-         url('avenir_lt_55_oblique-webfont.woff') format('woff');
+    font-family: 'sarabun_extralightregular';
+    src: url('sarabun-extralight-webfont.woff2') format('woff2'),
+         url('sarabun-extralight-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
@@ -63,9 +63,9 @@
 
 
 @font-face {
-    font-family: 'avenir_lt_55_romanregular';
-    src: url('avenir_lt_55_roman-webfont.woff2') format('woff2'),
-         url('avenir_lt_55_roman-webfont.woff') format('woff');
+    font-family: 'sarabun_extralightitalic';
+    src: url('sarabun-extralightitalic-webfont.woff2') format('woff2'),
+         url('sarabun-extralightitalic-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
@@ -75,9 +75,9 @@
 
 
 @font-face {
-    font-family: 'avenir_lt_65_mediumitalic';
-    src: url('avenir_lt_65_medium_oblique-webfont.woff2') format('woff2'),
-         url('avenir_lt_65_medium_oblique-webfont.woff') format('woff');
+    font-family: 'sarabunitalic';
+    src: url('sarabun-italic-webfont.woff2') format('woff2'),
+         url('sarabun-italic-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
@@ -87,9 +87,9 @@
 
 
 @font-face {
-    font-family: 'avenir_lt_65_mediumregular';
-    src: url('avenir_lt_65_medium-webfont.woff2') format('woff2'),
-         url('avenir_lt_65_medium-webfont.woff') format('woff');
+    font-family: 'sarabun_lightregular';
+    src: url('sarabun-light-webfont.woff2') format('woff2'),
+         url('sarabun-light-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
@@ -99,9 +99,9 @@
 
 
 @font-face {
-    font-family: 'avenir_lt_55_romanbold';
-    src: url('avenir_lt_85_heavy-webfont.woff2') format('woff2'),
-         url('avenir_lt_85_heavy-webfont.woff') format('woff');
+    font-family: 'sarabun_lightitalic';
+    src: url('sarabun-lightitalic-webfont.woff2') format('woff2'),
+         url('sarabun-lightitalic-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
@@ -111,9 +111,9 @@
 
 
 @font-face {
-    font-family: 'avenir_lt_55_romanbold_italic';
-    src: url('avenir_lt_86_heavy_oblique-webfont.woff2') format('woff2'),
-         url('avenir_lt_86_heavy_oblique-webfont.woff') format('woff');
+    font-family: 'sarabun_mediumregular';
+    src: url('sarabun-medium-webfont.woff2') format('woff2'),
+         url('sarabun-medium-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
@@ -123,9 +123,9 @@
 
 
 @font-face {
-    font-family: 'avenir_lt_65_mediumbolditalic';
-    src: url('avenir_lt_95_black_oblique-webfont.woff2') format('woff2'),
-         url('avenir_lt_95_black_oblique-webfont.woff') format('woff');
+    font-family: 'sarabun_mediumitalic';
+    src: url('sarabun-mediumitalic-webfont.woff2') format('woff2'),
+         url('sarabun-mediumitalic-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
@@ -135,10 +135,57 @@
 
 
 @font-face {
-    font-family: 'avenir_lt_65_mediumbold';
-    src: url('avenir_lt_95_black-webfont.woff2') format('woff2'),
-         url('avenir_lt_95_black-webfont.woff') format('woff');
+    font-family: 'sarabunregular';
+    src: url('sarabun-regular-webfont.woff2') format('woff2'),
+         url('sarabun-regular-webfont.woff') format('woff');
     font-weight: normal;
     font-style: normal;
 
-}
+}
+
+
+
+@font-face {
+    font-family: 'sarabun_semiboldregular';
+    src: url('sarabun-semibold-webfont.woff2') format('woff2'),
+         url('sarabun-semibold-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'sarabun_semibolditalic';
+    src: url('sarabun-semibolditalic-webfont.woff2') format('woff2'),
+         url('sarabun-semibolditalic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'sarabun_thinregular';
+    src: url('sarabun-thin-webfont.woff2') format('woff2'),
+         url('sarabun-thin-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'sarabun_thinitalic';
+    src: url('sarabun-thinitalic-webfont.woff2') format('woff2'),
+         url('sarabun-thinitalic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}

user/themes/epau-antimatter/js/antimatter.js

@@ -12,7 +12,7 @@ function scrollHeader() {
 jQuery(document).ready(function($){
 
     // paralax
-    $('.parallax-window').parallax({imageSrc: '{/pages/02._programmes/10361_web_01.jpg}'});
+  //  $('.parallax-window').parallax({imageSrc: '{/pages/02._programmes/10361_web_01.jpg}'});
 
 
     // ON SCROLL EVENTS

user/themes/epau-antimatter/scss/configuration/template/_typography.scss

@@ -1,6 +1,7 @@
 // Font Family
-$font-family-default:  			"Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
-$font-family-header:  			"Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
+$font-family-default:  			"Sarabun Regular", sans-serif;
+$font-family-header:  			"Sarabun ExtraBold", sans-serif;
+$font-family-chapeau:     "Sarabun Light", sans-serif;
 $font-family-mono: 				"Inconsolata", monospace;
 $font-family-serif:				"Georgia", "Times", "Times New Roman", serif;
 

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -10,6 +10,8 @@
     }
 }
 
+
+
 #body > script:first-child + .grav-lightslider {
   margin-top: -3rem;
 }

user/themes/epau-antimatter/scss/template/_header.scss

@@ -8,7 +8,7 @@ $dropdown-color: #f6f6f6;
 	z-index: 10;
 	width: 100%;
 	height: $header-height;
-	background-color: black;
+	background-color: white;
 	box-shadow: 0 0.05rem 1rem rgba(0,0,0, 0.15);
 
 

user/themes/epau-antimatter/scss/template/_panel.scss

@@ -13,6 +13,7 @@ $panel-text:        #ddd;
         list-style: none;
         padding: 0;
 
+
         li {
             a {
                 color: $panel-text;
@@ -71,4 +72,3 @@ $panel-text:        #ddd;
         }
     }
 }
-

user/themes/epau-antimatter/scss/template/_typography.scss

@@ -1,16 +1,22 @@
 // Body Base
 html, body, button, input, select, textarea, .pure-g, .pure-g [class *= "pure-u"] {
 	font-family: $font-family-default;
-	font-weight: 400;
+
 }
 
 // Headings
-h1, h2, h3, h4, h5, h6 {
+h1 {
 	font-family: $font-family-header;
 	font-weight: 400;
 	text-rendering: optimizeLegibility;
 	letter-spacing: -0px;
 }
+h2, h3, h5, h6 {
+	font-family: $font-family-chapeau;
+
+}
+
+
 
 h1 {
 	font-size: $h1-font-size;
@@ -40,6 +46,8 @@ h3 {
 }
 
 h4 {
+	font-family: $font-family-default;
+	font-weight: bold;
 	@include breakpoint(tablet-range) {
 		font-size: $h4-font-size - .40;
 	}
@@ -50,31 +58,32 @@ h4 {
 
 h1 {
 	text-align: center;
-	letter-spacing: -3px;
+	letter-spacing: -0px;
 }
 
 h2 {
-	letter-spacing: -2px;
+
+	letter-spacing: -0px;
 }
 
 h3 {
-	letter-spacing: -1px;
+	letter-spacing: -0px;
 }
 
-h1 + h2 {
-	margin: -2rem 0 2rem 0;
-	font-size: 2rem;
-	@include breakpoint(tablet-range) {
-		font-size: 1.6rem;
-	}
-	@include breakpoint(mobile-only) {
-		font-size: 1.5rem;
-	}
-	line-height: 1;
-	text-align: center;
-	font-family: $font-family-default;
-	font-weight: 300;
-}
+//	h1 + h2 {
+//	margin: -2rem 0 2rem 0;
+//	font-size: 2rem;
+//	@include breakpoint(tablet-range) {
+// 		font-size: 1.6rem;
+// }
+// 	@include breakpoint(mobile-only) {
+// 		font-size: 1.5rem;
+// 	}
+// 	line-height: 1;
+// 	text-align: center;
+// 	font-family: $font-family-default;
+// 	font-weight: 300;
+// }
 
 h2 + h3 {
 	margin: 0.5rem 0 2rem 0;
@@ -87,10 +96,15 @@ h2 + h3 {
 	}
 	line-height: 1;
 	text-align: center;
-	font-family: $font-family-default;
+	font-family: $font-family-chapeau;
 	font-weight: 300;
 }
 
+p {
+	font-size: 19px;
+}
+
+
 
 // Blockquote
 blockquote {
@@ -233,4 +247,3 @@ hr {
     font-family: $font-family-header;
     margin-right: 0.75rem;
 }
-

user/themes/epau-antimatter/templates/modular/gouvernance.html.twig

@@ -1,8 +1,15 @@
 
-
-{{ page.content|raw }}
+<div class="gouvernance">
+  <div class="titre_bsn">
+    {{ page.content|raw }}
+  </div>
+</div>
+<div class="mozaique_personnes">
 {% for module in page.collection() %}
-    <div id="{{ _self.pageLinkName(module.menu) }}"></div>
+    <div id="{{ _self.pageLinkName(module.menu) }}">
+
+        {{ module.content|raw }}
 
-    {{ module.content|raw }}
+    </div>
 {% endfor %}
+</div>

user/themes/epau-antimatter/templates/modular/personnes.html.twig

@@ -1,9 +1,14 @@
-<div class="modular-row personnes {{ page.header.class}}">
+<div class="mozaique_personnes {{ page.header.class}}">
     {{ content|raw }}
-    <div class="feature-items">
+
     {% for personne in page.header.personnes %}
-           <div class="feature">
 
+      <div class="personne">
+        <div class="portait">
+          {% if personne.portrait %}
+            <img src="{{page.media[personne.portrait].url|e }}" alt="portrait de {{personne.nom}}" />
+          {% endif %}
+        </div>
             {% if personne.nom %}
             <h5>{{ personne.nom }}</h5>
             {% endif %}
@@ -12,14 +17,10 @@
             {% endif %}
             {% if personne.biographie %}
             <p>{{ personne.biographie|markdown }}</p>
-            {% endif %}
-            {% if personne.portrait %}
-            <img src="{{page.media[personne.portrait].url|e }}" alt="portrait de {{personne.nom}}" />
-
             {% endif %}
 
-            </div>
         </div>
+
     {% endfor %}
-    </div>
+
 </div>

user/themes/epau-antimatter/templates/modular/rapport_dactivitees.html.twig → user/themes/epau-antimatter/templates/modular/ressources.html.twig

@@ -1,6 +1,7 @@
 <div class="ressources {{ page.header.class}}">
-    {{ content|raw }}
-
+    <div class="titre_nsb">
+      {{ content|raw }}
+    </div>
 
     {% for rapport in page.header.rapports %}
 

user/themes/epau-antimatter/templates/modular/text.html.twig

@@ -1,9 +1,9 @@
-<div class="modular-row callout">
+<div class="callout">
     {% set image = page.media.images|first %}
     {% if image %}
         {{ image.cropResize(400,400).html('','','align-'~page.header.image_align)|raw }}
     {% endif %}
-  <div class="align-left_centered">
+  <div class="titre_bsn">
   {{ content|raw }}
   </div>
 </div>