{"id":15020,"date":"2025-12-04T18:48:59","date_gmt":"2025-12-04T17:48:59","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15020"},"modified":"2025-12-04T18:49:03","modified_gmt":"2025-12-04T17:49:03","slug":"23-accord-du-participe-passe","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/23-accord-du-participe-passe\/","title":{"rendered":"23. Agreement of the past participle"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<div style=\"max-width: 900px; margin: 0 auto; padding: 20px; background-color: #f5f9ff; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; line-height: 1.6;\">\n    <div style=\"background: white; border-radius: 15px; padding: 25px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); border-left: 6px solid #4CAF50;\">\n        <h1 style=\"color: #1e3c72; border-bottom: 2px solid #eaeaea; padding-bottom: 10px; margin-bottom: 20px; text-align: center;\">23. Accord du participe pass\u00e9<\/h1>\n        \n        <div style=\"background: linear-gradient(to right, #f0f9f0, #e6f7e6); padding: 20px; border-radius: 10px; margin-bottom: 20px;\">\n            <h2 style=\"color: #2a5298; margin-bottom: 15px;\">Avec \u00eatre<\/h2>\n            <p style=\"margin-bottom: 15px; color: #2a5298; font-weight: bold;\">Toujours l'accord :<\/p>\n            <div style=\"display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 20px;\">\n                <div style=\"flex: 1; min-width: 200px; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);\">\n                    <p style=\"color: #4CAF50; font-weight: bold;\">\u2022 Elle est tomb\u00e9e.<\/p>\n                <\/div>\n                <div style=\"flex: 1; min-width: 200px; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);\">\n                    <p style=\"color: #4CAF50; font-weight: bold;\">\u2022 Ils sont partis.<\/p>\n                <\/div>\n            <\/div>\n            \n            <h2 style=\"color: #2a5298; margin-bottom: 15px; margin-top: 25px;\">Avec avoir<\/h2>\n            <p style=\"margin-bottom: 15px; color: #2a5298; font-weight: bold;\">Pas d'accord sauf si le COD est avant.<\/p>\n            <div style=\"display: flex; flex-wrap: wrap; gap: 15px;\">\n                <div style=\"flex: 1; min-width: 200px; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);\">\n                    <p style=\"color: #4CAF50; font-weight: bold;\">\u2022 J'ai vu la voiture. \u2192 vu<\/p>\n                <\/div>\n                <div style=\"flex: 1; min-width: 200px; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);\">\n                    <p style=\"color: #4CAF50; font-weight: bold;\">\u2022 La voiture que j'ai vue. \u2192 vue<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background: #e8f4e8; padding: 20px; border-radius: 10px; margin-bottom: 25px; border-left: 4px solid #4CAF50;\">\n            <h2 style=\"color: #2a5298; margin-bottom: 15px;\">Mini-situation<\/h2>\n            <p style=\"font-style: italic; color: #555;\">Hier, <strong>j'ai pris<\/strong> les photos. <strong>Les photos que j'ai prises<\/strong> sont jolies.<\/p>\n        <\/div>\n        \n        <div style=\"background: #f9fbf9; padding: 25px; border-radius: 10px; border: 2px dashed #c2e6c2;\">\n            <h2 style=\"color: #2a5298; margin-bottom: 20px;\">Exercice interactif<\/h2>\n            <p style=\"margin-bottom: 20px;\">S\u00e9lectionnez la forme correcte :<\/p>\n            \n            <div id=\"question1\" style=\"margin-bottom: 15px; padding: 15px; background: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\">\n                <p style=\"font-weight: bold; margin-bottom: 15px;\">Elles _________ \u00e0 l'heure.<\/p>\n                <div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n                    <button onclick=\"selectAnswer(this, 'result1', true)\" style=\"padding: 12px 20px; border: 2px solid #c2e6c2; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">sont arriv\u00e9es<\/button>\n                    <button onclick=\"selectAnswer(this, 'result1', false)\" style=\"padding: 12px 20px; border: 2px solid #c2e6c2; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">sont arriv\u00e9<\/button>\n                <\/div>\n                <div id=\"result1\" style=\"margin-top: 15px; padding: 12px; border-radius: 6px; display: none;\"><\/div>\n            <\/div>\n            \n            <div id=\"question2\" style=\"margin-bottom: 15px; padding: 15px; background: white; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);\">\n                <p style=\"font-weight: bold; margin-bottom: 15px;\">Les fleurs que j'ai _________ sont belles.<\/p>\n                <div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n                    <button onclick=\"selectAnswer(this, 'result2', false)\" style=\"padding: 12px 20px; border: 2px solid #c2e6c2; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">achet\u00e9<\/button>\n                    <button onclick=\"selectAnswer(this, 'result2', true)\" style=\"padding: 12px 20px; border: 2px solid #c2e6c2; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">achet\u00e9es<\/button>\n                <\/div>\n                <div id=\"result2\" style=\"margin-top: 15px; padding: 12px; border-radius: 6px; display: none;\"><\/div>\n            <\/div>\n            \n            <button onclick=\"checkAllAnswers()\" style=\"background-color: #4CAF50; color: white; border: none; padding: 14px 28px; border-radius: 8px; cursor: pointer; font-size: 1.1rem; margin-top: 20px; display: block; margin-left: auto; margin-right: auto;\">V\u00e9rifier toutes les r\u00e9ponses<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nfunction selectAnswer(button, resultId, isCorrect) {\n    const questionDiv = button.parentElement.parentElement;\n    const buttons = questionDiv.querySelectorAll('button');\n    \n    buttons.forEach(btn => {\n        btn.style.backgroundColor = 'white';\n        btn.style.color = '#333';\n    });\n    \n    button.style.backgroundColor = isCorrect ? '#4CAF50' : '#f44336';\n    button.style.color = 'white';\n    \n    const resultDiv = document.getElementById(resultId);\n    if (isCorrect) {\n        resultDiv.innerHTML = '<p style=\"color: #4CAF50; font-weight: bold;\">\u2713 Correct ! L\\'accord est n\u00e9cessaire ici.<\/p>';\n        resultDiv.style.backgroundColor = '#e8f5e9';\n    } else {\n        resultDiv.innerHTML = '<p style=\"color: #f44336; font-weight: bold;\">\u2717 Attention \u00e0 l\\'accord !<\/p>';\n        resultDiv.style.backgroundColor = '#ffebee';\n    }\n    resultDiv.style.display = 'block';\n}\n\nfunction checkAllAnswers() {\n    const correctAnswers = document.querySelectorAll('button[style*=\"background-color: rgb(76, 175, 80)\"]').length;\n    const totalQuestions = document.querySelectorAll('button[onclick^=\"selectAnswer\"]').length \/ 2;\n    alert(`R\u00e9sultat : ${correctAnswers} bonnes r\u00e9ponses sur ${totalQuestions}`);\n}\n<\/script>\n<\/html>\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=\"1764874139\"\r\n\t            data-title=\"23. Accord du participe pass\u00e9\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>23. Accord du participe pass\u00e9 Avec \u00eatre Toujours l&rsquo;accord : \u2022 Elle est tomb\u00e9e. \u2022 Ils sont partis. Avec avoir Pas d&rsquo;accord sauf si le COD est avant. \u2022 J&rsquo;ai [&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-15020","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15020","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=15020"}],"version-history":[{"count":1,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15020\/revisions"}],"predecessor-version":[{"id":15025,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15020\/revisions\/15025"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}