<turbo-stream action="update" target="program_collection_homepage"><template><div class="hidden"
     data-controller="integrations"
     data-integrations-facebook-pixel-enabled-value="true"
     data-integrations-google-tag-manager-enabled-value="true"
     data-integrations-google-analytics-enabled-value="true"
>
  <span class="hidden"
        data-integrations-target="gTag"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Explorez les émotions&quot;]'
  ></span>
  <span class="hidden"
        data-integrations-target="fbPx"
        data-event="ViewContent"
        data-payload-attributes='["content_name"]'
        data-payload-values='[&quot;Explorez les émotions&quot;]'
  ></span>
</div>

<div class="collection pt-0 lg:pt-4">
    <div
      class='container hotwired'
      id="collection_cover"
      data-controller="program program-details-modal"
      data-program-id="733662"
      data-blocked-in-user-country="false"
    >
      
<ds-modal no-background="" size="small" with-close-icon id="more-details-modal" data-action="close->program-details-modal#closeDetailModal">
  <div class="bg-ds-default">
    <div class="p-6 pb-0 max-h-[calc(100vh-190px)] overflow-y-auto">
      <p class="text-ds-default text-ds-large-bold mb-4">Explorez les émotions</p>
      <p class="text-ds-small-semi-bold-uppercase text-ds-muted mb-4">À propos</p>
      <div class="content-description text-ds-base-regular text-ds-default mb-6" data-program-details-modal-target="modalContent"></div>
      <div class="p-4 bg-ds-overlay flex flex-col gap-2 rounded overflow-x-auto">
        <div class="flex w-full gap-2">
          <div class="text-ds-small-medium text-ds-default w-[100px]">Publié</div>
          <div class="text-ds-small-regular text-ds-default">octobre 2020</div>
        </div>
          <div class="flex w-full gap-2">
              <div class="text-ds-small-medium text-ds-default w-[100px] shrink-0">Catégories</div>
            <div class="flex flex-col w-full">
                <div class="flex">
                  <a
                    class="shrink-0 text-primary text-ds-small-medium inline-block mr-1"
                    target="_blank"
                    href="/categories/bien-etre"
                    data-turbo-frame="_top"
                  >
                    Bien-être
                  </a>
                  <span class="shrink-0 inline-block text-ds-small-regular text-ds-muted">
                    (480 vidéos)
                  </span>
                </div>
            </div>
          </div>
      </div>
    </div>
    <div class="text-right p-6 pt-2">
      <ds-button variant="primary" onclick="document.getElementById('more-details-modal').close()">Fermer</ds-button>
    </div>
  </div>
</ds-modal>

