<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/63245/la-chambre-des-merveilles-extraits" 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/book-covers/la-chambre-des-merveilles-309x500.webp"
            alt="La chambre des merveilles - Extraits"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Examen oral individuel
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La chambre des merveilles - Extraits
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Julien Sandrel, La chambre des merveilles, Le livre de poche, 2019           – Louis, c'est l'heure ! Allez, je ne le répète plus, s’il te plaît lève-toi et habille-toi on va être à la bourre, il est...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            26 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/63403/le-carnaval-de-binche-corrige" 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/01.jpg?v=1790338359"
            alt="Le Carnaval de Binche - Corrigé"
        >
    </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">
                        Le Carnaval de Binche - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Accepter toute orthographe qui se lit phonétiquement comme la réponse cible. 1 1 1 1 Journaliste :  Bonjour à tous ! Aujourd’hui, nous sommes au Carnaval de Binche en Belgique et nous avons le plaisir...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/63748/la-religion-et-moi" 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/rawpixel-top-view-assortment-religious-symbols-960x720.jpg"
            alt="La religion et moi"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            RÉVISION
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La religion et moi
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Vous allez entendre Éléonore, qui parle du rôle de la religion dans sa vie. https://teacher-sites-storage.inthinking.net/ib/frenchb/files/Recordings/quiz/la-religion-et-moi.mp3...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/63581/mon-permis-de-conduire-pendant-les-vacances-corrige" 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="Mon permis de conduire pendant les vacances - Corrigé"
        >
    </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">
                        Mon permis de conduire pendant les vacances - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Accepter toute orthographe qui se lit phonétiquement comme la réponse cible. une des réponses suivantes : Salut ! Je m’appelle Guillaume, j’ai 17 ans et j’habite à Gruissan, un très beau village dans...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40989/10-destinations-face-au-tourisme-de-masse-corrige" 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="10 destinations face au tourisme de masse - Corrigé"
        >
    </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">
                        10 destinations face au tourisme de masse - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. plages 2. rues 3. hébergement 4. 10 % 5. victimes 6. La révolte s’organise 7. D 8. respectueux 9. hôtels 10. bateaux de croisière 11. F 12. B 13. A 14. a) les loyers       b) la gentrification 15....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            05 October 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/63877/les-justes-extraits" 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/book-covers/les-justes-163x270.jpg"
            alt="Les Justes - Extraits"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Examen oral individuel
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les Justes - Extraits
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Albert Camus, Les Justes, Éditions Gallimard, 1950 STEPAN Bonjour, Dora. DORA, elle le regarde. Trois ans, déjà. STEPAN Oui, trois ans. Le jour où ils m'ont arrêté, j'allais vous rejoindre. DORA Nous...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/63837/un-nomade-a-velo" 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/nomade-a-velo-800x450.webp"
            alt="Un nomade à vélo"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            RÉVISION
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Un nomade à vélo
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Vous allez entendre le témoignage de Michaël, qui parcourt les routes de France avec son vélo-roulotte et une librairie ambulante. https://teacher-sites-storage.inthinking.net/ib/frenchb/files/Recordings/quiz/un-nomade-a-velo.mp3...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/47873/linterrogation" 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/grammaire/interrogation-308x270.jpg"
            alt="L&#039;interrogation"
        >
    </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">
                        L'interrogation
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Maîtrisez-vous l’emploi de l'interrogation ? Activez vos connaissances à l’aide des flashcards, puis entraînez-vous en faisant les exercices proposés.  L'interrogation : on se rafraîchit la mémoire !...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/44504/mondialisation-exercices-de-vocabulaire" 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/vocabulaire/elena-mozhvilo-ea32jibssu8-unsplash-1079x720.jpg"
            alt="Mondialisation - Exercices de vocabulaire"
        >
    </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">
                        Mondialisation - Exercices de vocabulaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Testez vos connaissances lexicales sur la mondialisation en faisant les exercices suivants.   Approches de l'apprentissage les recopier dans un cahier ou dans un document sur votre ordinateur...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 August 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/44539/ethique-exercices-de-vocabulaire" 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/vocabulaire/img0351-2-701x720.jpg"
            alt="Éthique - Exercices de vocabulaire"
        >
    </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">
                        Éthique - Exercices de vocabulaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Testez vos connaissances lexicales sur l'éthique en faisant les exercices suivants.   Approches de l'apprentissage les recopier dans un cahier ou dans un document sur votre ordinateur...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            03 August 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="/frenchb/latest-updates?page=56" 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>
