<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/60206/expressions-idiomatiques" 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-expressions.png"
            alt="Expressions idiomatiques"
        >
    </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">
                        Expressions idiomatiques
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Il y a des expressions qui sont propres au français et qu'on ne peut pas traduire littéralement dans les autres langues. Ces expressions sont fascinantes puisqu'elles en disent souvent long sur la culture...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60245/equite-et-developpement-" 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="Équité et développement "
        >
    </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">
                        Équité et développement 
                                    

                    </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 d' Équité et développement. Le niveau de l'unité est indiqué dans la description. Cette unité a été conçue...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60233/dictionnaires-en-ligne" 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-dicos-et-traducteurs.png"
            alt="Dictionnaires en ligne"
        >
    </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">
                        Dictionnaires en ligne
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Apprendre à choisir et utiliser des dictionnaires sur papier ou en ligne fait partie de l’apprentissage de la langue. Dans le futur, nous développerons quelques activités pour développer ces compétences....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60231/documents-authentiques-et-pratique-des-competences-linguistiques" 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="Documents authentiques et pratique des compétences linguistiques"
        >
    </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">
                        Documents authentiques et pratique des compétences linguistiques
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Sur cette page, nous avons regroupé des ressources qui permettent de pratiquer toutes les compétences linguistiques et ainsi, de travailler pour les quatre objectifs (critères) de ce cours de français...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60196/ressources" 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-ressources.png"
            alt="Ressources"
        >
    </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">
                        Ressources
                                                <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"> Sur cette page, nous avons fait une liste de ressources que nous trouvons utiles pour le cours d'Acquisition du français, que ce soit pour pratiquer les quatre compétences linguistiques que pour faire...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60220/lacces-aux-apprenants-student-access" 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/acces-aux-apprenants-snippet.png"
            alt="L&amp;#039;accès aux apprenants (Student access)"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Par où commencer
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        L&#039;accès aux apprenants (Student access)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Voici quelques indications pour  créer des groupes choisir ce que les apprenants peuvent voir attribuer des tâches aux apprenants À l’exception des évaluations et des explications réservées aux enseignants,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60224/study-skills" 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/study-skills.png"
            alt="Study skills"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Par où commencer
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Study skills
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Learning a new language is fun, yet it is a long process. It is quite similar to learning a musical instrument. If you want to be able to communicate with French native speakers, explore the culture and...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60223/introduction-to-the-course" 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/intro-du-cours-l-express.ca.jpg"
            alt="Introduction to the course"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Par où commencer
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Introduction to the course
                                                <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"> French MYP Language Acquisition is a programme of the International Baccalaureate that allows the students to learn French within a continuum, from Phase 1 to Phase 6. Usually, students start learning...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60222/how-to-use-the-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/interface/how-to-use-the-site-(learners).png"
            alt="How to use the site"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Par où commencer
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        How to use the 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"> Before you start your journey, here are a few tips to help you navigate on the site.  Once your teacher has invited you to the site, you will have direct access to many pages and resources that will help...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 April 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60240/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-images/unites-par-contexte-mondial/expression-perso-et-cult---acelf.png"
            alt="Expression personnelle et culturelle"
        >
    </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">
                        Expression personnelle et culturelle
                                    

                    </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 l'Expression personnelle et culturelle. Le niveau de l'unité est indiqué dans la description.  Cette unité...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            11 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=26" 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>
