<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/40517/ingeniosite-humaine" 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/museedorsay-405x270.jpg"
            alt="Ingéniosité humaine"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Évaluation
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Ingéniosité humaine
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Explorer les façons dont la créativité et l’innovation humaines influent sur notre monde. (Guide de langue B, p. 22) À noter : Comme la présentation dure moins de 3 minutes, l’enseignante a veillé à ce...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/42314/experiences" 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/burrst-beach-boardwalk-selfie4460x4460-404x270.jpg"
            alt="Expériences"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Évaluation
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Expériences
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Explorer et faire le récit des événements, des expériences et  des voyages qui façonnent notre vie. (Guide de langue B, p. 22) Thème : Expériences Sous-thème : Coutumes et traditions Thèmes : Identités...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/47352/comment-passer-ses-vacances-" 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/activites-sur-les-themes/dmitrii-vaccinium-xrehbml7280-unsplash-480x720.jpg"
            alt="Comment passer ses vacances ?"
        >
    </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">
                        Comment passer ses vacances ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les vacances, on aime tous ça ! On en rêve, on les prépare bien à l’avance et on en revient avec des tonnes de beaux souvenirs. Mais comment passons-nous nos vacances ? Certains d’entre nous préfèrent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/39148/faut-il-interdire-les-animaux-sauvages-dans-les-cirques" 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/activites-sur-les-themes/becky-phan-o8-670khgk8-unsplash-405x270-405x270.jpg"
            alt="Faut-il interdire les animaux sauvages dans les cirques?"
        >
    </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">
                        Faut-il interdire les animaux sauvages dans les cirques?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> En septembre 2020, le gouvernement français a annoncé l’interdiction progressive de spectacles d’animaux sauvages dans les cirques itinérants et les delphinariums. Cela a soulevé de nombreuses questions...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/39164/faut-il-interdire-les-animaux-sauvages-dans-les-cirques-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="Faut-il interdire les animaux sauvages dans les cirques ? - 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">
                        Faut-il interdire les animaux sauvages dans les cirques ? - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pour ou contre la nouvelle mesure gouvernementale ? Animaux de cirque : la vie d'après - Témoignage de Lamya Essemlali 1. ils seront choqués 2. (la possibilité de retrouver) leur milieu naturel 3. au...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/35945/le-racisme-et-la-discrimination-raciale-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/04.jpg?v=1790338360"
            alt="Le racisme et la discrimination raciale - 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 racisme et la discrimination raciale - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. a) b) c) 1. a) b) Une forme de discrimination basée sur la couleur, les origines ou la religion d’une personne. c) d) e) La race est le seul élément de description qui est donné à la police. f) En...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/35926/le-racisme-et-la-discrimination-raciale" 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/activites-sur-les-themes/thomas-de-luze-jxzeqspiziq-unsplash-180x270-180x270.jpg"
            alt="Le racisme et la discrimination raciale"
        >
    </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 racisme et la discrimination raciale
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Année après année, des actes de racisme et de discrimination font la une des journaux. Mais… qu’est-ce que le racisme ?  Comment se manifeste-t-il ? Que peut-on faire pour lutter contre le racisme ? Vous...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/68008/et-vous-etes-vous-une-bonne-ecocitoyenne-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="Et vous, êtes-vous un·e bon·ne écocitoyen·ne? - 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">
                        Et vous, êtes-vous un·e bon·ne écocitoyen·ne? - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Exemples de réponses :  Donne une image ludique, mais aussi écologique (éoliennes, arbres, nature dans le décor) des voitures électriques – on réalise son rêve d’enfant !...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/44842/pourquoi-voter-" 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/activites-sur-les-themes/element5-digital-t9cxbzluvic-unsplash-1079x720.jpg"
            alt="Pourquoi voter ?"
        >
    </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">
                        Pourquoi voter ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans de nombreux pays, les jeunes peuvent voter dès l’âge de 18 ans. Cependant, certains d’entre eux s’engagent dans leur société bien avant leur majorité. Mais qu’attendent les jeunes de leurs dirigeants...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/44406/lecole-democratique-lecole-du-futur-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="L&#039;école démocratique : l&#039;école du futur ? - 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">
                        L'école démocratique : l'école du futur ? - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. Deux des réponses suivantes: 2. Une des réponses suivantes: 3. confiance 4. Une des réponses suivantes : 5. Deux des réponses suivantes: 6. (radicalement) démocratique 7. B, C, F, G, J (dans n'importe...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 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=43" 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>
