<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/64875/participer-a-une-interview-sur-les-reseaux-sociaux" 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-eo-u5.jpg"
            alt="Participer à une interview sur les réseaux sociaux"
        >
    </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">
                        Participer à une interview sur les réseaux sociaux
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Imaginez être un·e journaliste d'une émission télévisée ou un·e expert·e de l'impact du numérique sur la santé mentale. Quelles questions poserais-tu et comment y répondrais-tu ? À partir de cette vidéo...</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/64831/le-point-de-vue-des-influenceurs-et-des-followers" 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/influenceurs-et-followers---eliott.app.png"
            alt="Le point de vue des influenceurs et des followers"
        >
    </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">
                        Le point de vue des influenceurs et des followers
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Ce youtubeur suisse se penche sur l'impact des réseaux sociaux sur la nouvelle génération. Il se place à la fois du point de vue des influenceurs et de celui des followers et il s'intéresse aux effets...</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/64856/lire-un-article-sur-les-reseaux-sociaux-et-le-controle-des-adole" 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-ce-okapi.jpg"
            alt="Lire un article sur les réseaux sociaux et le contrôle des adolescents "
        >
    </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">
                        Lire un article sur les réseaux sociaux et le contrôle des adolescents 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cet article du magazine de jeunesse Okapi s'adresse aux parents et s'intéresse aux réseaux sociaux et la façon dont les adultes peuvent aider les adolescents à garder le contrôle. Lis ce texte authentique...</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/64820/nos-temps-decran-comment-utilise-t-on-les-reseaux-sociaux-" 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/temps-d-ecran-par-iciradiocanada.png"
            alt="Nos temps d&amp;#039;écran : comment utilise-t-on les réseaux sociaux ? "
        >
    </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">
                        Nos temps d&#039;écran : comment utilise-t-on les réseaux sociaux ? 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> D'abord, revenons à la définition des réseaux sociaux : en quoi consistent-ils et à quoi servent-ils ? Ensuite, penchons-nous sur nos temps d'écran et l'utilisation que nous en faisons. Les deux courtes...</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/60596/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-images/activites-pour-les-apprenants/snippet-competent-mondialisation.jpg"
            alt="Mondialisation et durabilité"
        >
    </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">
                        Mondialisation et durabilité
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans cette section, nous avons regroupé toutes les activités du niveau compétent en rapport avec ce contexte mondial. Nous les avons classées par thèmes / énoncés de recherche.    Quand et comment est-ce...</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/71872/se-depayser-en-se-connectant-au-monde" 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-conjugaison-futur-simple.jpg"
            alt="SE DÉPAYSER EN SE CONNECTANT AU MONDE"
        >
    </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">
                        SE DÉPAYSER EN SE CONNECTANT AU MONDE
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Cette unité se concentre sur le concept spécifié des systèmes en examinant dans un premier temps l’impact des voyages sur l’environnement et par conséquent les défis écologiques, puis de réfléchir aux...</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/67864/vive-les-vacances-" 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="VIVE LES VACANCES !"
        >
    </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">
                        VIVE LES VACANCES !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Qu'est-ce que tu fais pendant tes vacances ? Combien de temps durent tes vacances d'été ? Quelles sont les différentes activités et options possibles pour les vacances des enfants et adolescents dans...</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/65202/la-mode-se-demode-le-style-jamais" 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-5/coco-chanel---livre-de-johnson-et-peras.jpg"
            alt="LA MODE SE DÉMODE, LE STYLE JAMAIS."
        >
    </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">
                        LA MODE SE DÉMODE, LE STYLE JAMAIS.
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quels vêtements portes-tu ? Quel style préfères-tu ? Est-ce que tu aimes la mode ? Pourquoi (pas) ?  Dans un magasin, comment est-ce que tu demandes des informations et tu achètes des vêtements, des chaussures...</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/65201/les-loisirs-cest-sacre-" 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/activite-b-image.png"
            alt="LES LOISIRS, C&amp;#039;EST SACRÉ !"
        >
    </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">
                        LES LOISIRS, C&#039;EST SACRÉ !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Quels sont tes loisirs / tes hobbies ? Qu’est-ce que tu aimes faire quand tu as du temps libre ? Comment et quand est-ce que tu t’amuses ?  Qu’est-ce que ta famille, tes amis et les autres personnes font...</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/65198/a-table-" 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-2/waitress-2376728_1280.jpg"
            alt="À TABLE !"
        >
    </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">
                        À TABLE !
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Qu’est-ce que tu manges ? Ta famille et toi aimez manger quoi ? Qu’est-ce qu’il y a dans les spécialités de ton pays ?  Au restaurant, comment peux-tu commander des plats et des boissons ?   Qu'est-ce...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 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=12" 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>
