{"id":1237,"date":"2026-04-07T11:14:33","date_gmt":"2026-04-07T11:14:33","guid":{"rendered":"http:\/\/yieou.com\/?page_id=1237"},"modified":"2026-09-24T03:23:47","modified_gmt":"2026-09-24T03:23:47","slug":"exhibitions","status":"publish","type":"page","link":"https:\/\/yieou.com\/fr\/exhibitions\/","title":{"rendered":"Expositions"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1237\" class=\"elementor elementor-1237\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46c68cf e-con-full e-flex e-con e-parent\" data-id=\"46c68cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c44c7ed elementor-widget elementor-widget-html\" data-id=\"c44c7ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"utf-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n  <meta name=\"description\" content=\"Explorez YIEOU lors des salons de l&#039;industrie \u00e9lectrique et d\u00e9couvrez nos solutions d&#039;accessoires de c\u00e2bles en personne.\">\r\n  <title>Expositions | YIEOU<\/title>\r\n  <script>document.documentElement.classList.add('js');<\/script>\r\n  <style>\r\n    :root {\r\n      --navy: #06132f;\r\n      --navy-2: #091d45;\r\n      --blue: #2458e6;\r\n      --electric: #5a8cff;\r\n      --ice: #dce8ff;\r\n      --white: #f7f9ff;\r\n      --muted: #aab9d6;\r\n      --line: rgba(190, 211, 255, .17);\r\n      --page: min(92vw, 1380px);\r\n      --ease: cubic-bezier(.16, 1, .3, 1);\r\n    }\r\n\r\n    * { box-sizing: border-box; }\r\n    html { scroll-behavior: smooth; }\r\n    body {\r\n      margin: 0;\r\n      color: var(--white);\r\n      background: var(--navy);\r\n      font-family: Inter, \"Helvetica Neue\", \"Microsoft YaHei\", Arial, sans-serif;\r\n      overflow-x: hidden;\r\n    }\r\n    body::before {\r\n      content: \"\";\r\n      position: fixed;\r\n      inset: 0;\r\n      z-index: -2;\r\n      background:\r\n        radial-gradient(circle at 82% 12%, rgba(55, 105, 229, .24), transparent 30rem),\r\n        linear-gradient(145deg, #071632, #040d22 68%);\r\n    }\r\n    a { color: inherit; }\r\n    img { display: block; max-width: 100%; }\r\n    button, a { -webkit-tap-highlight-color: transparent; }\r\n\r\n    .skip-link {\r\n      position: fixed;\r\n      top: 10px;\r\n      left: 10px;\r\n      z-index: 1000;\r\n      padding: 10px 14px;\r\n      color: #06132f;\r\n      background: #fff;\r\n      transform: translateY(-150%);\r\n    }\r\n    .skip-link:focus { transform: translateY(0); }\r\n\r\n    .hero {\r\n      min-height: 100svh;\r\n      position: relative;\r\n      display: grid;\r\n      align-items: end;\r\n      overflow: hidden;\r\n      isolation: isolate;\r\n    }\r\n    .hero__image {\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -3;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      scale: 1.08;\r\n      animation: heroReveal 1.8s var(--ease) forwards;\r\n    }\r\n    .hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -2;\r\n      background:\r\n        linear-gradient(90deg, rgba(2, 10, 29, .94) 0%, rgba(2, 10, 29, .46) 54%, rgba(2, 10, 29, .14)),\r\n        linear-gradient(0deg, #06132f 0%, transparent 45%);\r\n    }\r\n    .hero::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: -1;\r\n      opacity: .22;\r\n      background-image:\r\n        linear-gradient(rgba(158,188,255,.2) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(158,188,255,.2) 1px, transparent 1px);\r\n      background-size: 72px 72px;\r\n      mask-image: linear-gradient(to right, #000, transparent 72%);\r\n    }\r\n    .hero__inner {\r\n      width: var(--page);\r\n      margin: auto;\r\n      padding: 150px 0 clamp(70px, 11vh, 126px);\r\n    }\r\n    .eyebrow {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 13px;\r\n      margin: 0 0 22px;\r\n      color: #cbdcff;\r\n      font-size: .78rem;\r\n      font-weight: 650;\r\n      letter-spacing: .2em;\r\n      text-transform: uppercase;\r\n    }\r\n    .eyebrow::before { content: \"\"; width: 34px; height: 1px; background: var(--electric); }\r\n    .hero h1 {\r\n      max-width: 1000px;\r\n      margin: 0;\r\n      font-size: clamp(4rem, 12vw, 11rem);\r\n      font-weight: 780;\r\n      line-height: .82;\r\n      letter-spacing: -.065em;\r\n      text-transform: uppercase;\r\n      color: #ffffff;\r\n    }\r\n    .hero h1 span { display: block; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.68); }\r\n    .hero__bottom {\r\n      max-width: 900px;\r\n      margin-top: clamp(30px, 6vh, 62px);\r\n      display: grid;\r\n      grid-template-columns: minmax(260px, 560px) 1fr;\r\n      gap: 34px;\r\n      align-items: end;\r\n    }\r\n    .hero__lead { margin: 0; font-size: clamp(1.05rem, 1.6vw, 1.4rem); line-height: 1.65; color: rgba(255,255,255,.8); }\r\n    .scroll-cue {\r\n      justify-self: end;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      color: rgba(255,255,255,.62);\r\n      font-size: .72rem;\r\n      letter-spacing: .18em;\r\n      text-transform: uppercase;\r\n    }\r\n    .scroll-cue i { width: 46px; height: 46px; position: relative; border: 1px solid rgba(255,255,255,.32); border-radius: 50%; }\r\n    .scroll-cue i::after { content: \"\u2193\"; position: absolute; inset: 0; display: grid; place-items: center; animation: cue 1.8s ease-in-out infinite; }\r\n\r\n    .intro {\r\n      width: var(--page);\r\n      margin: 0 auto;\r\n      padding: clamp(90px, 14vw, 190px) 0 clamp(70px, 10vw, 130px);\r\n      display: grid;\r\n      grid-template-rows: .7fr 1.3fr;\r\n    }\r\n    .section-index { color: #769cff; font-size: .78rem; letter-spacing: .17em; text-transform: uppercase; }\r\n    .intro h2 {\r\n      margin: 0;\r\n      font-size: clamp(2.2rem, 5.5vw, 5.6rem);\r\n      line-height: 1.04;\r\n      letter-spacing: -.04em;\r\n      font-weight: 650;\r\n    }\r\n    .intro h2 em { color: #89aaff; font-style: normal; }\r\n\r\n    .gallery { width: var(--page); margin: auto; }\r\n    .exhibit {\r\n      position: relative;\r\n      min-height: min(82svh, 920px);\r\n      margin-bottom: clamp(28px, 5vw, 72px);\r\n      overflow: hidden;\r\n      border: 1px solid var(--line);\r\n      border-radius: clamp(18px, 2.5vw, 34px);\r\n      background: #0a1938;\r\n      isolation: isolate;\r\n    }\r\n    .exhibit__image {\r\n      position: absolute;\r\n      inset: -6% 0;\r\n      width: 100%;\r\n      height: 112%;\r\n      object-fit: cover;\r\n      object-position: center;\r\n      transition: scale 1.2s var(--ease), filter .6s ease;\r\n      will-change: transform;\r\n    }\r\n    .exhibit::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      inset: 0;\r\n      z-index: 1;\r\n      background: linear-gradient(180deg, rgba(3,10,27,.05) 25%, rgba(3,10,27,.89) 100%);\r\n      pointer-events: none;\r\n    }\r\n    .exhibit::after {\r\n      content: attr(data-number);\r\n      position: absolute;\r\n      top: clamp(18px, 3vw, 42px);\r\n      right: clamp(20px, 3vw, 44px);\r\n      z-index: 2;\r\n      color: rgba(255,255,255,.64);\r\n      font-size: .8rem;\r\n      letter-spacing: .16em;\r\n    }\r\n    .exhibit:hover .exhibit__image { scale: 1.035; filter: saturate(1.08); }\r\n    .exhibit__caption {\r\n      position: absolute;\r\n      inset: auto clamp(24px, 5vw, 72px) clamp(25px, 5vw, 66px);\r\n      z-index: 3;\r\n      display: grid;\r\n      grid-template-columns: minmax(250px, 1fr) minmax(220px, 390px);\r\n      gap: 40px;\r\n      align-items: end;\r\n    }\r\n    .exhibit__label { display: block; margin-bottom: 14px; color: #a9c1ff; font-size: .74rem; letter-spacing: .17em; text-transform: uppercase; }\r\n    .exhibit h3 {\r\n      margin: 0;\r\n      max-width: 680px;\r\n      color: rgba(255,255,255,.84);\r\n      font-size: clamp(1.75rem, 3.8vw, 4rem);\r\n      line-height: 1.06;\r\n      letter-spacing: -.035em;\r\n      font-weight: 560;\r\n      text-shadow: 0 4px 24px rgba(2, 9, 25, .28);\r\n    }\r\n    .exhibit p {\r\n      max-height: 0;\r\n      margin: 0;\r\n      overflow: hidden;\r\n      color: rgba(255,255,255,.78);\r\n      font-size: 1rem;\r\n      line-height: 1.65;\r\n      opacity: 0;\r\n      visibility: hidden;\r\n      transform: translateY(18px);\r\n      transition:\r\n        max-height .65s var(--ease),\r\n        opacity .45s ease,\r\n        transform .65s var(--ease),\r\n        visibility 0s linear .65s;\r\n    }\r\n    .exhibit:hover p,\r\n    .exhibit:focus-visible p,\r\n    .exhibit:focus-within p {\r\n      max-height: 9rem;\r\n      opacity: 1;\r\n      visibility: visible;\r\n      transform: translateY(0);\r\n      transition-delay: 0s;\r\n    }\r\n    .exhibit:focus-visible {\r\n      outline: 2px solid #91b1ff;\r\n      outline-offset: 4px;\r\n    }\r\n\r\n    .gallery-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: clamp(20px, 3vw, 42px);\r\n    }\r\n    .gallery-grid .exhibit {\r\n      height: clamp(580px, 76svh, 760px);\r\n      min-height: 0;\r\n    }\r\n    .gallery-grid .exhibit__caption { grid-template-columns: 1fr; gap: 18px; }\r\n    .gallery-grid .exhibit h3 { font-size: clamp(1.55rem, 2.5vw, 2.75rem); }\r\n\r\n    .closing {\r\n      width: var(--page);\r\n      margin: clamp(80px, 13vw, 180px) auto 0;\r\n      padding: clamp(68px, 10vw, 130px) clamp(28px, 7vw, 100px);\r\n      position: relative;\r\n      overflow: hidden;\r\n      border-top: 1px solid var(--line);\r\n      text-align: center;\r\n    }\r\n    .closing::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      width: 420px;\r\n      height: 420px;\r\n      left: 50%;\r\n      bottom: -360px;\r\n      border-radius: 50%;\r\n      background: #3568ec;\r\n      filter: blur(55px);\r\n      translate: -50%;\r\n      opacity: .55;\r\n    }\r\n    .closing h2 { position: relative; margin: 0 auto 24px; max-width: 920px; font-size: clamp(2.6rem, 6.5vw, 6.8rem); line-height: .98; letter-spacing: -.055em; }\r\n    .closing p { position: relative; margin: 0 auto 34px; max-width: 580px; color: var(--muted); font-size: 1.05rem; line-height: 1.7; }\r\n    .button {\r\n      position: relative;\r\n      display: inline-flex;\r\n      min-height: 54px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 0 25px;\r\n      border-radius: 999px;\r\n      background: #fff;\r\n      color: #091737;\r\n      font-size: .78rem;\r\n      font-weight: 750;\r\n      letter-spacing: .13em;\r\n      text-decoration: none;\r\n      text-transform: uppercase;\r\n      transition: transform .25s ease, box-shadow .25s ease;\r\n    }\r\n    .button:hover, .button:focus-visible { \r\n        transform: translateY(-3px); box-shadow: 0 16px 38px rgba(38,88,230,.3);\r\n        color:#091737;\r\n        \r\n    }\r\n    .footer {\r\n      width: var(--page);\r\n      min-height: 110px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 24px;\r\n      border-top: 1px solid var(--line);\r\n      color: #7e90b1;\r\n      font-size: .75rem;\r\n      letter-spacing: .08em;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .reveal { opacity: 1; transform: none; }\r\n    .js .reveal {\r\n      opacity: 0;\r\n      transform: translateY(44px);\r\n      transition: opacity .9s var(--ease), transform .9s var(--ease);\r\n    }\r\n    .js .reveal.is-visible { opacity: 1; transform: translateY(0); }\r\n    .js .hero .eyebrow, .js .hero h1, .js .hero__bottom {\r\n      opacity: 0;\r\n      transform: translateY(32px);\r\n      animation: intro .9s var(--ease) forwards;\r\n    }\r\n    .js .hero h1 { animation-delay: .15s; }\r\n    .js .hero__bottom { animation-delay: .3s; }\r\n    @keyframes heroReveal { to { scale: 1; } }\r\n    @keyframes intro { to { opacity: 1; transform: translateY(0); } }\r\n    @keyframes cue { 0%,100% { transform: translateY(-3px); } 50% { transform: translateY(4px); } }\r\n\r\n    @media (max-width: 820px) {\r\n      .hero__inner { padding-bottom: 62px; }\r\n      .hero h1 { font-size: clamp(3.5rem, 17vw, 6.6rem); }\r\n      .hero__bottom, .intro, .exhibit__caption { grid-template-columns: 1fr; }\r\n      .scroll-cue { display: none; }\r\n      .intro { gap: 28px; }\r\n      .gallery-grid { grid-template-columns: 1fr; }\r\n      .exhibit, .gallery-grid .exhibit { min-height: 70svh; }\r\n      .gallery-grid .exhibit { height: 70svh; min-height: 540px; }\r\n      .exhibit__caption { gap: 18px; }\r\n      .footer { flex-direction: column; justify-content: center; text-align: center; }\r\n    }\r\n\r\n    @media (max-width: 520px) {\r\n      :root { --page: min(92vw, 1380px); }\r\n      .hero { min-height: 92svh; }\r\n      .hero h1 { font-size: clamp(3rem, 17.5vw, 5.5rem); line-height: .86; }\r\n      .hero__lead { font-size: 1rem; }\r\n      .exhibit, .gallery-grid .exhibit { min-height: 64svh; }\r\n      .gallery-grid .exhibit { height: 64svh; min-height: 480px; }\r\n      .exhibit__caption { inset: auto 22px 24px; }\r\n      .exhibit p { font-size: .93rem; }\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      html { scroll-behavior: auto; }\r\n      *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }\r\n      .js .reveal, .js .hero .eyebrow, .js .hero h1, .js .hero__bottom { opacity: 1; transform: none; }\r\n      .exhibit__image { transform: none !important; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <a class=\"skip-link\" href=\"#main\">Passer au contenu<\/a>\r\n\r\n  <main id=\"main\">\r\n    <section class=\"hero\" aria-labelledby=\"page-title\">\r\n      <img decoding=\"async\" class=\"hero__image\" src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-exhibition.webp\" alt=\"Stand d&#039;exposition YIEOU accueillant les visiteurs\" fetchpriority=\"high\">\r\n      <div class=\"hero__inner\">\r\n        <p class=\"eyebrow\">YIEOU \u00b7 Autour du monde<\/p>\r\n        <h1 id=\"page-title\">Rendez-vous <span>en personne.<\/span><\/h1>\r\n        <div class=\"hero__bottom\">\r\n          <p class=\"hero__lead\">Des d\u00e9monstrations de produits aux conversations techniques, nos expositions rapprochent les solutions d'accessoires de c\u00e2bles YIEOU des clients et partenaires du monde entier.<\/p>\r\n          <span class=\"scroll-cue\">Explorer <i aria-hidden=\"true\"><\/i><\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"intro reveal\" aria-labelledby=\"gallery-heading\">\r\n      <span class=\"section-index\">01 \u2014 Moments d'exposition<\/span>\r\n      <h2 id=\"gallery-heading\" style=\"color:white\">O\u00f9 produits, expertise et <em>Les gens se connectent.<\/em><\/h2>\r\n    <\/section>\r\n\r\n    <section class=\"gallery\" aria-label=\"Galerie d&#039;exposition YIEOU\">\r\n      <article class=\"exhibit reveal\" data-number=\"01 \/ 04\" tabindex=\"0\">\r\n        <img decoding=\"async\" class=\"exhibit__image\" src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-exhibition.webp\" alt=\"Visiteurs rencontrant l&#039;\u00e9quipe YIEOU lors d&#039;un salon de l&#039;industrie \u00e9lectrique\" loading=\"eager\">\r\n        <div class=\"exhibit__caption\">\r\n          <div>\r\n            <span class=\"exhibit__label\">Pr\u00e9sence mondiale<\/span>\r\n            <h3>Connexion en personne<\/h3>\r\n          <\/div>\r\n          <p>Chaque exposition est une occasion de comprendre les besoins r\u00e9els des projets, de partager l'exp\u00e9rience d'application et de construire des partenariats durables.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <div class=\"gallery-grid\">\r\n        <article class=\"exhibit reveal\" data-number=\"02 \/ 04\" tabindex=\"0\">\r\n          <img decoding=\"async\" class=\"exhibit__image\" src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-trade-show-indoor-booth-display.webp\" alt=\"Stand d&#039;exposition int\u00e9rieur et pr\u00e9sentoir de produits YIEOU\" loading=\"lazy\">\r\n          <div class=\"exhibit__caption\">\r\n            <div>\r\n              <span class=\"exhibit__label\">Exp\u00e9rience de stand<\/span>\r\n              <h3>Solutions expos\u00e9es<\/h3>\r\n            <\/div>\r\n            <p>Un regard plus attentif sur les mat\u00e9riaux, la construction et les d\u00e9tails de notre gamme d'accessoires pour c\u00e2bles d'alimentation.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"exhibit reveal\" data-number=\"03 \/ 04\" tabindex=\"0\">\r\n          <img decoding=\"async\" class=\"exhibit__image\" src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-2023-electrical-industry-expo-booth.webp\" alt=\"Le stand YIEOU \u00e0 l&#039;exposition de l&#039;industrie \u00e9lectrique 2023\" loading=\"lazy\">\r\n          <div class=\"exhibit__caption\">\r\n            <div>\r\n              <span class=\"exhibit__label\">\u00c9change sectoriel \u00b7 2023<\/span>\r\n              <h3>Con\u00e7u pour le terrain<\/h3>\r\n            <\/div>\r\n            <p>Notre \u00e9quipe \u00e9change des id\u00e9es avec des ing\u00e9nieurs, des distributeurs et des professionnels de l'\u00e9nergie de tout le secteur.<\/p>\r\n          <\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <article class=\"exhibit reveal\" data-number=\"04 \/ 04\" tabindex=\"0\">\r\n        <img decoding=\"async\" class=\"exhibit__image\" src=\"https:\/\/yieou.com\/wp-content\/uploads\/2026\/05\/yieou-exhibition-hall-cable-accessories-display.webp\" alt=\"Accessoires de c\u00e2ble expos\u00e9s dans le hall d&#039;exposition YIEOU\" loading=\"lazy\">\r\n        <div class=\"exhibit__caption\">\r\n          <div>\r\n            <span class=\"exhibit__label\">Pr\u00e9sentation des produits<\/span>\r\n            <h3>D\u00e9tails que vous pouvez explorer<\/h3>\r\n          <\/div>\r\n          <p>Les visiteurs de l'exposition peuvent comparer les produits directement et discuter avec notre \u00e9quipe des sp\u00e9cifications, des applications et des exigences du projet.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n    <\/section>\r\n\r\n    <section class=\"closing reveal\" aria-labelledby=\"closing-title\">\r\n      <p class=\"eyebrow\" style=\"justify-content:center\">Rencontrons-nous<\/p>\r\n      <h2 id=\"closing-title\" style=\"color:white\">Venez d\u00e9couvrir YIEOU lors de notre prochaine exposition.<\/h2>\r\n      <p>Discutez avec nos sp\u00e9cialistes, explorez les produits de pr\u00e8s et d\u00e9terminez la solution d'accessoires de c\u00e2bles adapt\u00e9e \u00e0 votre application.<\/p>\r\n      <a class=\"button\" href=\"\/fr\/contact-us\/\">Bonjour ! Comment allez-vous aujourd'hui ?<\/a>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <footer class=\"footer\">\r\n    <span>\u00a9 <span id=\"year\"><\/span> YIEOU. Tous droits r\u00e9serv\u00e9s.<\/span>\r\n    <span>Connexions d'alimentation \u00b7 Con\u00e7u avec confiance<\/span>\r\n  <\/footer>\r\n\r\n  <script>\r\n    (() => {\r\n      const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n      const revealItems = document.querySelectorAll('.reveal');\r\n      const parallaxImages = document.querySelectorAll('.exhibit__image');\r\n\r\n      document.getElementById('year').textContent = new Date().getFullYear();\r\n\r\n      if ('IntersectionObserver' in window) {\r\n        const observer = new IntersectionObserver((entries) => {\r\n          entries.forEach((entry) => {\r\n            if (entry.isIntersecting) {\r\n              entry.target.classList.add('is-visible');\r\n              observer.unobserve(entry.target);\r\n            }\r\n          });\r\n        }, { threshold: .14, rootMargin: '0px 0px -7% 0px' });\r\n        revealItems.forEach((item) => observer.observe(item));\r\n      } else {\r\n        revealItems.forEach((item) => item.classList.add('is-visible'));\r\n      }\r\n\r\n      if (!reduceMotion) {\r\n        let ticking = false;\r\n        const updateParallax = () => {\r\n          const vh = window.innerHeight;\r\n          parallaxImages.forEach((image) => {\r\n            const rect = image.parentElement.getBoundingClientRect();\r\n            if (rect.bottom > 0 && rect.top < vh) {\r\n              const progress = (rect.top + rect.height \/ 2 - vh \/ 2) \/ vh;\r\n              image.style.transform = `translate3d(0, ${progress * -34}px, 0)`;\r\n            }\r\n          });\r\n          ticking = false;\r\n        };\r\n        window.addEventListener('scroll', () => {\r\n          if (!ticking) {\r\n            requestAnimationFrame(updateParallax);\r\n            ticking = true;\r\n          }\r\n        }, { passive: true });\r\n        updateParallax();\r\n      }\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>Exhibitions | YIEOU Skip to content YIEOU \u00b7 Around the world Meet us in person. From product demonstrations to technical [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1237","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/yieou.com\/fr\/wp-json\/wp\/v2\/pages\/1237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yieou.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yieou.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yieou.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yieou.com\/fr\/wp-json\/wp\/v2\/comments?post=1237"}],"version-history":[{"count":37,"href":"https:\/\/yieou.com\/fr\/wp-json\/wp\/v2\/pages\/1237\/revisions"}],"predecessor-version":[{"id":3389,"href":"https:\/\/yieou.com\/fr\/wp-json\/wp\/v2\/pages\/1237\/revisions\/3389"}],"wp:attachment":[{"href":"https:\/\/yieou.com\/fr\/wp-json\/wp\/v2\/media?parent=1237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}