<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/62453/choix-alimentaires-pour-le-soutien-de-la-planete" 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/planete.jpg"
            alt="Choix alimentaires pour le soutien de la planète"
        >
    </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">
                        Choix alimentaires pour le soutien de la planète
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Et si au-delà de notre santé, en mangeant bien, on pouvait sauver notre planète ? Ce reportage va vous donner des idées sur les choix alimentaires qui soutiennent notre environnement et qui font une différence...</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/62701/mon-ecole-de-reve-en-poster" 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/emergent/unite-3/mon-ecole-de-reve.jpg"
            alt="Mon école de rêve en poster"
        >
    </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">
                        Mon école de rêve en poster
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Imagine. Tu peux créer une école. Ton école de rêve. Mais elle est comment, cette école idéale ?Pratique ton expression écrite avec cette vidéo québécoise (2:56).  Cette activité se fait en 3 étapes : ...</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/63946/les-loisirs-et-les-vacances-de-francophones" 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/emergent/unite-4/screenshot-2025-08-18-at-1.55.07-pm.png"
            alt="Les loisirs et les vacances de francophones"
        >
    </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 loisirs et les vacances de francophones
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ta compréhension orale : regarde ces petites vidéos sur les loisirs et les vacances de ces enfants français et réponds aux questions. Ces activités - au présent (habitude) et au passé composé...</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/63984/blog-sur-les-loisirs-les-plus-populaires-en-france" 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/emergent/unite-4/activite-b-image.png"
            alt="Blog sur les loisirs les plus populaires en France"
        >
    </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">
                        Blog sur les loisirs les plus populaires en France
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ta compréhension écrite : lis ce texte sur les loisirs des Français et réponds aux questions. Cette activité va te préparer pour ton évaluation de compréhension écrite (critère B). Les questions...</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/60790/fais-la-connaissance-de-francophones-" 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/emergent/unite-1/pexels-pony-2149952074-30872961.jpg"
            alt="Fais la connaissance de francophones !"
        >
    </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">
                        Fais la connaissance de francophones !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ta compréhension orale : écoute ces personnes francophones qui se présentent et présentent leur famille, puis réponds aux questions.  qBank #20726 Écoute la présentation authentique d'une Française. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            02 November 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65010/les-verbes-subjonctif-present-dans-lexpression-de-la-crainte-ia" 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/01-dilem-algerie-cartooning-for-peace-e1715094153927.jpg"
            alt="Les verbes - Subjonctif présent dans l&amp;#039;expression de la crainte (IA)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Exercices (langue)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les verbes - Subjonctif présent dans l&#039;expression de la crainte (IA)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> L'IA suscite de nombreuses craintes, certaines légitimes, d'autres peut-être irrationnelles voire démesurées. Peu importe la nature de ces angoisses, nous avons vu qu'il était important de les exprimer...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64958/les-verbes-expression-de-lhypothese-avec-le-present-et-le-futur-" 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/conjugaison-hypothese-present-futur.jpg"
            alt="Les verbes - Expression de l&amp;#039;hypothèse avec le présent et le futur simple (IA)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Exercices (langue)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les verbes - Expression de l&#039;hypothèse avec le présent et le futur simple (IA)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> L'intelligence Artificielle est omniprésente mais étant en pleine évolution, elle nous laisse dans une profonde incertitude : doit-on se réjouir de ses prouesses et ses promesses d'un monde meilleur ou...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64959/les-verbes-expression-de-lhypothese-avec-le-conditionnel-present" 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/un-monde-meilleur-en-chansons.png"
            alt="Les verbes - Expression de l&amp;#039;hypothèse avec le conditionnel présent (IA)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Exercices (langue)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les verbes - Expression de l&#039;hypothèse avec le conditionnel présent (IA)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quand on réfléchit aux possibilités infinies de l'IA, on se surprend en train d'imaginer à quoi l'avenir pourrait ressembler ou à rêver d'un monde meilleur. Dans ces œuvres musicales de la chanson francophone,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64952/les-verbes-pratique-des-temps-de-lindicatif-developpement-ia" 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/conjugaison-present.jpg"
            alt="Les verbes - Pratique des temps de l&amp;#039;indicatif (développement, IA)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Exercices (langue)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les verbes - Pratique des temps de l&#039;indicatif (développement, IA)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> L'IA est un sujet très complexe qu'il est difficile d'appréhender dans sa propre langue. Cette vidéo va vous aider à vous familiariser avec le vocabulaire de cette thématique tout en pratiquant la conjugaison...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61392/les-verbes-expression-de-lhypothese-avec-limparfait-et-le-condit" 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-1/le-chat.jpg"
            alt="Les verbes - Expression de l&amp;#039;hypothèse avec l&amp;#039;imparfait et le conditionnel présent (les relations)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Exercices (langue)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les verbes - Expression de l&#039;hypothèse avec l&#039;imparfait et le conditionnel présent (les relations)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette unité, on examine comment les relations impactent notre identité. Il en découle qu'on peut parfois se demander dans quelle mesure nous aurions été différents si les choses ou les circonstances...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 October 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=41" 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>
