<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/60600/expression-personnelle-et-culturelle" 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/snippet-expression-personnelle-et-culturelle-rogers-tv.png"
            alt="Expression personnelle et culturelle"
        >
    </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">
                        Expression personnelle et culturelle
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous avons regroupé toutes les activités du Niveau Expérimenté en rapport avec ce contexte mondial. Nous les avons classées par thèmes / énoncés de recherche.   Pratiquez votre compréhension...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60186/exercices-langue" 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-exercices.png"
            alt="Exercices (langue)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Exercices (langue)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Exercices (langue)
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ces exercices de langue donnent l'opportunité de pratiquer la langue en contexte car ils sont liés aux différentes unités. Les apprenants peuvent aussi les faire en fonction de leurs besoins. Ils intègrent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64760/les-reseaux-sociaux-nous-detruisent" 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-5/image-a-phase-4.jpg"
            alt="Les réseaux sociaux nous détruisent"
        >
    </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">
                        Les réseaux sociaux nous détruisent
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La vidéo sur laquelle cette évaluation porte passe en revue les méfaits des réseaux sociaux tout en mentionnant également les avantages des outils numériques. Elle dure 7 minutes et même si le youtubeur...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65193/unites-apprenants" 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-unit%C3%89s-apprenants.png"
            alt="UNITÉS (apprenants)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            UNITÉS (apprenants)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        UNITÉS (apprenants)
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Toutes les informations sur le plan des unités, les activités des quatre compétences de langue (listening/critère A, reading/critère B, speaking/critère C, writing/critère D), les exercices de langue...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60281/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-images/assessment-icons/alexander-van-steenberge-gwjjsignnby-unsplash.jpg"
            alt="Niveau Expérimenté"
        >
    </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">
                        Niveau Expérimenté
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les évaluations de production écrite de toutes les unités du Niveau Expérimenté ont été regroupées ci-dessous. Elles peuvent être utilisées en cours avec les élèves comme pratique ou comme tâches évaluées...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65157/5-la-mode-les-reseaux-sociaux-lia" 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/andrey-zvyagintsev-hidfzmt8z5s-unsplash.jpg"
            alt="5- la mode, les réseaux sociaux, l&amp;#039;IA"
        >
    </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">
                        5- la mode, les réseaux sociaux, l&#039;IA
                                    

                    </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'image de soi, à commencer par ce qu'on porte sur soi (la mode), puis l'impact des réseaux sociaux sur l'estime de...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62628/la-vie-au-college-qui-ou-et-quoi-" 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-3/college-alexandre-dumas.png"
            alt="La vie au collège : qui, où et quoi ?"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Exercices (langue)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        La vie au collège : qui, où et quoi ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> L'école en France et dans d'autres pays francophones, c'est comme une autre planète : il faut du vocabulaire pour comprendre de quoi on parle. Ces exercices se concentrent sur les personnes qui travaillent...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60583/activites-comprehension-et-expression" 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/four-objectives-language-skills.png"
            alt="Activités (compréhension et expression)"
        >
    </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">
                        Activités (compréhension et expression)
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les activités qui sont pour la majorité interactives/autocorrigées sont accessibles dans le cadre des unités où elles s'inscrivent dans un contexte conceptuel. Cependant, elles sont aussi réunies ici...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60183/apercu-du-cours" 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-apercu-du-cours.png"
            alt="Aperçu du cours"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Aperçu du cours
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Aperçu du cours
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons regroupé les liens des pages qui expliquent les éléments essentiels de ce cours. Ces informations aideront à la fois les enseignants qui ne sont pas encore (très) familiers avec le PEI et 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/60598/identites-et-relations" 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/unite-1/baby-1681181_1280.jpg"
            alt="Identités et relations"
        >
    </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">
                        Identités et relations
                                                <span class='topic-heading-badge d-inline-flex align-items-center justify-content-center'>Free</span>

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous avons regroupé toutes les activités du Niveau Expérimenté en rapport avec ce contexte mondial. Nous les avons classées par thèmes / énoncés de recherche.   Comment est-ce que...</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=23" 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>
