diff --git a/.gitignore b/.gitignore
index 1c1cd2041..9c039d7bc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,3 +8,4 @@ _data/coworker_tags.yml
 .DS_Store
 _proof
 Gemfile.lock
+.idea
diff --git a/_includes/blogs.html b/_includes/blogs.html
index 316231041..f8d0648b8 100644
--- a/_includes/blogs.html
+++ b/_includes/blogs.html
@@ -11,16 +11,23 @@
         </div>
         <div class="post-content">
           <h2>{{ post.title }}</h2>
-          <ul class="post-categories">
-            {% for category in post.categories %}
-            <li><a class="category-link" href="/blog/category/{{category|slugify}}">{{ category }}</a></li>
-            {% endfor %}
-          </ul>
           <p class="post-meta">
             <span class="published">Publié le <time datetime="{{ post.date }}">{{ post.date | date: "%d/%m/%Y"
                 }}</time></span>
             par <span class="author">{{ post.author }}</span>
           </p>
+          {% if post.categories and post.categories != empty %}
+          <ul class="post-categories">
+            {% for category in post.categories %}
+            <li>
+              <a class="category-link" href="/blog/category/{{ category | slugify }}">
+                {{ category }}
+              </a>
+            </li>
+            {% endfor %}
+          </ul>
+          {% endif %}
+
         </div>
       </div>
     </a>
@@ -34,37 +41,39 @@ <h2>{{ post.title }}</h2>
 
   {% if paginator.previous_page %}
   <li class="previous">
-      <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;</a>
+    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr;</a>
   </li>
   {% endif %}
 
   {% if paginator.first_page %}
   <li class="previous{% if current_url == paginator.first_page_path %} selected{% endif %}">
-      <a href="{{ paginator.first_page_path | prepend: site.baseurl | replace: '//', '/' }}">1</a>
+    <a href="{{ paginator.first_page_path | prepend: site.baseurl | replace: '//', '/' }}">1</a>
   </li>
   {% endif %}
 
   {% if paginator.page_trail %}
-    {% for trail in paginator.page_trail %}
-      {% if trail.num != paginator.first_page and trail.num != paginator.last_page %}
-        <li{% if page.url == trail.path %} class="selected"{% endif %}>
-            <a href="{{ trail.path | prepend: site.baseurl | replace: 'index.html', '' }}" title="{{trail.title}}">{{ trail.num }}</a>
-        </li>
-      {% endif %}
-    {% endfor %}
+  {% for trail in paginator.page_trail %}
+  {% if trail.num != paginator.first_page and trail.num != paginator.last_page %}
+  <li
+  {% if page.url == trail.path %} class="selected"{% endif %}>
+  <a href="{{ trail.path | prepend: site.baseurl | replace: 'index.html', '' }}" title="{{trail.title}}">{{ trail.num
+    }}</a>
+  </li>
+  {% endif %}
+  {% endfor %}
   {% endif %}
 
   {% if paginator.last_page %}
   <li class="previous{% if current_url == paginator.last_page_path %} selected{% endif %}">
-      <a href="{{ paginator.last_page_path | prepend: site.baseurl | replace: '//', '/' }}">{{ paginator.last_page }}</a>
+    <a href="{{ paginator.last_page_path | prepend: site.baseurl | replace: '//', '/' }}">{{ paginator.last_page }}</a>
   </li>
   {% endif %}
 
   {% if paginator.next_page %}
   <li class="next">
-      <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">&rarr;</a>
+    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">&rarr;</a>
   </li>
   {% endif %}
 
 </ul>
-{% endif %}
\ No newline at end of file
+{% endif %}
diff --git a/_includes/footer.html b/_includes/footer.html
index ed8e4df3a..65a37bee1 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,5 +1,5 @@
 <footer>
-  <div class="contact">
+  <div class="adresse">
     <ul>
       <li>9 quai André Lassagne</li>
       <li>69001 Lyon</li>
diff --git a/_includes/head.html b/_includes/head.html
index e38f868ae..e65353abc 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -19,7 +19,7 @@
   <!-- Fonts -->
   <link rel="preconnect" href="//fonts.googleapis.com">
   <link rel="preconnect" href="//fonts.gstatic.com" crossorigin>
-  <link href="//fonts.googleapis.com/css2?family=Lato:wght@100;300;400;600&family=Sofia&display=swap" rel="stylesheet">
+  <link href="//fonts.googleapis.com/css2?family=Inter:wght@200;300;400;600&family=Sofia&display=swap" rel="stylesheet">
   <link href="//maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
 
   {% favicon %}
