<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/60199/par-contenutheme" 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/myp-french-la/cj-images/unites-par-contexte-mondial/unites-par-contenu-theme-image-de-rawpixel.com-sur-freepik.jpg"
            alt="Par contenu/thème"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Par contenu/thème
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous avons regroupé les unités de tous les niveaux en les classant par contenu / thème : comme l'indique le nouveau Guide du PEI, les unités peuvent également être développées à partir...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60198/par-contexte-mondial" 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/myp-french-la/cj-images/unites-par-contexte-mondial/unites-par-contextes-mondiaux.jpeg"
            alt="Par contexte mondial"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Par contexte mondial
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous avons regroupé les unités de tous les niveaux en les classant par contexte mondial. Veuillez noter que les apprenant·e·s  n'ont pas accès à ces unités telles quelles puisqu'elles...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60789/cartes-didentite" 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/myp-french-la/cj-files/emergent/unite-1/pexels-jason-deines-2993297-6258295.jpg"
            alt="Cartes d&amp;#039;identité"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Cartes d&#039;identité
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> ↵ Pratique ta compréhension écrite et ton expression écrite : complète des fiches d'informations personnelles à partir d'un texte et présente des personnes à partir de cartes d'identité.    Lis le texte...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60214/afficheposter" 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/myp-french-la/cj-files/emergent/unite-1/affiche-type-de-texte.jpg"
            alt="Affiche/poster"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Types de textes
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Affiche/poster
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ce type de texte est un moyen assez simple et efficace de faire réviser aux apprenants le vocabulaire ou les concepts grammaticaux nécessaires dans une unité. Vu son nombre limité de mots, il est souvent utilisé...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60251/1-mon-entourage" 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/myp-french-la/cj-files/emergent/unite-1/jean-carlo-emer-rwf-iabrz5g-unsplash.jpg"
            alt="1- Mon entourage"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        1- Mon entourage
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons regroupé sur cette page les unités dont le contenu aborde la question de l'entourage avec la famille et les proches et qui se rapportent aux concepts de l'identité et de la relation avec les...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64561/lhistoire-de-la-mode-de-coco-chanel" 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/myp-french-la/cj-files/emergent/unite-5/coco-chanel---livre-de-johnson-et-peras.jpg"
            alt="L&amp;#039;histoire de la mode de Coco Chanel"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Activités (compréhension et expression)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        L&#039;histoire de la mode de Coco Chanel
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ta compréhension orale : regarde ces petites vidéos sur l'histoire de la grande créatrice de mode, Coco Chanel, et réponds aux questions. Tu vas peut-être trouver de l'inspiration dans le parcours...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64174/decouvrez-les-sports-et-loisirs-de-pays-francophones-phase-3" 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/myp-french-la/cj-files/capable/unite-4/djibouti.jpg"
            alt="Découvrez les sports et loisirs de pays francophones (Phase 3)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluations (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Découvrez les sports et loisirs de pays francophones (Phase 3)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons utilisé des articles en ligne du guide touristique Le Petit Futé pour développer ces deux évaluations de Phase 3 (environ 700 mots). Veuillez noter que ces deux textes ont été raccourcis mais...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60200/critere-a-comprehension-orale" 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/myp-french-la/cj-images/interface/snippet-listening.png"
            alt="Critère A - Compréhension orale"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluations (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Critère A - Compréhension orale
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces évaluations ne sont accessibles que par les enseignants. On les retrouve dans la première partie des unités (ÉVALUATION) mais les enseignants pourront également les consulter, indépendamment des unités,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60201/critere-b-comprehension-ecrite" 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/myp-french-la/cj-images/interface/snippet-reading-b.png"
            alt="Critère B - Compréhension écrite"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Evaluations (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Critère B - Compréhension écrite
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces évaluations ne sont accessibles que par les enseignants. On les retrouve dans la première partie des unités (ÉVALUATION) mais les enseignants pourront également les consulter, indépendamment des unités,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60236/niveau-experimente" 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/myp-french-la/cj-files/proficient/phases-5-6.png"
            alt="Niveau Expérimenté"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (enseignants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Niveau Expérimenté
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous avons regroupé toutes les unités du Niveau Expérimenté. Ces unités qui peuvent ne pas être utilisées dans l'ordre contiennent : les évaluations sommatives et formatives (documents...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 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="/myp-french-la/latest-updates?page=24" 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>
