
<div
  class="programmes{{ page.header.class}} parallax-window"
  data-parallax="scroll"
  data-image-src="{{ url('theme://images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg') }}">
<!-- <div class="parallax-window" data-parallax="scroll" data-image-src="/path/to/image.jpg"></div> -->


<!-- <div class="images-background parallax parallax-window" data-parallax="scroll">

    <img id="photo1" src="/user/themes/epau-antimatter/images/14360_default_big.jpg" alt="photo 1" />
    <img id="photo2" src="/user/themes/epau-antimatter/images/10361_web_01.jpg" alt="photo 2" />
    <img id="photo3" src="/user/themes/epau-antimatter/images/hyperliens_marseille_.PNG" alt="photo 3" />
    <img id="photo4" src="/user/themes/epau-antimatter/images/jeux-olypiques-paris-2024-village-athle-lot-e2.jpg" alt="photo 4" />
 </div>  -->

    {{ content|raw }}

    {% for programme in page.header.programmes %}

        <div class="programme">
          <a href="{{programme.site}}" target="_blank">
            {% if programme.logo %}
            <img src="{{page.media[programme.logo].url|e }}" alt="logo du programme {{programme.nom_du_programme}}" />
            {% endif %}
            {% if programme.nom_du_programme %}
            <h4>{{ programme.nom_du_programme }}</h4>
            {% endif %}
            {% if programme.texte_de_presentation %}
            <p>{{ programme.texte_de_presentation|markdown }}</p>
            {% endif %}
          </a>
        </div>


    {% endfor %}

</div>