<div class="flex flex-col lg:flex-row gap-x-12 mb-6 lg:mb-0">
    <div class="h-full w-full lg:w-[55%] relative">
        <img
          src="https://alpha.uscreencdn.com/images/programs/733662/horizontal/16427_2Fcatalog_image_2F733662_2FjzOxmA4ER1GUcC1c4wSA_vignette_20catalogue.jpg?auto=webp&width=700"
          srcset="https://alpha.uscreencdn.com/images/programs/733662/horizontal/16427_2Fcatalog_image_2F733662_2FjzOxmA4ER1GUcC1c4wSA_vignette_20catalogue.jpg?auto=webp&width=700,
                  https://alpha.uscreencdn.com/images/programs/733662/horizontal/16427_2Fcatalog_image_2F733662_2FjzOxmA4ER1GUcC1c4wSA_vignette_20catalogue.jpg?auto=webp&width=1050 2x"
          alt="Explorez les émotions"
          class="aspect-video rounded h-auto w-full"
        >
    </div>
  <div id="program_about" class="w-full lg:w-[45%] lg:mb-5">
      <p class="text-primary text-ds-tiny-bold-uppercase mb-1 mt-4 lg:mt-0">
        <ds-icon class="inline-block align-sub" size="16px" name='playlist'></ds-icon> Collection
      </p>
      <h1 class="text-ds-title-2-semi-bold mt-2 lg:mt-0">
        Explorez les émotions
      </h1>
      <div class="mt-2">
        <span class="inline-block">
            <ds-avatar
              style="--ds-avatar-size: 1.5rem;"
              class="inline-block "
              size="xxxs"
              url=""
              text="Bruno Surace">
            </ds-avatar>
            <ds-avatar
              style="--ds-avatar-size: 1.5rem;"
              class="inline-block -ml-2"
              size="xxxs"
              url=""
              text="Kevin Finel">
            </ds-avatar>
        </span>
        <span class="inline-block align-super text-ds-default text-ds-small-regular">
          Bruno Surace
            + 1
        </span>
      </div>
    <div class="mt-4 text-ds-small-regular">
      <div aria-expanded=true class="content-description line-clamp-3 max-h-[60px] xl:line-clamp-[7] xl:max-h-[140px] xl:aria-expanded:line-clamp-[11] xl:aria-expanded:max-h-[220px]" data-program-details-modal-target="description">
        <div class="editor-content"><p>Dans ce thème, vous allez apprendre à explorer vos émotions différemment : l'auto-hypnose est un outil très riche qui permet à la fois de vivre les émotions que l'on souhaite vivre au moment où on le veut, mais aussi de savoir gérer et appréhender confortablement la palette d'émotions que l'on peut vivre au quotidien. À travers ce thème, vous allez apprendre à aimer toutes vos émotions : les positives, tout comme celles communément appelées "négatives". L'idée ici n'est pas de s'en débarrasser, mais au contraire de les apprivoiser pour les aimer et les rechercher. C'est parti !</p><p>🚀 Pour aller plus loin, nous vous invitons à découvrir les thèmes suivants :</p><ul><li><p>Thème <a target="_blank" rel="noopener noreferrer nofollow" href="https://app.psychonaute.fr/programs/hypersensibilite?category_id=61870&amp;_gl=1*5lm33j*_up*MQ..*_ga*MTIwMDgyNDQwMS4xNzIxMjA5MTcz*_ga_WDYVEXZGS2*MTcyMTIwOTE3Mi4xLjAuMTcyMTIwOTE3Mi4wLjAuMA">Hypersensibilité</a></p></li><li><p>Thème <a target="_blank" rel="noopener noreferrer nofollow" href="https://app.psychonaute.fr/programs/dependance-affective?category_id=61870&amp;_gl=1*q6muql*_up*MQ..*_ga*MTIwMDgyNDQwMS4xNzIxMjA5MTcz*_ga_WDYVEXZGS2*MTcyMTIwOTE3Mi4xLjAuMTcyMTIwOTE3Mi4wLjAuMA">Dépendance affective</a></p></li><li><p>Thème <a target="_blank" rel="noopener noreferrer nofollow" href="https://app.psychonaute.fr/programs/estime-de-soi?category_id=61870&amp;_gl=1*q6muql*_up*MQ..*_ga*MTIwMDgyNDQwMS4xNzIxMjA5MTcz*_ga_WDYVEXZGS2*MTcyMTIwOTE3Mi4xLjAuMTcyMTIwOTE3Mi4wLjAuMA">Estime de soi</a></p></li></ul></div>
      </div>
      <ds-button variant="text" data-action="click->program-details-modal#openDetailModal" class="cursor-pointer">En savoir plus</ds-button>
    </div>
    <div class="mt-4 flex flex-col sm:flex-row gap-2 ">
            <ds-dropdown data-test="subscriptions-list" float="center" sm="float:left" class="w-full">
              <ds-button class="w-full" slot="control" variant="primary" onclick="window.CatalogAnalytics('clickVideoCtaToSubscribe', '733662', 'sidebar', 'Abonnez-vous pour regarder')">
                  Abonnez-vous pour regarder
                <ds-icon slot="after" name="chevron-down"></ds-icon>
              </ds-button>
              <div
                slot="content"
                class="p-6 pt-4 w-screen max-w-screen-md sm:max-w-lg box-border sm:w-auto"
              >
                <p class="text-ds-small-regular mb-4">Choisissez un abonnement</p>
                  <a
                    href="/checkout/new?o=40204"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/40204/Rituels_de_passage.1657541002.jpg">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Chaque mois
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        Psychonaute - Abo Mensuel (7 jours offerts)
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            7 jours d&#39;essai gratuit
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            €19,99/mois après la période d’essai
                          </span>
                        </div>
                    </div>
                  </a>
                  <a
                    href="/checkout/new?o=40203"
                    data-turbo-frame="_top"
                    class="mb-4 last:mb-0 rounded w-full border border-solid border-ds-default flex hover:opacity-70 transition-opacity"
                  >
                      <div class="h-[4rem] sm:h-[7rem] max-w-[112px] w-full sm:max-w-[192px] flex shrink-0">
                        <img class="h-full max-w-full max-h-full rounded-l mr-auto" src="https://alpha.uscreencdn.com/images/offer/40203/Rituels_de_passage.1657541052.jpg">
                      </div>
                    <div class="py-1 px-2 sm:px-3 sm:py-3 flex flex-col items-start justify-center w-full">
                      <p class="text-ds-tiny-bold-uppercase text-primary">
                        Chaque année
                      </p>
                      <p class="!hidden sm:!block text-ds-tiny-regular mb-1 max-x-[2rem] overflow-hidden">
                        Psychonaute - Abo Annuel (7 jours offerts)
                      </p>
                        <div class="flex flex-col items-start">
                          <span class="text-ds-base-semi-bold">
                            7 jours d&#39;essai gratuit
                          </span>
                          <span class="text-ds-tiny-regular text-ds-muted sm:whitespace-nowrap">
                            €191,88/an après la période d’essai
                          </span>
                        </div>
                    </div>
                  </a>
              </div>
            </ds-dropdown>
    </div>
  </div>
