<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/36891/brochure-depliant-prospectus-tract" 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/types-de-textes/brochure-202x270.jpeg"
            alt="Brochure / dépliant / prospectus / tract"
        >
    </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">
                        Brochure / dépliant / prospectus / tract
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Texte descriptif, informatif ou promotionnel pour faire connaître un service ou un produit, distribué souvent gratuitement. Texte destiné au grand public ou à un public ciblé (familles, jeunes, sportifs ...)...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36892/article-reportage" 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/types-de-textes/article-joanes-andueza-sutu8hkdic-unsplash-270x270.jpg"
            alt="Article / reportage"
        >
    </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">
                        Article / reportage
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Textes publiés dans un journal ou un magazine, sur papier ou sur Internet. Textes non-fictionnels qui rapportent un événement, présentent des faits ou exposent un point de vue. Dans un reportage, l’information...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30780/fiche-pour-la-presentation-dun-extrait-litteraire" 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/jonas-jacobsson-0frj2scuy4k-unsplash-404x270.jpg"
            alt="Fiche pour la présentation d&amp;#039;un extrait littéraire"
        >
    </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">
                        Fiche pour la présentation d&#039;un extrait littéraire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Lors de l’oral individuel, chaque élève doit présenter un extrait littéraire tiré d’une des deux œuvres étudiées en classe. Il présente les personnages, les événements et les idées et en dégage l’intérêt...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30755/fiche-pour-la-presentation-dun-stimulus-visuel" 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/Photos%20diverses-resized.jpg"
            alt="Fiche pour la présentation d&amp;#039;un stimulus visuel"
        >
    </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">
                        Fiche pour la présentation d&#039;un stimulus visuel
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Chaque élève doit présenter un stimulus visuel (photo, affiche, illustration, annonce publicitaire) lors de l’oral individuel. Il doit décrire ce stimulus et en dégager le sujet principal qui est lié...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/46549/quiz-les-liens-culturels" 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/alice-triquet-hutwthelh1w-unsplash-1087x720.jpg"
            alt="Quiz - Les liens culturels"
        >
    </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">
                        Quiz - Les liens culturels
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pour la 1ère partie de l’examen oral individuel au niveau moyen, vous devez effectuer une présentation de 3 à 4 minutes à partir d’un stimulus visuel. Le message de la présentation est évalué à l’aide...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71097/examen-oral-individuel" 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/examen-oral-individuel/illo-design-mowbzqu-6k8-unsplash-720x720.jpg"
            alt="Examen oral individuel"
        >
    </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">
                        Examen oral individuel
                                                <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"> Retrouvez ici des fiches de vocabulaire utile et des activités pratiques pour vous entraîner à l’examen oral individuel, développer vos idées et enrichir votre expression en français....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/71096/votre-ebook-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/Illustrations/graphics-stocks-icpjxeqjt4y-unsplash-270x270.jpg"
            alt="Votre eBook de français B"
        >
    </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">
                        Votre eBook de français B
                                                <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"> Retrouvez ici des unités thématiques et de nombreuses activités pour développer toutes vos compétences : comprendre, parler, écrire et interagir en français. Vous pourrez travailler en classe ou revoir...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/39570/exigences-de-lepreuve-2-comprehension-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/comprehension-ecrite/getillustrations-mbhvbwptlek-unsplash-270x270.jpg"
            alt="Exigences de l&amp;#039;épreuve 2 (compréhension écrite)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Compréhension écrite
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Exigences de l&#039;épreuve 2 (compréhension écrite)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Tout ce qu'il faut savoir sur l'épreuve 2 (compréhension écrite) pour bien guider vos élèves : format, attentes et évaluation.  L'épreuve 2  L'épreuve de compréhension écrite (NM et NS)  Les textes écrits...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/51780/repertoire-des-anciennes-epreuves" 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/c-d-x-dbwadhwa-li-unsplash-1080x720.jpg"
            alt="Répertoire des anciennes épreuves"
        >
    </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">
                        Répertoire des anciennes épreuves
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous trouverez dans cette section un répertoire des exercices utilisés dans les épreuves de compréhension orale de l’IB. Les épreuves de l’IB étant protégées par les lois sur le droit d’auteur, il ne...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/48985/sensibiliser-les-eleves-a-la-diversite-des-accents-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/frenchb/images/comprehension-orale/topsphere-media-jlbmy5zp7uq-unsplash-323x270.jpg"
            alt="Sensibiliser les élèves à la diversité des accents francophones"
        >
    </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">
                        Sensibiliser les élèves à la diversité des accents francophones
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Le français est parlé par plus de 320 millions de locuteurs à travers le monde. Apprendre le français, c'est avoir accès à une grande diversité de cultures et de points de vue. Comment intégrer ceux-ci...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 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=14" 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>
