{"id":5051,"date":"2025-02-19T19:52:58","date_gmt":"2025-02-19T17:52:58","guid":{"rendered":"https:\/\/www.estudiodefrances.com\/?p=5051"},"modified":"2025-02-24T05:37:24","modified_gmt":"2025-02-24T03:37:24","slug":"subjonctif-accord-du-participe-passe-gerondif-et-cause-consequence","status":"publish","type":"post","link":"https:\/\/www.estudiodefrances.com\/?p=5051","title":{"rendered":"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence"},"content":{"rendered":"\n<div id=\"revision-examen\">\n  <h1>R\u00e9vision Grammaire \u2013 Examen Niveau B1<\/h1>\n  \n  <!-- Menu de navigation entre les points de grammaire -->\n  <div id=\"nav-menu\">\n    <button class=\"nav-btn\" data-category=\"subjIndic\">Subjonctif \/ Indicatif<\/button>\n    <button class=\"nav-btn\" data-category=\"pp\">Accord du Participe Pass\u00e9<\/button>\n    <button class=\"nav-btn\" data-category=\"ger\">Le G\u00e9rondif<\/button>\n    <button class=\"nav-btn\" data-category=\"cause\">Cause et Cons\u00e9quence<\/button>\n  <\/div>\n  \n  <!-- Zone du quiz -->\n  <div id=\"quiz-container\" style=\"display: none;\">\n    <div id=\"progress\" class=\"progress\"><\/div>\n    <div id=\"progressBarContainer\" style=\"width: 100%; background: #ddd; border-radius: 5px; margin-bottom: 15px; height: 20px; overflow: hidden;\">\n      <div id=\"progressBar\" style=\"height: 100%; width: 0%; background: #3498db; transition: width 0.3s;\"><\/div>\n    <\/div>\n    <div class=\"question\" id=\"questionText\"><\/div>\n    <!-- Zone de saisie de r\u00e9ponse -->\n    <input type=\"text\" id=\"answerInput\" placeholder=\"Votre r\u00e9ponse ici\">\n    <br>\n    <button id=\"submitBtn\">V\u00e9rifier<\/button>\n    <button id=\"nextBtn\" style=\"display: none;\">Question suivante<\/button>\n    <div class=\"feedback\" id=\"feedback\"><\/div>\n    <button id=\"toggleRuleBtn\">Voir la r\u00e8gle<\/button>\n    <div id=\"rule-container\" style=\"display: none;\"><\/div>\n    <!-- Liste des articulateurs pour Cause et Cons\u00e9quence -->\n    <div id=\"articulatorsList\" style=\"display: none; text-align:center; margin-top:10px; font-style: italic; color: #555;\"><\/div>\n    <br>\n    <button id=\"backToMenuBtn\">Retour au menu<\/button>\n  <\/div>\n  \n  <!-- R\u00e9sultat final + r\u00e9capitulatif -->\n  <div id=\"result\" style=\"display: none;\">\n    <h2>R\u00e9sultat final<\/h2>\n    <p id=\"scoreText\"><\/p>\n    <div id=\"review\" style=\"text-align:left; margin-top:20px;\"><\/div>\n    <div id=\"advice\" style=\"margin-top:15px; font-weight: bold; color: #e67e22; white-space: pre-line;\"><\/div>\n    <button id=\"restartBtn\">Recommencer<\/button>\n    <button id=\"backToMenuBtn2\">Retour au menu<\/button>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Conteneur principal *\/\n  #revision-examen {\n    font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\n    margin: 20px auto;\n    max-width: 750px;\n    background: linear-gradient(135deg, #f0f8ff, #e6f2ff);\n    padding: 20px;\n    border-radius: 10px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n  }\n  h1 {\n    text-align: center;\n    color: #2c3e50;\n  }\n  \/* Menu de navigation *\/\n  #nav-menu {\n    text-align: center;\n    margin-bottom: 20px;\n  }\n  #nav-menu .nav-btn {\n    padding: 10px 15px;\n    margin: 5px;\n    font-size: 1em;\n    border: none;\n    border-radius: 4px;\n    background-color: #3498db;\n    color: white;\n    cursor: pointer;\n    transition: background 0.3s;\n  }\n  #nav-menu .nav-btn:hover {\n    background-color: #2980b9;\n  }\n  \/* Zone du quiz *\/\n  #quiz-container {\n    text-align: center;\n  }\n  .progress {\n    font-weight: bold;\n    margin-bottom: 15px;\n    color: #8e44ad;\n  }\n  .question {\n    font-size: 1.2em;\n    margin-bottom: 10px;\n    color: #2c3e50;\n  }\n  input[type=\"text\"] {\n    padding: 10px;\n    font-size: 1em;\n    width: 90%;\n    max-width: 500px;\n    box-sizing: border-box;\n    border: 1px solid #bdc3c7;\n    border-radius: 4px;\n  }\n  button {\n    padding: 10px 15px;\n    font-size: 1em;\n    cursor: pointer;\n    margin: 10px 5px 0 5px;\n    border: none;\n    border-radius: 4px;\n    transition: background 0.3s, transform 0.2s;\n  }\n  button:hover {\n    transform: scale(1.02);\n  }\n  #submitBtn {\n    background-color: #3498db;\n    color: white;\n  }\n  #submitBtn:hover {\n    background-color: #2980b9;\n  }\n  #nextBtn, #restartBtn, #backToMenuBtn, #backToMenuBtn2 {\n    background-color: #2ecc71;\n    color: white;\n  }\n  #nextBtn:hover, #restartBtn:hover, #backToMenuBtn:hover, #backToMenuBtn2:hover {\n    background-color: #27ae60;\n  }\n  #toggleRuleBtn {\n    background-color: #f39c12;\n    color: white;\n  }\n  #toggleRuleBtn:hover {\n    background-color: #e67e22;\n  }\n  .feedback {\n    margin-top: 15px;\n    font-weight: bold;\n    white-space: pre-line;\n  }\n  .feedback-correct {\n    color: #27ae60;\n  }\n  .feedback-incorrect {\n    color: #e74c3c;\n  }\n  .hint {\n    color: #f39c12;\n    font-style: italic;\n  }\n  .rule {\n    color: #2980b9;\n    white-space: pre-line;\n  }\n  \/* Conteneur des r\u00e8gles *\/\n  #rule-container {\n    margin-top: 15px;\n    background: #ecf0f1;\n    padding: 10px;\n    border-radius: 4px;\n    text-align: left;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \/* R\u00e9capitulatif final *\/\n  #review {\n    text-align: left;\n    margin-top: 20px;\n    background: #f9f9f9;\n    padding: 15px;\n    border-radius: 4px;\n    border: 1px solid #ddd;\n    white-space: pre-line;\n    font-size: 0.95em;\n  }\n<\/style>\n\n<script>\n(function() {\n  \/* --- Tableaux de questions --- *\/\n  const subjIndicQuestions = [\n    {\n      sentence: \"Il faut que tu ___ (\u00eatre) \u00e0 l'heure.\",\n      answer: \"sois\",\n      grammarRule: \"Apr\u00e8s <strong>il faut que<\/strong>, le verbe se met au <em>subjonctif<\/em> pour exprimer une n\u00e9cessit\u00e9.<br><br><strong>Exemple :<\/strong> Il faut que <span style='color: green;'>tu sois<\/span> prudent.\",\n      hint: \"Utilisez le subjonctif de '\u00eatre' \u2192 <strong>sois<\/strong>.\"\n    },\n    {\n      sentence: \"J'esp\u00e8re que tu ___ (venir) ce soir.\",\n      answer: [\"viens\", \"viendras\"],\n      grammarRule: \"Apr\u00e8s <strong>J'esp\u00e8re que<\/strong>, l'indicatif s'emploie pour exprimer une attente r\u00e9elle.<br><br><strong>Exemple :<\/strong> J'esp\u00e8re que <span style='color: green;'>tu viens<\/span> ce soir.\",\n      hint: \"Utilisez l'indicatif de 'venir' (ex. : <strong>viens<\/strong>).\"\n    },\n    {\n      sentence: \"Je doute qu'il ___ (finir) ses devoirs.\",\n      answer: \"finisse\",\n      grammarRule: \"Le doute appelle le <em>subjonctif<\/em> apr\u00e8s <strong>douter que<\/strong>.<br><br><strong>Exemple :<\/strong> Je doute qu'il <span style='color: green;'>finisse<\/span> ses devoirs.\",\n      hint: \"Utilisez le subjonctif de 'finir' \u2192 <strong>finisse<\/strong>.\"\n    },\n    {\n      sentence: \"Il est important que nous ___ (avoir) confiance en nous.\",\n      answer: \"ayons\",\n      grammarRule: \"Apr\u00e8s <strong>Il est important que<\/strong>, le subjonctif exprime l'exigence.<br><br><strong>Exemple :<\/strong> Il est important que nous <span style='color: green;'>ayons<\/span> confiance en nous.\",\n      hint: \"Utilisez le subjonctif de 'avoir' \u2192 <strong>ayons<\/strong>.\"\n    },\n    {\n      sentence: \"Bien que je ___ (savoir) la v\u00e9rit\u00e9, je reste discret.\",\n      answer: \"sache\",\n      grammarRule: \"Apr\u00e8s <strong>Bien que<\/strong>, le subjonctif s'utilise pour marquer la concession.<br><br><strong>Exemple :<\/strong> Bien que je <span style='color: green;'>sache<\/span> la v\u00e9rit\u00e9, je reste discret.\",\n      hint: \"Utilisez le subjonctif de 'savoir' \u2192 <strong>sache<\/strong>.\"\n    },\n    {\n      sentence: \"Il est n\u00e9cessaire que nous ___ (\u00eatre) attentifs pendant le cours.\",\n      answer: \"soyons\",\n      grammarRule: \"Apr\u00e8s <strong>Il est n\u00e9cessaire que<\/strong>, le subjonctif exprime une obligation.<br><br><strong>Exemple :<\/strong> Il est n\u00e9cessaire que nous <span style='color: green;'>soyons<\/span> attentifs.\",\n      hint: \"Utilisez le subjonctif de '\u00eatre' \u2192 <strong>soyons<\/strong>.\"\n    },\n    {\n      sentence: \"Il est surprenant que Marie ___ (avoir) d\u00e9j\u00e0 termin\u00e9.\",\n      answer: \"ait\",\n      grammarRule: \"Apr\u00e8s <strong>Il est surprenant que<\/strong>, le subjonctif exprime l'\u00e9tonnement.<br><br><strong>Exemple :<\/strong> Il est surprenant que Marie <span style='color: green;'>ait<\/span> termin\u00e9.\",\n      hint: \"Utilisez le subjonctif de 'avoir' \u2192 <strong>ait<\/strong>.\"\n    },\n    {\n      sentence: \"Je crains qu'ils ___ (partir) trop t\u00f4t.\",\n      answer: \"partent\",\n      grammarRule: \"Apr\u00e8s <strong>Je crains que<\/strong>, le subjonctif exprime une crainte.<br><br><strong>Exemple :<\/strong> Je crains qu'ils <span style='color: green;'>partent<\/span> trop t\u00f4t.\",\n      hint: \"Utilisez le subjonctif de 'partir' \u2192 <strong>partent<\/strong>.\"\n    },\n    {\n      sentence: \"Il est indispensable que vous ___ (faire) attention.\",\n      answer: \"fassiez\",\n      grammarRule: \"Apr\u00e8s <strong>Il est indispensable que<\/strong>, le subjonctif est utilis\u00e9 pour exprimer une n\u00e9cessit\u00e9.<br><br><strong>Exemple :<\/strong> Il est indispensable que vous <span style='color: green;'>fassiez<\/span> attention.\",\n      hint: \"Utilisez le subjonctif de 'faire' \u2192 <strong>fassiez<\/strong>.\"\n    },\n    {\n      sentence: \"Il est impossible que nous ___ (perdre) cette opportunit\u00e9.\",\n      answer: \"perdions\",\n      grammarRule: \"Apr\u00e8s <strong>Il est impossible que<\/strong>, le subjonctif exprime l'impossibilit\u00e9.<br><br><strong>Exemple :<\/strong> Il est impossible que nous <span style='color: green;'>perdions<\/span> cette opportunit\u00e9.\",\n      hint: \"Utilisez le subjonctif de 'perdre' \u2192 <strong>perdions<\/strong>.\"\n    }\n  ];\n\n  const ppQuestions = [\n    {\n      sentence: \"Les pommes que j'ai ___ (manger) \u00e9taient d\u00e9licieuses.\",\n      answer: \"mang\u00e9es\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Accord du Participe Pass\u00e9<\/h3>\" +\n                   \"Le participe pass\u00e9 s'accorde avec le COD plac\u00e9 avant l'auxiliaire.<br><br><strong>Exemple :<\/strong> Les pommes que j'ai <span style='color: green;'>mang\u00e9es<\/span> \u00e9taient d\u00e9licieuses.\",\n      hint: \"Le COD 'les pommes' est avant le verbe \u2192 <strong>mang\u00e9es<\/strong>.\"\n    },\n    {\n      sentence: \"La lettre que j'ai ___ (\u00e9crire) est rest\u00e9e sans r\u00e9ponse.\",\n      answer: \"\u00e9crite\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Accord du Participe Pass\u00e9<\/h3>\" +\n                   \"La lettre que j'ai <span style='color: green;'>\u00e9crite<\/span> est rest\u00e9e sans r\u00e9ponse. (La lettre \u2192 \u00e9crite)\",\n      hint: \"Accord au f\u00e9minin singulier \u2192 <strong>\u00e9crite<\/strong>.\"\n    },\n    {\n      sentence: \"Il a ___ (choisir) un cadeau.\",\n      answer: \"choisi\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Accord du Participe Pass\u00e9<\/h3>\" +\n                   \"Sans COD plac\u00e9 avant, le participe pass\u00e9 reste invariable.<br><br><strong>Exemple :<\/strong> Il a <span style='color: green;'>choisi<\/span> un cadeau.\",\n      hint: \"Ici, pas d'accord \u2192 <strong>choisi<\/strong>.\"\n    },\n    {\n      sentence: \"Les fleurs que nous avons ___ (cueillir) \u00e9taient magnifiques.\",\n      answer: \"cueillies\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Accord du Participe Pass\u00e9<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Les fleurs que nous avons <span style='color: green;'>cueillies<\/span> \u00e9taient magnifiques. (Les fleurs \u2192 cueillies)\",\n      hint: \"Utilisez <strong>cueillies<\/strong> pour 'les fleurs'.\"\n    },\n    {\n      sentence: \"La chanson qu'elle a ___ (chanter) a \u00e9mu tout le monde.\",\n      answer: \"chant\u00e9e\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Accord du Participe Pass\u00e9<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> La chanson qu'elle a <span style='color: green;'>chant\u00e9e<\/span> a \u00e9mu tout le monde. (La chanson \u2192 chant\u00e9e)\",\n      hint: \"Utilisez <strong>chant\u00e9e<\/strong> pour 'la chanson'.\"\n    },\n    {\n      sentence: \"Les documents que tu as ___ (envoyer) sont arriv\u00e9s.\",\n      answer: \"envoy\u00e9s\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Accord du Participe Pass\u00e9<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Les documents que tu as <span style='color: green;'>envoy\u00e9s<\/span> sont arriv\u00e9s. (Les documents \u2192 envoy\u00e9s)\",\n      hint: \"Utilisez <strong>envoy\u00e9s<\/strong> pour 'les documents'.\"\n    },\n    {\n      sentence: \"La tarte que j'ai ___ (pr\u00e9parer) \u00e9tait d\u00e9licieuse.\",\n      answer: \"pr\u00e9par\u00e9e\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Accord du Participe Pass\u00e9<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> La tarte que j'ai <span style='color: green;'>pr\u00e9par\u00e9e<\/span> \u00e9tait d\u00e9licieuse. (La tarte \u2192 pr\u00e9par\u00e9e)\",\n      hint: \"Utilisez <strong>pr\u00e9par\u00e9e<\/strong> pour 'la tarte'.\"\n    },\n    {\n      sentence: \"Les livres que j'ai ___ (lire) sont passionnants.\",\n      answer: \"lus\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Accord du Participe Pass\u00e9<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Les livres que j'ai <span style='color: green;'>lus<\/span> sont passionnants. (Les livres \u2192 lus)\",\n      hint: \"Utilisez <strong>lus<\/strong> pour 'les livres'.\"\n    },\n    {\n      sentence: \"La maison que nous avons ___ (peindre) est neuve.\",\n      answer: \"peinte\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Accord du Participe Pass\u00e9<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> La maison que nous avons <span style='color: green;'>peinte<\/span> est neuve. (La maison \u2192 peinte)\",\n      hint: \"Utilisez <strong>peinte<\/strong> pour 'la maison'.\"\n    },\n    {\n      sentence: \"La solution qu'il a ___ (trouver) a r\u00e9solu le probl\u00e8me.\",\n      answer: \"trouv\u00e9e\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Accord du Participe Pass\u00e9<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> La solution qu'il a <span style='color: green;'>trouv\u00e9e<\/span> a r\u00e9solu le probl\u00e8me. (La solution \u2192 trouv\u00e9e)\",\n      hint: \"Utilisez <strong>trouv\u00e9e<\/strong> pour 'la solution'.\"\n    }\n  ];\n\n  const gerQuestions = [\n    {\n      sentence: \"___ (faire) ses devoirs, il \u00e9coutait la radio.\",\n      answer: \"en faisant\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Le G\u00e9rondif<\/h3>\" +\n                   \"Se forme avec <strong>\u00ab en \u00bb<\/strong> + participe pr\u00e9sent (terminaison en <strong>-ant<\/strong>).<br><br>\" +\n                   \"<strong>Exemple :<\/strong> <span style='color: green;'>En faisant<\/span> ses devoirs, il \u00e9coutait la radio.\",\n      hint: \"Utilisez <strong>en faisant<\/strong>.\"\n    },\n    {\n      sentence: \"Il a am\u00e9lior\u00e9 son fran\u00e7ais ___ (pratiquer) chaque jour.\",\n      answer: \"en pratiquant\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Le G\u00e9rondif<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Il a am\u00e9lior\u00e9 son fran\u00e7ais <span style='color: green;'>en pratiquant<\/span> chaque jour.\",\n      hint: \"Utilisez <strong>en pratiquant<\/strong>.\"\n    },\n    {\n      sentence: \"___ (marcher) dans le parc, elle se sentait libre.\",\n      answer: \"en marchant\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Le G\u00e9rondif<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> <span style='color: green;'>En marchant<\/span> dans le parc, elle se sentait libre.\",\n      hint: \"Utilisez <strong>en marchant<\/strong>.\"\n    },\n    {\n      sentence: \"Il a r\u00e9ussi ___ (travailler) dur.\",\n      answer: \"en travaillant\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Le G\u00e9rondif<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Il a r\u00e9ussi <span style='color: green;'>en travaillant<\/span> dur.\",\n      hint: \"Utilisez <strong>en travaillant<\/strong>.\"\n    },\n    {\n      sentence: \"Nous avons entendu quelqu'un ___ (rire) dans la rue.\",\n      answer: \"en riant\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Le G\u00e9rondif<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Nous avons entendu quelqu'un <span style='color: green;'>en riant<\/span> dans la rue.\",\n      hint: \"Utilisez <strong>en riant<\/strong>.\"\n    },\n    {\n      sentence: \"___ (parler) doucement, il a captiv\u00e9 l'auditoire.\",\n      answer: \"en parlant\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Le G\u00e9rondif<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> <span style='color: green;'>En parlant<\/span> doucement, il a captiv\u00e9 l'auditoire.\",\n      hint: \"Utilisez <strong>en parlant<\/strong>.\"\n    },\n    {\n      sentence: \"Ils se sont assis ___ (discuter) de leurs projets.\",\n      answer: \"en discutant\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Le G\u00e9rondif<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Ils se sont assis <span style='color: green;'>en discutant<\/span> de leurs projets.\",\n      hint: \"Utilisez <strong>en discutant<\/strong>.\"\n    },\n    {\n      sentence: \"___ (\u00e9couter) de la musique, il se relaxe.\",\n      answer: \"en \u00e9coutant\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Le G\u00e9rondif<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> <span style='color: green;'>En \u00e9coutant<\/span> de la musique, il se relaxe.\",\n      hint: \"Utilisez <strong>en \u00e9coutant<\/strong>.\"\n    },\n    {\n      sentence: \"Elle a commenc\u00e9 ___ (\u00e9crire) un nouveau roman.\",\n      answer: \"en \u00e9crivant\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Le G\u00e9rondif<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Elle a commenc\u00e9 <span style='color: green;'>en \u00e9crivant<\/span> un nouveau roman.\",\n      hint: \"Utilisez <strong>en \u00e9crivant<\/strong>.\"\n    },\n    {\n      sentence: \"___ (regarder) le coucher du soleil, ils se sont \u00e9merveill\u00e9s.\",\n      answer: \"en regardant\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Le G\u00e9rondif<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> <span style='color: green;'>En regardant<\/span> le coucher du soleil, ils se sont \u00e9merveill\u00e9s.\",\n      hint: \"Utilisez <strong>en regardant<\/strong>.\"\n    }\n  ];\n\n  const causeQuestions = [\n    {\n      sentence: \"Il fait tr\u00e8s froid, ___ nous portons des manteaux.\",\n      answer: [\"donc\", \"par cons\u00e9quent\", \"c'est pourquoi\"],\n      bestChoice: \"donc\",\n      bestChoiceExplanation: \"La conjonction <strong>donc<\/strong> est la plus naturelle pour exprimer un r\u00e9sultat imm\u00e9diat.\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Cause et Cons\u00e9quence<\/h3>\" +\n                   \"Ins\u00e9rez un articulateur de <em>cons\u00e9quence<\/em> pour relier la cause et l'effet.<br><br>\" +\n                   \"<strong>Exemple :<\/strong> Il fait froid, <span style='color: green;'>donc<\/span> je mets mon manteau.\",\n      hint: \"Optez pour une conjonction exprimant l'effet, par exemple <strong>donc<\/strong>.\",\n      mode: \"consequence\"\n    },\n    {\n      sentence: \"Le magasin est ferm\u00e9, ___ je ne peux pas acheter de pain.\",\n      answer: [\"donc\", \"par cons\u00e9quent\", \"c'est pourquoi\"],\n      bestChoice: \"donc\",\n      bestChoiceExplanation: \"La conjonction <strong>donc<\/strong> exprime directement la cons\u00e9quence.\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Cause et Cons\u00e9quence<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Le magasin est ferm\u00e9, <span style='color: green;'>donc<\/span> je ne peux pas acheter de pain.\",\n      hint: \"Utilisez <strong>donc<\/strong> pour indiquer la cons\u00e9quence.\",\n      mode: \"consequence\"\n    },\n    {\n      sentence: \"Le film \u00e9tait ennuyeux, ___ je me suis endormi.\",\n      answer: [\"si bien que\", \"alors\", \"par cons\u00e9quent\"],\n      bestChoice: \"si bien que\",\n      bestChoiceExplanation: \"La locution <strong>si bien que<\/strong> exprime une cons\u00e9quence forte et pr\u00e9cise.\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Cause et Cons\u00e9quence<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Le film \u00e9tait ennuyeux, <span style='color: green;'>si bien que<\/span> je me suis endormi.\",\n      hint: \"Choisissez une conjonction qui relie clairement cause et cons\u00e9quence.\",\n      mode: \"consequence\"\n    },\n    {\n      sentence: \"Les routes \u00e9taient glissantes, ___ il a eu un accident.\",\n      answer: [\"donc\", \"par cons\u00e9quent\", \"c'est pourquoi\"],\n      bestChoice: \"donc\",\n      bestChoiceExplanation: \"La conjonction <strong>donc<\/strong> exprime la cons\u00e9quence imm\u00e9diate.\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Cause et Cons\u00e9quence<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Les routes \u00e9taient glissantes, <span style='color: green;'>donc<\/span> il a eu un accident.\",\n      hint: \"Utilisez <strong>donc<\/strong> pour indiquer la cons\u00e9quence.\",\n      mode: \"consequence\"\n    },\n    {\n      sentence: \"Il a trop travaill\u00e9, ___ il \u00e9tait fatigu\u00e9.\",\n      answer: [\"donc\", \"par cons\u00e9quent\", \"c'est pourquoi\"],\n      bestChoice: \"donc\",\n      bestChoiceExplanation: \"La conjonction <strong>donc<\/strong> exprime la cons\u00e9quence de son effort excessif.\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Cause et Cons\u00e9quence<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> Il a trop travaill\u00e9, <span style='color: green;'>donc<\/span> il \u00e9tait fatigu\u00e9.\",\n      hint: \"Utilisez <strong>donc<\/strong> pour exprimer la cons\u00e9quence.\",\n      mode: \"consequence\"\n    },\n    {\n      sentence: \"___ il pleuvait abondamment, nous avons annul\u00e9 le pique-nique.\",\n      answer: [\"puisque\", \"car\", \"\u00e9tant donn\u00e9 que\", \"vu que\", \"parce que\"],\n      bestChoice: \"parce que\",\n      bestChoiceExplanation: \"La locution <strong>parce que<\/strong> est tr\u00e8s courante pour exprimer la cause.\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Cause et Cons\u00e9quence<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> <span style='color: green;'>Parce qu'<\/span>il pleuvait abondamment, nous avons annul\u00e9 le pique-nique.\",\n      hint: \"Optez pour une conjonction exprimant la cause, par exemple <strong>parce que<\/strong>.\",\n      mode: \"cause\"\n    },\n    {\n      sentence: \"___ le trafic \u00e9tait dense, nous sommes arriv\u00e9s en retard.\",\n      answer: [\"car\", \"puisque\", \"\u00e9tant donn\u00e9 que\", \"vu que\", \"parce que\"],\n      bestChoice: \"vu que\",\n      bestChoiceExplanation: \"La conjonction <strong>vu que<\/strong> exprime la cause de mani\u00e8re concise.\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Cause et Cons\u00e9quence<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> <span style='color: green;'>Vu que<\/span> le trafic \u00e9tait dense, nous sommes arriv\u00e9s en retard.\",\n      hint: \"Choisissez une conjonction exprimant la cause, par exemple <strong>vu que<\/strong>.\",\n      mode: \"cause\"\n    },\n    {\n      sentence: \"___ tu as termin\u00e9 tes devoirs, tu peux sortir jouer.\",\n      answer: [\"puisque\", \"car\", \"\u00e9tant donn\u00e9 que\", \"vu que\", \"parce que\"],\n      bestChoice: \"puisque\",\n      bestChoiceExplanation: \"La conjonction <strong>puisque<\/strong> exprime clairement la cause.\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Cause et Cons\u00e9quence<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> <span style='color: green;'>Puisque<\/span> tu as termin\u00e9 tes devoirs, tu peux sortir jouer.\",\n      hint: \"Utilisez <strong>puisque<\/strong> pour exprimer la cause.\",\n      mode: \"cause\"\n    },\n    {\n      sentence: \"___ il faisait froid, ils sont rest\u00e9s chez eux.\",\n      answer: [\"puisque\", \"car\", \"\u00e9tant donn\u00e9 que\", \"vu que\", \"parce que\"],\n      bestChoice: \"car\",\n      bestChoiceExplanation: \"La conjonction <strong>car<\/strong> est simple et efficace pour exprimer la cause.\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Cause et Cons\u00e9quence<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> <span style='color: green;'>Car<\/span> il faisait froid, ils sont rest\u00e9s chez eux.\",\n      hint: \"Choisissez <strong>car<\/strong> pour exprimer la cause.\",\n      mode: \"cause\"\n    },\n    {\n      sentence: \"___ le soleil brillait, nous avons d\u00e9cid\u00e9 de faire un pique-nique.\",\n      answer: [\"puisque\", \"car\", \"\u00e9tant donn\u00e9 que\", \"vu que\", \"parce que\"],\n      bestChoice: \"parce que\",\n      bestChoiceExplanation: \"La conjonction <strong>parce que<\/strong> explique bien la raison de la d\u00e9cision.\",\n      grammarRule: \"<h3 style='color:#2c3e50;'>Cause et Cons\u00e9quence<\/h3>\" +\n                   \"<strong>Exemple :<\/strong> <span style='color: green;'>Parce que<\/span> le soleil brillait, nous avons d\u00e9cid\u00e9 de faire un pique-nique.\",\n      hint: \"Optez pour <strong>parce que<\/strong> pour exprimer la cause.\",\n      mode: \"cause\"\n    }\n  ];\n\n  \/* --- Variables globales --- *\/\n  let currentCategory = \"\";\n  let currentQuestions = [];\n  let currentQuestionIndex = 0;\n  let score = 0;\n  let totalErrors = 0;\n\n  \/* --- DOM Elements --- *\/\n  const navMenu = document.getElementById('nav-menu');\n  const quizContainer = document.getElementById('quiz-container');\n  const progress = document.getElementById('progress');\n  const questionText = document.getElementById('questionText');\n  const answerInput = document.getElementById('answerInput');\n  const feedback = document.getElementById('feedback');\n  const submitBtn = document.getElementById('submitBtn');\n  const nextBtn = document.getElementById('nextBtn');\n  const toggleRuleBtn = document.getElementById('toggleRuleBtn');\n  const ruleContainer = document.getElementById('rule-container');\n  const articulatorsList = document.getElementById('articulatorsList');\n  const backToMenuBtn = document.getElementById('backToMenuBtn');\n  const backToMenuBtn2 = document.getElementById('backToMenuBtn2');\n  const resultDiv = document.getElementById('result');\n  const scoreTextElem = document.getElementById('scoreText');\n  const restartBtn = document.getElementById('restartBtn');\n  const reviewDiv = document.getElementById('review');\n\n  \/\/ Liste des articulateurs pour Cause et Cons\u00e9quence\n  const articulators = [\"donc\", \"par cons\u00e9quent\", \"c'est pourquoi\", \"si bien que\", \"parce que\", \"car\", \"puisque\", \"vu que\", \"\u00e9tant donn\u00e9 que\", \"mais\"];\n\n  \/* --- R\u00e8gles g\u00e9n\u00e9rales d\u00e9taill\u00e9es --- *\/\n  const generalRules = {\n    subjIndic: \"<strong>Subjonctif vs Indicatif<\/strong><br>\" +\n               \"<strong>Subjonctif<\/strong> est utilis\u00e9 apr\u00e8s des expressions de n\u00e9cessit\u00e9, de doute, d'\u00e9motion ou d'incertitude.<br>\" +\n               \"<em>Exemples :<\/em><br>\" +\n               \"\u2022 Il faut que <span style='color: green;'>tu sois<\/span> prudent.<br>\" +\n               \"\u2022 Je doute qu'il <span style='color: green;'>vienne<\/span> ce soir.<br><br>\" +\n               \"<strong>Indicatif<\/strong> est utilis\u00e9 pour exprimer des faits r\u00e9els et certains.<br>\" +\n               \"<em>Exemples :<\/em><br>\" +\n               \"\u2022 J'esp\u00e8re que <span style='color: green;'>tu viens<\/span> ce soir.<br>\" +\n               \"\u2022 Je pense qu'il <span style='color: green;'>est<\/span> malade.\",\n    \n    pp: \"<strong>Accord du Participe Pass\u00e9<\/strong><br>\" +\n        \"Le participe pass\u00e9 s'accorde avec le compl\u00e9ment d'objet direct (COD) plac\u00e9 avant l'auxiliaire.<br>\" +\n        \"<em>Exemples :<\/em><br>\" +\n        \"\u2022 Les pommes que j'ai <span style='color: green;'>mang\u00e9es<\/span> \u00e9taient sucr\u00e9es.<br>\" +\n        \"Si le COD est plac\u00e9 apr\u00e8s, le participe pass\u00e9 reste invariable.<br>\" +\n        \"\u2022 J'ai mang\u00e9 des pommes.\",\n    \n    ger: \"<strong>Le G\u00e9rondif<\/strong><br>\" +\n         \"Se forme avec <strong>\u00ab en \u00bb<\/strong> suivi du participe pr\u00e9sent, qui se termine toujours par <strong>-ant<\/strong>.<br>\" +\n         \"<em>Exemples :<\/em><br>\" +\n         \"\u2022 <strong>En marchant<\/strong>, il r\u00e9fl\u00e9chissait.<br>\" +\n         \"\u2022 Il am\u00e9liore son fran\u00e7ais <strong>en pratiquant<\/strong> chaque jour.\",\n    \n    cause: \"<strong>Cause et Cons\u00e9quence<\/strong><br>\" +\n           \"<strong>Articulateurs de Cons\u00e9quence<\/strong> expriment le r\u00e9sultat d'une situation.<br>\" +\n           \"<em>Exemples :<\/em><br>\" +\n           \"\u2022 Il fait froid, <span style='color: green;'>donc<\/span> je mets mon manteau.<br>\" +\n           \"\u2022 Le film \u00e9tait ennuyeux, <span style='color: green;'>si bien que<\/span> je me suis endormi.<br><br>\" +\n           \"<strong>Articulateurs de Cause<\/strong> expliquent la raison d'une situation.<br>\" +\n           \"<em>Exemples :<\/em><br>\" +\n           \"\u2022 <span style='color: green;'>Parce qu'<\/span>il pleuvait, nous sommes rest\u00e9s \u00e0 la maison.<br>\" +\n           \"\u2022 <span style='color: green;'>Vu que<\/span> le trafic \u00e9tait dense, nous sommes arriv\u00e9s en retard.<br><br>\" +\n           \"Les articulateurs servent \u00e0 lier la cause \u00e0 la cons\u00e9quence.<br>\" +\n           \"<em>Tableau des Articulateurs de Cons\u00e9quence :<\/em><br>\" +\n           \"<table border='1' cellpadding='5' cellspacing='0' style='border-collapse: collapse; width:100%;'>\" +\n             \"<tr style='background: #f2f2f2;'><th>Articulateur<\/th><th>Usage \/ Remarques<\/th><\/tr>\" +\n             \"<tr><td><strong>donc<\/strong><\/td><td>Le plus courant pour exprimer un r\u00e9sultat imm\u00e9diat.<\/td><\/tr>\" +\n             \"<tr><td><strong>par cons\u00e9quent<\/strong><\/td><td>Un peu plus formel.<\/td><\/tr>\" +\n             \"<tr><td><strong>c'est pourquoi<\/strong><\/td><td>Met en valeur le lien direct.<\/td><\/tr>\" +\n             \"<tr><td><strong>si bien que<\/strong><\/td><td>Exprime une cons\u00e9quence forte.<\/td><\/tr>\" +\n             \"<tr><td><strong>alors<\/strong><\/td><td>Moins pr\u00e9cis.<\/td><\/tr>\" +\n             \"<tr><td><strong>en cons\u00e9quence<\/strong><\/td><td>Formel.<\/td><\/tr>\" +\n             \"<tr><td><strong>de ce fait<\/strong><\/td><td>Accent sur le r\u00e9sultat direct.<\/td><\/tr>\" +\n             \"<tr><td><strong>d'o\u00f9<\/strong><\/td><td>Introduit la cons\u00e9quence en se r\u00e9f\u00e9rant \u00e0 la cause.<\/td><\/tr>\" +\n             \"<tr><td><strong>du coup<\/strong><\/td><td>Langage familier.<\/td><\/tr>\" +\n           \"<\/table><br>\" +\n           \"<em>Tableau des Articulateurs de Cause :<\/em><br>\" +\n           \"<table border='1' cellpadding='5' cellspacing='0' style='border-collapse: collapse; width:100%;'>\" +\n             \"<tr style='background: #f2f2f2;'><th>Articulateur<\/th><th>Usage \/ Remarques<\/th><\/tr>\" +\n             \"<tr><td><strong>parce que<\/strong><\/td><td>Le plus courant pour exprimer la cause.<\/td><\/tr>\" +\n             \"<tr><td><strong>car<\/strong><\/td><td>Utilis\u00e9 \u00e0 l'\u00e9crit.<\/td><\/tr>\" +\n             \"<tr><td><strong>puisque<\/strong><\/td><td>Cause \u00e9vidente.<\/td><\/tr>\" +\n             \"<tr><td><strong>vu que<\/strong><\/td><td>Cause incontestable.<\/td><\/tr>\" +\n             \"<tr><td><strong>\u00e9tant donn\u00e9 que<\/strong><\/td><td>Registre formel.<\/td><\/tr>\" +\n             \"<tr><td><strong>du fait que<\/strong><\/td><td>Cause li\u00e9e \u00e0 un \u00e9v\u00e9nement pr\u00e9cis.<\/td><\/tr>\" +\n             \"<tr><td><strong>en raison de<\/strong><\/td><td>Registre soutenu.<\/td><\/tr>\" +\n             \"<tr><td><strong>gr\u00e2ce \u00e0<\/strong><\/td><td>Cause positive.<\/td><\/tr>\" +\n           \"<\/table>\" +\n           \"<h4 style='color:#2c3e50;'>Diff\u00e9rences principales<\/h4>\" +\n           \"<p><strong>Cons\u00e9quence<\/strong> : R\u00e9pond \u00e0 la question 'Alors, quoi ?'<br>\" +\n           \"Exemple : Il pleut abondamment, <strong style='color:green;'>donc<\/strong> les routes sont glissantes.<\/p>\" +\n           \"<p><strong>Cause<\/strong> : R\u00e9pond \u00e0 la question 'Pourquoi ?'<br>\" +\n           \"Exemple : Il pleut abondamment <strong style='color:green;'>parce que<\/strong> les nuages sont charg\u00e9s.<\/p>\"\n  };\n\n  \/* --- Fonctions principales --- *\/\n  function loadCategory(category) {\n    currentCategory = category;\n    currentQuestionIndex = 0;\n    score = 0;\n    totalErrors = 0;\n    ruleContainer.style.display = \"none\";\n    toggleRuleBtn.textContent = \"Voir la r\u00e8gle\";\n    \n    switch(category) {\n      case \"subjIndic\":\n        currentQuestions = subjIndicQuestions;\n        break;\n      case \"pp\":\n        currentQuestions = ppQuestions;\n        break;\n      case \"ger\":\n        currentQuestions = gerQuestions;\n        break;\n      case \"cause\":\n        currentQuestions = causeQuestions;\n        break;\n    }\n    navMenu.style.display = \"none\";\n    resultDiv.style.display = \"none\";\n    quizContainer.style.display = \"block\";\n    if (currentCategory === \"cause\") {\n      articulatorsList.style.display = \"block\";\n      articulatorsList.innerHTML = \"<em>Liste des articulateurs disponibles (m\u00e9lange) : \" + articulators.join(\", \") + \".<\/em>\";\n    } else {\n      articulatorsList.style.display = \"none\";\n    }\n    loadQuestion();\n  }\n  \n  function loadQuestion() {\n    answerInput.value = \"\";\n    feedback.innerHTML = \"\";\n    ruleContainer.innerHTML = \"\";\n    ruleContainer.style.display = \"none\";\n    toggleRuleBtn.textContent = \"Voir la r\u00e8gle\";\n    \n    const currentQ = currentQuestions[currentQuestionIndex];\n    questionText.innerHTML = currentQ.sentence;\n    progress.textContent = \"Question \" + (currentQuestionIndex + 1) + \" sur \" + currentQuestions.length;\n    progressBar.style.width = ((currentQuestionIndex + 1) \/ currentQuestions.length * 100) + \"%\";\n    \n    answerInput.style.display = \"block\";\n    submitBtn.style.display = \"inline-block\";\n    answerInput.focus();\n  }\n  \n  submitBtn.addEventListener('click', function() {\n    let userAnswer = answerInput.value.trim().toLowerCase();\n    let currentQ = currentQuestions[currentQuestionIndex];\n    \n    if (currentCategory === \"cause\") {\n      let correct = currentQ.answer.some(ans => ans.toLowerCase() === userAnswer);\n      if (correct) {\n        if (userAnswer === currentQ.bestChoice.toLowerCase()) {\n          feedback.innerHTML = \"<span class='feedback-correct'>Correct !<\/span> Excellente r\u00e9ponse : '\" + currentQ.bestChoice + \"'.<br>\" + currentQ.bestChoiceExplanation;\n        } else {\n          feedback.innerHTML = \"<span class='feedback-correct'>Correct !<\/span> Toutefois, le meilleur choix serait '\" + currentQ.bestChoice + \"'.<br>\" + currentQ.bestChoiceExplanation;\n        }\n        score++;\n      } else {\n        feedback.innerHTML = \"<span class='feedback-incorrect'>Incorrect. Les r\u00e9ponses accept\u00e9es sont : \\\"\" \n                             + currentQ.answer.join(\" \/ \") + \"\\\".<\/span><br>\" +\n                             \"<span class='hint'>Indice : \" + currentQ.hint + \"<\/span><br>\" +\n                             \"<span class='rule'>R\u00e8gle : \" + currentQ.grammarRule + \"<\/span><br>\" +\n                             \"<span class='rule'>Le meilleur choix serait : \" + currentQ.bestChoice + \". \" + currentQ.bestChoiceExplanation + \"<\/span>\";\n        totalErrors++;\n      }\n    } else {\n      if (Array.isArray(currentQ.answer)) {\n        let correct = currentQ.answer.some(ans => ans.toLowerCase() === userAnswer);\n        if (correct) {\n          feedback.innerHTML = \"<span class='feedback-correct'>Correct !<\/span>\";\n          score++;\n        } else {\n          feedback.innerHTML = \"<span class='feedback-incorrect'>Incorrect. La bonne r\u00e9ponse est \\\"\" \n                             + currentQ.answer.join(\" \/ \") + \"\\\".<\/span><br>\" +\n                             \"<span class='hint'>Indice : \" + currentQ.hint + \"<\/span><br>\" +\n                             \"<span class='rule'>R\u00e8gle : \" + currentQ.grammarRule + \"<\/span>\";\n          totalErrors++;\n        }\n      } else {\n        let correct = (userAnswer === currentQ.answer.toLowerCase());\n        if (correct) {\n          feedback.innerHTML = \"<span class='feedback-correct'>Correct !<\/span>\";\n          score++;\n        } else {\n          feedback.innerHTML = \"<span class='feedback-incorrect'>Incorrect. La bonne r\u00e9ponse est \\\"\" \n                             + currentQ.answer + \"\\\".<\/span><br>\" +\n                             \"<span class='hint'>Indice : \" + currentQ.hint + \"<\/span><br>\" +\n                             \"<span class='rule'>R\u00e8gle : \" + currentQ.grammarRule + \"<\/span>\";\n          totalErrors++;\n        }\n      }\n    }\n    submitBtn.style.display = \"none\";\n    nextBtn.style.display = \"inline-block\";\n  });\n  \n  nextBtn.addEventListener('click', function() {\n    currentQuestionIndex++;\n    if (currentQuestionIndex < currentQuestions.length) {\n      loadQuestion();\n    } else {\n      showResult();\n    }\n  });\n  \n  function showResult() {\n    quizContainer.style.display = \"none\";\n    resultDiv.style.display = \"block\";\n    scoreTextElem.textContent = \"Votre score : \" + score + \" sur \" + currentQuestions.length;\n    \n    let reviewHTML = \"<h3>R\u00e9capitulatif des phrases :<\/h3>\";\n    currentQuestions.forEach(q => {\n      let correctAnswer = Array.isArray(q.answer) ? q.answer.join(\" \/ \") : q.answer;\n      let phrase = q.sentence.replace(\"___\", \"<strong style='color: green;'>\" + correctAnswer + \"<\/strong>\");\n      reviewHTML += \"<p>\" + phrase + \"<\/p>\";\n    });\n    reviewDiv.innerHTML = reviewHTML;\n    \n    let adviceText = \"\";\n    if (totalErrors === 0) {\n      adviceText = \"Excellent travail ! Vous avez parfaitement ma\u00eetris\u00e9 cette notion.\";\n    } else if (totalErrors < 3) {\n      adviceText = \"Bon travail ! Quelques erreurs mineures. Revoyez rapidement la r\u00e8gle et les exemples pour consolider vos acquis.\";\n    } else if (totalErrors < 6) {\n      adviceText = \"Attention, vous avez fait plusieurs erreurs. Il est conseill\u00e9 de revoir la notion en d\u00e9tail et de refaire quelques exercices.\";\n    } else {\n      adviceText = \"Il semble que vous ayez rencontr\u00e9 des difficult\u00e9s avec cette notion. Prenez le temps de relire attentivement la r\u00e8gle et les exemples, et n'h\u00e9sitez pas \u00e0 refaire les exercices pour am\u00e9liorer votre compr\u00e9hension.\";\n    }\n    document.getElementById(\"advice\").innerHTML = \"Conseils de r\u00e9vision :<br>\" + adviceText;\n  }\n  \n  toggleRuleBtn.addEventListener('click', function() {\n    if (ruleContainer.style.display === \"none\") {\n      ruleContainer.style.display = \"block\";\n      ruleContainer.innerHTML = \"<strong>R\u00e8gles d\u00e9taill\u00e9es :<\/strong><br><br>\" + generalRules[currentCategory];\n      toggleRuleBtn.textContent = \"Masquer la r\u00e8gle\";\n    } else {\n      ruleContainer.style.display = \"none\";\n      toggleRuleBtn.textContent = \"Voir la r\u00e8gle\";\n    }\n  });\n  \n  backToMenuBtn.addEventListener('click', function() {\n    quizContainer.style.display = \"none\";\n    navMenu.style.display = \"block\";\n  });\n  backToMenuBtn2.addEventListener('click', function() {\n    resultDiv.style.display = \"none\";\n    navMenu.style.display = \"block\";\n  });\n  \n  restartBtn.addEventListener('click', function() {\n    currentQuestionIndex = 0;\n    score = 0;\n    totalErrors = 0;\n    resultDiv.style.display = \"none\";\n    reviewDiv.innerHTML = \"\";\n    quizContainer.style.display = \"block\";\n    loadQuestion();\n  });\n  \n  answerInput.addEventListener('keypress', function(event) {\n    if (event.key === 'Enter') {\n      submitBtn.click();\n    }\n  });\n  \n  document.querySelectorAll('.nav-btn').forEach(btn => {\n    btn.addEventListener('click', function() {\n      loadCategory(this.getAttribute('data-category'));\n    });\n  });\n})();\n<\/script>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence. Exercices de r\u00e9vision avec explications.<\/p>\n","protected":false},"author":1,"featured_media":5059,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"cybocfi_hide_featured_image":"yes","footnotes":""},"categories":[14,33],"tags":[6,98],"class_list":["post-5051","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gram","category-niveau-b1","tag-grammaire","tag-niveau-b1"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence - MOddou FLE<\/title>\n<meta name=\"description\" content=\"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence. Exercices de r\u00e9vision avec explications.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.estudiodefrances.com\/?p=5051\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence - MOddou FLE\" \/>\n<meta property=\"og:description\" content=\"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence. Exercices de r\u00e9vision avec explications.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.estudiodefrances.com\/?p=5051\" \/>\n<meta property=\"og:site_name\" content=\"MOddou FLE\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/moddouFLE\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-02-19T17:52:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-24T03:37:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/sub-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1738\" \/>\n\t<meta property=\"og:image:height\" content=\"622\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"moddou\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@moddou\" \/>\n<meta name=\"twitter:site\" content=\"@moddou\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"moddou\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051\"},\"author\":{\"name\":\"moddou\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/person\\\/88f4b73addd8170d9837c20fc1127e7c\"},\"headline\":\"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence\",\"datePublished\":\"2025-02-19T17:52:58+00:00\",\"dateModified\":\"2025-02-24T03:37:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051\"},\"wordCount\":47,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/sub-1.jpg\",\"keywords\":[\"grammaire\",\"Niveau B1\"],\"articleSection\":[\"grammaire\",\"Niveau B1\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051\",\"name\":\"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence - MOddou FLE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/sub-1.jpg\",\"datePublished\":\"2025-02-19T17:52:58+00:00\",\"dateModified\":\"2025-02-24T03:37:24+00:00\",\"description\":\"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence. Exercices de r\u00e9vision avec explications.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5051#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#website\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\",\"name\":\"MOddou FLE\",\"description\":\"Exercices et jeux pour apprendre le fran\u00e7ais\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\",\"name\":\"MOddou FLE\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png\",\"contentUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png\",\"width\":68,\"height\":79,\"caption\":\"MOddou FLE\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/moddouFLE\\\/\",\"https:\\\/\\\/x.com\\\/moddou\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/person\\\/88f4b73addd8170d9837c20fc1127e7c\",\"name\":\"moddou\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g\",\"caption\":\"moddou\"},\"sameAs\":[\"http:\\\/\\\/www.estudiodefrances.com\"],\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence - MOddou FLE","description":"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence. Exercices de r\u00e9vision avec explications.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.estudiodefrances.com\/?p=5051","og_locale":"fr_FR","og_type":"article","og_title":"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence - MOddou FLE","og_description":"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence. Exercices de r\u00e9vision avec explications.","og_url":"https:\/\/www.estudiodefrances.com\/?p=5051","og_site_name":"MOddou FLE","article_publisher":"https:\/\/www.facebook.com\/moddouFLE\/","article_published_time":"2025-02-19T17:52:58+00:00","article_modified_time":"2025-02-24T03:37:24+00:00","og_image":[{"width":1738,"height":622,"url":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/sub-1.jpg","type":"image\/jpeg"}],"author":"moddou","twitter_card":"summary_large_image","twitter_creator":"@moddou","twitter_site":"@moddou","twitter_misc":{"\u00c9crit par":"moddou","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.estudiodefrances.com\/?p=5051#article","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5051"},"author":{"name":"moddou","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/person\/88f4b73addd8170d9837c20fc1127e7c"},"headline":"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence","datePublished":"2025-02-19T17:52:58+00:00","dateModified":"2025-02-24T03:37:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5051"},"wordCount":47,"commentCount":0,"publisher":{"@id":"https:\/\/www.estudiodefrances.com\/#organization"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5051#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/sub-1.jpg","keywords":["grammaire","Niveau B1"],"articleSection":["grammaire","Niveau B1"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.estudiodefrances.com\/?p=5051#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.estudiodefrances.com\/?p=5051","url":"https:\/\/www.estudiodefrances.com\/?p=5051","name":"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence - MOddou FLE","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5051#primaryimage"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5051#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/sub-1.jpg","datePublished":"2025-02-19T17:52:58+00:00","dateModified":"2025-02-24T03:37:24+00:00","description":"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence. Exercices de r\u00e9vision avec explications.","breadcrumb":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5051#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.estudiodefrances.com\/?p=5051"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.estudiodefrances.com\/?p=5051#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.estudiodefrances.com\/"},{"@type":"ListItem","position":2,"name":"Subjonctif, accord du particip\u00e9 pass\u00e9, g\u00e9rondif et cause-cons\u00e9quence"}]},{"@type":"WebSite","@id":"https:\/\/www.estudiodefrances.com\/#website","url":"https:\/\/www.estudiodefrances.com\/","name":"MOddou FLE","description":"Exercices et jeux pour apprendre le fran\u00e7ais","publisher":{"@id":"https:\/\/www.estudiodefrances.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.estudiodefrances.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.estudiodefrances.com\/#organization","name":"MOddou FLE","url":"https:\/\/www.estudiodefrances.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png","contentUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/cropped-Capture-de\u0301cran-2013-09-04-a\u0300-00.08.43-1.png","width":68,"height":79,"caption":"MOddou FLE"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/moddouFLE\/","https:\/\/x.com\/moddou"]},{"@type":"Person","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/person\/88f4b73addd8170d9837c20fc1127e7c","name":"moddou","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4a3fcfa351701fcac2c15731162f30826ff6dc6290b4ca18e8e3f3b419e885c4?s=96&d=mm&r=g","caption":"moddou"},"sameAs":["http:\/\/www.estudiodefrances.com"],"url":"https:\/\/www.estudiodefrances.com\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5051","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5051"}],"version-history":[{"count":8,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5051\/revisions"}],"predecessor-version":[{"id":5096,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5051\/revisions\/5096"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/media\/5059"}],"wp:attachment":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}