diff --git a/_includes/header.html b/_includes/header.html
index 5328b46ba..de09f1e15 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -4,14 +4,21 @@
     <a class="logo" href="{{ "/" | relative_url }}">
       <img src="{{ "/assets/logo_without_baseline.svg" | relative_url }}" alt="{{ site.title }}" />
     </a>
-    {% for item in site.data.navigation.menu %}
-      <a class="nav-{% if page.title == item.title %}active{% else %}link{% endif %}"
-         href="{{ item.url | relative_url | replace: 'index.html', '' }}">{{ item.title | escape }}</a>
-    {% endfor %}
+    <div class="nav">
+      {% for item in site.data.navigation.menu %}
+      {% assign item_url = item.url | relative_url | replace: 'index.html', '' %}
+      {% assign page_url = page.url | relative_url | replace: 'index.html', '' %}
+      <a class="nav-{% if page_url == item_url %}active{% else %}link{% endif %}"
+         href="{{ item_url }}" title="{{ item.title }}">
+        {{ item.title | escape }}
+      </a>
+      {% endfor %}
+
+    </div>
     <div class="social-icons">
       <a class="fa fa-linkedin" href="https://www.linkedin.com/company/{{ site.linkedin.page }}" target="_blank"></a>
       <a class="fa fa-facebook" href="https://www.facebook.com/{{ site.facebook.page }}" target="_blank"></a>
-      <a class="fa fa-twitter" href="https://twitter.com/{{ site.twitter.username }}" target="_blank"></a>
+<!--      <a class="fa fa-twitter" href="https://twitter.com/{{ site.twitter.username }}" target="_blank"></a>-->
       <a class="fa fa-instagram" href="https://www.instagram.com/{{ site.instagram.username }}" target="_blank"></a>
       <a class="fa fa-user" href="https://app.atelier-medias.org" target="_blank"></a>
     </div>
diff --git a/_includes/video.html b/_includes/video.html
index 573589434..db9dea89b 100644
--- a/_includes/video.html
+++ b/_includes/video.html
@@ -1,5 +1,5 @@
 <section class="big-video">
-  <video autoplay muted loop playsinline poster="{{ "/assets/clip.jpeg" | relative_url }}">
+  <video autoplay muted loop playsinline onpause poster="{{ "/assets/clip.jpeg" | relative_url }}">
     <!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
     <source type="video/mp4" src="{{ "/assets/clip.mp4" | relative_url }}" />
     <!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
diff --git a/_layouts/blog.html b/_layouts/blog.html
index 6088f1d7f..9397f09a3 100644
--- a/_layouts/blog.html
+++ b/_layouts/blog.html
@@ -1,13 +1,12 @@
 <!DOCTYPE html>
 <html lang="{{ page.lang | default: site.lang | default: 'en' }}">
-  {% include head.html %}
-
-  <body>
-    {% include header.html %}
-    <div class="content">
-      {{ content }}
-    </div>
-    {% include footer.html %}
-  </body>
+{% include head.html %}
+<body>
+{% include header.html %}
+<div class="content">
+  {{ content }}
+</div>
+{% include footer.html %}
+</body>
 
 </html>
diff --git a/_layouts/contact.html b/_layouts/contact.html
index b9e9d970d..5b7d21685 100644
--- a/_layouts/contact.html
+++ b/_layouts/contact.html
@@ -9,11 +9,11 @@
 <section class="contact">
   <form action="https://formspree.io/f/mzboqawe" method="POST">
     <label id="decription-label" for="description-textarea">
-      <h4>Votre message</h4>
+      Votre message
     </label>
     <textarea name="Description" id="description-textarea"></textarea>
     <label id="contact-label" for="name-input">
-      <h4>Contact</h4>
+      Contact
     </label>
     <input id="name-input" placeholder="Prénom Nom" name="Prénom Nom">
     <input id="email-input" type="Email" placeholder="Email" name="_replyto">
@@ -21,3 +21,9 @@ <h4>Contact</h4>
     <button type="submit">Envoyer</button>
   </form>
 </section>
+<section class="map">
+  <iframe
+    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2783.001972788671!2d4.835083776565785!3d45.77115071290574!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47f4eafb0eaa356f%3A0x13a2a8fbb825220!2sAtelier%20des%20M%C3%A9dias!5e0!3m2!1sfr!2sfr!4v1768990774718!5m2!1sfr!2sfr"
+    width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"
+    referrerpolicy="no-referrer-when-downgrade"></iframe>
+</section>
diff --git a/_layouts/coworker.html b/_layouts/coworker.html
index 1e2fc277c..1a9363ce7 100644
--- a/_layouts/coworker.html
+++ b/_layouts/coworker.html
@@ -13,6 +13,9 @@
     <h3 class="coworker-page_infos_name">{{ page.name }}</h3>
     {% if page.metier %} <div class="coworker-page_infos_metier"> {{ page.metier }}</div> {%endif %}
     <div class="coworker-page_infos_social">
