{"id":15021,"date":"2025-12-04T18:49:05","date_gmt":"2025-12-04T17:49:05","guid":{"rendered":"https:\/\/activities.myyaformation.com\/?post_type=dt_lessons&#038;p=15021"},"modified":"2025-12-04T19:01:10","modified_gmt":"2025-12-04T18:01:10","slug":"cours-25-imparfait-vs-passe-compose","status":"publish","type":"dt_lessons","link":"https:\/\/activities.myyaformation.com\/en\/lessons\/cours-25-imparfait-vs-passe-compose\/","title":{"rendered":"25. Imperfect vs. past perfect"},"content":{"rendered":"<!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 #9C27B0;\">\n        <h1 style=\"color: #1e3c72; border-bottom: 2px solid #eaeaea; padding-bottom: 10px; margin-bottom: 20px; text-align: center;\">25. Imperfect vs. past perfect<\/h1>\n        \n        <div style=\"background: linear-gradient(to right, #f9f0ff, #f0e6ff); padding: 20px; border-radius: 10px; margin-bottom: 20px;\">\n            <h2 style=\"color: #2a5298; margin-bottom: 15px;\">Differences<\/h2>\n            \n            <div style=\"display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 20px;\">\n                <div style=\"flex: 1; min-width: 300px; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05); border-top: 4px solid #9C27B0;\">\n                    <h3 style=\"color: #9C27B0; margin-bottom: 10px;\">Past tense<\/h3>\n                    <p style=\"color: #9C27B0; font-weight: bold;\">\u2192 Short, completed action.<\/p>\n                <\/div>\n                \n                <div style=\"flex: 1; min-width: 300px; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05); border-top: 4px solid #FF9800;\">\n                    <h3 style=\"color: #FF9800; margin-bottom: 10px;\">Imperfect<\/h3>\n                    <p style=\"color: #FF9800; font-weight: bold;\">\u2192 Description, habit, context.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background: #f0f7ff; padding: 20px; border-radius: 10px; margin-bottom: 20px;\">\n            <h2 style=\"color: #2a5298; margin-bottom: 15px;\">Examples<\/h2>\n            <div style=\"display: flex; flex-wrap: wrap; gap: 15px;\">\n                <div style=\"flex: 1; min-width: 300px; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);\">\n                    <p style=\"color: #9C27B0; font-weight: bold;\">\u2022 The weather was nice (imperfect tense) and I opened the window (past perfect tense).<\/p>\n                <\/div>\n                <div style=\"flex: 1; min-width: 300px; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.05);\">\n                    <p style=\"color: #9C27B0; font-weight: bold;\">\u2022 I was walking (imperfect tense) when I saw (past perfect tense) my friend.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div style=\"background: #f3e5f5; padding: 20px; border-radius: 10px; margin-bottom: 25px; border-left: 4px solid #9C27B0;\">\n            <h2 style=\"color: #2a5298; margin-bottom: 15px;\">Mini-situation<\/h2>\n            <p style=\"font-style: italic; color: #555;\">Yesterday, <strong>it was raining<\/strong> (imperfect). <strong>I took<\/strong> an umbrella (past tense) and <strong>I went out<\/strong> (past perfect).<\/p>\n        <\/div>\n        \n        <div style=\"background: #f9fbff; padding: 25px; border-radius: 10px; border: 2px dashed #d1c4e9;\">\n            <h2 style=\"color: #2a5298; margin-bottom: 20px;\">Interactive exercise<\/h2>\n            <p style=\"margin-bottom: 20px;\">Choose the correct form:<\/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;\">_________ (The weather was \/ It was) nice when I started working.<\/p>\n                <div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n                    <button onclick=\"selectAnswer(this, 'result1', true, 'Imparfait pour d\u00e9crire la m\u00e9t\u00e9o')\" style=\"padding: 12px 20px; border: 2px solid #d1c4e9; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">He was<\/button>\n                    <button onclick=\"selectAnswer(this, 'result1', false, 'Pass\u00e9 compos\u00e9 pour une action ponctuelle')\" style=\"padding: 12px 20px; border: 2px solid #d1c4e9; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">He did<\/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;\">When I _________ (was walking \/ walked) in the street, I _________ (saw \/ saw) an accident.<\/p>\n                <div style=\"display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 10px;\">\n                    <button onclick=\"selectFirstPart(this, 'marchais', true)\" style=\"padding: 12px 20px; border: 2px solid #d1c4e9; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">marchais<\/button>\n                    <button onclick=\"selectFirstPart(this, 'ai march\u00e9', false)\" style=\"padding: 12px 20px; border: 2px solid #d1c4e9; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">I walked<\/button>\n                <\/div>\n                <div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n                    <button onclick=\"selectSecondPart(this, 'voyais', false)\" style=\"padding: 12px 20px; border: 2px solid #d1c4e9; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">I saw<\/button>\n                    <button onclick=\"selectSecondPart(this, 'ai vu', true)\" style=\"padding: 12px 20px; border: 2px solid #d1c4e9; background: white; border-radius: 6px; cursor: pointer; transition: all 0.3s;\">I saw<\/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=\"checkExercise()\" style=\"background-color: #9C27B0; 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;\">Correct the exercise<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nlet firstPartCorrect = null;\nlet secondPartCorrect = null;\n\nfunction selectAnswer(button, resultId, isCorrect, explanation) {\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 ! ${explanation}<\/p>`;\n        resultDiv.style.backgroundColor = '#e8f5e9';\n    } else {\n        resultDiv.innerHTML = `<p style=\"color: #f44336; font-weight: bold;\">\u2717 Incorrect. ${explanation}<\/p>`;\n        resultDiv.style.backgroundColor = '#ffebee';\n    }\n    resultDiv.style.display = 'block';\n}\n\nfunction selectFirstPart(button, value, isCorrect) {\n    const buttons = button.parentElement.querySelectorAll('button');\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    firstPartCorrect = isCorrect;\n}\n\nfunction selectSecondPart(button, value, isCorrect) {\n    const buttons = button.parentElement.querySelectorAll('button');\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    secondPartCorrect = isCorrect;\n}\n\nfunction checkExercise() {\n    const resultDiv = document.getElementById('result2');\n    if (firstPartCorrect === true && secondPartCorrect === true) {\n        resultDiv.innerHTML = '<p style=\"color: #4CAF50; font-weight: bold;\">\u2713 Parfait ! \"marchais\" (imparfait pour une action longue) et \"ai vu\" (pass\u00e9 compos\u00e9 pour une action ponctuelle).<\/p>';\n        resultDiv.style.backgroundColor = '#e8f5e9';\n    } else {\n        resultDiv.innerHTML = '<p style=\"color: #f44336; font-weight: bold;\">\u2717 Attention ! Il faut \"marchais\" (imparfait) pour l\\'action longue et \"ai vu\" (pass\u00e9 compos\u00e9) pour l\\'action ponctuelle.<\/p>';\n        resultDiv.style.backgroundColor = '#ffebee';\n    }\n    resultDiv.style.display = 'block';\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=\"1764874145\"\r\n\t            data-title=\"25.Imparfait vs pass\u00e9 compos\u00e9\" \r\n\t            data-home=\"https:\/\/activities.myyaformation.com\/en\"><\/div>","protected":false},"excerpt":{"rendered":"<p>25. Imparfait vs pass\u00e9 compos\u00e9 Diff\u00e9rences Pass\u00e9 compos\u00e9 \u2192 Action courte, termin\u00e9e. Imparfait \u2192 Description, habitude, contexte. Exemples \u2022 Il faisait beau (imparfait) et j&rsquo;ai ouvert la fen\u00eatre (pass\u00e9 compos\u00e9). [&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-15021","dt_lessons","type-dt_lessons","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15021","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=15021"}],"version-history":[{"count":2,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15021\/revisions"}],"predecessor-version":[{"id":15028,"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/dt_lessons\/15021\/revisions\/15028"}],"wp:attachment":[{"href":"https:\/\/activities.myyaformation.com\/en\/wp-json\/wp\/v2\/media?parent=15021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}