<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/39726/dans-ce-cafe-des-handicapes-font-le-service" 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/nathan-dumlao-6vhpy27jdps-unsplash-405x270-405x270.jpg"
            alt="Dans ce café, des handicapés font le service"
        >
    </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">
                        Dans ce café, des handicapés font le service
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   À noter : Ce texte sert également de modèle pour le type de texte « article / reportage ». Il pourrait être utile, avant de faire l'exercice de compréhension écrite ci-dessous, de repérer les caractéristiques...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/60058/quand-lapprentissage-vire-au-cauchemar" 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-ph2jcktadm-unsplash1-405x270.jpg"
            alt="Quand l&#039;apprentissage vire au cauchemar"
        >
    </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">
                        Quand l'apprentissage vire au cauchemar
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Le système suisse de l'apprentissage* est reconnu comme étant l'un des plus efficaces au monde. Il serait même la recette du succès économique du pays. « Notre système est envié dans le monde entier...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40845/saype-et-son-travail-sur-le-symbolisme-fraternel" 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="Saype et son travail sur le symbolisme fraternel"
        >
    </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">
                        Saype et son travail sur le symbolisme fraternel
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Avant de lire le texte, découvrez l'artiste français Saype en regardant ce court reportage sur son travail. Jade Commeil Guillaume Legros, plus connu sous le nom de Saype, est un artiste français qui...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40828/christian-clot-explorateur" 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-sortino-lrawtczjgw-unsplash-403x270-403x270.jpg"
            alt="Christian Clot, explorateur"
        >
    </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">
                        Christian Clot, explorateur
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Après 40 jours à 400 mètres sous terre, Christian Clot a finalement retrouvé la lumière du jour. Accompagné de 14 volontaires, l'explorateur franco-suisse s'est confiné un mois et demi durant dans la...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40192/la-discretion-un-roman-touchant" 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/la-discretion-200x270-200x270.png"
            alt="La Discrétion, un roman touchant"
        >
    </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 Discrétion, un roman touchant
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   À noter : Ce texte sert également de modèle pour le type de texte « critique ». Il pourrait être utile, avant de faire l'exercice de compréhension écrite ci-dessous, de repérer les caractéristiques...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/54695/temoignage-dun-expatrie" 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/aleks-marinkovic-vci8uyb04bg-unsplash-1077x720.jpg"
            alt="Témoignage d&#039;un expatrié"
        >
    </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">
                        Témoignage d'un expatrié
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Si, pour certains, le fait d'habiter loin peut renforcer le sentiment d'appartenance à son pays d'origine, Jacques, expatrié de longue date, a progressivement rompu tout lien avec la France. Loin des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40137/temoignage-les-benefices-de-mon-annee-de-cesure-apres-le-bac" 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/mon-annee-de-cesure-239x266-239x266.png"
            alt="Témoignage : Les bénéfices de mon année de césure après le bac!"
        >
    </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">
                        Témoignage : Les bénéfices de mon année de césure après le bac!
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   À noter : Ce texte sert également de modèle pour le type de texte « entretien / interview ». Il pourrait être utile, avant de faire l'exercice de compréhension écrite ci-dessous, de repérer les caractéristiques...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40047/une-ville-ou-ca-marche" 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/kitera-dent-jwv1ilisusc-unsplash-480x720-480x720.jpg"
            alt="Une ville où ça marche"
        >
    </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">
                        Une ville où ça marche
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   À noter : Ce texte sert également de modèle pour le type de texte « discours ». Il pourrait être utile, avant de faire l'exercice de compréhension écrite ci-dessous, de repérer les caractéristiques...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/40889/leffet-de-legoportrait-chez-les-jeunes" 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/apostolos-vamvouras-rnoslaw80b8-unsplash-240x360-240x360.jpg"
            alt="L&#039;effet de l&#039;égoportrait chez les jeunes"
        >
    </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'effet de l'égoportrait chez les jeunes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3">   Dévalorisation. Culte du corps parfait. Baisse d’estime. Anxiété. Piège de la comparaison. Peur du rejet. Ce ne sont là que quelques-uns des effets néfastes de l’égoportrait (ou selfie) sur la santé...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/54694/trop-de-tabac-dans-les-films-francais" 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/vitaliy-shevchenko-dojnecsay4w-unsplash-475x720.jpg"
            alt="Trop de tabac dans les films français"
        >
    </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">
                        Trop de tabac dans les films français
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La Ligue contre le cancer a récemment publié une enquête dénonçant la valorisation du tabagisme dans les films français. « Le tabac demeure quasi omniprésent dans les films français : entre 2015 et 2019,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 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=52" 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>