+      {% if page.web %}
+        <a class="coworker-page_infos_social_link fa fa-laptop" href="{{ page.web }}"></a>
+      {% endif %}
       {% if page.facebook %}
         <a class="coworker-page_infos_social_link fa fa-facebook" href="{{ page.facebook }}"></a>
       {% endif %}
@@ -31,6 +34,9 @@ <h3 class="coworker-page_infos_name">{{ page.name }}</h3>
       {% if page.emailpro %}
         <a class="coworker-page_infos_social_link fa fa-envelope" href="mailto:{{ page.emailpro }}"></a>
       {% endif %}
+      {% if page.siteweb %}
+        <a class="coworker-page_infos_social_link fa fa-envelope" href="mailto:{{ page.siteweb }}"></a>
+      {% endif %}
     </div>
   </div>
   {% if page.tags %}
diff --git a/_layouts/events.html b/_layouts/events.html
index 3cfb00758..91402fb08 100644
--- a/_layouts/events.html
+++ b/_layouts/events.html
@@ -2,28 +2,29 @@
 layout: default
 ---
 
-<h2>Les Événements</h2>
 
-<section class="organize">
+
+<section class="normal">
+  <h1 class="h2">Les Événements</h1>
   {{ content }}
+  {% include icons.html icons=site.data.event_features display="flex" %}
 </section>
 
-{% include icons.html icons=site.data.event_features display="flex" %}
 
 <section class="contact">
   <form action="https://formspree.io/f/mrgjznyn" method="POST">
     <label id="decription-label" for="description-textarea">
-      <h4>Décrivez votre événement</h4>
+      Décrivez votre événement
       <small>(en 500 signes), ce paragraphe sera utilisé pour promouvoir votre événement</small>
     </label>
     <textarea name="Description" id="description-textarea"></textarea>
     <label id="date-label" for="date-textarea">
