<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/45911/pourquoi-voter-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="Pourquoi voter ? - 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">
                        Pourquoi voter ? - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Noms un bulletin de vote un électeur / une électrice les présidentielles (f pl) les urnes (f pl) Adjectifs citoyen·ne démocratique militant·e sympathisant·e Verbes s'abstenir être candidat·e faire campagne...</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/44326/lecole-democratique-lecole-du-futur-" 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/agence-olloweb-z2imfocaffk-unsplash-1084x720.jpg"
            alt="L&#039;école démocratique : l&#039;école du futur ?"
        >
    </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 ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Une école radicalement différente de la vôtre ça vous tente ? C’est ce que proposent les écoles démocratiques, des établissements scolaires pour les élèves de 3 à 18 ans où ceux-ci décident de leur propre...</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/47307/on-se-tutoie-ou-on-se-vouvoie-" 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/theorie-de-la-connaissance/tu-et-vous-902x366.jpg"
            alt="On se tutoie ou on se vouvoie ?"
        >
    </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">
                        On se tutoie ou on se vouvoie ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quand utilise-t-on tu et vous en français ? Est-ce aussi simple que ce qu’on pourrait le penser ? Trouvez-vous que ces deux pronoms soient de bons indicateurs de la façon dont le monde francophone est...</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/68006/on-se-tutoie-ou-on-se-vouvoie-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="On se tutoie ou on se vouvoie ? - 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">
                        On se tutoie ou on se vouvoie ? - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Tu et vous – Exemples de réponses...</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/47944/-en-art-point-de-frontiere-" 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/theorie-de-la-connaissance/guillaume-meurice-zok6whrltqo-unsplash-576x720.jpg"
            alt="« En art, point de frontière »"
        >
    </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">
                        « En art, point de frontière »
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Qu’est-ce que l’art peut nous indiquer sur la culture francophone ? En art, qui peut décider de ce qui est bon ou médiocre ? Votre jugement a-t-il autant de valeur que celui d’un·e expert·e ? À discuter…...</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/68004/-en-art-point-de-frontiere-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="« En art, point de frontière » - 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">
                        « En art, point de frontière » - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Question 2 Types d'œuvres d'art statues, frise murale, sculptures, peintures, orfèvrerie Principales œuvres d'art aperçues dans la vidéo (On ne s'attend pas à ce que les élèves les connaissent toutes...</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/44833/nos-ancetres-et-nous" 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/roman-kraft-7spg5olfexc-unsplash-405x270.jpg"
            alt="Nos ancêtres et nous"
        >
    </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">
                        Nos ancêtres et nous
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Qu’ont fait nos arrière-grands-parents ? Nos grands-parents ? Nos parents ? Découvrir ce qu'a été la vie de nos ancêtres est toujours captivant. Mais pourquoi ? À quoi cela sert-il de connaître le passé...</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/37350/la-lecture-et-vous-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="La lecture et vous - 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">
                        La lecture et vous - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 2. Exemples de réponses: un·e abonné·e un·e bibliothécaire une bibliothèque un·e consommateur·trice averti·e un·e gros·se lecteur·trice agréable (à l’œil) complémentaire empruntable numérique emprunter...</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/47365/comment-passer-ses-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/04.jpg?v=1790338360"
            alt="Comment passer ses 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">
                        Comment passer ses vacances ? - Corrigé
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> 1. attraper un coup de soleil faire du pédalo faire du tourisme faire une croisière flâner flemmarder se faire bronzer se reposer séjourner dans une station balnéaire visiter une attraction touristique...</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/37336/la-lecture-et-vous" 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/vente-de-livres-interdite-540x720-540x720.jpg"
            alt="La lecture et vous"
        >
    </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">
                        La lecture et vous
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Lors des récents confinements en France, les librairies ont été contraintes de fermer car elles étaient considérées comme des commerces non essentiels par le gouvernement. Cela a bien sûr soulevé de nombreux...</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=44" 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>
