{"id":15041,"date":"2025-12-05T16:14:04","date_gmt":"2025-12-05T15:14:04","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15041"},"modified":"2025-12-05T16:14:07","modified_gmt":"2025-12-05T15:14:07","slug":"lecon-11-passe-compose-avec-avoir","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/lecon-11-passe-compose-avec-avoir\/","title":{"rendered":"Lesson 11: Past tense with AVOIR"},"content":{"rendered":"\n<!-- LE\u00c7ON 11 : Pass\u00e9 compos\u00e9 avec AVOIR -->\n<div style=\"margin:0; padding:20px; background-color:#f0f7ff; font-family:Arial, sans-serif;\">\n    <div style=\"max-width:1000px; margin:0 auto; background-color:white; border-radius:15px; box-shadow:0 5px 15px rgba(0,0,100,0.1); padding:30px;\">\n        \n        <h1 style=\"color:#2c3e50; text-align:center; margin-top:0; padding-bottom:15px; border-bottom:2px solid #3498db; font-size:2rem;\">\n            Le\u00e7on 11 : Pass\u00e9 compos\u00e9 avec AVOIR\n        <\/h1>\n        \n        <div style=\"background-color:#e8f4f8; padding:20px; border-radius:10px; border-left:5px solid #3498db; margin:20px 0;\">\n            <h2 style=\"color:#2980b9; margin-top:0; font-size:1.4rem;\">R\u00e8gle :<\/h2>\n            <p style=\"margin:0; font-size:1.1rem;\">\n                Le pass\u00e9 compos\u00e9 sert \u00e0 parler d'actions <strong>termin\u00e9es dans le pass\u00e9<\/strong>. Avec <strong>avoir<\/strong>, la majorit\u00e9 des verbes se conjuguent ainsi : <strong>avoir au pr\u00e9sent + participe pass\u00e9<\/strong>.\n            <\/p>\n        <\/div>\n        \n        <h2 style=\"color:#2980b9; margin-top:25px; font-size:1.4rem;\">Exemples :<\/h2>\n        <div style=\"background-color:#f9f9f9; padding:15px; border-radius:8px; margin:15px 0;\">\n            <p style=\"margin:5px 0;\"><strong>Je mange<\/strong> \u2192 <strong>J'ai mang\u00e9<\/strong><\/p>\n            <p style=\"margin:5px 0;\"><strong>Tu regardes<\/strong> \u2192 <strong>Tu as regard\u00e9<\/strong><\/p>\n        <\/div>\n        \n        <h2 style=\"color:#2980b9; margin-top:25px; font-size:1.4rem;\">Phrases mod\u00e8les :<\/h2>\n        <div style=\"display:flex; flex-wrap:wrap; gap:15px; margin:20px 0;\">\n            <div style=\"flex:1; min-width:250px; background-color:#f0f8ff; padding:15px; border-radius:8px; border-left:4px solid #3498db;\">\n                <p style=\"margin:0;\"><strong>Hier, j'ai parl\u00e9 avec mon ami.<\/strong><\/p>\n            <\/div>\n            <div style=\"flex:1; min-width:250px; background-color:#f0f8ff; padding:15px; border-radius:8px; border-left:4px solid #3498db;\">\n                <p style=\"margin:0;\"><strong>Nous avons achet\u00e9 du pain.<\/strong><\/p>\n            <\/div>\n            <div style=\"flex:1; min-width:250px; background-color:#f0f8ff; padding:15px; border-radius:8px; border-left:4px solid #3498db;\">\n                <p style=\"margin:0;\"><strong>Ils ont travaill\u00e9 \u00e0 l'usine.<\/strong><\/p>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background-color:#fff8e1; padding:20px; border-radius:10px; margin:20px 0; border:1px dashed #f39c12;\">\n            <h2 style=\"color:#2980b9; margin-top:0; font-size:1.4rem;\">Mise en situation :<\/h2>\n            <p style=\"margin:10px 0; font-size:1.1rem;\">\n                Samedi, Marie a pass\u00e9 une bonne journ\u00e9e. Elle a rang\u00e9 la maison, elle a cuisin\u00e9, puis elle a regard\u00e9 un film.\n            <\/p>\n        <\/div>\n        \n        <h2 style=\"color:#2980b9; margin-top:25px; font-size:1.4rem;\">Vocabulaire utile :<\/h2>\n        <div style=\"display:flex; flex-wrap:wrap; gap:10px; margin:15px 0;\">\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">hier<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">avant<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">apr\u00e8s<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">matin<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">soir<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">maison<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">travail<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">film<\/span>\n            <span style=\"background-color:#d1e8ff; padding:8px 15px; border-radius:20px; font-weight:bold; color:#2c3e50;\">ami<\/span>\n        <\/div>\n        \n        <div style=\"background-color:#e8f5e9; padding:25px; border-radius:10px; margin:25px 0;\">\n            <h2 style=\"color:#27ae60; margin-top:0; font-size:1.4rem;\">Exercice : Relie la bonne forme<\/h2>\n            \n            <div id=\"feedback11-1\" style=\"padding:10px; margin:10px 0; border-radius:5px; display:none;\"><\/div>\n            \n            <div style=\"margin-bottom:20px;\">\n                <p style=\"font-weight:bold; color:#27ae60; margin-bottom:15px;\">1. Hier, j'...<\/p>\n                <div style=\"display:flex; gap:20px; flex-wrap:wrap;\" id=\"question11-1\">\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer11(this, 'ai march\u00e9', true, 1)\">\n                        ai march\u00e9\n                    <\/div>\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer11(this, 'marche', false, 1)\">\n                        marche\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div id=\"feedback11-2\" style=\"padding:10px; margin:10px 0; border-radius:5px; display:none;\"><\/div>\n            \n            <div style=\"margin-bottom:20px;\">\n                <p style=\"font-weight:bold; color:#27ae60; margin-bottom:15px;\">2. Nous ...<\/p>\n                <div style=\"display:flex; gap:20px; flex-wrap:wrap;\" id=\"question11-2\">\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer11(this, 'avons jou\u00e9', true, 2)\">\n                        avons jou\u00e9\n                    <\/div>\n                    <div style=\"padding:10px 20px; background-color:white; border:2px solid #27ae60; border-radius:5px; cursor:pointer; margin:5px; transition:all 0.3s;\" \n                         onclick=\"checkAnswer11(this, 'jouons', false, 2)\">\n                        jouons\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div style=\"font-weight:bold; color:#2c3e50; margin-top:20px;\" id=\"score11\">Score : 0\/2<\/div>\n            \n            <button style=\"padding:10px 20px; background-color:#3498db; color:white; border:none; border-radius:5px; cursor:pointer; margin-top:20px; font-weight:bold;\" \n                    onclick=\"resetExercise11()\">\n                Recommencer l'exercice\n            <\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    let score11 = 0;\n    let totalQuestions11 = 2;\n    let answeredQuestions11 = new Set();\n\n    function checkAnswer11(element, answer, isCorrect, questionNum) {\n        if (answeredQuestions11.has(questionNum)) return;\n        \n        answeredQuestions11.add(questionNum);\n        \n        const options = document.querySelectorAll(`#question11-${questionNum} > div`);\n        options.forEach(opt => {\n            opt.style.cursor = 'default';\n            opt.onclick = null;\n        });\n        \n        if (isCorrect) {\n            element.style.backgroundColor = '#a5d6a7';\n            element.style.color = '#1b5e20';\n            element.style.borderColor = '#1b5e20';\n            score11++;\n            showFeedback11(questionNum, \"\u2705 Bonne r\u00e9ponse ! C'est correct.\", 'success');\n        } else {\n            element.style.backgroundColor = '#ffcdd2';\n            element.style.color = '#c62828';\n            element.style.borderColor = '#c62828';\n            options.forEach(opt => {\n                if (opt.getAttribute('onclick') && opt.getAttribute('onclick').includes('true')) {\n                    opt.style.backgroundColor = '#a5d6a7';\n                    opt.style.color = '#1b5e20';\n                    opt.style.borderColor = '#1b5e20';\n                }\n            });\n            showFeedback11(questionNum, \"\u274c Ce n'est pas la bonne r\u00e9ponse. La forme correcte est au pass\u00e9 compos\u00e9.\", 'error');\n        }\n        \n        updateScore11();\n        checkCompletion11();\n    }\n\n    function showFeedback11(questionNum, message, type) {\n        const feedbackDiv = document.getElementById(`feedback11-${questionNum}`);\n        feedbackDiv.textContent = message;\n        feedbackDiv.style.display = 'block';\n        feedbackDiv.style.backgroundColor = type === 'success' ? '#d4edda' : '#f8d7da';\n        feedbackDiv.style.color = type === 'success' ? '#155724' : '#721c24';\n        feedbackDiv.style.border = `1px solid ${type === 'success' ? '#c3e6cb' : '#f5c6cb'}`;\n    }\n\n    function updateScore11() {\n        document.getElementById('score11').textContent = `Score : ${score11}\/${totalQuestions11}`;\n    }\n\n    function checkCompletion11() {\n        if (answeredQuestions11.size === totalQuestions11) {\n            let message = '';\n            if (score11 === totalQuestions11) {\n                message = \"\ud83c\udf89 Excellent ! Tu as tout r\u00e9ussi !\";\n            } else if (score11 >= totalQuestions11\/2) {\n                message = \"\ud83d\udc4d Bien jou\u00e9 ! Tu progresses.\";\n            } else {\n                message = \"\ud83d\udcaa Continue \u00e0 t'entra\u00eener !\";\n            }\n            \n            const finalMessage = document.createElement('div');\n            finalMessage.style.padding = '10px';\n            finalMessage.style.margin = '10px 0';\n            finalMessage.style.borderRadius = '5px';\n            finalMessage.style.backgroundColor = '#d1ecf1';\n            finalMessage.style.color = '#0c5460';\n            finalMessage.style.border = '1px solid #bee5eb';\n            finalMessage.textContent = message;\n            finalMessage.style.display = 'block';\n            \n            const exerciseDiv = document.querySelector('button[onclick=\"resetExercise11()\"]').parentNode;\n            exerciseDiv.insertBefore(finalMessage, document.querySelector('button[onclick=\"resetExercise11()\"]'));\n        }\n    }\n\n    function resetExercise11() {\n        score11 = 0;\n        answeredQuestions11.clear();\n        \n        const allOptions = document.querySelectorAll('#question11-1 > div, #question11-2 > div');\n        allOptions.forEach(option => {\n            option.style.backgroundColor = 'white';\n            option.style.color = '#27ae60';\n            option.style.borderColor = '#27ae60';\n            option.style.cursor = 'pointer';\n            \n            const onclickAttr = option.getAttribute('onclick');\n            if (onclickAttr) {\n                const isCorrect = onclickAttr.includes('true');\n                const questionNum = onclickAttr.includes('checkAnswer11(this') ? \n                    onclickAttr.match(\/checkAnswer11\\(this, '[^']+', (true|false), (\\d)\/)[2] : 1;\n                const answerMatch = onclickAttr.match(\/checkAnswer11\\(this, '([^']+)'\/);\n                const answerText = answerMatch ? answerMatch[1] : '';\n                \n                option.onclick = function() {\n                    checkAnswer11(this, answerText, isCorrect, questionNum);\n                };\n            }\n        });\n        \n        const feedbacks = document.querySelectorAll('[id^=\"feedback11-\"]');\n        feedbacks.forEach(feedback => {\n            feedback.style.display = 'none';\n            feedback.textContent = '';\n        });\n        \n        const finalMsg = document.querySelector('button[onclick=\"resetExercise11()\"]').previousElementSibling;\n        if (finalMsg && finalMsg.style) {\n            finalMsg.remove();\n        }\n        \n        updateScore11();\n    }\n\n    updateScore11();\n<\/script>\n<div class=\"gsp_post_data\" \r\n\t            data-post_type=\"dt_lessons\" \r\n\t            data-cat=\"\" \r\n\t            data-modified=\"120\"\r\n\t            data-created=\"1764951244\"\r\n\t            data-title=\"Le\u00e7on 11 : Pass\u00e9 compos\u00e9 avec AVOIR\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Le\u00e7on 11 : Pass\u00e9 compos\u00e9 avec AVOIR R\u00e8gle : Le pass\u00e9 compos\u00e9 sert \u00e0 parler d&rsquo;actions termin\u00e9es dans le pass\u00e9. Avec avoir, la majorit\u00e9 des verbes se conjuguent ainsi : [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","class_list":["post-15041","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15041","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons"}],"about":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/types\/dt_lessons"}],"author":[{"embeddable":true,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/comments?post=15041"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15041\/revisions"}],"predecessor-version":[{"id":15046,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15041\/revisions\/15046"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}