diff --git a/public/css/main.css b/public/css/main.css
index b8d7d8a..4d9156f 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -245,12 +245,14 @@ picture img {
     vertical-align: bottom;
 }
 
+summary {cursor: pointer;}
+
 /* ----------------------------------------------------------------- */
 /* -------------------------- STRUCTURE ---------------------------- */
 
-header {
+#container > header {
     padding: calc(1rem + 2vw) 0 0.65rem calc(1rem + 2vw);
-    margin-bottom: calc(2rem + 2vw);
+    margin-bottom: calc(1rem + 1vw);
     transition: all 0.3s;
 }
 
@@ -552,6 +554,7 @@ nav a[aria-current="page"] {
 /* ----------------------------------------------------------------- */
 /* -------------------------- HOME ---------------------------- */
 
+
 div.hero {
     position: relative;
     background-image: linear-gradient(
@@ -652,6 +655,17 @@ section.news article + article {
     border-top: 1px dotted var(--text-high);
 }
 
+
+@keyframes venue-photo-1 {
+    0% {opacity: 0; transform: scale(0.5) rotate(0);}
+    100% {opacity: 1; transform: scale(1) rotate(15deg);}
+}
+
+@keyframes venue-photo-2 {
+    0% {opacity: 0; transform: scale(0.5) rotate(0);}
+    100% {opacity: 1; transform: scale(1) rotate(-13deg);}
+}
+
 div.venue {
     position: relative;
     margin: 10vw 0;
@@ -678,6 +692,7 @@ aside {
     margin: 0 5vw 6rem;
 }
 
+
 aside div.be-partner {
     color: var(--n-dark);
     background-color: rgba(255, 255, 255, 0.7);
@@ -736,7 +751,8 @@ div.sponsors {
 div.sponsors h3 {
     font-variation-settings: "wght" 800;
     color: var(--hot-color);
-    margin-bottom: 1rem;
+    padding-top: 0.5em;
+    margin-bottom: 1.5rem;
     border-top: 5px dotted var(--hot-color);
 }
 div.sponsors.platinium h3 {
@@ -786,13 +802,38 @@ div.sponsor-sheet {
     }
     & p {
         box-sizing: border-box;
-        align-self: start;
+        align-self: stretch;
         background-color: var(--text-high);
         padding: 0.5rem;
         margin: 0;
         display: flex;
         justify-content: center;
     }
+
+    & div.with-contact ul {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 1rem;
+        list-style-type: none;
+        margin: 0.5rem 0 0;
+    }
+
+    & div.with-contact li + li {
+        margin-top: 0;
+    }
+
+    & div.with-contact a {
+        display: flex;
+        overflow: hidden;
+        gap: 3rem;
+        width: 24px;
+        height: 24px;
+        white-space: nowrap;
+    }
+
+    & svg {fill: var(--link-color);}
+
+    & img {object-fit: contain;}
 }
 
 .sponsor p.dark {
@@ -883,91 +924,48 @@ div.stats li {
     text-align: center;
     color: var(--body-bg);
     margin: auto;
-    transform: rotate(0);
-    animation-duration: 1s;
-    animation-fill-mode: forwards;
-    animation-timing-function: cubic-bezier(0.1, -0.6, 0.2, 0);
+    box-shadow: 0 0 8px 2px rgba(0,0,0, 0.5);
 }
 
 div.stats li:nth-child(1) {
     background-color: var(--main-light);
-    animation-name: slideStats1;
-    animation-delay: 4.9s;
 }
 div.stats li:nth-child(2) {
     background-color: var(--hot-light);
     transform: rotate(-1deg);
-    animation-name: slideStats2;
-    animation-delay: 5s;
 }
 div.stats li:nth-child(3) {
     background-color: var(--light-cold);
     transform: rotate(-6deg);
-    animation-name: slideStats3;
-    animation-delay: 5.1s;
 }
 div.stats li:nth-child(4) {
     background-color: var(--light-hot);
     transform: rotate(1deg);
-    animation-name: slideStats4;
-    animation-delay: 5.2s;
 }
 
 @keyframes slideStats1 {
-    0% {
-        transform: rotate(0);
-    }
-    50% {
-        transform: rotate(2deg);
-    }
-    70% {
-        transform: rotate(1deg);
-    }
-    100% {
-        transform: rotate(2deg);
-    }
+    0% {transform: scale(1) rotate(0);}
+    20% {transform: scale(1.2) rotate(-3deg);}
+    40% {transform: rotate(3deg);}
+    100% {transform: scale(1) rotate(-3deg);}
 }
 @keyframes slideStats2 {
-    0% {
-        transform: rotate(0);
-    }
-    50% {
-        transform: rotate(-2deg);
-    }
-    70% {
-        transform: rotate(1deg);
-    }
-    100% {
-        transform: rotate(-1deg);
-    }
+    0% {transform: rotate(0);}
+    20% {transform: scale(1.2) rotate(5deg);}
+    40% {transform: rotate(-3deg);}
+    100% {transform: scale(1) rotate(2deg);}
 }
 @keyframes slideStats3 {
-    0% {
-        transform: rotate(0);
-    }
-    50% {
-        transform: rotate(-6deg);
-    }
-    70% {
-        transform: rotate(-2deg);
-    }
-    100% {
-        transform: rotate(-6deg);
-    }
+    0% {transform: rotate(0);}
+    20% {transform: scale(1.2) rotate(7deg);}
+    40% {transform: rotate(-1deg);}
+    100% {transform: scale(1) rotate(-3deg);}
 }
 @keyframes slideStats4 {
-    0% {
-        transform: rotate(0);
-    }
-    50% {
-        transform: rotate(2deg);
-    }
-    70% {
-        transform: rotate(1deg);
-    }
-    100% {
-        transform: rotate(1deg);
-    }
+    0% {transform: rotate(0);}
+    20% {transform: scale(1.2) rotate(-3deg);}
+    40% {transform: rotate(-3deg);}
+    100% {transform: scale(1) rotate(5deg);}
 }
 
 div.fixed {
@@ -1445,6 +1443,10 @@ div.online {
     & ul {
         margin: 0 1em 1em 1.8em;
     }
+
+    & a {
+        overflow-wrap: break-word;
+    }
 }
 
 div.talk h4,
@@ -1550,6 +1552,105 @@ p.openfb {
     border-top: 3px dotted currentColor;
 }
 
+
+/* ----------------------------------------------------------------- */
+/* -------------------------- JOB OFFERS ---------------------------- */
+
+.job-offers {
+    & summary {
+        list-style: none;
+        color: var(--n-dark);
+        background-color: var(--hot-color);
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 16L6 10H18L12 16Z'%3E%3C/path%3E%3C/svg%3E");
+        background-repeat: no-repeat;
+        background-size: 1.52rem;
+        background-position: center right 8px;
+        padding: 0.15em 2rem 0.6em 1rem;
+    }
+    & summary h2 {
+        font-size: calc(0.95em + 0.5vw);
+        font-variation-settings: "wght" 700;
+        color: var(--n-dark);
+        margin: 0;
+    }
+
+    & div.content {
+        background-color: color-mix(in srgb, var(--hot-light), #000 75%);
+    }
+
+    & header {margin-bottom: 0.5rem;}
+
+    & h3 {
+        font-size: 1.4em;
+        margin-bottom: 0.5rem;
+    }
+    & p {
+        font-size: 1.2em;
+    }
+
+    & dl {
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+        padding: 1rem 0 0 1rem;
+        margin-left: 1rem;
+        border-left: 1px solid currentColor;
+    }
+
+    & dl div {
+        display: flex;
+        flex-direction: column-reverse;
+        background-repeat: no-repeat;
+        background-size: 1em;
+        padding-left: 1.5em; 
+    }
+    & dl div:nth-child(1) {
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF'%3E%3Cpath d='M4 11.3333L0 9L12 2L24 9V17.5H22V10.1667L20 11.3333V18.0113L19.7774 18.2864C17.9457 20.5499 15.1418 22 12 22C8.85817 22 6.05429 20.5499 4.22263 18.2864L4 18.0113V11.3333ZM6 12.5V17.2917C7.46721 18.954 9.61112 20 12 20C14.3889 20 16.5328 18.954 18 17.2917V12.5L12 16L6 12.5ZM3.96927 9L12 13.6846L20.0307 9L12 4.31541L3.96927 9Z'%3E%3C/path%3E%3C/svg%3E");
+    }
+    & dl div:nth-child(2) {
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF'%3E%3Cpath d='M12.0049 22.0027C6.48204 22.0027 2.00488 17.5256 2.00488 12.0027C2.00488 6.4799 6.48204 2.00275 12.0049 2.00275C17.5277 2.00275 22.0049 6.4799 22.0049 12.0027C22.0049 17.5256 17.5277 22.0027 12.0049 22.0027ZM12.0049 20.0027C16.4232 20.0027 20.0049 16.421 20.0049 12.0027C20.0049 7.58447 16.4232 4.00275 12.0049 4.00275C7.5866 4.00275 4.00488 7.58447 4.00488 12.0027C4.00488 16.421 7.5866 20.0027 12.0049 20.0027ZM10.0549 11.0027H15.0049V13.0027H10.0549C10.2865 14.1439 11.2954 15.0027 12.5049 15.0027C13.1201 15.0027 13.6833 14.7806 14.1188 14.412L15.8198 15.546C14.9973 16.4415 13.8166 17.0027 12.5049 17.0027C10.1886 17.0027 8.28107 15.2527 8.03235 13.0027H7.00488V11.0027H8.03235C8.28107 8.75277 10.1886 7.00275 12.5049 7.00275C13.8166 7.00275 14.9973 7.56402 15.8198 8.45951L14.1189 9.59351C13.6834 9.22496 13.1201 9.00275 12.5049 9.00275C11.2954 9.00275 10.2865 9.86163 10.0549 11.0027Z'%3E%3C/path%3E%3C/svg%3E");
+    }
+    & dl div:nth-child(3) {
+        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFF'%3E%3Cpath d='M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'%3E%3C/path%3E%3C/svg%3E");
+    }
+    
+    & dt {
+        font-size: 0.75em;
+        text-transform: uppercase;
+    }
+
+    & dd {
+        font-size: 1.1em;
+        font-variation-settings: "wght" 700;
+    }
+
+    & .p-action {
+        font-variation-settings: "wght" 700;
+    }
+}
+
+section.h-listing {
+    padding: 1.5rem;
+}
+
+section.h-listing + section.h-listing {
+    border-top: 1px dotted currentColor;
+}
+
+section.h-listing:nth-child(even) {
+    background-color: rgba(0, 0, 0, 0.15);
+}
+
+details.job-offers[open] summary {    
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 8L18 14H6L12 8Z'%3E%3C/path%3E%3C/svg%3E");
+}
+
+div.job-offers section:first-of-type {
+    border-top: 1px dotted currentColor;
+}
+
+
+
 /* ----------------------------------------------------------------- */
 /* -------------------------- AGENDA ---------------------------- */
 
diff --git a/public/css/queries.css b/public/css/queries.css
index cbc516f..8ccc110 100644
--- a/public/css/queries.css
+++ b/public/css/queries.css
@@ -100,6 +100,11 @@
   #mc_embed_signup_scroll h2 {
     margin-bottom: 0 !important;
   }
+
+  .job-offers dl {
+    flex-direction: row;
+    gap: 2.5rem;
+  }
 }
 
 
@@ -186,29 +191,72 @@
       transform: rotate(-10deg);
     }
   }
-  
-  /* div.venue::before, div.venue::after {  
+}
+
+
+@media screen and (min-width: 850px) and (prefers-reduced-motion: no-preference) {
+  div.stats.active {
+    & ul {position: relative;}
+    & li:nth-child(2), & li:nth-child(3), & li:nth-child(4) {
+      transform: rotate(0);
+    }
+    & li:nth-child(1) {
+      animation-delay: 0.95;
+      animation-duration: 1s;
+      animation-fill-mode: forwards;
+      animation-timing-function: linear;
+      animation-name: slideStats1;
+    }
+    & li:nth-child(2) {
+      animation-delay: 0.85;
+      animation-duration: 1s;
+      animation-fill-mode: forwards;
+      animation-timing-function: linear;
+      animation-name: slideStats2;
+    }
+    & li:nth-child(3) {
+      animation-delay: 0.65;
+      animation-duration: 1s;
+      animation-fill-mode: forwards;
+      animation-timing-function: linear;
+      animation-name: slideStats3;
+    }
+    & li:nth-child(4) {
+      animation-delay: 0;
+      animation-duration: 1s;
+      animation-fill-mode: forwards;
+      animation-timing-function: linear;
+      animation-name: slideStats4;
+    }
+  }
+
+  div.venue.active p.illustration {
+    opacity: 0;
+    animation-delay: 0s;
+    animation-duration: 0.25s;
+    animation-fill-mode: forwards;
+    animation-timing-function: linear;
+    animation-name: venue-photo-1;
+  }
+  div.venue.active p.illustration.secondary {
+    opacity: 0;
     display: block;
-    position: absolute;
-    content: "";
-    background-color: rgb(255,255,255,0.1);
-  }
-  div.venue::before {
-    width: 90vw;
-    height: 80%;
-    left: 5vw;
-  }
-  div.venue::after {
-    width: 10vw;
-    height: 10vw;
-    top: 0;
-    right: 16vw;
-    transform: rotate(10deg);
-    z-index: 2;
+    animation-delay: 0.25s;
+    animation-duration: 0.25s;
+    animation-fill-mode: forwards;
+    animation-timing-function: linear;
+    animation-name: venue-photo-2;
+  }
+
+  /* div.be-partner p.read-more.active {
+    animation-delay: 0s;
+    animation-duration: 1s;
+    animation-fill-mode: forwards;
+    animation-timing-function: linear;
+    animation-name: slideIn;
   } */
 }
 
-
 @media screen and (min-width: 800px) and (max-width: 1299px) {
   div.decor {
     display: grid;
@@ -219,16 +267,13 @@
 
 
 @media screen and (min-width: 1000px) {
-  header {
+  #container > header {
       display: grid;
       grid-template-columns: 200px 1fr 1fr;
       justify-content: space-between;
       align-items: center;
       gap: 3rem;
   }
-  header p {
-    font-size: calc(1.5em + 1vw);
-  }
 
   h1 {z-index: 1001;}
 
diff --git a/public/img/sprite.svg b/public/img/sprite.svg
index 8e6fbe4..0b5f6ee 100644
--- a/public/img/sprite.svg
+++ b/public/img/sprite.svg
@@ -35,5 +35,17 @@
     <g id="ic-youtube">
       <path d="M12.2439 4C12.778 4.00294 14.1143 4.01586 15.5341 4.07273L16.0375 4.09468C17.467 4.16236 18.8953 4.27798 19.6037 4.4755C20.5486 4.74095 21.2913 5.5155 21.5423 6.49732C21.942 8.05641 21.992 11.0994 21.9982 11.8358L21.9991 11.9884L21.9991 11.9991C21.9991 11.9991 21.9991 12.0028 21.9991 12.0099L21.9982 12.1625C21.992 12.8989 21.942 15.9419 21.5423 17.501C21.2878 18.4864 20.5451 19.261 19.6037 19.5228C18.8953 19.7203 17.467 19.8359 16.0375 19.9036L15.5341 19.9255C14.1143 19.9824 12.778 19.9953 12.2439 19.9983L12.0095 19.9991L11.9991 19.9991C11.9991 19.9991 11.9956 19.9991 11.9887 19.9991L11.7545 19.9983C10.6241 19.9921 5.89772 19.941 4.39451 19.5228C3.4496 19.2573 2.70692 18.4828 2.45587 17.501C2.0562 15.9419 2.00624 12.8989 2 12.1625V11.8358C2.00624 11.0994 2.0562 8.05641 2.45587 6.49732C2.7104 5.51186 3.45308 4.73732 4.39451 4.4755C5.89772 4.05723 10.6241 4.00622 11.7545 4H12.2439ZM9.99911 8.49914V15.4991L15.9991 11.9991L9.99911 8.49914Z"></path>
     </g>
+    <g id="ic-fb">
+      <path d="M12.001 2C6.47813 2 2.00098 6.47715 2.00098 12C2.00098 16.9913 5.65783 21.1283 10.4385 21.8785V14.8906H7.89941V12H10.4385V9.79688C10.4385 7.29063 11.9314 5.90625 14.2156 5.90625C15.3097 5.90625 16.4541 6.10156 16.4541 6.10156V8.5625H15.1931C13.9509 8.5625 13.5635 9.33334 13.5635 10.1242V12H16.3369L15.8936 14.8906H13.5635V21.8785C18.3441 21.1283 22.001 16.9913 22.001 12C22.001 6.47715 17.5238 2 12.001 2Z"></path>
+    </g>
+    <g id="ic-insta">
+      <path d="M13.0281 2.00073C14.1535 2.00259 14.7238 2.00855 15.2166 2.02322L15.4107 2.02956C15.6349 2.03753 15.8561 2.04753 16.1228 2.06003C17.1869 2.1092 17.9128 2.27753 18.5503 2.52503C19.2094 2.7792 19.7661 3.12253 20.3219 3.67837C20.8769 4.2342 21.2203 4.79253 21.4753 5.45003C21.7219 6.0867 21.8903 6.81337 21.9403 7.87753C21.9522 8.1442 21.9618 8.3654 21.9697 8.58964L21.976 8.78373C21.9906 9.27647 21.9973 9.84686 21.9994 10.9723L22.0002 11.7179C22.0003 11.809 22.0003 11.903 22.0003 12L22.0002 12.2821L21.9996 13.0278C21.9977 14.1532 21.9918 14.7236 21.9771 15.2163L21.9707 15.4104C21.9628 15.6347 21.9528 15.8559 21.9403 16.1225C21.8911 17.1867 21.7219 17.9125 21.4753 18.55C21.2211 19.2092 20.8769 19.7659 20.3219 20.3217C19.7661 20.8767 19.2069 21.22 18.5503 21.475C17.9128 21.7217 17.1869 21.89 16.1228 21.94C15.8561 21.9519 15.6349 21.9616 15.4107 21.9694L15.2166 21.9757C14.7238 21.9904 14.1535 21.997 13.0281 21.9992L12.2824 22C12.1913 22 12.0973 22 12.0003 22L11.7182 22L10.9725 21.9993C9.8471 21.9975 9.27672 21.9915 8.78397 21.9768L8.58989 21.9705C8.36564 21.9625 8.14444 21.9525 7.87778 21.94C6.81361 21.8909 6.08861 21.7217 5.45028 21.475C4.79194 21.2209 4.23444 20.8767 3.67861 20.3217C3.12278 19.7659 2.78028 19.2067 2.52528 18.55C2.27778 17.9125 2.11028 17.1867 2.06028 16.1225C2.0484 15.8559 2.03871 15.6347 2.03086 15.4104L2.02457 15.2163C2.00994 14.7236 2.00327 14.1532 2.00111 13.0278L2.00098 10.9723C2.00284 9.84686 2.00879 9.27647 2.02346 8.78373L2.02981 8.58964C2.03778 8.3654 2.04778 8.1442 2.06028 7.87753C2.10944 6.81253 2.27778 6.08753 2.52528 5.45003C2.77944 4.7917 3.12278 4.2342 3.67861 3.67837C4.23444 3.12253 4.79278 2.78003 5.45028 2.52503C6.08778 2.27753 6.81278 2.11003 7.87778 2.06003C8.14444 2.04816 8.36564 2.03847 8.58989 2.03062L8.78397 2.02433C9.27672 2.00969 9.8471 2.00302 10.9725 2.00086L13.0281 2.00073ZM12.0003 7.00003C9.23738 7.00003 7.00028 9.23956 7.00028 12C7.00028 14.7629 9.23981 17 12.0003 17C14.7632 17 17.0003 14.7605 17.0003 12C17.0003 9.23713 14.7607 7.00003 12.0003 7.00003ZM12.0003 9.00003C13.6572 9.00003 15.0003 10.3427 15.0003 12C15.0003 13.6569 13.6576 15 12.0003 15C10.3434 15 9.00028 13.6574 9.00028 12C9.00028 10.3431 10.3429 9.00003 12.0003 9.00003ZM17.2503 5.50003C16.561 5.50003 16.0003 6.05994 16.0003 6.74918C16.0003 7.43843 16.5602 7.9992 17.2503 7.9992C17.9395 7.9992 18.5003 7.4393 18.5003 6.74918C18.5003 6.05994 17.9386 5.49917 17.2503 5.50003Z"></path>
+    </g>
+    <g id="ic-website">
+      <path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM20 10H4V19H20V10ZM15 6V8H19V6H15Z"></path>
+    </g>
+    <g id="bullhorn">
+      <path d="M9 17C9 17 16 18 19 21H20C20.5523 21 21 20.5523 21 20V13.937C21.8626 13.715 22.5 12.9319 22.5 12C22.5 11.0681 21.8626 10.285 21 10.063V4C21 3.44772 20.5523 3 20 3H19C16 6 9 7 9 7H5C3.89543 7 3 7.89543 3 9V15C3 16.1046 3.89543 17 5 17H6L7 22H9V17ZM11 8.6612C11.6833 8.5146 12.5275 8.31193 13.4393 8.04373C15.1175 7.55014 17.25 6.77262 19 5.57458V18.4254C17.25 17.2274 15.1175 16.4499 13.4393 15.9563C12.5275 15.6881 11.6833 15.4854 11 15.3388V8.6612ZM5 9H9V15H5V9Z"></path>
+    </g>
   </defs>
 </svg>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 5ee27eb..68306c5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -171,4 +171,52 @@ const og = {
 
     <YoutubeVideos />
   </div>
+
+  <script>
+      const stats = document.querySelector('div.stats');
+      const venue = document.querySelector('div.venue');
+      const partner = document.querySelector('div.be-partner p.read-more');
+
+      if(stats) {
+        const observer = new window.IntersectionObserver(([entry]) => {
+          if (entry.isIntersecting) {
+              stats.classList.add('active');
+              return
+          }
+          stats.classList.remove('active');
+          }, {
+          root: null,
+          threshold: 0.5, // set offset 0.1 means trigger if atleast 10% of element in viewport
+        })
+        observer.observe(stats);
+      }
+
+      if(venue) {
+        const observer2 = new window.IntersectionObserver(([entry]) => {
+          if (entry.isIntersecting) {
+            venue.classList.add('active');
+              return
+          }
+          venue.classList.remove('active');
+          }, {
+          root: null,
+          threshold: 0.5
+        })
+        observer2.observe(venue);
+      }
+
+      if(partner) {
+        const observer3 = new window.IntersectionObserver(([entry]) => {
+          if (entry.isIntersecting) {
+            partner.classList.add('active');
+              return
+          }
+          partner.classList.remove('active');
+          }, {
+          root: null,
+          threshold: 0.5
+        })
+        observer3.observe(partner);
+      }
+  </script>
 </Layout>
diff --git a/src/pages/offres-emploi.astro b/src/pages/offres-emploi.astro
new file mode 100644
index 0000000..c226c65
--- /dev/null
+++ b/src/pages/offres-emploi.astro
@@ -0,0 +1,66 @@
+---
+import Layout from "../layouts/Layout.astro";
+---
+
+<Layout title="Les offres d'emploi de nos partenaires" currSection="offres">
+  <div class="page-body">
+    <article class="h-entry">
+      <h2 class="p-name">Les offres d'emploi de nos partenaires</h2>
+
+      <div class="intro">
+        <p>
+            Nos partenaires nous partagent leurs offres d'emploi actuelles.
+        </p>
+      </div>
+
+      <div class="job-offers">
+        <section class="h-listing">
+          <header>
+            <h3 class="p-action wanted">
+              <a href="#" class="u-url" target="_blank">Developeur Fullstack Senior</a>
+            </h3>
+            <p class="dt-location">Paris</p>
+          </header>
+          <dl>
+            <div>
+              <dt>Expérience</dt>
+              <dd>Minimum 5 ans</dd>
+            </div>
+            <div>
+              <dt>Salaire</dt>
+              <dd>36k à 55k</dd>
+            </div>
+            <div>
+              <dt>Publiée le</dt>
+              <dd class="dt-listed">15/01/26</dd>
+            </div>
+          </dl>
+        </section>
+        <section class="h-listing">
+          <header>
+            <h3 class="p-action wanted">
+              <a href="#" class="u-url" target="_blank">Developeur Fullstack Senior</a>
+            </h3>
+            <p class="dt-location">Paris</p>
+          </header>
+          <dl>
+            <div>
+              <dt>Expérience</dt>
+              <dd>Minimum 5 ans</dd>
+            </div>
+            <div>
+              <dt>Salaire</dt>
+              <dd>36k à 55k</dd>
+            </div>
+            <div>
+              <dt>Publiée le</dt>
+              <dd class="dt-listed">15/01/26</dd>
+            </div>
+          </dl>
+        </section>
+      </div>
+
+    </article>
+  </div>
+
+  </Layout>
diff --git a/src/pages/partner-[id].astro b/src/pages/partner-[id].astro
index 1ce70ee..7c30972 100644
--- a/src/pages/partner-[id].astro
+++ b/src/pages/partner-[id].astro
@@ -59,7 +59,71 @@ const video = videos[sponsor.data.id] as string | undefined
           />
         )}
       </p>
-      <h2>{sponsor.data.name}</h2>
+      <div class="with-contact">
+        <h2>{sponsor.data.name}</h2>
+        <ul>
+          {
+            sponsor.data.twitterAccount && (
+              <li>
+                <a href={sponsor.data.twitterAccount}>
+                  <svg role="img" width="24" height="24">
+                    <title>X</title>
+                    <use href="/img/sprite.svg#ic-twitter"></use>
+                  </svg>
+                </a>
+              </li>
+            )
+          }
+          {
+            sponsor.data.linkedinAccount && (
+              <li>
+                <a href={sponsor.data.linkedinAccount}>
+                  <svg role="img" width="24" height="24">
+                    <title>LinkedIn</title>
+                    <use href="/img/sprite.svg#ic-linkedin"></use>
+                  </svg>
+                </a>
+              </li>
+            )
+          }
+          {
+            sponsor.data.instagramAccount && (
+              <li>
+                <a href={sponsor.data.instagramAccount}>
+                  <svg role="img" width="24" height="24">
+                    <title>Instagram</title>
+                    <use href="/img/sprite.svg#ic-insta"></use>
+                  </svg>
+                </a>
+              </li>
+            )
+          }
+          {
+            sponsor.data.facebookAccount && (
+              <li>
+                <a href={sponsor.data.facebookAccount}>
+                  <svg role="img" width="24" height="24">
+                    <title>Facebook</title>
+                    <use href="/img/sprite.svg#ic-fb"></use>
+                  </svg>
+                </a>
+              </li>
+            )
+          }
+          {
+            sponsor.data.siteUrl && (
+              <li>
+                <a href={sponsor.data.siteUrl}>
+                  <svg role="img" width="24" height="24">
+                    <title>Site Web</title>
+                    <use href="/img/sprite.svg#ic-website"></use>
+                  </svg>
+                </a>
+              </li>
+            )
+          }
+        </ul>
+      </div>
     </div>
 
     <div class="sponsor-sheet">
@@ -103,7 +167,80 @@ const video = videos[sponsor.data.id] as string | undefined
         </ul>
       </div-->
 
-      <div class="online">
+      <details class="job-offers">
+        <summary><h2>Offres d'emploi chez {sponsor.data.name}</h2></summary>
+
+        <div class="content">
+          <section class="h-listing">
+            <header>
+              <h3 class="p-action wanted">
+                <a href="#" class="u-url" target="_blank">Developeur Fullstack Senior</a>
+              </h3>
+              <p class="dt-location">Paris</p>
+            </header>
+            <dl>
+              <div>
+                <dt>Expérience</dt>
+                <dd>Minimum 5 ans</dd>
+              </div>
+              <div>
+                <dt>Salaire</dt>
+                <dd>36k à 55k</dd>
+              </div>
+              <div>
+                <dt>Publiée le</dt>
+                <dd class="dt-listed">15/01/26</dd>
+              </div>
+            </dl>
+          </section>
+          <section class="h-listing">
+            <header>
+              <h3 class="p-action wanted">
+                <a href="#" class="u-url" target="_blank">Developeur Fullstack Senior</a>
+              </h3>
+              <p class="dt-location">Paris</p>
+            </header>
+            <dl>
+              <div>
+                <dt>Expérience</dt>
+                <dd>Minimum 5 ans</dd>
+              </div>
+              <div>
+                <dt>Salaire</dt>
+                <dd>36k à 55k</dd>
+              </div>
+              <div>
+                <dt>Publiée le</dt>
+                <dd class="dt-listed">15/01/26</dd>
+              </div>
+            </dl>
+          </section>
+          <section class="h-listing">
+            <header>
+              <h3 class="p-action wanted">
+                <a href="#" class="u-url" target="_blank">Developeur Fullstack Senior</a>
+              </h3>
+              <p class="dt-location">Paris</p>
+            </header>
+            <dl>
+              <div>
+                <dt>Expérience</dt>
+                <dd>Minimum 5 ans</dd>
+              </div>
+              <div>
+                <dt>Salaire</dt>
+                <dd>36k à 55k</dd>
+              </div>
+              <div>
+                <dt>Publiée le</dt>
+                <dd class="dt-listed">15/01/26</dd>
+              </div>
+            </dl>
+          </section>
+        </div>
+      </details>
+
+      <!-- <div class="online">
         <h3>Suivre {sponsor.data.name}</h3>
         <ul>
           {
@@ -166,9 +303,9 @@ const video = videos[sponsor.data.id] as string | undefined
             )
           }
         </ul>
-      </div>
+      </div> -->
 
-        {
+        <!-- {
           (sponsor.data.jobs ?? []).length > 0 && (
             <div class="talk">
               <h3>Mes Offres</h3>
@@ -185,7 +322,7 @@ const video = videos[sponsor.data.id] as string | undefined
               </p>
             </div>
           )
-        }
+        } -->
     </div>
   </div>
 </Layout>