<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/30789/christine-mon-enfance-et-le-racisme" 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/frenchb/images/comprehension-orale/emmanuel-phaeton-bqtlkusphqi-unsplash-216x270.jpg"
            alt="Christine : Mon enfance et le racisme"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Christine : Mon enfance et le racisme
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous écoutez le témoignage de Christine, qui parle de son enfance. Source : https://audio-lingua.ac-versailles.fr/  Choisissez la bonne réponse. 1. Christine est originaire de…                                                                                                                        ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/33650/alexandra-action-contre-la-consommation-de-viande" 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/frenchb/images/comprehension-orale/alexandra-allie-smith-jgs5yq1uxas-unsplash-917x720.jpg"
            alt="Alexandra : action contre la consommation de viande"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Alexandra : action contre la consommation de viande
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous écoutez le témoignage d'Alexandra, une jeune femme qui s'engage pour la cause animale. Source : https://audio-lingua.ac-versailles.fr/  Remplissez les blancs suivants avec trois mots maximum pour...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30768/non-au-plastique-jetable" 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/frenchb/images/comprehension-orale/brian-yurasits-y8k-dmpnwni-unsplash-480x267.jpg"
            alt="Non au plastique jetable!"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Non au plastique jetable!
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous écoutez le discours d’un lycéen lors de la Semaine de la protection de l’environnement. Il s’adresse aux professeurs et à ses camarades. Répondez aux questions suivantes. 1. Citez un des lieux où...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/29297/home-la-deforestation" 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/subject/generic/33/02.jpg?v=1790338359"
            alt="Home - La déforestation"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Home - La déforestation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">    Activité 1 - À quoi servent les forêts ? Regardez la 1ère partie de la vidéo (de 46:57 à 48:53). Dans quel ordre les bénéfices suivants sont-ils mentionnés dans le film ? Écrivez le numéro approprié...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/44856/mathieu-masse-apprenti-boulanger" 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/frenchb/images/comprehension-orale/ddp-cceg6jpl19m-unsplash-1080x720.jpg"
            alt="Mathieu Massé, apprenti-boulanger"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Mathieu Massé, apprenti-boulanger
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous écoutez Mathieu, qui explique sa vie d’apprenti-boulanger.  Remplissez les blancs suivants avec trois mots maximum pour chaque réponse. Prépare ton diplôme d’apprenti-boulanger en deux ans. L'horaire...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30772/chloe-sengage" 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/frenchb/images/comprehension-orale/chris-liverani-rd2dc2s3i0-unsplash-202x270.jpg"
            alt="Chloé s&#039;engage"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Chloé s'engage
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous écoutez le témoignage d'une lycéenne, Chloé, qui fait du soutien scolaire dans une école primaire.  1. Choisissez les cinq affirmations vraies.                                                                         ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/62929/karine-une-bonne-action" 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/frenchb/images/comprehension-orale/jon-tyson-6woegqq-5f4-unsplash-405x270.jpg"
            alt="Karine : une bonne action"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Karine : une bonne action
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Vous allez entendre Karine, qui raconte une rencontre qu'elle a faite. Source : https://audio-lingua.ac-versailles.fr/ https://teacher-sites-storage.inthinking.net/ib/frenchb/files/comprehension-orale-pour-l-examen/organisation-sociale/karine-une-bonne-action.mp3...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/34302/qui-a-cree-les-restos-du-coeur" 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/frenchb/images/comprehension-orale/49069230252d63ddcca26c-480x720.jpg"
            alt="Qui a créé les Restos du coeur?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Qui a créé les Restos du coeur?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Vous écoutez un entretien avec Philip Modolo, secrétaire général de l’association Les Restos du cœur. Source : Franceinfo junior  Partie A : 00:00 à 01:06 1. Choisissez les trois phrases vraies.    ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/34332/au-quotidien-comment-peut-on-aider-les-sans-abri" 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/frenchb/images/comprehension-orale/ev-iwjh-l-vb4k-unsplash-1095x720.jpg"
            alt="Au quotidien, comment peut-on aider les sans-abri?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Au quotidien, comment peut-on aider les sans-abri?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous écoutez un entretien avec Eric Pliez, directeur général de l'association Aurore qui accueille et aide les personnes en précarité ou en exclusion. Source: Franceinfo junior  Partie A : 00:00 à 01:32...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/28795/jeune-benevole-rencontre-avec-elodie" 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/subject/generic/33/03.jpg?v=1790338360"
            alt="Jeune &amp; bénévole : rencontre avec Élodie"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Jeune & bénévole : rencontre avec Élodie
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">    Choisissez la bonne réponse ou répondez aux questions suivantes. 1. Élodie a participé au concours « Jeune & bénévole » pour…   2. À qui l’association « Les compagnons de la nuit » vient-elle en aide?...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </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="/frenchb/latest-updates?page=49" 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>