</div>

    </div>

  <div class="collection-videos relative bg-ds-inset border-y border-ds-default mt-4" id="program_playlist">
    <div class="container">
      <div
        class="py-8"
        data-area="playlist"
        data-controller="playlist-modal"
        data-playlist-modal-root-url-value="https://app.psychonaute.fr"
      >
          <ds-modal
            id="free-video-modal"
            size="large"
            with-close-icon
            close-icon-in-backdrop
            no-background
            
            data-action="close->playlist-modal#stopVideo"
            data-playlist-modal-target="modal"
          >
            <div data-controller="integrations"
                 data-integrations-facebook-pixel-enabled-value="true"
                 data-integrations-google-tag-manager-enabled-value="true"
                 data-integrations-google-analytics-enabled-value="true"
                 class="bg-ds-subtle"
            >
              <turbo-frame id="free_program"></turbo-frame>            </div>
          </ds-modal>

        <div class="flex items-center justify-between mb-5">
          <p class="collection-videos-counter text-ds-tiny-semi-bold-uppercase" data-area="counter">
            <ds-icon size="16px" class="pr-1 inline-block align-bottom" name='playlist'></ds-icon>
            Vidéos (24)
          </p>
        </div>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            Introduction
          </div>
            <ds-swiper
              initial-slide="0"
              class="md:hidden"
              md="disabled:true"
              overflow-visible
              options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
            >
                <swiper-slide>
                    <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="les-emotions"
    data-playlist-modal-item-id-param="1457634"
    data-playlist-modal-subject-permalink-param="hmp4-32fdf1"
    class="content-item block cursor-pointer swiper-slide"
    data-cid="1457634"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Introduction au thème Explorez les émotions" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769718/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769718/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769718/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769718/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">08:48</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Introduction au thème Explorez les émotions">Introduction au thème Explorez les émotions</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </a>

                </swiper-slide>
            </ds-swiper>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            Chapitre 1
          </div>
            <ds-swiper
              initial-slide="0"
              class="md:hidden"
              md="disabled:true"
              overflow-visible
              options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
            >
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457636">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Jouer avec ses émotions" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769716/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769716/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769716/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769716/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">04:50</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Jouer avec ses émotions">Jouer avec ses émotions</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457637">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 1 : Sous-modalités de mes émotions" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769713/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769713/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769713/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769713/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">09:16</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 1 : Sous-modalités de mes émotions">Audio 1 : Sous-modalités de mes émotions</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457638">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 2 : Ancrage d&#39;une émotion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769717/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769717/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769717/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769717/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">07:00</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 2 : Ancrage d&#39;une émotion">Audio 2 : Ancrage d&#39;une émotion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457659">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 3 : Empilement d&#39;émotions" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769822/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769822/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769822/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769822/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">09:39</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 3 : Empilement d&#39;émotions">Audio 3 : Empilement d&#39;émotions</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457660">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Conclusion du chapitre jouer avec ses émotions" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769821/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769821/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769821/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769821/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">02:59</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Conclusion du chapitre jouer avec ses émotions">Conclusion du chapitre jouer avec ses émotions</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
            </ds-swiper>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            Chapitre 2
          </div>
            <ds-swiper
              initial-slide="0"
              class="md:hidden"
              md="disabled:true"
              overflow-visible
              options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
            >
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457662">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Explorer ses peurs" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769820/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769820/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769820/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769820/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">13:32</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Explorer ses peurs">Explorer ses peurs</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457663">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 1 : Rencontre avec la peur" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769818/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769818/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769818/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769818/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:41</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 1 : Rencontre avec la peur">Audio 1 : Rencontre avec la peur</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457664">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 2 : Trouver le besoin derrière la peur" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769817/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769817/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769817/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769817/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:28</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 2 : Trouver le besoin derrière la peur">Audio 2 : Trouver le besoin derrière la peur</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457665">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 3 : Franchir la peur" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769819/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769819/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769819/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769819/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">10:25</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 3 : Franchir la peur">Audio 3 : Franchir la peur</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457666">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Conclusion du chapitre explorer ses peurs" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769816/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769816/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769816/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769816/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">05:28</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Conclusion du chapitre explorer ses peurs">Conclusion du chapitre explorer ses peurs</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
            </ds-swiper>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            Chapitre 3
          </div>
            <ds-swiper
              initial-slide="0"
              class="md:hidden"
              md="disabled:true"
              overflow-visible
              options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
            >
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457668">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="La Caverne aux Mille Démons" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769834/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769834/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769834/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769834/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:06</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="La Caverne aux Mille Démons">La Caverne aux Mille Démons</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457669">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 1 : La Caverne aux Mille Démons" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769833/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769833/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769833/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769833/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:33</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 1 : La Caverne aux Mille Démons">Audio 1 : La Caverne aux Mille Démons</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457670">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 2 : La Porte d&#39;Entrée" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769831/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769831/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769831/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769831/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:09</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 2 : La Porte d&#39;Entrée">Audio 2 : La Porte d&#39;Entrée</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457671">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 3 : Le Chemin de Traverse" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769830/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769830/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769830/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769830/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">15:31</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 3 : Le Chemin de Traverse">Audio 3 : Le Chemin de Traverse</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457672">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Conclusion du chapitre La Caverne aux Mille Démons" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769832/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769832/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769832/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769832/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">02:50</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Conclusion du chapitre La Caverne aux Mille Démons">Conclusion du chapitre La Caverne aux Mille Démons</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
            </ds-swiper>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            Chapitre 4
          </div>
            <ds-swiper
              initial-slide="0"
              class="md:hidden"
              md="disabled:true"
              overflow-visible
              options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
            >
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457696">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="La Caverne Lumineuse" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769829/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769829/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769829/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769829/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:35</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="La Caverne Lumineuse">La Caverne Lumineuse</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457697">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 1 : Entrer dans un état hypnotique en s&#39;élevant" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769827/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769827/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769827/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769827/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">12:25</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 1 : Entrer dans un état hypnotique en s&#39;élevant">Audio 1 : Entrer dans un état hypnotique en s&#39;élevant</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457698">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 2 : Accéder à un état source" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769826/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769826/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769826/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769826/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:57</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 2 : Accéder à un état source">Audio 2 : Accéder à un état source</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457699">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Conclusion du chapitre La Caverne Lumineuse" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769828/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769828/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769828/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769828/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">03:26</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Conclusion du chapitre La Caverne Lumineuse">Conclusion du chapitre La Caverne Lumineuse</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
            </ds-swiper>
          <div class="playlist-divider mt-4 mb-3 md:hidden col-span-full" data-area="playlist-divider">
            Chapitre 5
          </div>
            <ds-swiper
              initial-slide="0"
              class="md:hidden"
              md="disabled:true"
              overflow-visible
              options="{&quot;slidesPerView&quot;:2.3,&quot;spaceBetween&quot;:8}"
            >
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457701">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Désactivez vos émotions gênantes !" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769825/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769825/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769825/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769825/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">10:40</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Désactivez vos émotions gênantes !">Désactivez vos émotions gênantes !</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457702">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 1 : Désactivation d&#39;ancre négative version kinesthésique" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769824/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769824/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769824/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769824/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">04:41</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 1 : Désactivation d&#39;ancre négative version kinesthésique">Audio 1 : Désactivation d&#39;ancre négative version kinesthésique</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457703">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 2 : Désactivation d&#39;ancre négative version visuelle" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769823/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769823/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769823/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769823/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">05:34</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 2 : Désactivation d&#39;ancre négative version visuelle">Audio 2 : Désactivation d&#39;ancre négative version visuelle</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
                <swiper-slide>
                    <div class="content-item block pointer-events-none swiper-slide" data-cid="1457705">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Conclusion du chapitre désactivez vos émotions gênantes !" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769845/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769845/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769845/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769845/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">06:04</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Conclusion du chapitre désactivez vos émotions gênantes !">Conclusion du chapitre désactivez vos émotions gênantes !</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 h-10"></p>
  </div>

                </swiper-slide>
            </ds-swiper>
        <ds-show-more
          style="--ds-show-more-fade-color: transparent;"
          content-not-clickable
          class="!hidden md:!block"
          float="center"
          disabled="true"
          once
          max-height="550"
          md="disabled:false"
          lg="max-height:900"
        >
          <ds-button slot="button" class="collection-videos-button mt-6">Afficher toutes les vidéos</ds-button>
          <div slot="content" class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6" data-area="chapters">
                <div class="playlist-divider col-span-full" data-area="playlist-divider">
    Introduction
  </div>

                <a
    data-action="click->playlist-modal#showVideo"
    data-playlist-modal-permalink-param="les-emotions"
    data-playlist-modal-item-id-param="1457634"
    data-playlist-modal-subject-permalink-param="hmp4-32fdf1"
    class="content-item block cursor-pointer"
    data-cid="1457634"
  >
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Introduction au thème Explorez les émotions" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769718/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769718/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769718/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769718/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">08:48</span>
      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Introduction au thème Explorez les émotions">Introduction au thème Explorez les émotions</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </a>

                <div class="playlist-divider col-span-full" data-area="playlist-divider">
    Chapitre 1
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457636">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Jouer avec ses émotions" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769716/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769716/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769716/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769716/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">04:50</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Jouer avec ses émotions">Jouer avec ses émotions</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457637">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 1 : Sous-modalités de mes émotions" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769713/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769713/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769713/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769713/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">09:16</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 1 : Sous-modalités de mes émotions">Audio 1 : Sous-modalités de mes émotions</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457638">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 2 : Ancrage d&#39;une émotion" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769717/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769717/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769717/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769717/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">07:00</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 2 : Ancrage d&#39;une émotion">Audio 2 : Ancrage d&#39;une émotion</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457659">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 3 : Empilement d&#39;émotions" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769822/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769822/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769822/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769822/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">09:39</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 3 : Empilement d&#39;émotions">Audio 3 : Empilement d&#39;émotions</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457660">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Conclusion du chapitre jouer avec ses émotions" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769821/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769821/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769821/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769821/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">02:59</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Conclusion du chapitre jouer avec ses émotions">Conclusion du chapitre jouer avec ses émotions</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="playlist-divider col-span-full" data-area="playlist-divider">
    Chapitre 2
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457662">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Explorer ses peurs" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769820/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769820/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769820/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769820/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">13:32</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Explorer ses peurs">Explorer ses peurs</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457663">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 1 : Rencontre avec la peur" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769818/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769818/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769818/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769818/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:41</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 1 : Rencontre avec la peur">Audio 1 : Rencontre avec la peur</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457664">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 2 : Trouver le besoin derrière la peur" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769817/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769817/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769817/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769817/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:28</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 2 : Trouver le besoin derrière la peur">Audio 2 : Trouver le besoin derrière la peur</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457665">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 3 : Franchir la peur" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769819/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769819/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769819/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769819/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">10:25</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 3 : Franchir la peur">Audio 3 : Franchir la peur</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457666">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Conclusion du chapitre explorer ses peurs" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769816/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769816/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769816/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769816/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">05:28</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Conclusion du chapitre explorer ses peurs">Conclusion du chapitre explorer ses peurs</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="playlist-divider col-span-full" data-area="playlist-divider">
    Chapitre 3
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457668">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="La Caverne aux Mille Démons" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769834/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769834/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769834/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769834/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:06</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="La Caverne aux Mille Démons">La Caverne aux Mille Démons</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457669">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 1 : La Caverne aux Mille Démons" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769833/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769833/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769833/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769833/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:33</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 1 : La Caverne aux Mille Démons">Audio 1 : La Caverne aux Mille Démons</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457670">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 2 : La Porte d&#39;Entrée" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769831/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769831/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769831/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769831/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:09</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 2 : La Porte d&#39;Entrée">Audio 2 : La Porte d&#39;Entrée</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457671">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 3 : Le Chemin de Traverse" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769830/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769830/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769830/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769830/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">15:31</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 3 : Le Chemin de Traverse">Audio 3 : Le Chemin de Traverse</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457672">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Conclusion du chapitre La Caverne aux Mille Démons" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769832/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769832/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769832/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769832/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">02:50</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Conclusion du chapitre La Caverne aux Mille Démons">Conclusion du chapitre La Caverne aux Mille Démons</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="playlist-divider col-span-full" data-area="playlist-divider">
    Chapitre 4
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457696">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="La Caverne Lumineuse" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769829/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769829/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769829/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769829/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:35</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="La Caverne Lumineuse">La Caverne Lumineuse</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457697">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 1 : Entrer dans un état hypnotique en s&#39;élevant" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769827/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769827/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769827/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769827/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">12:25</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 1 : Entrer dans un état hypnotique en s&#39;élevant">Audio 1 : Entrer dans un état hypnotique en s&#39;élevant</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457698">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 2 : Accéder à un état source" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769826/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769826/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769826/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769826/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">11:57</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 2 : Accéder à un état source">Audio 2 : Accéder à un état source</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457699">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Conclusion du chapitre La Caverne Lumineuse" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769828/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769828/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769828/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769828/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">03:26</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Conclusion du chapitre La Caverne Lumineuse">Conclusion du chapitre La Caverne Lumineuse</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="playlist-divider col-span-full" data-area="playlist-divider">
    Chapitre 5
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457701">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Désactivez vos émotions gênantes !" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769825/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769825/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769825/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769825/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">10:40</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Désactivez vos émotions gênantes !">Désactivez vos émotions gênantes !</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457702">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 1 : Désactivation d&#39;ancre négative version kinesthésique" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769824/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769824/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769824/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769824/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">04:41</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 1 : Désactivation d&#39;ancre négative version kinesthésique">Audio 1 : Désactivation d&#39;ancre négative version kinesthésique</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457703">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Audio 2 : Désactivation d&#39;ancre négative version visuelle" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769823/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769823/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769823/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769823/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">05:34</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Audio 2 : Désactivation d&#39;ancre négative version visuelle">Audio 2 : Désactivation d&#39;ancre négative version visuelle</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

                <div class="content-item block pointer-events-none" data-cid="1457705">
    <div class="content-item-video relative">
      <div aria-hidden="true" style="padding-bottom: 56%;"></div>
      <img alt="Conclusion du chapitre désactivez vos émotions gênantes !" class="rounded absolute object-cover h-full w-full top-0 left-0" style="opacity: 1;" srcset="https://alpha.uscreencdn.com/images/programs/769845/horizontal/thumbnail.jpeg?auto=webp&amp;width=350 350w, https://alpha.uscreencdn.com/images/programs/769845/horizontal/thumbnail.jpeg?auto=webp&amp;width=700 700w, https://alpha.uscreencdn.com/images/programs/769845/horizontal/thumbnail.jpeg?auto=webp&amp;width=1050 1050w" loading="lazy" decoding="async" src="https://alpha.uscreencdn.com/images/programs/769845/horizontal/thumbnail.jpeg" />
      <div class="badge flex justify-center items-center text-white content-card-badge">
        <span class="badge-item">06:04</span>
      </div>
      <div class="absolute flex items-center justify-center inset-0 bg-transparent-light text-white rounded" data-test="lock-icon">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 20" data-area="lock-icon" height="18" width="20"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.927 18.872H3.634C2.18 18.872 1 17.727 1 16.312V10.35c0-1.413 1.18-2.56 2.634-2.56h10.293c1.455 0 2.634 1.147 2.634 2.56v5.964c0 1.414-1.179 2.56-2.634 2.56z"></path><path d="M3.81 7.79V5.83C3.81 3.162 6.035 1 8.78 1c2.746 0 4.97 2.162 4.97 4.829V7.79"></path></g></svg>

      </div>
    </div>
    <p class="content-item-title mt-2 text-ds-base-regular truncate" title="Conclusion du chapitre désactivez vos émotions gênantes !">Conclusion du chapitre désactivez vos émotions gênantes !</p>
    <p class="content-item-description text-ds-muted text-ds-small-regular line-clamp-2 max-h-10"></p>
  </div>

          </div>
        </ds-show-more>
      </div>
    </div>
  </div>

    <div class="collection-comments container">
      <div class="py-4 lg:py-8" id="comments_section_wrapper">
          <turbo-frame data-program-tabs-target="commentsContainer" class="community-page" id="program_comments" target="_top">
  <h3 class="comments-title font-medium text-xl">
    Commentaires sur la collection
    (<turbo-frame id="collection_733662_comments_count">3</turbo-frame>)
  </h3>
        <p class="pb-4">
            <a class="text-primary capitalize font-medium" href="/sign_in">s&#39;identifier</a> pour participer à la conversation
        </p>

    <div class="border-b border-ds-default"></div>

      <turbo-frame lazy="true" id="collection_733662_comments_section" src="/contents/733662/comments">

        <ds-icon name="placeholders/comment"></ds-icon>
</turbo-frame></turbo-frame>
      </div>
    </div>
</div>
</template></turbo-stream>