<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/61093/sa-place-dans-la-famille-a-travers-deux-films" 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/screenshot-2025-03-15-at-1.39.03-pm.png"
            alt="Sa place dans la famille à travers deux films"
        >
    </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">
                        Sa place dans la famille à travers deux films
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons utilisé ici deux vidéos sur Youtube qui présentent les films français Toni en famille (2023) et Photo de famille (2018) avec des interviews et des extraits de la bande-annonce de ces films....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64758/instagram-et-lestime-de-soi" 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="Instagram et l&amp;#039;estime de soi"
        >
    </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">
                        Instagram et l&#039;estime de soi
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pour cette évaluation, nous avons utilisé une vidéo sur Youtube qui amène à une réflexion sur la corrélation entre l'utilisation de l'application Instagram et la diminution de l'estime de soi. Cette vidéo...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64079/le-parkour-une-invention-francaise" 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/image-a-phase-4.jpg"
            alt="Le parkour, une invention française"
        >
    </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">
                        Le parkour, une invention française
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pour cette évaluation, nous avons utilisé une vidéo sur Youtube qui raconte l'histoire du parkour ou art du mouvement. Cette vidéo dure 11 minutes 26 mais les questions ne portent que sur les 7 premières...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/62120/la-gastronomie-francaise-a-lunesco-culture" 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-2/la-gastronomie-francaise-a-toutes-les-sauces-1-0dfb56-0%401x.jpeg"
            alt="La gastronomie française à l&amp;#039;Unesco (culture)"
        >
    </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">
                        La gastronomie française à l&#039;Unesco (culture)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons utilisé ici deux vidéos sur Youtube qui traitent du même sujet mais à un moment différent :  La première vidéo dure moins de 7 minutes, tandis que le deuxième reportage dépasse les 9 minutes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64845/ados-et-reseaux-sociaux-comment-saimer-sans-filtres-" 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/b-couverture-phosphore.png"
            alt="Ados et réseaux sociaux : comment s’aimer sans filtres ?"
        >
    </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">
                        Ados et réseaux sociaux : comment s’aimer sans filtres ?
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons créé cette évaluation de Phase 3 en raccourcissant un article du magazine de jeunesse Phosphore qui compte à l'origine plus de 1500 mots. Vu la pertinence de ce texte ainsi que sa longueur,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/63279/je-mexprime-" 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-3/1jour-1-actu-liberte-d-expression.png"
            alt="Je m&amp;#039;exprime !"
        >
    </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">
                        Je m&#039;exprime !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Il y a de nombreux sujets qui touchent l'école : la relation entre élèves et enseignants, les classes mixtes ou non, le harcèlement à l’école, l'accès pour tous à l'éducation, l'utilité de l'école, la...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            21 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65525/mot-groupe-de-mots-phrase-du-projet-zero-de-harvard" 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-word-phrase-sentence.png"
            alt="Mot-Groupe de mots-Phrase du Projet Zero de Harvard"
        >
    </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">
                        Mot-Groupe de mots-Phrase du Projet Zero de Harvard
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette routine de la pensée permet de scanner, à l'écrit ou à l'oral, un texte, un discours et une leçon en choisissant de retenir en particulier un mot, une expression, une phrase qui résonne en nous...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65512/changer-de-perspective-pour-plus-dempathie" 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-lenses.png"
            alt="Changer de perspective pour plus d&amp;#039;empathie"
        >
    </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">
                        Changer de perspective pour plus d&#039;empathie
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette routine de la pensée permet aux apprenants de changer et d'échanger les perspectives ("les lentilles") afin de développer davantage d'empathie pour les autres. Ces compétences sociales sont primordiales...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            19 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/blog/66411/bienvenue-sur-notre-site-de-francais-pour-le-pei-" 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/myp-french-picture-for-the-brochure-updated.png"
            alt="Bienvenue sur notre site de français pour le PEI !"
        >
    </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">
                        Bienvenue sur notre site de français pour le PEI !
                                                <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"> Message de bienvenue et informations pour garder le contact Chers collègues, Nous sommes ravis de commencer l’année 2026 à vos côtés en lançant notre site de français pour le PEI et en rendant ainsi notre...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            16 January 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60194/apprentissage-interdisciplinaire" 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-interdisciplinaire.png"
            alt="Apprentissage interdisciplinaire"
        >
    </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">
                        Apprentissage interdisciplinaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> L’interdisciplinarité nous rappelle que tout est interconnecté dans notre monde et que par conséquent les différentes matières étudiées dans le cadre du Baccalauréat International font partie d’un tout...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            13 January 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=36" 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>
