<turbo-stream action="append" target="section-items">
    <template>
            <a href="/myp-french-la/page/72909/du-mode-pensee-au-mode-perception" 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-du-mode-de-la-pensee-a-la-perception.png"
            alt="Du mode Pensée au mode Perception"
        >
    </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">
                        Du mode Pensée au mode Perception
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous avons besoin de notre esprit pour effectuer de nombreuses tâches très utiles : organiser et planifier, examiner et analyser, évaluer et prendre des décisions, résoudre des problèmes et imaginer des...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60189/pour-les-enseignants" 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="Pour les enseignants"
        >
    </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">
                        Pour les enseignants
                                                <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"> Ce site a été conçu pour l'enseignement et l'apprentissage du français dans le cadre du PEI. Ces pages vous aideront en tant qu'enseignant·e à mieux comprendre comment utiliser ce site en accédant aux...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            30 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/61156/competences-dautogestion-" 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-autogestion.png"
            alt="Compétences d&amp;#039;autogestion  "
        >
    </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 d&#039;autogestion  
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Nous distinguons deux catégories parmi les compétences d'autogestion : les compétences d'organisation (la gestion du temps, des tâches, des objectifs, etc.) les compétences affectives (la gestion de l'état...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/72942/apprendre-et-memoriser-en-musique" 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-memsoriser-en-musique.png"
            alt="Apprendre et mémoriser en musique"
        >
    </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">
                        Apprendre et mémoriser en musique
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La langue française est difficile, en grande partie parce qu'on ne prononce pas de la même façon qu'on écrit. Alors, ça peut être difficile de mémoriser des phrases juste en lisant un texte et de les...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            29 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/72941/conjuguer-les-verbes-en-cadence" 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-autogestion-tic-tac.jpg"
            alt="Conjuguer les verbes en cadence"
        >
    </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">
                        Conjuguer les verbes en cadence
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Il faut être honnête : pratiquer la conjugaison des verbes est rarement une activité amusante. C'est un travail de mémorisation souvent très solitaire. Prenons le présent. On lit les différentes formes,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/65503/organisation-des-verbes-pour-la-conjugaison" 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-conjugaison-des-verbes.png"
            alt="Organisation des verbes pour la conjugaison"
        >
    </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">
                        Organisation des verbes pour la conjugaison
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Une des difficultés du français, c'est de conjuguer les verbes correctement. Le présent est non seulement très utilisé dans la vie de tous les jours mais il sert aussi de base pour conjuguer les verbes...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            28 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60271/niveau-debutant" 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/desk-593327_1280.jpg"
            alt="Niveau Débutant"
        >
    </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">
                        Niveau Débutant
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Les évaluations de compréhension écrite de toutes les unités du Niveau Débutant ont été regroupées ci-dessous. Elles peuvent être utilisées en cours avec les élèves comme pratique ou comme tâches évaluées...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/63146/la-vie-scolaire" 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/la-vie-scolaire.jpg"
            alt="La Vie scolaire"
        >
    </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">
                        La Vie scolaire
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> La vie scolaire, c'est bien une équipe d'éducateurs dans un établissement scolaire en France mais c'est aussi le nom d'un film qui est sorti au cinéma en 2019 et est devenu plus tard disponible sur Netflix....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/71845/la-toile-daraignee-pensee-systemique" 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-toile-d-araignee.png"
            alt="La Toile d&amp;#039;Araignée (pensée systémique)"
        >
    </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">
                        La Toile d&#039;Araignée (pensée systémique)
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Dans une certaine mesure, nous sommes tous conscients de notre interdépendance. Pourtant, quand on travaille en groupe ou quand on analyse un problème, nous avons tendance à sous-estimer ces “cercles...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            23 October 2026
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/myp-french-la/page/60211/billet-ou-article-de-blog-" 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/photo-blog.jpg"
            alt="Billet ou article de blog "
        >
    </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">
                        Billet ou article de blog 
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Le billet de blog est un nouvel article écrit par l'auteur d'un blog et publié en ligne sur le site Internet de celui-ci. En général, le billet de blog est daté et aborde un nouveau sujet. C'est un type...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            20 October 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=3" 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>
