{"id":58705,"date":"2025-10-21T20:07:59","date_gmt":"2025-10-21T20:07:59","guid":{"rendered":"https:\/\/discover.restek.com\/non-categorise\/restek40\/"},"modified":"2026-03-13T14:01:03","modified_gmt":"2026-03-13T14:01:03","slug":"restek40","status":"publish","type":"post","link":"https:\/\/discover.restek.com\/fr\/articles-fr\/gnlp4540\/restek40","title":{"rendered":"Restek a 40 ans"},"content":{"rendered":"\n<style>\n  \/*WordPress Customization*\/\n  .single-post h1 {\n    display: none;\n  }\n\n  .single-post .author-down {\n    display: none;\n}\n\n.cat-name {\n    display: none;\n    margin-top: 0px !important;\n}\n  \n  .single-post p.cat-name {\n    display: none;\n}\n\n  .single-post p.date {\n    display: none;\n}\n\nnav.breadcrumbs {\n    display:none;\n}\n\n.content-area {\n    background-color: white;\n    margin-top: 0px !important;\n}\n\n.post-content {\n    margin-top: 0px !important;\n}\n\n.kt-clear {\n    margin-top: -10px;\n}\n\n.site-container {\n    width: auto;\n    max-width: 100% !important;\n    box-sizing: inherit;\n    padding: 0px !important;\n}\n\n.author-details-info {\n  display: none;\n  margin: auto;\n  max-width:1200px;\n}\n\n\/*.site-footer-row-container-inner h2 {\nfont-size: 36px !important;\ncolor: white !important;\n}*\/\n\n\/* Background Color CSS *\/\n\n.background-top {\n    background-color: #ffffff;\n    background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryConfetti.jpg\");\n   \/* max-width: 1300px; *\/\n    margin-left: auto;\n    margin-right: auto;\n    padding-bottom: 5px;\n}\n\n.background-anniversary-videos {\n    background-color: #ebf9fc;\n    padding-top: 10px;\n    padding-bottom: 40px;\n}\n\n.background-social {\n    background-color: #FFFFFF;\n    padding-top: 55px;\n    padding-bottom: 10px;\n}\n\n.background-timeline {\n    background: #d9eefc;\n    padding-top: 30px;\n    padding-bottom: 30px;\n}\n\n.background-timeline-activities {\n    background-color: #ebf2fc;\n    padding-top: 20px;\n    padding-bottom: 40px;\n}\n\n.background-webinars {\n    background-color: #ffffff;\n    padding-top: 50px;\n    padding-bottom: 100px;\n}\n\n.background-quiz {\n    background-color: #ffffff;\n        background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryConfetti.jpg\");\n   \/* max-width: 1300px; *\/\n    margin-left: auto;\n    margin-right: auto;\n    padding-top: 120px;\n    padding-bottom: 150px;\n}\n\n.background-testimonials {\n    background-color: #ffffff;\n    padding-top: 30px;\n    padding-bottom: 90px;\n}\n\n.background-events {\n    background-color: #ebf9fc;\n    padding-top: 10px;\n    padding-bottom: 50px;\n}\n\n.background-events-no-quiz {\n    background-color: #ffffff;\n    padding-top: 10px;\n    padding-bottom: 50px;\n}\n\n.background-end {\n    background: #ffffff;\n    padding-top: 5px;\n    padding-bottom: 5px;\n}\n\n\n\n\/* Full-Width Template CSS *\/\n\n  \n  @media (min-width: 1200px) {\n  .content {\n      width: 80%;\n  }\n\n  }\n\n\n.banner-video {\n    width: 1300px;\n    height: auto;\n    display: block;\n    margin:0 auto;\n    border-bottom-left-radius: 30px;\n    border-bottom-right-radius: 30px;\n}\n\n.banner-image {\n    display: none;\n    width: 100%;\n    height: auto;\n    margin:0 auto;\n}\n\n@media (max-width: 767px) {\n  .banner-video {\n    display: none;\n  }\n\n  .banner-image {\n    display: block;\n  }\n}\n\n  \nbody {\n  font-family: sans-serif;\n  margin: 0;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  font-size: 110% !important;\n}\n\n.custom-h2 h2 {\nfont-size: 36px !important;\ncolor: rgb(1, 80, 184) !important;\n}\n\n\n\np {\n    font-size: 105% !important;\n}\n\n.signature-p {\n  font-size:120% !important;\n  margin-bottom: 20px;\n}\n\n.hero img {\n  max-width: 1350px;\n  width: 100%;\n  height: auto;\n  margin-left: auto;\n  margin-right: auto;\n  display: block;\n  border-bottom-left-radius: 30px;\n  border-bottom-right-radius: 30px;\n}\n\n.sticky-nav {\n  width: 100%;\n  max-width: 1200px;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: rgba(255, 255, 255, 0.85);\n  backdrop-filter: blur(5px);\n  border-radius: 5px;\n  position: sticky;\n  top: 0;\n  z-index: 1000;\n}\n\n.sticky-nav ul {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  list-style: none;\n  margin: 0;\n  padding: 10px;\n}\n\n.sticky-nav li {\n  margin: 0 15px;\n}\n\n.sticky-nav a {\n  text-decoration: none;\n  color: #004b87;\n  font-weight: bold;\n  font-size: 120%;\n}\n\n.sticky-nav a:hover {\n  text-decoration: solid underline #004b87 2px;\n  font-weight: bold;\n  font-size: 120%;\n}\n\n.content-section {\n  padding: 5px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1200px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section a {\n  color: inherit;\n}\n\n.content-section-video {\n  padding: 20px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section-social {\n  padding: 20px 40px;\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  border-radius: 5px;\n  position: relative;\n  z-index:1;\n}\n\n.content-section h2, .content-section-video, .content-section-social h2{\n  text-align: center;\n}\n\n.content-section-blue {\n  padding: 40px 20px;\n  \/*background: rgba(108, 200, 250, 0.74);*\/\n  backdrop-filter: blur(5px); \n  border: solid 3px rgb(255, 255, 255);\n  margin: 20px auto;\n  max-width: 1200px;\n  border-radius: 8px;\n    position:relative;\n  z-index:1;\n}\n\n\/* Anniversary Video Section *\/\n\n.video-grid {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 20px;\n}\n\n.video-item {\n  flex: 1 1 300px;\n  max-width: 320px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  animation: fadeInUp 1s ease-in-out;\n}\n\n.video-item iframe {\n  width: 100%;\n  height: 180px;\n  border-radius: 8px;\n}\n\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n  .video-grid {\n    flex-direction: column;\n    align-items: center;\n  }\n}\n\n\n\/* Webinars *\/\n\n.webinar-content-section {\n  width: 90%;\n  margin: 0 auto;\n  max-width: 1500px;\n  text-align: center;\n}\n\n.webinar-carousel-wrapper {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  padding: 50px;\n}\n\n.webinar-carousel {\n  display: flex;\n  gap: 60px;\n  scroll-snap-type: x mandatory;\n  overflow-x: auto;\n  padding-top: 50px;\n  padding-bottom: 50px;\n  max-width: 100%;\n  justify-content: center;\n  flex-wrap: nowrap;\n}\n\n.webinar-card-link-wrapper {\n  flex: 0 0 auto;\n  scroll-snap-align: start;\n  text-decoration: none;\n  color: inherit;\n  width: 400px;\n}\n\n\/* Responsive: stack cards vertically on small screens *\/\n@media (max-width: 600px) {\n  .webinar-carousel {\n    flex-direction: column;\n    align-items: center;\n    overflow-x: hidden;\n  }\n\n  .webinar-card-link-wrapper {\n    width: 90%;\n  }\n}\n\n.webinar-custom-card {\n  background-color: #ffffff;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  font-family: sans-serif;\n}\n\n.webinar-custom-card:hover {\n  transform: scale(1.01);\n  box-shadow: 0 15px 30px rgba(0,0,0,0.15);\n}\n\n.webinar-card-image img {\n  width: 160%;\n  height: 200px;\n  object-fit: cover;\n  display: block;\n}\n\n.webinar-card-content {\n  padding: 1.5rem;\n  flex-grow: 1;\n}\n\n.webinar-card-content h2 {\n  font-size: 18px !important;\n  text-align: left;\n  margin-bottom: 0.5rem;\n}\n\n.webinar-card-content p {\n  font-size: 100% !important;\n  text-align: left;\n  color: #333;\n  margin-bottom: 1rem;\n}\n\n.webinar-card-footer {\n  background-color: #0071e3;\n  color: white;\n  text-align: center;\n  padding: 1rem;\n  font-weight: bold;\n}\n\n\/*Three-Columns *\/\n.three-column-block {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 20px;\n    margin: 40px auto;\n    max-width: 1000px;\n    padding: 20px;\n    \n}\n\n.column-three-column {\n    flex: 1 1 30%;\n    background: #fff;\n    border: 1px solid #dddddd98;\n    border-radius: 8px;\n    padding: 20px;\n    box-sizing: border-box;\n    text-align: center;\n    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.special-column {\n    background-color: #f0f8ff;\n    border: 2px solid #004a87a1;\n    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);\n}\n\n.special-column button {\n    background-color: #004b87;\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    border-radius: 4px;\n    cursor: pointer;\n    margin-top: 15px;\n}\n\n.special-column button:hover {\n    background-color: #003b6f;\n}\n\n@media (max-width: 768px) {\n    .three-column-block {\n        flex-direction: column;\n    }\n\n    .column-three-column {\n        flex: 1 1 100%;\n    }\n}\n\n\n\/* Bill Video Section *\/\n.video-thumbnail {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  margin: 0 auto;\n}\n\n.video-thumbnail:hover {\n  transform: scale(1.05);\n}\n\n.video-section-main {\n  padding: 20px 30px;\n  \/*background: linear-gradient(90deg, #0b2957, #0055b3);*\/\n  color: white;\n  margin: 10px auto 5px;\n  max-width: 1100px;\n  border-radius: 5px;\n  position: relative;\n  overflow: visible;\n}\n\n.video-section-main h2, .video-section-main p {\n  color: white;\n}\n\n.video-flex-container {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: center;\n}\n\n.video-column {\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n.content-column {\n  flex: 0 0 55%;\n  align-items: center;\n  display: block;\n}\n\n.thumbnail-column {\n  flex: 0 0 45%;\n  max-width: 45%;\n  justify-content: center;\n  align-items: center;\n}\n\n.video-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(5px);\n  display: none;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  z-index: 2147483647;\n  border-radius: 0;\n  padding: 0;\n}\n\n.video-popup {\n  position: relative;\n  width: 80%;\n  max-width: 960px;\n  aspect-ratio: 16 \/ 9;\n}\n\n.video-popup iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n  border-radius: 8px;\n}\n\n.close-text {\n  margin-top: 20px;\n  background: none;\n  border: 2px solid #fff;\n  color: #fff;\n  padding: 10px 20px;\n  font-size: 16px;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: background 0.3s ease;\n}\n\n.close-text:hover {\n  background: #fff !important;\n  color: #000 !important;\n}\n\n@media (max-width: 768px) {\n  .content-column,\n  .thumbnail-column {\n    flex: 0 0 100%;\n  }\n\n  .video-flex-container {\n    flex-direction: column;\n  }\n\n  .video-thumbnail {\n    max-width: 100%;\n    height: auto;\n  }\n}\n\n\/*Promo Block *\/\n\n.promo-thumbnail {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n}\n\n.promo-thumbnail:hover {\n  transform: scale(1.05);\n}\n\n.promo-thumbnail-trio {\n  width: 100%;\n  max-width: 600px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: transform 0.3s ease;\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n}\n\n.promo-thumbnail-trio:hover {\n  transform: scale(1.03);\n}\n\n\n\n\/* Videos Section *\/\n\n    .video-grid-trio {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, 300px);\n      gap: 20px;\n      max-width: 1900px;\n      margin: 0 auto;\n      justify-content: center;\n    }\n\n\n    .video-thumbnail-trio {\n    width: 100%;\n    max-width: 350px;\n    cursor: pointer;\n    border-radius: 8px;\n    transition: transform 0.3s ease;\n    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);\n    }\n\n\n    .video-thumbnail-trio:hover {\n      transform: scale(1.03);\n    }\n\n    .video-overlay-trio {\n      display: none;\n      position: fixed;\n      top: 0; left: 0;\n      width: 100%; height: 100%;\n      background-color: rgba(0, 0, 0, 0.5);\n      backdrop-filter: blur(8px);\n      justify-content: center;\n      align-items: center;\n      flex-direction: column;\n      z-index: 2147483647;\n    }\n\n    .video-popup-trio {\n      position: relative;\n      width: 80%;\n      max-width: 960px;\n      aspect-ratio: 16 \/ 9;\n    }\n\n    .video-popup-trio iframe {\n      width: 100%;\n      height: 100%;\n      border: none;\n      border-radius: 8px;\n    }\n\n    .close-btn-trio {\n      position: absolute;\n      top: -20px;\n      right: -20px;\n      background: #fff;\n      color: #000;\n      border: none;\n      font-size: 24px;\n      cursor: pointer;\n      border-radius: 50%;\n      width: 40px;\n      height: 40px;\n      line-height: 40px;\n    }\n\n    .close-text-trio {\n      margin-top: 20px;\n      background: none;\n      border: 2px solid #fff;\n      color: #fff;\n      padding: 10px 20px;\n      font-size: 16px;\n      cursor: pointer;\n      border-radius: 6px;\n      transition: background 0.3s ease;\n    }\n\n    .close-text-trio:hover {\n      background: #fff;\n      color: #000;\n    }\n\n\/* Responsive styles *\/\n@media (max-width: 768px) {\n  .hero {\n    padding: 40px 10px;\n  }\n\n  .sticky-nav ul {\n    flex-direction: column;\n    align-items: center;\n    display:none;\n  }\n\n  .sticky-nav li {\n    margin: 10px 0;\n  }\n\n\n}\n\n@media (max-width: 480px) {\n  .hero h1 {\n    font-size: 1.5rem;\n  }\n\n  .hero p {\n    font-size: 1rem;\n  }\n\n  .content-section {\n    padding: 20px 10px;\n  }\n}\n\n\n\/*Letter *\/\n\n    .custom-letter-wrapper {\n      max-width: 1200px;\n      margin: 40px auto 0 auto;\n      font-family: sans-serif;\n      padding-bottom: 40px;\n      \n    }\n\n    .custom-letter-box {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      background-color: rgba(255, 255, 255, 0.8);\n      color: white;\n      padding-top: 20px;\n      padding-left: 50px;\n      padding-right: 50px;\n      padding-bottom: 30px;\n      border-radius: 8px;\n      cursor: pointer;\n      flex-wrap: wrap;\n      transition: border-radius 0.3s ease;\n    }\n\n    .custom-letter-box.expanded {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    .custom-letter-box h2 {\n      margin: 0;\n      font-size: 34px;\n    }\n\n    .custom-letter-box p {\n      margin: 5px 0 0;\n    }\n\n    .custom-letter-box .custom-letter-thumbnail img {\n      width: 100%;\n      height: auto;\n      display: block;\n      box-shadow: 0px 0px 20px rgba(0, 17, 255, 0.7);\n      animation: shadowColorChangeLetter 6s infinite alternate;\n    }\n\n        @keyframes shadowColorChangeLetter {\n      0% {\n        box-shadow: 0 0 40px rgba(0, 205, 255, 0.5); \/* Teal*\/\n      }\n      50% {\n        box-shadow: 0 0 40px rgba(0, 0, 255, 0.5); \/* Blue *\/\n      }\n      100% {\n        box-shadow: 0 0 40px rgba(0, 205, 255, 0.5); \/* Teal *\/\n      }\n    }\n\n\n    .custom-letter-thumbnail img:hover {\n      transform: scale(1.04);\n      transition: transform 0.3s;\n    }\n\n    .custom-letter-box .custom-letter-text {\n      flex: 1;\n      min-width: 250px;\n      margin-right: 20px;\n    }\n\n    .custom-letter-content {\n      width: 80%;\n      margin: auto;\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n      transition: opacity 0.5s ease, max-height 0.5s ease, padding 0.5s ease;\n      background-color: #f8fcfdde;\n      background-image: url(\"https:\/\/discover.restek.com\/wp-content\/uploads\/40thAnniversaryLetterTexture.png\");\n      color: black;\n      padding: 0 20px;\n      border-bottom-left-radius: 8px;\n      border-bottom-right-radius: 8px;\n      box-shadow: 0px 5px 10px rgba(0,0,0,0.2);\n    }\n\n\n    .custom-letter-content p, .custom-letter-text p, .custom-letter-text h2 {\n      color: black;\n    }\n\n    .custom-letter-content.show {\n      opacity: 1;\n      max-height: 2500px;\n      width: 80%;\n      margin:auto;\n      padding-left: 20px;\n      padding-right: 20px;\n      padding-bottom: 30px;\n      padding-top: 50px;\n      border-radius: 10px;\n    }\n\n    .custom-letter-content p {\n      padding-left: 10%;\n      padding-right: 10%;\n      margin: 0 0 1em;\n    }\n\n    .custom-letter-content a {\n      color: #2c2c2cbe;\n      text-decoration: none;\n    }\n\n\n    .read-letter-button {\n        margin-top: 50px;\n        color: #5897f5 !important;\n        font-size: 90%;\n        font-weight: bold !important;\n    }\n\n    @media (max-width: 768px) {\n      .custom-letter-box {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n\n      .custom-letter-box .custom-letter-thumbnail {\n        width: 100%;\n        max-width: none;\n        margin-top: 20px;\n      }\n\n      .custom-letter-box .custom-letter-text {\n        margin-right: 0;\n      }\n\n      .custom-letter-box h2 {\n        font-size: 28px;\n      }\n    }\n\n\n\/*Mastermind game*\/\n\n.gradient-border-wrapper {\n  position: relative;\n  padding: 4px; \/* border thickness *\/\n  border-radius: 20px;\n  background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet);\n  background-size: 400% 400%;\n  animation: gradientBorder 6s ease infinite;\n}\n\n.gradient-border-content {\n  background: #cbe7fc;\n  border-radius: 15px; \/* slightly smaller to fit inside *\/\n  padding: 100px;\n  position: relative;\n  color: white;\n  text-align: right;\n  z-index: 1;\n}\n\n@keyframes gradientBorder {\n  0% {\n    background-position: 0% 50%;\n  }\n  50% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n}\n\n\n\/*Quiz*\/\n\n.quiz-block {\n  display: flex;\n  flex-direction: row;\n  border-radius: 20px;\n  overflow: hidden;\n  background-color: #0e4983; \/* pastel blue background *\/\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 10px;\n}\n\n.quiz-block {\n      animation: shadowColorChangeQuiz 6s infinite alternate;\n    }\n\n        @keyframes shadowColorChangeQuiz {\n      0% {\n        box-shadow: 0 0 70px rgba(255, 0, 0, 0.6); \/* Red *\/\n      }\n      33% {\n        box-shadow: 0 0 70px rgba(0, 255, 0, 0.6); \/* Green *\/\n      }\n      66% {\n        box-shadow: 0 0 70px rgba(0, 0, 255, 0.8); \/* Blue *\/\n      }\n      100% {\n        box-shadow: 0 0 70px rgba(255, 0, 255, 0.6); \/* Purple *\/\n      }\n    }\n\n.quiz-image {\n  flex: 0 0 40%;\n  height: auto;\n  margin: auto;\n  align-items: center;\n  text-align: center;\n  display: block;\n}\n\n.quiz-content,\n.quiz-image {\n  box-sizing: border-box;\n}\n\n\n.quiz-image img {\n\n  width: 90%;\n}\n\n.quiz-content {\n  flex: 0 0 60%;\n  padding: 40px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  background-color: transparent;\n  align-items: flex-start;\n}\n\n.quiz-content h2 {\n  color: #ffffff;\n  margin-bottom: 5px;\n  margin-top: 0px;\n}\n\n.quiz-content p {\n  font-size: 1.1em;\n  color: #ffffff;\n  line-height: 1.6;\n  margin-bottom: 20px;\n  margin-top: 0px;\n}\n\n.quiz-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  color: #050146;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.quiz-button:hover {\n  background: #00223d !important;\n  color: white !important;\n}\n\n\/*Arrow Animation*\/\n.quiz-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.quiz-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n\n\/* Responsive Design *\/\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n  .quiz-block {\n    flex-direction: column;\n    max-width: 75%;\n    margin:auto;\n  }\n\n  .quiz-image,\n  .quiz-content {\n    flex: 1 1 100%;\n    max-width: 90%;\n    margin:auto;\n    text-align: center !important;\n  }\n\n  .quiz-image {\n    width: 60%;\n    margin:auto;\n\n  }\n\n    .quiz-content {\n    padding: 20px 10px;\n    text-align: center !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n\n    .quiz-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n  }\n}\n\n@media (max-width: 768px) {\n  .quiz-block {\n    flex-direction: column;\n    max-width: 75%;\n  }\n\n  .quiz-image,\n  .quiz-content {\n    flex: 1 1 100%;\n    max-width: 90%;\n    margin:auto;\n        text-align: center !important;\n  }\n\n  .quiz-content {\n    padding: 30px 20px;\n    text-align: center !important;\n    justify-content: center !important;\n    align-items: center !important;\n  }\n\n  .quiz-content h2 {\n    font-size: 1.6em;\n        text-align: center !important;\n  }\n\n  .quiz-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n  }\n}\n\n\/*Social Carousel *\/\n.carousel-container {\n    width: 100%;\n    overflow: hidden;\n    background: #fff;\n    padding: 0px 0;\n    position: relative;\n  }\n\n  .carousel-wrapper {\n    display: flex;\n    width: max-content;\n    will-change: transform;\n  }\n\n  .carousel-track {\n    display: flex;\n    gap: 60px;\n  }\n\n  .carousel-item {\n    flex: 0 0 auto;\n    width: 400;\n    height: 480;\n    margin-right: 10px;\n    background-color: #fff;\n    \/*box-shadow: 0 2px 6px rgba(0,0,0,0.1);*\/\n    padding: 10px;\n    box-sizing: border-box;\n  }\n\n  .carousel-item:last-child {\n  margin-right: 30px; \/* Adjust as needed *\/\n  }\n\n  .carousel-track img {\n    height: 60px;\n    object-fit: contain;\n    flex-shrink: 0;\n  }\n\n  .carousel-track img:last-child {\n  margin-right: 50px; \/* Adjust as needed *\/\n}\n\n  .carousel-track:last-child {\n  margin-right: 100px; \/* Adjust as needed *\/\n}\n\n\n\/*CSS for back-to-top nav buttons*\/\n  .back-to-top {\n      text-align: center;\n      margin-top: 30px;\n  }\n\n      \/*Color back-to-top nav buttons (link)*\/\n    a.back-to-top {\n        color: rgb(130, 130, 130) !important;\n        text-decoration: none;\n    }\n\n\n\n\/*Dividers*\/\n\n    .divider {\n      display: block;\n      width: 100%;\n      height: auto;\n      line-height: 0;\n    }\n\n    .divider.flip {\n      transform: scaleY(-1);\n    }\n\n    .divider-shape-video {\n  fill: #ebf9fc; \/* You can change this to any color you like *\/\n}\n\n    .divider-shape-timeline {\n  fill: #d9eefc; \/* You can change this to any color you like *\/\n}\n\n\n\n\/*Social-Temp*\/\n\n.social-container {\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n\n.social-left-column {\n  width: 35%;\n  padding: 10px;\n  display: flex;\n  align-items: center !important;\n  justify-content: center !important;\n  text-align: right;\n  color:rgb(0, 0, 0);\n}\n\n.social-right-column {\n  width: 65%;\n  padding-right: 20px;\n  padding-bottom: 20px;\n  text-align: right;\n  color:rgb(0, 0, 0);\n}\n\n.social-right-column h2{\n  text-align: right;\n}\n\n\n.social-left-column img {\n  width: 90%;\n}\n\n@media (max-width: 768px) {\n  .social-container {\n    flex-direction: column;\n  }\n\n  .social-left-column {\n    width: 100%;\n    text-align: center !important;\n  }\n  .social-right-column {\n    width: 100%;\n    text-align: center !important;\n  }\n\n  .social-right-column h2{\n  text-align: center !important;\n}\n\n\n}\n\n.social-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  color: #050146;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.social-button:hover {\n  background: #ebf9fc !important;\n  color: rgb(0, 0, 0) !important;\n}\n\n\/*Arrow Animation*\/\n.social-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.social-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n@media (max-width: 768px) {\n.social-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n}\n}\n\n\n\n\/*Timeline*\/\n\n.timeline-container {\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n}\n\n.timeline-left-column {\n  width: 65%;\n  padding-right: 20px;\n  padding-bottom: 20px;\n}\n\n.timeline-right-column {\n  width: 35%;\n  padding-right: 20px;\n  display: flex;\n  align-items: center !important;\n  justify-content: center !important;\n}\n\n.timeline-right-column img {\n  width: 90%;\n}\n\n@media (max-width: 768px) {\n  .timeline-container {\n    flex-direction: column;\n  }\n\n  .timeline-left-column,\n  .timeline-right-column {\n    width: 100%;\n    text-align: center;\n  }\n\n  .timeline-left-column h2{\n  text-align: center !important;\n}\n\n.timeline-right-column img{\n    width: 50%;\n  }\n\n}\n\n.timeline-button {\n  padding: 10px 20px;\n  background: #c3e0f8;\n  font-size: 110% !important;\n  text-decoration: none;\n  border-radius: 12px;\n  transition: all 0.2s ease;\n  text-align: right;\n}\n\n.timeline-button:hover {\n  background: #ebf9fc !important;\n  color: rgb(0, 0, 0) !important;\n}\n\n@media (max-width: 768px) {\n.timeline-button .arrow {\n    justify-content: center !important;\n    align-items: center !important;\n    margin: 20px\n}\n}\n\n\/*Arrow Animation*\/\n.timeline-button .arrow {\n  display: inline-block;\n  margin-left: 8px;\n  transition: transform 0.3s ease;\n  animation: arrowWiggle 2.5s infinite ease-in-out;\n}\n\n@keyframes arrowWiggle {\n  0%   { transform: translateX(0); }\n  20%  { transform: translateX(3px); }\n  40%  { transform: translateX(-2px); }\n  60%  { transform: translateX(4px); }\n  80%  { transform: translateX(-1px); }\n  100% { transform: translateX(0); }\n}\n\n.timeline-button:hover .arrow {\n  transform: translateX(6px);\n}\n\n\n<\/style>\n\n\n<body>\n\n<div class=\"background-top\">\n\n<div class=\"banner\">\n<video class=\"banner-video\" autoplay loop muted playsinline preload=\"none\">\n  <source src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek40-Header-Video.mp4\" type=\"video\/mp4\">\n  Your browser does not support the video tag.<\/video>\n<img decoding=\"async\" class=\"banner-image\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40thanniversary-LP-MOBILE.jpg\" alt=\"Futuristic cityscape with fireworks.\" title=\"-\"><\/img>\n<\/div>\n\n\n<div class=\"custom-letter-wrapper\"> <!-- A MESSAGE FROM BILL -->\n    <div id=\"customLetterBox\" class=\"custom-letter-box\">\n      <div class=\"custom-letter-text\">\n        <h1 style=\"line-height: 50px; margin-bottom: 20px; color: rgb(1, 80, 184); font-size: 43px;\">Un h\u00e9ritage d&rsquo;innovation,<br>une vision pour l&rsquo;avenir.<\/h1>\n        <p>Depuis notre cr\u00e9ation en 1985, nous avons parcouru un long chemin : en quarante ans, Restek est devenue une entreprise internationale d\u00e9tenue \u00e0 100 % par ses salari\u00e9s.<\/p>\n        <p style=\"margin-top:10px;\"><strong>C\u00e9l\u00e9brez avec nous le parcours de Restek !<\/strong> Plongez dans quatre d\u00e9cennies d&rsquo;histoire qui ont fa\u00e7onn\u00e9 cette entreprise unique. \u00c9coutez le t\u00e9moignage de Bill Arrowsmith, notre Directeur G\u00e9n\u00e9ral, \u00e0 l&rsquo;occasion de cette \u00e9tape majeure, et d\u00e9couvrez la lettre de remerciement des salari\u00e9s actionnaires de Restek.<\/p>\n        <p class=\"read-letter-button\" id=\"customToggleText\" style=\"margin-top:20px;\"> Ouvrir la lettre \u2192<\/p>\n      <\/div>\n     <div class=\"video-column thumbnail-column custom-letter-thumbnail\">\n      <img decoding=\"async\"\n        src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/Bill-40-years3.jpg\"\n        alt=\"Video Thumbnail\"\n        class=\"video-thumbnail\"\n        data-video-id=\"FYI0256DQUA\"\n        id=\"videoThumbnail\"\n        style=\"height: 200px; width:auto;\"\n      \/>\n    <div class=\"video-overlay\" id=\"videoOverlay\">\n      <div class=\"video-popup\">\n        <iframe\n          id=\"youtubePlayer\"\n          allow=\"autoplay; encrypted-media\"\n          allowfullscreen>\n        <\/iframe>\n      <\/div>\n      <button class=\"close-text\" id=\"videoThumbnail\">Fermer la vid\u00e9o<\/button>\n    <\/div>\n  <\/div>\n  <\/div>\n\n    <div id=\"customLetterContent\" class=\"custom-letter-content\">\n    <p>Notre 40\u1d49 anniversaire est bien plus qu&rsquo;une \u00e9tape symbolique. C&rsquo;est la c\u00e9l\u00e9bration de notre h\u00e9ritage, b\u00e2ti sur la qualit\u00e9, l&rsquo;innovation et l&rsquo;esprit d&rsquo;\u00e9quipe ; des valeurs qui nous ont port\u00e9s jusqu&rsquo;ici et qui continueront de nous guider pour les ann\u00e9es \u00e0 venir.<\/p>\n    <p>Parce que notre entreprise est d\u00e9tenue par ses salari\u00e9s, l&rsquo;humain est au c\u0153ur de chacune de nos r\u00e9ussites.<\/p>\n    <p>Apr\u00e8s quarante ann\u00e9es exceptionnelles, nous avons beaucoup de monde \u00e0 remercier.<\/p>\n    <p><strong>\u00c0 nos clients<\/strong> : merci pour votre fid\u00e9lit\u00e9 et votre confiance ind\u00e9fectible. Nous savons que d&rsquo;autres options s&rsquo;offrent \u00e0 vous, et nous sommes fiers de contribuer, \u00e0 vos c\u00f4t\u00e9s, \u00e0 rendre le monde plus s\u00fbr et plus sain.<\/p>\n    <p><strong>\u00c0 nos distributeurs<\/strong> : merci pour votre engagement et de repr\u00e9senter Restek aupr\u00e8s de nos clients dans le monde entier.<\/p>\n    <p><strong>\u00c0 nos salari\u00e9s, pass\u00e9s et pr\u00e9sents<\/strong> : merci d&rsquo;avoir construit une culture unique, fond\u00e9e sur l&rsquo;engagement, le respect et le service. Votre vision et votre d\u00e9vouement ont pos\u00e9 les jalons de notre croissance, de notre ind\u00e9pendance et de notre r\u00e9ussite durable.<\/p>\n    <p style=\"margin-bottom: 20px;\"><strong>Et \u00e0 vous qui nous lisez, enfin<\/strong> : merci de c\u00e9l\u00e9brer cet anniversaire avec nous. Nous esp\u00e9rons que ce retour sur quatre d\u00e9cennies d&rsquo;histoire vous procurera autant de plaisir \u00e0 lire que nous en avons eu \u00e0 les vivre, et qu&rsquo;il vous transmettra notre enthousiasme pour la suite.<\/p>\n    <p class=\"signature-p\"><strong>Les salari\u00e9s actionnaires Restek<\/strong><\/p>\n      <p style=\"text-align: center; margin-top: 50px;\">\n        <a href=\"#\"><em>Fermer la lettre<\/em><\/a>\n      <\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n\n<!-- ANNIVERSARY VIDEOS -->\n <div class=\"background-anniversary-videos\">\n <section id=\"videos\" class=\"content-section\">\n  <h2 class=\"custom-h2\" style=\"margin-top:0px; margin-bottom: 0px;\">Participez aux c\u00e9l\u00e9brations !<\/h2>\n  <p style=\"text-align: center; margin-bottom: 30px;\">Nos salari\u00e9s c\u00e9l\u00e8brent cet anniversaire comme il se doit ! D\u00e9couvrez nos \u00e9quipes r\u00e9parties dans huit pays, fi\u00e8res de mettre \u00e0 l&rsquo;honneur ce qui fait la singularit\u00e9 de Restek.<\/p>\n <div class=\"video-grid-trio\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-restek-history-GNAV4338-FR.jpg\" style=\"width:95%;\" alt=\"Video 1\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"upVLqwKBk3c\" onclick=\"showVideo(this)\" title=\"-\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-column-toss-FR.jpg\" style=\"width:95%;\" alt=\"Video 2\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"r0WMoHzTexs\" onclick=\"showVideo(this)\" title=\"-\">\n    <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-innovation-corp-cap-NO-logo-GNAV4880-FR.jpg\" style=\"width:95%;\" alt=\"Video 3\" class=\"video-thumbnail video-thumbnail-trio\" data-video-id=\"6sgJDOgaJ5k\" onclick=\"showVideo(this)\" title=\"-\">\n  <\/div>\n\n  <div class=\"video-overlay\" id=\"videoOverlay\">\n    <div class=\"video-popup\">\n      <iframe id=\"youtubePlayer\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n      <button class=\"close-btn\" onclick=\"hideVideo()\">\u00d7<\/button>\n    <\/div>\n    <button class=\"close-text\" onclick=\"hideVideo()\">Fermer la vid\u00e9o<\/button>\n  <\/div>\n<\/section>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- Social Temp -->\n<div class=\"background-social\">\n<div class=\"content-section\">\n    <div class=\"social-container\">\n    <div class=\"social-left-column\">\n            <img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40Anniversary-LP-social-share.jpg\" style=\"max-width: 100%; height: auto; border-radius: 8px;\" alt=\"\" title=\"-\">\n\n    <\/div>\n    <div class=\"social-right-column\">\n\n    \n        <h2 class=\"custom-h2\">&#8220;Likez&#8221;, abonnez-vous et passez le mot !<\/h2>\n<p>Vous avez une anecdote avec Restek \u00e0 partager ?<br>Publiez-la sur LinkedIn avec le hashtag #Restek40 pour participer, et bien s\u00fbr, suivez-nous !<\/p>\n\n<a href=\"https:\/\/www.linkedin.com\/company\/restek-france\/\" class=\"social-button\" target=\"_blank\" rel=\"noopener\"><strong>Suivez Restek<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    \n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n\n<!-- Social Carousel\n<div class=\"background-social\">\n<div class=\"carousel-container\" style=\"margin-bottom:50px;\">\n  <h2 class=\"custom-h2\" style=\"text-align: center;\">\u201cLikez\u201d, abonnez-vous et passez le mot !<\/h2>\n    <p style=\"text-align: center; margin-bottom: 30px;\">Vous avez une anecdote avec Restek \u00e0 partager ? Publiez-la sur LinkedIn avec le hashtag #Restek40 pour participer.<\/a><\/p>\n  <div class=\"carousel-wrapper\" id=\"carouselWrapper\">\n  <div class=\"carousel-track\" id=\"carouselTrack\">\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7351310134008025088?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7348713881860538369?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7348048560472436736?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7351310134008025088?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\"><\/iframe>\n    <iframe loading=\"lazy\" src=\"https:\/\/www.linkedin.com\/embed\/feed\/update\/urn:li:share:7353424346356326401?collapsed=1\" height=\"480\" width=\"400\" frameborder=\"0\" allowfullscreen=\"\" title=\"Embedded post\" style=\"margin-right: 50px;\"><\/iframe>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>-->\n\n\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-timeline.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n\n<!-- TIMELINE -->\n<div class=\"background-timeline\">\n<div class=\"content-section\">\n    <div class=\"timeline-container\">\n    <div class=\"timeline-left-column\">\n    <h2 class=\"custom-h2\" style=\"text-align: left;\">Jusqu&rsquo;aux confins de l&rsquo;espace<\/h2>\n<p style=\"color:rgb(0, 0, 0);\">Savez-vous que Restek est n\u00e9 dans les locaux d&rsquo;une ancienne \u00e9cole \u00e9l\u00e9mentaire ? <br>Que nos colonnes GC ont explor\u00e9 le syst\u00e8me solaire ?<\/p>\n<p style=\"color:rgb(0, 0, 0);\">D\u00e9couvrez notre esprit d&rsquo;innovation, notre aventure humaine et notre pr\u00e9sence \u00e0 travers le monde.<\/p>\n<a href=\"https:\/\/fr.restek.com\/pages\/notre-histoire\/\" class=\"timeline-button\" target=\"_blank\" rel=\"noopener\"><strong>Voir notre parcours<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    <\/div>\n    <div class=\"timeline-right-column\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-article-40Anniversary-LP-to-space-and-beyond.jpg\" style=\"max-width: 100%; height: auto; border-radius: 8px;\" alt=\"\" title=\"-\"><\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-timeline.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- Testimonials -->\n<div class=\"background-quiz\">\n<div class=\"content-section\" style=\"background-color: #ffffff9c;\">\n    <div class=\"social-container\">\n    <div class=\"social-left-column\">\n\n<video autoplay loop muted playsinline preload=\"none\" style=\"max-width: 100%; height: auto; border-radius: 8px; padding-right: 150px;\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/header-article-40Anniversary-LP-restek-love.mp4\" type=\"video\/mp4\">\n  Your browser does not support the video tag.<\/video>\n\n\n\n    <\/div>\n    <div class=\"social-right-column\">\n    \n        <h2 class=\"custom-h2\">Pourquoi les laboratoires choisissent Restek<\/h2>\n<p>Les laboratoires font confiance au quotidien \u00e0 notre expertise technique. D\u00e9couvrez pourquoi ils appr\u00e9cient tant travailler avec nous.\n<\/p>\n<a href=\"https:\/\/discover.restek.com\/fr\/articles-fr\/gnot5445\/gnot5445\/why-labs-love-restek\" class=\"social-button\"><strong>Nos clients t\u00e9moignent<\/strong> <span class=\"arrow\"><strong>&rarr;<\/strong><\/span>\n<\/a>\n    \n    <\/div>\n  <\/div>\n\n<\/div>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleY(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- EVENTS -->\n<div class=\"background-events\">\n<section id=\"products\" class=\"content-section\">\n  <h2 class=\"custom-h2\">Poursuivons les c\u00e9l\u00e9brations !<\/h2>\n  <p style=\"text-align: center;\">Nos \u00e9quipes sont toujours en mouvement ! Venez \u00e0 notre rencontre \u00e0 l&rsquo;occasion d&rsquo;un salon proche de chez vous.<\/p>\n\n<!-- Elfsight Event Calendar | Events Calendar for 40th Anniversary-->\n<div class=\"elfsight-app-fdbeedd1-7366-4987-86ed-e0417aa12d03\" data-elfsight-app-lazy><\/div> \n\n<\/section>\n<\/div>\n\n<div><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/40LP-divider-video.svg\" style=\"width: 100%; height: 50px; transform: scaleX(-1);\" alt=\"\" title=\"-\"><\/div>\n\n<!-- FINAL CTA -->\n<div class=\"background-end\">\n  <p style=\"display: flex; margin-top:90px; text-align: center; font-size:95%; justify-content: center;\"><img decoding=\"async\" src=\"https:\/\/discover.restek.com\/wp-content\/uploads\/figure-40thAnniversary-LP-PeakPersonTest-1.png\" alt=\"A cute, anthrophized chromatogram peak celebrating with a party hat and balloon.\" style=\"max-width: 200px;\" title=\"-\"><\/p>\n<\/div>\n\n\n<script>\n\n\/************************************************************\n * 1) Your re-entrant initializer (safe to call many times)\n ************************************************************\/\nfunction initRestek40() {\n  \/\/ Prevent duplicate init for the current view\n  if (document.documentElement.dataset.restek40Init === \"1\") return;\n  document.documentElement.dataset.restek40Init = \"1\";\n\n  \/* === Your page logic START === *\/\n\n  \/\/ Toggle Letter\n  function toggleLetter() {\n    const content = document.getElementById(\"customLetterContent\");\n    const toggleText = document.getElementById(\"customToggleText\");\n    const box = document.getElementById(\"customLetterBox\");\n    if (!content || !toggleText || !box) return;\n\n    content.classList.toggle(\"show\");\n    box.classList.toggle(\"expanded\");\n    toggleText.textContent = content.classList.contains(\"show\")\n      ? \"Close letter \u2192\"\n      : \"Read letter \u2192\";\n  }\n\n  \/\/ Bind click on the letter box\n  const letterBox = document.getElementById(\"customLetterBox\");\n  if (letterBox && !letterBox.dataset.restek40Bound) {\n    letterBox.dataset.restek40Bound = \"1\";\n    letterBox.addEventListener(\"click\", function (event) {\n      if (event.target.closest(\".custom-letter-thumbnail\")) return;\n      toggleLetter();\n    });\n  }\n\n  \/\/ Bind click on the \"Close letter\" link inside the content\n  const closeLink = document.querySelector(\"#customLetterContent a\");\n  if (closeLink && !closeLink.dataset.restek40Bound) {\n    closeLink.dataset.restek40Bound = \"1\";\n    closeLink.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      toggleLetter();\n    });\n  }\n\n  \/\/ Video overlays (delegation; works for dynamically injected nodes)\n  if (!document.body.dataset.restek40VideoBound) {\n    document.body.dataset.restek40VideoBound = \"1\";\n    document.body.addEventListener(\"click\", function (e) {\n      const thumb = e.target.closest(\".video-thumbnail\");\n      if (thumb) {\n        const videoId = thumb.getAttribute(\"data-video-id\");\n        const iframe = document.getElementById(\"youtubePlayer\");\n        const overlay = document.getElementById(\"videoOverlay\");\n        if (iframe && overlay && videoId) {\n          iframe.src = `https:\/\/www.youtube.com\/embed\/${encodeURIComponent(videoId)}?autoplay=1&rel=0`;\n          overlay.style.display = \"flex\";\n        }\n        return;\n      }\n\n      const trioThumb = e.target.closest(\".video-thumbnail-trio\");\n      if (trioThumb) {\n        const videoId = trioThumb.getAttribute(\"data-video-id\");\n        const iframe = document.getElementById(\"youtubePlayerTrio\");\n        const overlay = document.getElementById(\"videoOverlayTrio\");\n        if (iframe && overlay && videoId) {\n          iframe.src = `https:\/\/www.youtube.com\/embed\/${encodeURIComponent(videoId)}?autoplay=1&rel=0`;\n          overlay.style.display = \"flex\";\n        }\n        return;\n      }\n\n      if (e.target.closest(\".close-btn, .close-text\")) {\n        const iframe1 = document.getElementById(\"youtubePlayer\");\n        const overlay1 = document.getElementById(\"videoOverlay\");\n        const iframe2 = document.getElementById(\"youtubePlayerTrio\");\n        const overlay2 = document.getElementById(\"videoOverlayTrio\");\n        if (iframe1 && overlay1) { iframe1.src = \"\"; overlay1.style.display = \"none\"; }\n        if (iframe2 && overlay2) { iframe2.src = \"\"; overlay2.style.display = \"none\"; }\n      }\n    });\n  }\n\n  \/\/ Carousel (guard so we don\u2019t clone\/animate twice)\n  const track = document.getElementById(\"carouselTrack\");\n  const wrapper = document.getElementById(\"carouselWrapper\");\n  if (track && wrapper && !wrapper.dataset.restek40Carousel) {\n    wrapper.dataset.restek40Carousel = \"1\";\n    const clone = track.cloneNode(true);\n    wrapper.appendChild(clone);\n\n    let position = 0;\n    (function animate() {\n      position -= 0.5;\n      wrapper.style.transform = `translateX(${position}px)`;\n      if (Math.abs(position) >= track.offsetWidth) position = 0;\n      requestAnimationFrame(animate);\n    })();\n  }\n\n  \/* === Your page logic END === *\/\n}\n\n\/************************************************************\n * 2) Run on initial load (handles normal page loads)\n ************************************************************\/\nif (document.readyState === \"loading\") {\n  document.addEventListener(\"DOMContentLoaded\", initRestek40, { once: true });\n} else {\n  initRestek40();\n}\n\n\/************************************************************\n * 3) Run on bfcache restores (Back\/Forward navigation)\n ************************************************************\/\nwindow.addEventListener(\"pageshow\", function (e) {\n  if (e.persisted) {\n    delete document.documentElement.dataset.restek40Init;\n    initRestek40();\n  }\n});\n\n\/************************************************************\n * 4) Run on SPA navigations (History API hook)\n ************************************************************\/\n(function () {\n  if (window.__restek40PatchedHistory) return;\n  window.__restek40PatchedHistory = true;\n\n  const _ps = history.pushState;\n  const _rs = history.replaceState;\n  const fire = () => window.dispatchEvent(new Event(\"locationchange\"));\n\n  history.pushState = function () { _ps.apply(this, arguments); fire(); };\n  history.replaceState = function () { _rs.apply(this, arguments); fire(); };\n  window.addEventListener(\"popstate\", fire);\n})();\n\nwindow.addEventListener(\"locationchange\", function () {\n  delete document.documentElement.dataset.restek40Init;\n  initRestek40();\n});\n\n\/************************************************************\n * 5) Re-init if key elements are injected later\n ************************************************************\/\n(function () {\n  const targets = [\"customLetterBox\", \"carouselTrack\", \"carouselWrapper\"];\n  const mo = new MutationObserver(() => {\n    if (targets.some(id => document.getElementById(id))) {\n      delete document.documentElement.dataset.restek40Init;\n      initRestek40();\n    }\n  });\n  mo.observe(document.documentElement, { childList: true, subtree: true });\n})();\n\n\/\/ elf.js\nconst script = document.createElement('script');\nscript.src = 'https:\/\/elfsightcdn.com\/platform.js';\nscript.async = true;\ndocument.head.appendChild(script);\n\n<\/script>\n\n<\/body>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>C\u00e9l\u00e9brez avec nous les 40 ans de Restek ! Plongez dans quatre d\u00e9cennies d\u2019histoire de Restek et d\u00e9couvrez ce qui fait toute la singularit\u00e9 de cette entreprise.<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[462],"tags":[],"industries-application":[],"post-badge":[],"resource-type":[],"product-library":[],"resource-technique":[],"hf_cat_post":[],"ppma_author":[414],"class_list":["post-58705","post","type-post","status-publish","format-standard","hentry","category-articles-fr"],"acf":[],"taxonomy_info":{"category":[{"value":462,"label":"Articles"}]},"featured_image_src_large":false,"author_info":{"display_name":"Restek Corporation","author_link":"https:\/\/discover.restek.com\/fr\/author\/restek-corporation\/"},"comment_info":0,"category_info":[{"term_id":462,"name":"Articles","slug":"articles-fr","term_group":0,"term_taxonomy_id":462,"taxonomy":"category","description":"","parent":0,"count":467,"filter":"raw","cat_ID":462,"category_count":467,"category_description":"","cat_name":"Articles","category_nicename":"articles-fr","category_parent":0}],"tag_info":false,"authors":[{"term_id":414,"user_id":11,"is_guest":0,"slug":"restek-corporation","display_name":"Restek Corporation","avatar_url":{"url":"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek_Favicon_300x300.jpg","url2x":"https:\/\/discover.restek.com\/wp-content\/uploads\/Restek_Favicon_300x300.jpg"},"0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/posts\/58705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/comments?post=58705"}],"version-history":[{"count":16,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/posts\/58705\/revisions"}],"predecessor-version":[{"id":90068,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/posts\/58705\/revisions\/90068"}],"wp:attachment":[{"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/media?parent=58705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/categories?post=58705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/tags?post=58705"},{"taxonomy":"industries-application","embeddable":true,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/industries-application?post=58705"},{"taxonomy":"post-badge","embeddable":true,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/post-badge?post=58705"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/resource-type?post=58705"},{"taxonomy":"product-library","embeddable":true,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/product-library?post=58705"},{"taxonomy":"resource-technique","embeddable":true,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/resource-technique?post=58705"},{"taxonomy":"hf_cat_post","embeddable":true,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/hf_cat_post?post=58705"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/discover.restek.com\/fr\/wp-json\/wp\/v2\/ppma_author?post=58705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}