-      <h4>Date souhaitée</h4>
+      Date souhaitée
       <small>(sous réserve de validation par l'Atelier des Médias)</small>
     </label>
     <textarea name="Date souhaitée" id="date-textarea"></textarea>
     <label id="contact-label" for="name-input">
-      <h4>Contact</h4>
+      Contact
     </label>
     <input id="name-input" placeholder="Prénom Nom" name="Prénom Nom">
     <input id="email-input" type="Email" placeholder="Email" name="_replyto">
diff --git a/_layouts/home.html b/_layouts/home.html
index 31016f42a..9b5b9e105 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -4,8 +4,13 @@
 
 {% include video.html %}
 
-{% include icons.html icons=site.data.features display="grid" %}
-
 <section class="normal">
+  {% include icons.html icons=site.data.features display="grid" %}
   {{ content }}
 </section>
+<section class="map">
+  <iframe
+    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2783.001972788671!2d4.835083776565785!3d45.77115071290574!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47f4eafb0eaa356f%3A0x13a2a8fbb825220!2sAtelier%20des%20M%C3%A9dias!5e0!3m2!1sfr!2sfr!4v1768990774718!5m2!1sfr!2sfr"
+    width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"
+    referrerpolicy="no-referrer-when-downgrade"></iframe>
+</section>
diff --git a/_layouts/post.html b/_layouts/post.html
index ab7d75f44..0faaa18eb 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -3,26 +3,31 @@
 {% include head.html %}
 
 <body>
-    {% include header.html %}
-    <div class="post">
-        <h1>{{ page.title }}</h1>
-        <ul class="post-categories">
-            {% for category in page.categories %}
-                <li>{{ category }}</li>
-            {% endfor %}
-        </ul>
-        <p class="post-meta">
-            <span class="published">Publié le <time datetime="{{ page.date }}">{{ page.date | date: "%d/%m/%Y" }}</time></span>
-            par <span class="author">{{ page.author }}</span>
-        </p>
-        {% if page.show_image and page.image %}
-            <img src="{{ page.image }}" alt="{{ page.title }}" class="featured">
-        {% endif %}
-        <div class="normal post-content">
-            {{ content }}
-        </div>
+{% include header.html %}
+<div class="content">
+  <div class="post">
+    <h1>{{ page.title }}</h1>
+    <p class="post-meta">
+      <span class="published">Publié le <time
+        datetime="{{ page.date }}">{{ page.date | date: "%d/%m/%Y" }}</time></span>
+      par <span class="author">{{ page.author }}</span>
+    </p>
+    {% if page.categories != empty %}
+    <ul class="post-categories">
+      {% for category in page.categories %}
+      <li>{{ category }}</li>
+      {% endfor %}
+    </ul>
+    {% endif %}
+    {% if page.show_image and page.image %}
+    <img src="{{ page.image }}" alt="{{ page.title }}" class="featured">
+    {% endif %}
+    <div class="normal post-content">
+      {{ content }}
     </div>
-    {% include footer.html %}
+  </div>
+</div>
+{% include footer.html %}
 </body>
 
 </html>
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 2211fc3af..f190afe03 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -19,6 +19,7 @@ body {
 body {
   display: flex;
   flex-direction: column;
+  line-height: 1.4;
 }
 
 .content {
@@ -30,12 +31,21 @@ body {
   align-items: center;
 
   width: 100%;
+
+  margin-top: 80px;
+  padding-top: 40px;
 }
 
 .normal {
-  max-width: 65ch;
+  max-width: 800px;
   margin: 2rem auto;
-  padding: 0 1rem;
+}
+
+.map {
+  max-width: 800px;
+  margin: 0 auto 2rem;
+  height: 450px;
+  border-radius: 5px;
 }
 
 section {
diff --git a/_sass/_blog.scss b/_sass/_blog.scss
index 7f9afc521..520a94f0e 100644
--- a/_sass/_blog.scss
+++ b/_sass/_blog.scss
@@ -1,6 +1,10 @@
+h2 {
+  margin-bottom: 1em;
+}
+
 .blogroll {
   max-width: 900px;
-  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
   list-style: none;
 
   li {
@@ -10,6 +14,7 @@
     .post-link {
       display: flex;
       flex-direction: column;
+      overflow: hidden;
 
       @media screen and (min-width: 560px) {
         flex-direction: row;
@@ -17,6 +22,8 @@
 
       .post-image {
         flex: none;
+        height: 100%;
+        max-height: 170px;
 
         @media screen and (min-width: 560px) {
           width: 220px;
@@ -26,33 +33,46 @@
           display: block;
 
           width: 100%;
-          max-height: 320px;
+          height: 100%;
 
           object-fit: cover;
           object-position: center 25%;
 
-          @media screen and (min-width: 560px) {
-            height: 160px;
-          }
+          //@media screen and (min-width: 560px) {
+          //  height: 160px;
+          //}
         }
       }
 
       .post-content {
         flex: 1 1 0%;
-        padding: .5rem 1rem;
+        padding: 1.5rem;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
 
         h2 {
-          font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+          font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
           font-size: 1.25rem;
           font-weight: bold;
+          color: #4d4d4d;
+          margin-bottom: .5rem;
+          line-height: 1.3;
         }
 
         .post-meta {
           font-size: .875rem;
+          padding: 0;
+          color: #4d4d4d;
+
+          .published {
+            color: #4d4d4d;
+          }
 
           .author {
             color: #88ba30;
           }
+
         }
 
         .category-link {
@@ -65,7 +85,7 @@
 }
 
 .pager {
-  display: block;
+  display: flex;
 
   margin: 1rem 1rem 2rem;
 
@@ -73,14 +93,30 @@
   text-align: center;
 
   li {
-    display: inline;
-
+    width: 42px;
+    height: 42px;
     margin: 5px;
-    padding: 10px;
 
-    border: 1px solid #ddd;
+    border: 1px solid #84cbd5;
 
     font-weight: bold;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: .2rem;
+
+    a {
+      display: block;
+      height: 100%;
+      width: 100%;
+      padding: 10px;
+      transition: .2s;
+    }
+
+    a:hover {
+      background-color: rgba(132, 203, 213, .15);
+    }
+
   }
 
   .selected {
@@ -90,23 +126,28 @@
       color: #fff;
     }
   }
+
+  .next {
+    a {
+      line-height: 1;
+    }
+  }
 }
 
 .post-categories {
   display: flex;
-  gap: .5rem;
-  margin-top: .5rem;
+  font-size: .8rem;
+  margin: 2rem -0.35em 0;
 
   li {
     display: inline-block;
-
-    margin: 0;
-    padding: .25rem .5rem;
-
+    margin: 0 .35em;
+    padding: .4em .6em .45em;
     background: #88ba30;
-
     color: #fff;
-    font-size: .875rem;
+    line-height: 1;
     list-style: none;
+    border-radius: .2em;
+    border: none;
   }
 }
diff --git a/_sass/_coworkers.scss b/_sass/_coworkers.scss
index 2eac20d91..0b8d83291 100644
--- a/_sass/_coworkers.scss
+++ b/_sass/_coworkers.scss
@@ -2,6 +2,7 @@
   display: flex;
   width: 100%;
   aspect-ratio: 1;
+  transition: .3s;
 
   img {
     width: 100%;
@@ -12,22 +13,19 @@
 
 .coworker-tags {
   display: flex;
-
-  align-items: center;
-  justify-content: center;
-
-  padding: .5rem;
-
-  overflow: scroll;
+  font-size: .8rem;
+  margin: 0 -0.35em;
 
   .coworker-tag {
-    position: relative;
-
-    padding: 1rem;
-
-    color: #4d4d4d;
-    font-size: .8rem;
-    text-align: center;
+    display: inline-block;
+    margin: 0 .35em;
+    padding: .4em .6em .45em;
+    background: #88ba30;
+    color: #fff;
+    line-height: 1;
+    list-style: none;
+    border-radius: .2em;
+    border: none;
   }
 
   .coworker-tag::after {
@@ -72,9 +70,14 @@
 
         text-align: center;
 
+        width: 80%;
+
+        &_name {
+          font-weight: 600;
+          margin-bottom: 5px;
+        }
         &_metier {
           font-weight: 400;
-          text-transform: uppercase;
         }
       }
 
@@ -113,7 +116,7 @@
     background-color: #84cbd5;
 
     text-align: center;
-    text-transform: uppercase;
+    font-size: .9rem;
 
     &_name,
     &_metier,
diff --git a/_sass/_events.scss b/_sass/_events.scss
index 257a70029..330df39ee 100644
--- a/_sass/_events.scss
+++ b/_sass/_events.scss
@@ -44,38 +44,38 @@
   }
 }
 
-.organize {
-  padding: 2em;
-
-  h2,
-  p {
-    max-width: 600px;
-    margin: 0 auto;
-    text-align: center;
+.normal {
+  .icons.flex {
+    margin-bottom: 0;
   }
 }
 
 .contact {
-  padding: 1em;
-  border-top: solid 1px #8d8d8d;
-  background-color: #ededed;
+  padding: 2em;
+  border-top: solid 1px #84cbd5;
+  background-color: #c2e5ea;
+  max-width: 800px;
+  border-radius: 5px;
+  margin-bottom: 2rem;
 
   form {
     display: grid;
 
     gap: 1em;
 
-    max-width: 960px;
     margin: 0 auto;
 
-    h4 {
-      font-weight: 400;
+    label {
+      font-weight: 600;
       text-transform: uppercase;
+      font-size: .9rem;
     }
 
     small {
       display: block;
-      font-size: .7rem;
+      text-transform: none;
+      font-size: .8em;
+      font-weight: 400;
     }
 
     textarea {
@@ -85,23 +85,38 @@
 
     textarea,
     input {
-      margin: .5em 0;
       padding: 1em;
       border: none;
+      border-radius: 2px;
     }
 
-    button {
-      justify-self: right;
-
-      padding: 1em;
+    input[type="checkbox"] + label {
+      text-transform: none;
+      line-height: 1;
+      font-size: .8rem;
+    }
 
-      border: solid 1px #979797;
+    input:focus, input:focus-visible,
+    textarea:focus, textarea:focus-visible {
+      outline: none;
+      box-shadow: inset 0 0 1px 1px #c2e5ea;
+    }
 
+    button {
+      justify-self: right;
+      padding: 2em;
+      border: none;
       background-color: #ef8a4a;
-
-      color: white;
-      font-size: 1.4rem;
+      color: #fff;
+      font-weight: 600;
+      font-size: 1rem;
       text-transform: uppercase;
+      border-radius: 1px;
+      transition: .3s;
+    }
+
+    button:hover {
+      background: #84cbd5;
     }
 
     @media screen and (min-width: 600px) {
diff --git a/_sass/_footer.scss b/_sass/_footer.scss
index a35444994..06b757ff0 100644
--- a/_sass/_footer.scss
+++ b/_sass/_footer.scss
@@ -6,10 +6,13 @@ footer {
     padding: 2rem;
   }
 
-  .contact {
+  .adresse {
     background-color: #84cbd5;
     color: white;
     text-align: center;
+    width: 100%;
+    max-width: none;
+    padding: 1rem 0;
 
     ul {
       list-style: none;
@@ -32,7 +35,7 @@ footer {
   }
 
   @media screen and (min-width: 600px) {
-    .contact {
+    .adresse {
       ul {
         li {
           display: inline;
diff --git a/_sass/_formulas.scss b/_sass/_formulas.scss
index 8437fbe2e..8c5375840 100644
--- a/_sass/_formulas.scss
+++ b/_sass/_formulas.scss
@@ -1,7 +1,13 @@
 .formulas {
+  margin-top: 2rem;
+
   .formula {
     width: 100%;
     padding: 2em;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    font-size: .9rem;
 
     h3,
     p,
@@ -12,15 +18,14 @@
 
     h3 {
       margin-bottom: 1em;
-
       font-family: lato, sans-serif;
-      font-size: 1.5rem;
-      font-weight: 100;
+      font-size: 1.2rem;
+      font-weight: 500;
 
       div {
         margin-left: 10px;
         font-family: Sofia, cursive;
-        font-size: 2.5rem;
+        font-size: 2.2rem;
       }
     }
 
@@ -78,9 +83,8 @@
     display: flex;
 
     flex-direction: column;
-    align-items: center;
     justify-content: center;
-    gap: .5rem;
+    gap: 1rem;
 
     .formula {
       width: 400px;
diff --git a/_sass/_header.scss b/_sass/_header.scss
index df6ebd860..e10ae12f2 100644
--- a/_sass/_header.scss
+++ b/_sass/_header.scss
@@ -1,38 +1,44 @@
 @use "mixings";
 
 header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+  height: 80px;
+  background-color: #fff;
   .logo {
     img {
-      width: 62px;
-      height: 60px;
+      width: 80px;
+      height: 100%;
     }
   }
 
   nav {
     display: none;
 
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
+    position: relative;
+    max-width: 100%;
+    height: 100%;
 
     flex-direction: column;
     align-items: center;
-    justify-content: center;
 
-    background-color: white;
 
-    font-size: 14px;
+    font-size: 12px;
 
     text-align: center;
 
     z-index: 2;
 
     a {
-      margin: .5em;
+      margin: .75em;
       color: #333;
       text-transform: uppercase;
+      transition: .2s;
+      letter-spacing: -.25px;
     }
 
     .nav-active {
@@ -40,17 +46,17 @@ header {
     }
 
     .social-icons {
-      font-size: 1.25rem;
-
       a {
         color: #84cbd5;
+        margin: .4em;
+        font-size: 1rem;
       }
     }
 
     a:hover,
     a:focus,
     a:active {
-      color: #444;
+      color: #888;
     }
   }
 
@@ -128,20 +134,17 @@ header {
 
   @media screen and (min-width: 800px) {
     flex: 0 0 80px;
+    width: 100%;
+    height: 80px;
 
     nav {
       display: flex;
 
-      position: fixed;
-      top: 0;
-
       flex-direction: row;
       align-items: center;
-      justify-content: center;
-
-      width: 100%;
-      height: 80px;
+      justify-content: space-between;
 
+      margin: 0 8rem;
       z-index: 1;
     }
 
diff --git a/_sass/_home.scss b/_sass/_home.scss
index f5ac7e9b2..ca53f0ca1 100644
--- a/_sass/_home.scss
+++ b/_sass/_home.scss
@@ -19,7 +19,20 @@
     transform: translate(-50%, -50%);
   }
 
+  header {
+    position: absolute;
+
+    nav {
+      color: white;
+    }
+  }
+
   @media screen and (min-width: 800px) {
     height: calc(100vh - 80px);
   }
 }
+
+.content {
+  padding-top: 0;
+}
+
diff --git a/_sass/_icons.scss b/_sass/_icons.scss
index 44b72c454..b5fb939c9 100644
--- a/_sass/_icons.scss
+++ b/_sass/_icons.scss
@@ -1,6 +1,5 @@
 .icons {
   gap: 2em;
-  padding: 2em;
 
   figure {
     display: flex;
@@ -12,7 +11,7 @@
 
     img {
       width: 75px;
-      height: 50px;
+      height: 45px;
     }
 
     figcaption {
@@ -22,8 +21,7 @@
 
       span {
         display: block;
-        font-size: 1.2rem;
-        font-weight: 400;
+        font-weight: 600;
       }
     }
   }
@@ -32,25 +30,27 @@
 .icons.grid {
   display: grid;
   justify-items: center;
+  margin: 2rem 0 4rem;
 
   @media screen and (min-width: 400px) {
-    max-width: 400px;
     grid-template-columns: repeat(2, 1fr);
   }
 
   @media screen and (min-width: 800px) {
-    max-width: 800px;
     grid-template-columns: repeat(4, 1fr);
   }
 }
 
 .icons.flex {
   display: flex;
-  flex-direction: column;
-  justify-content: center;
+  justify-content: space-between;
+  margin: 2rem -1rem;
 
   @media screen and (min-width: 500px) {
-    flex-flow: row wrap;
-    max-width: 500px;
+    //flex-flow: row wrap;
+    //max-width: 500px;
+  }
+  figure {
+    margin: 1rem;
   }
 }
diff --git a/_sass/_links.scss b/_sass/_links.scss
index 2a0b34b20..ee2c6b377 100644
--- a/_sass/_links.scss
+++ b/_sass/_links.scss
@@ -38,3 +38,24 @@ button,
   background-image: none;
   text-shadow: none;
 }
+
+.button-join {
+  display: inline-block;
+
+  margin: 1rem 0;
+  padding: 2rem;
+
+  background : #ef8a4a;
+
+  color: #fff;
+  font-weight: 600;
+  font-size: 1rem;
+  text-transform: uppercase;
+  cursor: pointer;
+  transition: .3s;
+}
+
+.button-join:hover {
+  background: #84cbd5;
+}
+
diff --git a/_sass/_mixings.scss b/_sass/_mixings.scss
index 1f53832d2..8808d0c63 100644
--- a/_sass/_mixings.scss
+++ b/_sass/_mixings.scss
@@ -2,5 +2,5 @@
   display: inline;
   box-shadow:
     inset 0 .35em white,
-    inset 0 -.8em #8dcdda;
+    inset 0 -.8em #c2e5ea;
 }
diff --git a/_sass/_posts.scss b/_sass/_posts.scss
index 6d1ea4615..458aa9fb9 100644
--- a/_sass/_posts.scss
+++ b/_sass/_posts.scss
@@ -1,7 +1,11 @@
 .post {
-  max-width: 900px;
+  max-width: 800px;
   margin: 2rem auto;
 
+  h1 {
+    line-height: 1.2;
+  }
+
   .featured {
     width: 100%;
     max-height: 514px;
@@ -9,9 +13,18 @@
 
     object-fit: cover;
   }
+  .post-categories {
+    margin-top: 1rem;
+  }
+
+  .post-meta {
+    font-size: .8rem;
+    padding: 0;
+    margin-top: .5rem;
+  }
 
   .post-content {
-    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
 
     img {
       display: block;
@@ -27,12 +40,20 @@
       }
 
       figcaption {
-        margin-top: .5rem;
+        margin-top: 1rem;
         margin-bottom: 1rem;
         text-align: center;
+        font-size: .8rem;
+        font-style: italic;
       }
     }
 
+    figure.aligncenter {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+
     .twitter-tweet {
       margin: 1rem auto !important;
     }
@@ -46,37 +67,36 @@
     }
   }
 
+
+  blockquote + blockquote {
+    padding-top: 0;
+  }
+
   blockquote {
     position: relative;
-    padding: 40px 70px;
+    font-size: 1.5rem;
+    margin: calc(2em - 1rem) 2em calc(2em - 1rem) 0;
 
     p {
       margin: 0;
       font-style: italic;
     }
-  }
-
-  blockquote::before {
-    position: absolute;
-    top: 25px;
-    left: 25px;
-
-    color: #999;
-    font-family: Fontawesome, sans-serif;
-    font-size: 40px;
 
-    content: "\f10d";
-  }
+    p::before {
 
-  blockquote::after {
-    position: absolute;
-    right: 25px;
-    bottom: 25px;
+      color: #84cbd5;
+      font-size: 1em;
+      content: open-quote;
+      margin-right: .5em;
+    }
 
-    color: #999;
-    font-family: Fontawesome, sans-serif;
-    font-size: 40px;
+    p::after {
 
-    content: "\f10e";
+      color: #84cbd5;
+      font-size: 1em;
+      content: close-quote;
+      margin-left: .5em;
+    }
   }
+
 }
diff --git a/_sass/_typography.scss b/_sass/_typography.scss
index 68c6de2a5..5bdfdd567 100644
--- a/_sass/_typography.scss
+++ b/_sass/_typography.scss
@@ -1,7 +1,7 @@
 html {
   color: #4d4d4d;
 
-  font-family: Lato, sans-serif;
+  font-family: Inter, sans-serif;
   font-size: 16px;
   font-weight: 400;
 }
@@ -13,14 +13,24 @@ h4 {
   text-transform: uppercase;
 }
 
-h2 {
+h2, .h2 {
   font-family: Sofia, sans-serif;
   font-size: 2.5rem;
   font-weight: 400;
+  line-height: 1;
+  text-transform: none;
 }
 
 p {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-  color: #333;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+p + p {
+  margin-top : 0;
+}
+
+p + h2 {
+  margin-top: 1.25em;
+  margin-bottom: .5em;
 }
diff --git a/assets/icons/salle-reunion.svg b/assets/icons/salle-reunion.svg
index 70ef82497..97e4cd7b0 100644
--- a/assets/icons/salle-reunion.svg
+++ b/assets/icons/salle-reunion.svg
@@ -13,8 +13,8 @@
                 <path d="M106.286,208 C95.315,208 88,215.314 88,226.286 C88,237.258 95.314,244.572 106.286,244.572 L188.156634,244.572 C199.127634,244.572 206.442634,237.258 206.442634,226.286 C206.442634,215.314 199.127634,208 188.156634,208 L106.286,208 Z" id="Fill-1" fill="#4D4D4D"></path>
                 <path d="M369.286,208 C358.315,208 351,215.314 351,226.286 C351,237.258 358.314,244.572 369.286,244.572 L451.156634,244.572 C462.127634,244.572 469.442634,237.258 469.442634,226.286 C469.442634,215.314 462.127634,208 451.156634,208 L369.286,208 Z" id="Fill-1-Copy" fill="#4D4D4D"></path>
                 <path d="M238.286,208 C227.315,208 220,215.314 220,226.286 C220,237.258 227.314,244.572 238.286,244.572 L320.156634,244.572 C331.127634,244.572 338.442634,237.258 338.442634,226.286 C338.442634,215.314 331.127634,208 320.156634,208 L238.286,208 Z" id="Fill-1-Copy-2" fill="#4D4D4D"></path>
-                <path d="M307.1998,339.2869 L257.8288,388.6589 L237.7138,370.3729 C230.3998,363.0589 219.4278,363.0589 212.1138,370.3729 C204.7998,377.6869 204.7998,388.6589 212.1138,395.9739 L245.0278,427.0589 C246.8568,428.8879 246.8568,428.8879 248.6848,428.8879 L250.5138,430.7169 C252.3428,430.7169 254.1708,432.5459 257.8278,432.5459 C259.6568,432.5459 263.3128,432.5459 265.1418,430.7169 L266.9708,428.8879 C268.7998,428.8879 268.7998,427.0589 270.6278,427.0589 L332.7988,364.8879 C340.1138,357.5719 340.1138,346.5999 332.7998,339.2869 C325.4868,331.9739 314.5138,331.9739 307.1998,339.2869 Z" id="Fill-9" fill="#84CBD5"></path>
+                <path d="M307.1998,339.2869 L257.8288,388.6589 L237.7138,370.3729 C230.3998,363.0589 219.4278,363.0589 212.1138,370.3729 C204.7998,377.6869 204.7998,388.6589 212.1138,395.9739 L245.0278,427.0589 C246.8568,428.8879 246.8568,428.8879 248.6848,428.8879 L250.5138,430.7169 C252.3428,430.7169 254.1708,432.5459 257.8278,432.5459 C259.6568,432.5459 263.3128,432.5459 265.1418,430.7169 L266.9708,428.8879 C268.7998,428.8879 268.7998,427.0589 270.6278,427.0589 L332.7988,364.8879 C340.1138,357.5719 340.1138,346.5999 332.7998,339.2869 C325.4868,331.9739 314.5138,331.9739 307.1998,339.2869 Z" id="Fill-9" fill="#84cbd5"></path>
             </g>
         </g>
     </g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/nous-rejoindre.md b/nous-rejoindre.md
index c526d412c..80718fddf 100644
--- a/nous-rejoindre.md
+++ b/nous-rejoindre.md
@@ -12,7 +12,7 @@ La réponse à votre demande d’inscription sera ensuite étudiée selon le nom
 
 Et si vous hésitez encore, voici [5 bonnes raisons de rejoindre notre merveilleux coworking](https://www.atelier-medias.org/blog/5-bonnes-raisons-de-rejoindre-notre-coworking-a-lyon "Pourquoi l’Atelier des médias est le meilleur coworking du monde") :-)
 
-<a class="button" href="/contact">Venir au co-lunch</a>
+<a class="button-join" href="/contact">Venir au co-lunch</a>
 
 ## Les tarifs