<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/56153/vers-lexamen-oral-coutumes-et-traditions" 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/julio-wolf-m73yajgmix4-unsplash-2-720x720.jpg"
            alt="Vers l&#039;examen oral - Coutumes et traditions"
        >
    </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">
                        Vers l'examen oral - Coutumes et traditions
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous célébrons tous différentes fêtes nationales et traditionnelles dans nos pays. Mais comment sont célébrées ces fêtes dans les pays francophones ? Préparez-vous à discuter de ce sujet lors de votre...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/49650/vers-lexamen-oral-vacances-et-voyages" 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/getty-images-pyrfozmw4ps-unsplash-179x270.jpg"
            alt="Vers l&#039;examen oral - Vacances et voyages"
        >
    </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">
                        Vers l'examen oral - Vacances et voyages
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Le tourisme, et surtout le surtourisme, on en entend souvent parler. Préparez-vous à faire une présentation sur ce sujet lors de votre examen oral individuel en réalisant les activités suivantes. Si vous...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/54693/la-cycliste-marie-patouillet-une-sportive-engagee" 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/mariepatouillet-1890x2835.webp"
            alt="La cycliste Marie Patouillet, une sportive engagée"
        >
    </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 cycliste Marie Patouillet, une sportive engagée
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Marie Patouillet est sportive de haut niveau depuis qu'elle s'est prise de passion pour le cyclisme. Elle a brillé dans de nombreux championnats du monde ces dernières années et a notamment été récompensée...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/58602/lexode-burkinabe-un-defi-humanitaire-croissant-pour-la-cote-divo" 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/sam-mann-41eo5e8jw08-unsplash1-1139x720.jpg"
            alt="L&#039;exode burkinabé, un défi humanitaire croissant pour la Côte d&#039;Ivoire"
        >
    </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'exode burkinabé, un défi humanitaire croissant pour la Côte d'Ivoire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   1. Les villages du nord de la Côte d’Ivoire voient chaque jour arriver des familles fuyant les violences jihadistes qui ravagent le Burkina Faso voisin. Selon le Haut-Commissariat des Nations unies...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/59451/jeunes-et-laicite-plus-tolerants-mais-plus-croyants" 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/joshua-kettle-nkiwbzi82kw-unsplash-1080x720.jpg"
            alt="Jeunes et laïcité : plus tolérants, mais plus croyants"
        >
    </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">
                        Jeunes et laïcité : plus tolérants, mais plus croyants
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   1ère partie Une enquête récente, réalisée par l’institut Kantar Public et commandée par deux sociologues, Philippe Portier et Charles Mercier, révèle comment les jeunes Français de 18 à 30 ans perçoivent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/55791/la-vie-presque-sans-electricite" 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/barn-images-t5yuohw6zro-unsplash1-1080x720.jpg"
            alt="La vie (presque) sans électricité"
        >
    </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 vie (presque) sans électricité
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ils font partie du mouvement low-tech : Alizée et Yoann ont décidé de changer de vie. Aujourd'hui, à 34 ans, ils fabriquent des objets qui n'ont pas besoin d'électricité pour fonctionner. En Ariège1,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/59388/le-plastique-envahit-une-ile-isolee-du-pacifique" 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/thobias-lofqvist-ylo-raiwd8-unsplash-1080x720.jpg"
            alt="Le plastique envahit une île isolée du Pacifique"
        >
    </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">
                        Le plastique envahit une île isolée du Pacifique
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Henderson, une petite île déserte du sud Pacifique, détient un triste record : c’est l’endroit où l’on trouve la plus forte densité de débris plastiques au monde. Située à environ 700 kilomètres des îles...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/57591/ces-applications-qui-recompensent-vos-gestes-ecologiques" 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/getty-images-zax-8-tiir0-unsplash-1080x720.jpg"
            alt="Ces applications qui récompensent vos gestes écologiques"
        >
    </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">
                        Ces applications qui récompensent vos gestes écologiques
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Vous pouvez aider l’environnement tout en économisant de l’argent grâce à des applications qui vous récompensent pour vos gestes écologiques. Faire rimer écologie avec économies, c’est l’idée de plusieurs...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/56905/mon-employe-autiste" 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/getty-images-kak-vz7-ztg-unsplash-1079x720.jpg"
            alt="Mon employé autiste"
        >
    </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">
                        Mon employé autiste
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   1. Une équipe de l’Université de Montréal développe une application pour aider les gestionnaires à interagir avec leurs employés autistes. Le psychoéducateur Marc Lanovaz, qui dirige ce projet, souligne...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/39727/le-blog-de-marie-camille-et-carla" 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/enfants-senegal-360x270.jpg"
            alt="Le blog de Marie-Camille et Carla"
        >
    </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">
                        Le blog de Marie-Camille et Carla
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   À noter : Ce texte sert également de modèle pour le type de texte « blog ». Il pourrait être utile, avant de faire l'exercice de compréhension écrite ci-dessous, de repérer les caractéristiques de ce...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 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=30" 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>
