<turbo-stream action="append" target="section-items">
    <template>
            <a href="/frenchb/page/66606/sante-et-bien-etre-test-de-vocabulaire" 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/vocabulaire/caju-gomes-qdq3ylizg48-unsplash-480x720.jpg"
            alt="Santé et bien-être - Test de vocabulaire"
        >
    </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">
                        Santé et bien-être - Test de vocabulaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Évaluez votre maîtrise du vocabulaire lié à la santé et au bien-être en faisant les exercices suivants. Vous pouvez utiliser ce test en classe si la fonction Student access est activée. Contrairement...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            01 June 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/62709/repertoire-des-anciennes-epreuves-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="Répertoire des anciennes épreuves - Ingéniosité humaine"
        >
    </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">
                        Répertoire des anciennes épreuves - Ingéniosité humaine
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Une sélection de textes tirés d'anciennes épreuves pour travailler la compréhension écrite en classe, à la maison ou en situation d'examen. Les épreuves de l’IB étant protégées par les lois sur le droit...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/67535/les-impatientes-extraits" 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/book-covers/les-impatientes-166x270.jpg"
            alt="Les impatientes - Extraits"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Examen oral individuel
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Les impatientes - Extraits
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Djaïli Amadou Amal, Les impatientes, Emmanuelle Collas, 2020            …La société musulmane définit la place accordée à chacun.             Nous sommes une famille nombreuse. Mon père la tient d’une...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/45632/la-phrase-hypothetique" 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/grammaire/hypotheses-270x270.jpeg"
            alt="La phrase hypothétique"
        >
    </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 phrase hypothétique
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Maîtrisez-vous l’emploi de la phrase hypothétique ? Activez vos connaissances à l’aide des flashcards, puis entraînez-vous en faisant les exercices proposés.  La phrase hypothétique : on se rafraîchit...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            17 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/46021/le-discours-indirect" 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/grammaire/dsc08158-1-270x270.jpg"
            alt="Le discours indirect"
        >
    </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 discours indirect
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Maîtrisez-vous l’emploi du discours indirect ? Activez vos connaissances à l’aide des flashcards, puis entraînez-vous en faisant les exercices proposés.  Le discours indirect : on se rafraîchit la mémoire...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36522/evaluation-de-lexamen-ns-une-bouteille-dans-la-mer-de-gaza" 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/mp3%20et%20stylo-resized.jpg"
            alt="Évaluation de l&#039;examen NS - Une bouteille dans la mer de Gaza"
        >
    </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">
                        Évaluation de l'examen NS - Une bouteille dans la mer de Gaza
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Le vocabulaire est adapté à la tâche mais il n’est pas très varié. La langue est toujours compréhensible et généralement correcte. La candidate utilise régulièrement des structures complexes. On note toutefois des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/36521/exemple-dexamen-ns-une-bouteille-dans-la-mer-de-gaza" 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/book-covers/une-bouteille-dans-la-mer-de-gaza-171x270.jpg"
            alt="Exemple d&#039;examen NS - Une bouteille dans la mer de Gaza"
        >
    </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">
                        Exemple d'examen NS - Une bouteille dans la mer de Gaza
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cher Naïm (oh ! enfin un prénom, ton prénom !),  J’ai lu et relu ton message, je le connais à présent par cœur. J’ai été émue et attristée par ce que tu appelles ta « fatigue ». Maman dirait que tu es...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30646/evaluation-de-lexamen-ns-reparer-les-vivants" 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/mp3%20et%20stylo-resized.jpg"
            alt="Évaluation de l&#039;examen NS - Réparer les vivants"
        >
    </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">
                        Évaluation de l'examen NS - Réparer les vivants
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Le vocabulaire est généralement adapté à l’extrait littéraire et au thème de la conversation d’ordre général. La candidate fait de nombreuses erreurs de grammaire. Elle utilise quelques structures grammaticales...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/30644/exemple-dexamen-ns-reparer-les-vivants" 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/book-covers/reparer-les-vivants-164x270.jpg"
            alt="Exemple d&#039;examen NS - Réparer les vivants"
        >
    </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">
                        Exemple d'examen NS - Réparer les vivants
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sean ferme les paupières, incline la tête, il pince du pouce et de l’index le coin intérieur de ses yeux, murmure je voudrais être certain que tout a été fait et Révol, doux, lui assure : le choc de l’accident...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 May 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/frenchb/page/41918/evaluation-de-lexamen-ns-petit-pays" 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/mp3%20et%20stylo-resized.jpg"
            alt="Évaluation de l&#039;examen NS - Petit Pays"
        >
    </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">
                        Évaluation de l'examen NS - Petit Pays
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La candidate utilise du vocabulaire varié et adapté à la tâche : ce passage est tiré de, Il s’agit de, les thèmes principaux sont, le narrateur, un ton, éveiller les consciences… Elle emploie aussi une...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            07 May 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=37" 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>
