<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/60242/mondialisation-et-durabilite" 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-unite-6-updated.png"
            alt="Mondialisation et durabilité"
        >
    </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">
                        Mondialisation et durabilité
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sur cette page, vous trouverez toutes les unités qui sont en rapport avec le contexte mondial de la Mondialisation et durabilité. Le niveau de l'unité est indiqué dans la description. Cette unité a été...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/67899/6-les-vacances-lenvironnement-limmigrationexpatriation" 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-6/snippet-u6-emergent.jpg"
            alt="6. les vacances, l&amp;#039;environnement, l&amp;#039;immigration/expatriation"
        >
    </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">
                        6. les vacances, l&#039;environnement, l&#039;immigration/expatriation
                                    

                    </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'Ailleurs, à commencer par la façon dont on passe ses vacances, puis l'impact de nos voyages et de notre mode de vie...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60235/niveau-competent" 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/phases-3-4.png"
            alt="Niveau Compétent"
        >
    </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 Compétent
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous avons regroupé toutes les unités du Niveau Compétent. 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">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61154/competences-sociales" 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/atl-dimension-sociale.png"
            alt="Compétences sociales"
        >
    </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">
                        Compétences sociales
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sur cette page, nous avons fait la liste des activités qui permettent aux apprenants de développer leurs compétences sociales. Ces stratégies sont intégrées aux unités des différents niveaux mais elles...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/71846/sengager-et-prendre-la-mesure-de-ses-actions-circles-of-action-d" 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/atl-skills/atl-sociales-cercles-d-action-s-engager.png"
            alt="S&amp;#039;engager et prendre la mesure de ses actions (Circles of Action de 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">
                        S&#039;engager et prendre la mesure de ses actions (Circles of Action de du Projet Zero de Harvard)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> On a parfois envie de changer le monde mais on se sent impuissants parce qu'on ne sait pas par quoi commencer. Cette routine de la pensée est utile pour prendre conscience de l'impact qu'on peut avoir...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60209/lettre-et-courriele-mail-informels" 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/fountain-pen-447576_1280.jpg"
            alt="Lettre et courriel/e-mail informels"
        >
    </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 informels
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La lettre et le courriel informels ont de nombreux éléments en commun puisque ces deux types de texte permettent à l'auteur de communiquer avec un de ses proches, que ce soit la famille, des amis, des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            25 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/64883/ecrire-un-discours-sur-limpact-des-reseaux-sociaux-sur-les-jeune" 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/activite-ee-discours.jpg"
            alt="Écrire un discours sur l&amp;#039;impact des réseaux sociaux sur les jeunes"
        >
    </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">
                        Écrire un discours sur l&#039;impact des réseaux sociaux sur les jeunes
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Pratique ton expression écrite avec une courte vidéo (0:32). Cette activité se fait en 3 étapes et permet de pratiquer le format du discours :  Regarde cet extrait d'un discours.  Réponds aux questions. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            24 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/69300/mission-9-tour-du-monde-francophone" 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--9-tour-du-monde.png"
            alt="Mission #9 TOUR DU MONDE FRANCOPHONE"
        >
    </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">
                        Mission #9 TOUR DU MONDE FRANCOPHONE
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> C'est bientôt la fin des vacances d'été, tu aides à ranger le grenier de ta famille. Tu découvres une vieille valise couverte d'autocollants venant de cinq destinations francophones. À l'intérieur, un...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            22 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/69026/mission-8-madagascar" 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--8-madagascar.png"
            alt="Mission #8 MADAGASCAR"
        >
    </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">
                        Mission #8 MADAGASCAR
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Tes parents veulent que tu pratiques ton français et ils ont proposé de recevoir un adolescent de Madagascar pendant deux semaines. Tu es très content·e mais tu as un peu peur. En plus, l'organisation...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            15 August 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/68988/mission-7-le-luxembourg" 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--7-luxembourg.png"
            alt="Mission #7 LE LUXEMBOURG"
        >
    </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">
                        Mission #7 LE LUXEMBOURG
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Tu vois sur un site Internet des places de cirque à gagner. Tu penses à ta famille : ton petit frère adore le cirque et tes parents aiment sortir en fin de semaine. Tu décides de jouer mais pour obtenir...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            09 August 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=18" 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>
