<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/44788/convictions-et-valeurs-fiche-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/daniele-levis-pelusi-4fcii-rvj8u-unsplash-479x720.jpg"
            alt="Convictions et valeurs - Fiche 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">
                        Convictions et valeurs - Fiche de vocabulaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Comment parler des convictions et des valeurs ? Voici une liste de vocabulaire qui pourra vous aider.  Pour vous entrîner, faites les exercices correspondants sur cette page : Convictions et valeurs -...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/41660/sante-et-bien-etre-fiche-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/caju-gomes-qdq3ylizg48-unsplash-480x720.jpg"
            alt="Santé et bien-être - Fiche 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">
                        Santé et bien-être - Fiche de vocabulaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Comment parler de la santé, des traitements, du bien-être, du mal-être, des dépendances et de la nutrition ? Voici une liste de vocabulaire qui pourra vous aider.  Pour vous entraîner, faites les exercices...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/42104/langue-et-identite-fiche-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/dsc04702-3-740x720.jpg"
            alt="Langue et identité - Fiche 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">
                        Langue et identité - Fiche de vocabulaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Comment parler de la langue et de l'identité ? Voici une liste de vocabulaire qui pourra vous aider.  Pour vous entraîner, faites les exercices correspondants sur cette page : Langue et identité - Exercices...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/44060/styles-de-vie-et-sous-cultures-fiche-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/nick-fewings-bphimalbe-a-unsplash1-1080x720.jpg"
            alt="Styles de vie et sous-cultures - Fiche 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">
                        Styles de vie et sous-cultures - Fiche de vocabulaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Comment parler des styles de vie et des sous-cultures ? Voici une liste de vocabulaire qui pourra vous aider.  Pour vous entraîner, faites les exercices correspondants sur cette page : Styles de vie et...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71450/le-memoire-de-francais-b" 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/memoire/summerizze-igg-jss6xbe-unsplash-337x270.jpg"
            alt="Le mémoire de français B"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Les fondamentaux du Programme du diplôme
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Le mémoire de français B
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous songez à faire votre mémoire en français B ? Lisez d'abord cette page pour comprendre de quoi il s'agit.  Qu'est-ce que le mémoire ? Le mémoire est un travail de recherche indépendant que vous réalisez...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/70914/ou-trouver-le-materiel-pedagogique-" 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/Illustrations/7c5676ee-5f26-4579-aad6-e9d95f402171-404x270.jpeg"
            alt="Où trouver le matériel pédagogique ?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Par où commencer
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Où trouver le matériel pédagogique ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Chaque thème comporte plusieurs sujets recommandés. À noter : Les sujets recommandés ne sont pas obligatoires mais indicatifs. Il n'est donc pas obligatoire de tous les traiter. Cependant, le professeur...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71134/expression-ecrite" 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/epreuve-1/chatgpt-image-aug-17-2026-085032-pm-404x270.png"
            alt="Expression écrite"
        >
    </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">
                        Expression écrite
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette section vous aide à mieux comprendre les tâches et à construire des réponses efficaces, au NM comme au NS. Vous y trouverez des exercices d’analyse des tâches pour apprendre à identifier les attentes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56751/lepreuve-de-comprehension-orale-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/frenchb/images/comprehension-orale/getty-images-lkdsztrsir4-unsplash-404x270.jpg"
            alt="L&#039;épreuve de compréhension orale : qu&#039;est-ce que c&#039;est ?"
        >
    </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">
                        L'épreuve de compréhension orale : qu'est-ce que c'est ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Voici les informations essentielles sur l'épreuve de compréhension orale.  L'épreuve de compréhension orale L’épreuve de compréhension orale évalue votre capacité à comprendre de courts textes et dialogues...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56756/lepreuve-de-comprehension-ecrite-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/frenchb/images/comprehension-ecrite/round-icons-krrgzf4nsok-unsplash-720x720.jpg"
            alt="L&#039;épreuve de compréhension écrite : qu&#039;est-ce que c&#039;est ?"
        >
    </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">
                        L'épreuve de compréhension écrite : qu'est-ce que c'est ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Voici les informations essentielles sur l'épreuve de compréhension écrite.  L'épreuve de compréhension écrite L’épreuve de compréhension écrite évalue votre capacité à comprendre des textes en français....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30599/exigences-de-lepreuve-2-comprehension-orale" 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/muska-create-atmrulg44g-unsplash-270x270.jpg"
            alt="Exigences de l&#039;épreuve 2 (compréhension orale)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Compréhension orale
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Exigences de l'épreuve 2 (compréhension orale)
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Tout ce qu'il faut savoir sur l'épreuve 2 (compréhension orale) pour bien guider vos élèves : format, attentes et évaluation.  L'épreuve 2  L'épreuve de compréhension orale Au niveau moyen comme au niveau...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 August 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=18" 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>
