<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/64994/ia-au-service-de-lhomme-ou-a-sa-place-" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-5/activite-co-au-service-ou-a-la-place.jpg"
            alt="IA, au service de l&amp;#039;homme ou à sa place ? "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        IA, au service de l&#039;homme ou à sa place ? 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La plus grande crainte de l'homme est de se faire remplacer par les machines. Mais est-ce que l'IA serait réellement en mesure de se substituer à lui ? Et si au contraire, l'IA se mettait à son service...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65057/articles-sur-lia-et-les-jeunes-avec-des-conseils-pour-les-parent" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-5/astrapi2023_05-12_intelligence-artificielle.jpg"
            alt="Articles sur l&amp;#039;IA et les jeunes  avec des conseils pour les parents"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Articles sur l&#039;IA et les jeunes  avec des conseils pour les parents
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quelles sont les questions sur l'IA que les enfants se posent ? Comment est-ce que les jeunes l'utilisent vraiment et à quel point l'IA affecte-t-elle leur santé mentale ? Que doivent savoir les parents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64970/les-problemes-ethiques-et-juridiques-souleves-par-lia" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-5/activite-co-ethique.png"
            alt="Les problèmes éthiques et juridiques soulevés par l&amp;#039;IA"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les problèmes éthiques et juridiques soulevés par l&#039;IA
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vu les problèmes que soulèvent les avancées de l'IA, nous sommes en mesure de voir l'urgence de mettre en place un cadre à la fois éthique et juridique qui protégerait les humains en limitant les abus...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64938/lia-quest-ce-que-cest-" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-5/activite-co-la-definition-de-l-ia.jpg"
            alt="L&amp;#039;IA, qu&amp;#039;est-ce que c&amp;#039;est ?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        L&#039;IA, qu&#039;est-ce que c&#039;est ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On parle à droite et à gauche de l'Intelligence Artificielle, de ses exploits aux dérives auxquelles elle nous confronte et nous pousse à réfléchir. Mais sait-on de quoi on parle exactement, sachant que...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64292/pourquoi-faire-de-la-musique-" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-4/activite-co-musique.jpg"
            alt="Pourquoi faire de la musique ? "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Pourquoi faire de la musique ? 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On ne pense pas toujours aux divertissements comme des activités "utiles" qui serviraient au travail (ou à l'école). Pourtant, certains loisirs qui remplissent bien leur fonction de divertir, d'amuser...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64287/la-perception-du-temps-libre" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-4/perception-du-temps.png"
            alt="La perception du temps libre"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La perception du temps libre
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On pourrait penser que tout le monde veut plus de temps libre et par conséquent travailler moins. Mais alors, si c'est le cas, pourquoi demander plus de temps libre est-il souvent mal perçu ? Cela vient-il...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64277/temps-libre-et-droit-du-travail" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-4/activite-co-droit-du-travail.jpg"
            alt="Temps libre et droit du travail"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Temps libre et droit du travail
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Il est difficile de parler du temps libre sans parler du travail, vu que ce premier est souvent défini par ce dernier. Avant de nous plonger dans l'exploration de ce que les hommes aiment faire pendant...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62431/identifier-les-differents-regimes-alimentaires-" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-2/screenshot-2025-05-27-at-8.47.50-am.png"
            alt="Identifier les différents régimes alimentaires "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Identifier les différents régimes alimentaires 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratiquez votre compréhension écrite : lisez ce blog sur les différents régimes alimentaires. En avez-vous déjà entendu parler ? Connaissez-vous leurs noms et en quoi ils consistent ? La lecture de ce...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62433/reflechir-a-notre-relation-a-notre-assiette" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-2/activite-ce-2.png"
            alt="Réfléchir à notre relation à notre assiette"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Réfléchir à notre relation à notre assiette
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratiquez votre compréhension écrite et votre expression écrite : lisez ce blog sur nos choix alimentaires et réfléchissez aux vôtres ! Qu'est-ce que vous avez décidé de manger ou de ne pas manger ? Partagez-vous...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62446/la-cuisine-qui-cree-du-lien-social-" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/myp-french-la/cj-files/proficient/unite-2/france-24.jpg"
            alt="La cuisine qui crée du lien social "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La cuisine qui crée du lien social 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Regardez cette vidéo et répondez aux questions pour pratiquer votre compréhension orale. Au-delà de s'alimenter, comment peut-on utiliser la cuisine à d'autres fins ? Quels projets peuvent mettre la gastronomie...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            04 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>



    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/myp-french-la/latest-updates?page=40" class="btn btn-secondary loader">
        <i class="fa-regular fa-circle-plus"></i>
        Load more
    </a>
    <div class="spinner-border load-more text-primary" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
</div>

        </template>
    </turbo-stream>
