<turbo-stream action="append" target="section-items">
    <template>
            <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>
    <a href="/myp-french-la/page/60239/orientation-dans-lespace-et-le-temps" 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/espace-temps-implications-philosophiques.org.jpg"
            alt="Orientation dans l&amp;#039;espace et le temps"
        >
    </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">
                        Orientation dans l&#039;espace et le temps
                                    

                    </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'Orientation dans l'espace et le temps. 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>
    <a href="/myp-french-la/page/60238/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-images/assessment-icons/company-3016615_1280.jpg"
            alt="Identités et relations"
        >
    </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">
                        Identités et relations
                                    

                    </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'Identités et de relations. 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/60252/2-lalimentation-et-la-nourriture" 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/samantha-fields-7gpungd2ws0-unsplash.jpg"
            alt="2- L&amp;#039;alimentation et la nourriture"
        >
    </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">
                        2- L&#039;alimentation et la nourriture
                                    

                    </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'alimentation avec les différentes cuisines et plus particulièrement la gastronomie française et/ou francophone. Ces...</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/60253/3-lecole-la-vie-scolaire-leducation-" 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/freepik-femmes-ordinateur-seance-communication-analyse-collage.jpg"
            alt="3- L&amp;#039;école, la vie scolaire, l&amp;#039;éducation "
        >
    </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">
                        3- L&#039;école, la vie scolaire, l&#039;éducation 
                                    

                    </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'école avec les différents débats sur l'uniforme, l'accès à l'éducation pour tous et les conditions d'apprentissage,...</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/64382/4-les-loisirs-le-sport-le-divertissement" 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-4/mche-lee-nts56fr_71o-unsplash.jpg"
            alt="4- Les loisirs, le sport, le divertissement"
        >
    </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">
                        4- Les loisirs, le sport, le divertissement
                                    

                    </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 du temps libre et de la façon de l'occuper, la place du sport dans notre société, particulièrement dans les pays francophones,...</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/60197/par-niveau-de-competence" 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/debutant.png"
            alt="Par niveau de compétence"
        >
    </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">
                        Par niveau de compétence
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous avons regroupé toutes les unités en les classant par niveau, du Niveau Débutant (Phases 1-2) au Niveau Expérimenté (Phases 5-6). Veuillez noter que les apprenant·e·s  n'ont pas...</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/60217/par-niveau-de-competence" 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-chansons-par-niveaux.png"
            alt="Par niveau de compétence"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Chansons francophones
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Par niveau de compétence
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les chansons et les exercices qui les accompagnent ont été regroupés en fonction du niveau de langue recherché. Il suffit de choisir un niveau et d'explorer les pages qui sont proposées. En général, chaque...</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/60586/niveau-experimente-phases-5-6" 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-activities-proficient.png"
            alt="Niveau Expérimenté (Phases 5-6)"
        >
    </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">
                        Niveau Expérimenté (Phases 5-6)
                                                <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 des Phases 5 et 6, pour la plupart interactives/autocorrigées, ont pour but de pratiquer les quatre compétences linguistiques (compréhensions orale et écrite, et expressions orale et écrite)....</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/60585/niveau-competent-phases-3-4" 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-activities-capable.png"
            alt="Niveau Compétent (Phases 3-4)"
        >
    </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">
                        Niveau Compétent (Phases 3-4)
                                                <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 des Phases 3 et 4, pour la plupart interactives/autocorrigées, ont pour but de pratiquer les quatre compétences linguistiques (compréhensions orale et écrite, et expressions orale et écrite)....</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=27" 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>
