<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/63463/unite-4-se-divertir-inspiration-ou-distraction-" 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-4/image-critere-a.jpg"
            alt="Unité #4 Se divertir : inspiration ou distraction ?"
        >
    </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">
                        Unité #4 Se divertir : inspiration ou distraction ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité a été conçue pour des apprenants de Niveau Expérimenté, tout en gardant plus particulièrement les apprenants de Phase 5 à l’esprit. Elle se concentre sur le concept spécifié du point de vue...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            14 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64372/unite-5-enmodetoujoursparfait" 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-3.png"
            alt="Unité #5 #EnmodeToujoursParfait"
        >
    </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">
                        Unité #5 #EnmodeToujoursParfait
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité a été conçue pour les Phases 3 et 4, même si les évaluations ciblent plutôt la Phase 4; elles peuvent tout à fait être adaptées à la Phase 3. Elle se concentre sur le concept spécifié de la...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/68248/missions-francophones-escape-games" 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/escape-games/snippet-mission--1-qu%C3%89bec.jpg"
            alt="Missions francophones (Escape games)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Missions francophones (Escape games)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Missions francophones (Escape games)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Tu as un peu de temps et tu veux pratiquer ton français ? Ou tu as fini ton travail en classe et le professeur t'autorise à faire cette activité ?  Découvre les cultures francophones avec ces MISSIONS...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            12 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/68472/les-defis-ecologiques-" 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-6/snippet-activite-b-defis-ecologiques.png"
            alt="Les défis écologiques "
        >
    </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">
                        Les défis écologiques 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> L'homme impacte la planète avec son mode de vie et il cause de nombreux enjeux environnementaux. La liste est longue et c'est difficile d'examiner tous ces problèmes écologiques. Ici, nous allons nous...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65200/bienvenue-a-lecole-" 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/screenshot-2025-06-10-at-8.03.15-pm.png"
            alt="BIENVENUE À L&amp;#039;ÉCOLE !"
        >
    </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">
                        BIENVENUE À L&#039;ÉCOLE !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Comment est ton école ?  Quel est ton emploi du temps ? Tu aimes quelles matières ? Comment est le système scolaire dans les pays francophones ? Qu’est-ce que les enfants font à l’école ?   Qu'est-ce...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65206/cest-la-rentree-" 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-3/screenshot-2025-06-27-at-12.27.46-pm.png"
            alt="C&amp;#039;EST LA RENTRÉE !"
        >
    </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">
                        C&#039;EST LA RENTRÉE !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité se concentre sur le concept spécifié de l’identité en essayant dans un premier temps d’explorer différents systèmes scolaires d’un pays à l’autre et d’une époque à une autre en y incluant...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60208/lettre-et-courriele-mail-formels" 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/screenshot-2025-07-26-at-2.22.02-pm.png"
            alt="Lettre et courriel/e-mail formels"
        >
    </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">
                        Lettre et courriel/e-mail formels
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La lettre et le courriel formels ont de nombreux éléments en commun puisque ces deux types de texte permettent à l'auteur de communiquer un message précis à une personne ou un organisme avec lequel l'auteur...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60193/planification-des-unites" 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/planning.png"
            alt="Planification des unités"
        >
    </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">
                        Planification des unités
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette page permet  d'aider les nouveaux enseignants à planifier leurs unités selon les directives et la philosophie du cours d'Acquisition de langues du PEI  de comprendre les choix qui ont été faits...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60195/guide-dacquisition-de-langues-2020-et-2027" 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-guide.png"
            alt="Guide d&amp;#039;Acquisition de langues (2020 et 2027)"
        >
    </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">
                        Guide d&#039;Acquisition de langues (2020 et 2027)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons développé ce site en fonction du Guide d'Acquisition de langues de 2020/2021, tout en préparant à la transition avec le nouveau Guide d'Acquisition de langues de 2027. Ce dernier ayant pour...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 September 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/blog/72114/bonne-rentree-sur-notre-site-" 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/blogs/blog-entry--5.png"
            alt="Bonne rentrée sur notre site ! "
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Blog
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Bonne rentrée sur notre site ! 
                                                <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"> Chers collègues, La deuxième Newsletter de notre site vient d’être publiée. Si vous êtes inscrits, vous devriez l’avoir reçue directement dans votre boîte mail ; sinon, il vous suffit de cliquer sur le...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            10 September 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=7" 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>
