Exercice de Compr\u00e9hension \u00c9crite<\/title>\n <style>\n \/* Styles Globaux *\/\n body {\n margin: 0;\n padding: 0;\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n background: linear-gradient(135deg, #e0eafc, #cfdef3);\n color: #2c3e50;\n }\n \/* Lien Plein \u00c9cran *\/\n .fullscreen-link {\n display: inline-block;\n background: linear-gradient(135deg, #ff7e5f, #feb47b);\n color: #fff;\n padding: 12px 24px;\n border-radius: 30px;\n text-decoration: none;\n margin: 20px;\n font-weight: bold;\n box-shadow: 0 3px 6px rgba(0,0,0,0.15);\n }\n \/* Conteneur Principal *\/\n .fullscreen-container {\n margin: 20px auto;\n max-width: 900px;\n background: #fff;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 8px 16px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n \/* Mode Plein \u00c9cran *\/\n #fullscreen:target {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-y: auto;\n z-index: 9999;\n margin: 0;\n padding: 30px;\n background: #fff;\n border-radius: 0;\n max-width: none;\n }\n \/* Conteneur interne redimensionnable *\/\n .resizable-container {\n position: relative;\n resize: both;\n overflow: auto;\n width: 100%;\n min-width: 300px;\n min-height: 300px;\n }\n \/* Barre d'en-t\u00eate *\/\n .header-bar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 10px;\n border-bottom: 3px solid #feb47b;\n }\n .header-bar h2 {\n margin: 0;\n color: #2c3e50;\n font-size: 2em;\n }\n .exit-fullscreen {\n background: linear-gradient(135deg, #ff6b6b, #ff8e72);\n color: #fff;\n padding: 12px 24px;\n border-radius: 30px;\n text-decoration: none;\n font-weight: bold;\n box-shadow: 0 3px 6px rgba(0,0,0,0.15);\n }\n \/* Onglets *\/\n .tab-menu {\n text-align: center;\n margin-bottom: 25px;\n }\n .tab-menu button {\n background: linear-gradient(135deg, #3498db, #9b59b6);\n border: none;\n color: #fff;\n padding: 12px 25px;\n margin: 0 6px;\n cursor: pointer;\n font-size: 16px;\n border-radius: 30px;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .tab-menu button:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n }\n .tab-menu button.active {\n background: linear-gradient(135deg, #2ecc71, #27ae60);\n }\n \/* Contenu des onglets *\/\n .tabcontent {\n display: none;\n border-top: 3px solid #9b59b6;\n padding: 20px;\n margin-bottom: 20px;\n border-radius: 8px;\n background: #fff;\n box-shadow: 0 2px 4px rgba(0,0,0,0.08);\n }\n \/* Texte \u00e0 lire *\/\n .text-content blockquote {\n background: #f1f1f1;\n border-left: 8px solid #ff7e5f;\n margin: 20px auto;\n padding: 20px 30px;\n font-style: italic;\n width: 100%;\n max-width: 800px;\n line-height: 1.6;\n font-size: 1.1em;\n }\n \/* Blocs de Questions (Quiz, Vrai ou Faux, Remplir les blancs) *\/\n .question, .definition-question {\n background: #f9f9f9;\n border: 1px solid #ddd;\n padding: 15px;\n margin: 15px 0;\n border-left: 5px solid #ddd;\n border-radius: 4px;\n box-shadow: 0 3px 6px rgba(0,0,0,0.04);\n }\n .question:nth-child(odd) {\n background: #fefefe;\n }\n \/* Boutons d'action *\/\n .action-buttons {\n text-align: center;\n margin-top: 20px;\n margin-bottom: 10px;\n }\n .action-button, .reset-button {\n background: linear-gradient(135deg, #8e44ad, #c39bd3);\n border: none;\n color: #fff;\n padding: 10px 20px;\n margin: 5px 4px;\n font-size: 16px;\n border-radius: 30px;\n cursor: pointer;\n transition: background 0.3s, transform 0.2s;\n font-weight: bold;\n }\n .action-button:hover, .reset-button:hover {\n transform: translateY(-2px);\n background: linear-gradient(135deg, #71368a, #a569bd);\n }\n .reset-button {\n background: linear-gradient(135deg, #e74c3c, #f1948a);\n }\n .result-message {\n text-align: center;\n margin-top: 15px;\n font-weight: bold;\n color: #34495e;\n font-size: 1.1em;\n }\n .correct {\n background-color: #2ecc71;\n color: #fff;\n padding: 2px 6px;\n border-radius: 3px;\n font-weight: bold;\n }\n .incorrect {\n background-color: #e74c3c;\n color: #fff;\n padding: 2px 6px;\n border-radius: 3px;\n font-weight: bold;\n }\n \/* Styles pour le jeu de Mots Crois\u00e9s *\/\n .crossword-table {\n border-collapse: collapse;\n margin: 20px auto;\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\n }\n .crossword-table td {\n border: 2px solid #666;\n width: 35px;\n height: 35px;\n text-align: center;\n vertical-align: middle;\n position: relative;\n background: #f9f9f9;\n }\n \/* Les cellules \u00e0 remplir auront un fond noir et le texte en blanc *\/\n .crossword-cell {\n background-color: #000;\n }\n .crossword-cell input {\n width: 100%;\n height: 100%;\n border: none;\n text-align: center;\n font-size: 18px;\n text-transform: uppercase;\n background: transparent;\n color: #fff;\n }\n .empty-cell {\n background-color: #b0bec5;\n }\n .crossword-clues {\n margin-top: 20px;\n font-size: 0.95em;\n color: #d35400;\n }\n .crossword-clues h4 {\n margin-bottom: 5px;\n color: #e67e22;\n }\n \/* Resize Handle *\/\n .resize-handle {\n width: 20px;\n height: 20px;\n background: linear-gradient(135deg, #3498db, #9b59b6);\n position: absolute;\n bottom: 2px;\n right: 2px;\n cursor: se-resize;\n border-radius: 4px;\n opacity: 0.8;\n }\n \/* Responsive adjustments *\/\n @media (max-width: 600px) {\n .fullscreen-container, #fullscreen:target {\n padding: 15px;\n margin: 10px;\n max-width: 100%;\n }\n .header-bar h2 {\n font-size: 1.5em;\n }\n .tab-menu button {\n font-size: 14px;\n padding: 10px 20px;\n margin: 4px;\n }\n .action-button, .reset-button {\n font-size: 14px;\n padding: 8px 16px;\n }\n .text-content blockquote {\n font-size: 1.1em;\n line-height: 1.5;\n }\n .question, .definition-question {\n padding: 10px;\n font-size: 0.95em;\n }\n .crossword-table td {\n width: 28px;\n height: 28px;\n }\n .crossword-cell input {\n font-size: 16px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<a href=\"#fullscreen\" class=\"fullscreen-link\">Plein \u00e9cran<\/a>\n\n\n<div id=\"fullscreen\" class=\"fullscreen-container\">\n \n <div class=\"resizable-container\">\n \n <div class=\"header-bar\">\n <h2>Exercice de Compr\u00e9hension \u00c9crite<\/h2>\n <a href=\"#\" class=\"exit-fullscreen\">Quitter plein \u00e9cran<\/a>\n <\/div>\n \n \n <div class=\"tab-menu\">\n <button class=\"tablink\" onclick=\"openTab(event, 'quiz')\" id=\"defaultOpen\">Quiz<\/button>\n <button class=\"tablink\" onclick=\"openTab(event, 'truefalse')\">Vrai ou Faux<\/button>\n <button class=\"tablink\" onclick=\"openTab(event, 'fillblanks')\">Remplir les blancs<\/button>\n <button class=\"tablink\" onclick=\"openTab(event, 'crossword')\">Mots crois\u00e9s<\/button>\n <button class=\"tablink\" onclick=\"openTab(event, 'keywords')\">Mots\u2011cl\u00e9s<\/button>\n <button class=\"tablink\" onclick=\"openTab(event, 'definitions')\">D\u00e9finitions<\/button>\n <\/div>\n \n \n <div class=\"text-content\">\n <h3>Texte \u00e0 lire<\/h3>\n <blockquote>\n Lise \u00e9tait tomb\u00e9e sur cette annonce en cherchant au hasard sur Internet. En lisant ce descriptif, elle d\u00e9couvrait que la nature, le soleil et l’isolement \u00e9taient au c\u0153ur de ses crit\u00e8res de recherche. L’isolement justement. Le petit d\u00e9tail qui l’intriguait, c’est que, parmi toutes les locations pr\u00e9sent\u00e9es sur le site, celle-ci \u00e9tait la seule \u00e0 comporter si peu de cases coch\u00e9es. Les \u00e9quipements semblaient minces, l’installation rudimentaire, autant dire qu’il n’y aurait ni piscine, ni clim, ni t\u00e9l\u00e9 \u2013 et surtout pas de t\u00e9l\u00e9phone, et par cons\u00e9quent pas de Wi\u2011Fi.\n <br><br>\n Depuis plusieurs ann\u00e9es, Lise souffrait des ondes, ce qui l’incitait \u00e0 chercher \u00e0 se d\u00e9connecter. Elle r\u00eavait de vivre le plus sainement possible, au rythme des jours, en observant le soleil se lever et se coucher, en se consacrant exclusivement \u00e0 la marche, \u00e0 la m\u00e9ditation et \u00e0 la respiration d’un air pur, exempt de toute particule et de bruit. En poursuivant ses recherches, elle d\u00e9couvrit qu’au premier village, un magasin bio \u00e9tait pr\u00e9sent. Pour le reste, elle s’imaginait d\u00e9j\u00e0 cueillir des baies, des fleurs et des racines qu’elle avait minutieusement r\u00e9pertori\u00e9es, son r\u00eave \u00e9tant de passer trois semaines dans un \u00e9tat quasi sauvage, totalement isol\u00e9e.\n <br><br>\n \u2013 Je t’assure, Franck, des g\u00eetes en pleine nature, sans t\u00e9l\u00e9 ni Wi\u2011Fi, \u00e7a n’existe pas. Une chance que je sois tomb\u00e9e sur celui\u2011l\u00e0, et en plus il est encore libre tout le mois d’ao\u00fbt\u202f!\n <br>\n \u2013 C’est ce qui m’inqui\u00e8te. Tu vois bien qu’il n’y a pas un avis, pas un commentaire de client, c’est quand m\u00eame \u00e9trange.\n <\/blockquote>\n <\/div>\n \n \n <div id=\"quiz\" class=\"tabcontent\">\n <h3>Quiz \u00e0 choix multiples<\/h3>\n <form id=\"quizForm\">\n <div class=\"question\">\n <p>1) Pourquoi Lise veut-elle passer ses vacances dans ce g\u00eete isol\u00e9 ?<\/p>\n <label><input type=\"radio\" name=\"quiz1\" value=\"A\"> A) Pour \u00eatre proche de la ville.<\/label><br>\n <label><input type=\"radio\" name=\"quiz1\" value=\"B\"> B) Pour profiter de la mer.<\/label><br>\n <label><input type=\"radio\" name=\"quiz1\" value=\"C\"> C) Pour s’\u00e9loigner des ondes et vivre au rythme de la nature.<\/label><br>\n <label><input type=\"radio\" name=\"quiz1\" value=\"D\"> D) Pour organiser des f\u00eates.<\/label>\n <\/div>\n <div class=\"question\">\n <p>2) Qu’est-ce qui inqui\u00e8te Franck \u00e0 propos de ce g\u00eete ?<\/p>\n <label><input type=\"radio\" name=\"quiz2\" value=\"A\"> A) Le prix \u00e9lev\u00e9.<\/label><br>\n <label><input type=\"radio\" name=\"quiz2\" value=\"B\"> B) Le manque de confort (pas de clim, pas de t\u00e9l\u00e9\u2026).<\/label><br>\n <label><input type=\"radio\" name=\"quiz2\" value=\"C\"> C) L’absence d’avis ou de commentaires de clients.<\/label><br>\n <label><input type=\"radio\" name=\"quiz2\" value=\"D\"> D) Le fait que le g\u00eete soit d\u00e9j\u00e0 r\u00e9serv\u00e9.<\/label>\n <\/div>\n <div class=\"question\">\n <p>3) Comment Lise envisage-t-elle de se nourrir sur place ?<\/p>\n <label><input type=\"radio\" name=\"quiz3\" value=\"A\"> A) En se faisant livrer des plats pr\u00e9par\u00e9s.<\/label><br>\n <label><input type=\"radio\" name=\"quiz3\" value=\"B\"> B) En mangeant au restaurant du village.<\/label><br>\n <label><input type=\"radio\" name=\"quiz3\" value=\"C\"> C) En achetant des produits bio et cueillant des baies et des fleurs.<\/label><br>\n <label><input type=\"radio\" name=\"quiz3\" value=\"D\"> D) Elle n\u2019a pas encore r\u00e9fl\u00e9chi \u00e0 la question.<\/label>\n <\/div>\n <div class=\"question\">\n <p>4) Combien de semaines Lise envisage-t-elle de passer dans ce lieu ?<\/p>\n <label><input type=\"radio\" name=\"quiz4\" value=\"A\"> A) Une semaine.<\/label><br>\n <label><input type=\"radio\" name=\"quiz4\" value=\"B\"> B) Deux semaines.<\/label><br>\n <label><input type=\"radio\" name=\"quiz4\" value=\"C\"> C) Trois semaines.<\/label><br>\n <label><input type=\"radio\" name=\"quiz4\" value=\"D\"> D) Quatre semaines.<\/label>\n <\/div>\n <div class=\"question\">\n <p>5) Quel magasin Lise a-t-elle rep\u00e9r\u00e9 dans le village ?<\/p>\n <label><input type=\"radio\" name=\"quiz5\" value=\"A\"> A) Un supermarch\u00e9.<\/label><br>\n <label><input type=\"radio\" name=\"quiz5\" value=\"B\"> B) Un magasin bio.<\/label><br>\n <label><input type=\"radio\" name=\"quiz5\" value=\"C\"> C) Une boulangerie.<\/label><br>\n <label><input type=\"radio\" name=\"quiz5\" value=\"D\"> D) Une librairie.<\/label>\n <\/div>\n <\/form>\n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkQuiz()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showQuizAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetQuiz()\">Recommencer<\/button>\n <\/div>\n <div id=\"quizResult\" class=\"result-message\"><\/div>\n <\/div>\n \n \n <div id=\"truefalse\" class=\"tabcontent\">\n <h3>Vrai ou Faux<\/h3>\n <form id=\"trueFalseForm\">\n <div class=\"question\">\n <p>1) Lise voulait absolument \u00eatre connect\u00e9e pendant ses vacances.<\/p>\n <label><input type=\"radio\" name=\"tf1\" value=\"Vrai\"> <span>Vrai<\/span><\/label><br>\n <label><input type=\"radio\" name=\"tf1\" value=\"Faux\"> <span>Faux<\/span><\/label>\n <\/div>\n <div class=\"question\">\n <p>2) Le g\u00eete propos\u00e9 dispose de peu d’\u00e9quipements (pas de clim, pas de t\u00e9l\u00e9, etc.).<\/p>\n <label><input type=\"radio\" name=\"tf2\" value=\"Vrai\"> <span>Vrai<\/span><\/label><br>\n <label><input type=\"radio\" name=\"tf2\" value=\"Faux\"> <span>Faux<\/span><\/label>\n <\/div>\n <div class=\"question\">\n <p>3) Le site du g\u00eete affiche plusieurs avis de clients.<\/p>\n <label><input type=\"radio\" name=\"tf3\" value=\"Vrai\"> <span>Vrai<\/span><\/label><br>\n <label><input type=\"radio\" name=\"tf3\" value=\"Faux\"> <span>Faux<\/span><\/label>\n <\/div>\n <div class=\"question\">\n <p>4) L’installation du g\u00eete est moderne et enti\u00e8rement \u00e9quip\u00e9e.<\/p>\n <label><input type=\"radio\" name=\"tf4\" value=\"Vrai\"> <span>Vrai<\/span><\/label><br>\n <label><input type=\"radio\" name=\"tf4\" value=\"Faux\"> <span>Faux<\/span><\/label>\n <\/div>\n <div class=\"question\">\n <p>5) Lise voulait \u00e9chapper aux nuisances des ondes.<\/p>\n <label><input type=\"radio\" name=\"tf5\" value=\"Vrai\"> <span>Vrai<\/span><\/label><br>\n <label><input type=\"radio\" name=\"tf5\" value=\"Faux\"> <span>Faux<\/span><\/label>\n <\/div>\n <\/form>\n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkTrueFalse()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showTrueFalseAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetTrueFalse()\">Recommencer<\/button>\n <\/div>\n <div id=\"trueFalseResult\" class=\"result-message\"><\/div>\n <\/div>\n \n \n <div id=\"fillblanks\" class=\"tabcontent\">\n <h3>Compl\u00e9tez les phrases<\/h3>\n <form id=\"fillBlanksForm\">\n <div class=\"question\">\n <p>\n 1) Lise voulait vivre le plus <input type=\"text\" id=\"blank1\" style=\"width:120px;\"> possible, en \u00e9tant coup\u00e9e de <input type=\"text\" id=\"blank2\" style=\"width:120px;\">.\n <span id=\"hint_blank1\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <div class=\"question\">\n <p>\n 2) Elle r\u00eavait de se reconnecter \u00e0 <input type=\"text\" id=\"blank3\" style=\"width:120px;\"> et de m\u00e9diter sous le <input type=\"text\" id=\"blank4\" style=\"width:120px;\">.\n <span id=\"hint_blank3\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <div class=\"question\">\n <p>\n 3) L’installation \u00e9tait si <input type=\"text\" id=\"blank5\" style=\"width:120px;\"> qu’il n’y avait pas de <input type=\"text\" id=\"blank6\" style=\"width:120px;\"> \u00e0 proximit\u00e9.\n <span id=\"hint_blank5\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <div class=\"question\">\n <p>\n 4) Elle envisageait de <input type=\"text\" id=\"blank7\" style=\"width:120px;\"> des produits frais et de cr\u00e9er son propre <input type=\"text\" id=\"blank8\" style=\"width:120px;\">.\n <span id=\"hint_blank7\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <\/form>\n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkFillBlanks()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showFillBlanksAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetFillBlanks()\">Recommencer<\/button>\n <\/div>\n <div id=\"fillBlanksResult\" class=\"result-message\"><\/div>\n <\/div>\n \n \n <div id=\"crossword\" class=\"tabcontent\">\n <h3>Jeu de Mots Crois\u00e9s<\/h3>\n <p>Remplissez la grille avec les lettres correctes. Utilisez les indices ci-dessous :<\/p>\n \n <table class=\"crossword-table\">\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"I\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"S\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"O\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"L\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"M\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"N\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"T\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"O\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"N\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"A\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"L\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"D\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"T\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"U\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"I\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"S\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"R\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"L\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"G\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"I\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"T\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"B\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"I\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"O\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"I\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"N\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"T\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"R\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"N\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"T\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n <\/table>\n \n \n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkCrossword()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showCrosswordAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetCrossword()\">Recommencer<\/button>\n <\/div>\n <div id=\"crosswordResult\" class=\"result-message\"><\/div>\n <div class=\"crossword-clues\">\n <h4>Indices<\/h4>\n <p><strong>Horizontal :<\/strong><\/p>\n <ul>\n <li>1H (Ligne 3, colonnes 2-10) : Condition recherch\u00e9e par Lise (9 lettres)<\/li>\n <li>2H (Ligne 9, colonnes 5-7) : Abr\u00e9viation de \u00ab\u00a0biologique\u00a0\u00bb (3 lettres)<\/li>\n <li>3H (Ligne 10, colonnes 2-9) : Ce que Lise utilise pour naviguer sur le web (8 lettres)<\/li>\n <\/ul>\n <p><strong>Vertical :<\/strong><\/p>\n <ul>\n <li>1V (Colonne 4, Lignes 3-7) : Signaux diffus\u00e9s par les antennes (5 lettres)<\/li>\n <li>2V (Colonne 3, Lignes 3-8) : Astre du jour (6 lettres)<\/li>\n <li>3V (Colonne 9, Lignes 3-8) : Ce qui est authentique (6 lettres)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div id=\"keywords\" class=\"tabcontent\">\n <h3>Exercice sur les mots\u2011cl\u00e9s<\/h3>\n <p>S\u00e9lectionnez les 5 mots\u2011cl\u00e9s importants du texte parmi les propositions ci-dessous :<\/p>\n <form id=\"keywordsForm\">\n <div id=\"keywordsContainer\" class=\"question\">\n \n <\/div>\n <\/form>\n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkKeywords()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showKeywordsAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetKeywords()\">Recommencer<\/button>\n <\/div>\n <div id=\"keywordsResult\" class=\"result-message\"><\/div>\n <\/div>\n \n \n <div id=\"definitions\" class=\"tabcontent\">\n <h3>D\u00e9finitions<\/h3>\n <p>Pour chaque d\u00e9finition, trouvez le mot correspondant.<\/p>\n <form id=\"definitionsForm\">\n <div class=\"definition-question\">\n <p>\n 1) Ce mot d\u00e9signe l’\u00e9tat de solitude recherch\u00e9e par Lise.\n <input type=\"text\" id=\"def1\" style=\"width:150px;\">\n <span id=\"hint_def1\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <div class=\"definition-question\">\n <p>\n 2) Ce terme d\u00e9crit les signaux \u00e9lectromagn\u00e9tiques affectant sa sant\u00e9.\n <input type=\"text\" id=\"def2\" style=\"width:150px;\">\n <span id=\"hint_def2\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <div class=\"definition-question\">\n <p>\n 3) Ce mot qualifie un magasin qui vend des produits respectueux de l’environnement.\n <input type=\"text\" id=\"def3\" style=\"width:150px;\">\n <span id=\"hint_def3\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <\/form>\n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkDefinitions()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showDefinitionsAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetDefinitions()\">Recommencer<\/button>\n <\/div>\n <div id=\"definitionsResult\" class=\"result-message\"><\/div>\n <\/div>\n \n \n <div class=\"resize-handle\"><\/div>\n <\/div>\n<\/div>\n\n\n<script>\n \/* ---------- Gestion des onglets ---------- *\/\n function openTab(evt, tabName) {\n var i, tabcontent, tablinks;\n tabcontent = document.getElementsByClassName(\"tabcontent\");\n for (i = 0; i < tabcontent.length; i++) {\n tabcontent[i].style.display = \"none\";\n }\n tablinks = document.getElementsByClassName(\"tablink\");\n for (i = 0; i < tablinks.length; i++) {\n tablinks[i].classList.remove(\"active\");\n }\n document.getElementById(tabName).style.display = \"block\";\n evt.currentTarget.classList.add(\"active\");\n }\n document.getElementById(\"defaultOpen\").click();\n \n \/* ---------- Quiz \u00e0 choix multiples ---------- *\/\n function checkQuiz() {\n var score = 0, total = 5;\n var q1 = document.querySelector('input[name=\"quiz1\"]:checked');\n if (q1) {\n if(q1.value === \"C\") { score++; q1.parentElement.classList.add(\"correct\"); }\n else { q1.parentElement.classList.add(\"incorrect\");\n document.querySelector('input[name=\"quiz1\"][value=\"C\"]').parentElement.classList.add(\"correct\"); }\n }\n var q2 = document.querySelector('input[name=\"quiz2\"]:checked');\n if (q2) {\n if(q2.value === \"C\") { score++; q2.parentElement.classList.add(\"correct\"); }\n else { q2.parentElement.classList.add(\"incorrect\");\n document.querySelector('input[name=\"quiz2\"][value=\"C\"]').parentElement.classList.add(\"correct\"); }\n }\n var q3 = document.querySelector('input[name=\"quiz3\"]:checked');\n if (q3) {\n if(q3.value === \"C\") { score++; q3.parentElement.classList.add(\"correct\"); }\n else { q3.parentElement.classList.add(\"incorrect\");\n document.querySelector('input[name=\"quiz3\"][value=\"C\"]').parentElement.classList.add(\"correct\"); }\n }\n var q4 = document.querySelector('input[name=\"quiz4\"]:checked');\n if (q4) {\n if(q4.value === \"C\") { score++; q4.parentElement.classList.add(\"correct\"); }\n else { q4.parentElement.classList.add(\"incorrect\");\n document.querySelector('input[name=\"quiz4\"][value=\"C\"]').parentElement.classList.add(\"correct\"); }\n }\n var q5 = document.querySelector('input[name=\"quiz5\"]:checked');\n if (q5) {\n if(q5.value === \"B\") { score++; q5.parentElement.classList.add(\"correct\"); }\n else { q5.parentElement.classList.add(\"incorrect\");\n document.querySelector('input[name=\"quiz5\"][value=\"B\"]').parentElement.classList.add(\"correct\"); }\n }\n document.getElementById(\"quizResult\").textContent = \"Vous avez obtenu \" + score + \" sur \" + total + \".\";\n }\n function resetQuiz() {\n document.getElementById(\"quizForm\").reset();\n document.getElementById(\"quizResult\").textContent = \"\";\n document.querySelectorAll(\"#quizForm label\").forEach(function(label){ label.classList.remove(\"correct\", \"incorrect\"); });\n }\n function showQuizAnswers() {\n document.querySelector('input[name=\"quiz1\"][value=\"C\"]').checked = true;\n document.querySelector('input[name=\"quiz2\"][value=\"C\"]').checked = true;\n document.querySelector('input[name=\"quiz3\"][value=\"C\"]').checked = true;\n document.querySelector('input[name=\"quiz4\"][value=\"C\"]').checked = true;\n document.querySelector('input[name=\"quiz5\"][value=\"B\"]').checked = true;\n checkQuiz();\n }\n \n \/* ---------- Quiz Vrai ou Faux ---------- *\/\n function checkTrueFalse() {\n var score = 0, total = 5;\n var tfAnswers = { \"tf1\": \"Faux\", \"tf2\": \"Vrai\", \"tf3\": \"Faux\", \"tf4\": \"Faux\", \"tf5\": \"Vrai\" };\n for (var key in tfAnswers) {\n var selected = document.querySelector('input[name=\"'+key+'\"]:checked');\n if (selected) {\n if(selected.value === tfAnswers[key]) { score++; selected.parentElement.classList.add(\"correct\"); }\n else { selected.parentElement.classList.add(\"incorrect\");\n var correctInput = document.querySelector('input[name=\"'+key+'\"][value=\"'+tfAnswers[key]+'\"]');\n if(correctInput) correctInput.parentElement.classList.add(\"correct\");\n }\n }\n }\n document.getElementById(\"trueFalseResult\").textContent = \"Vous avez obtenu \" + score + \" sur \" + total + \".\";\n }\n function resetTrueFalse() {\n document.getElementById(\"trueFalseForm\").reset();\n document.getElementById(\"trueFalseResult\").textContent = \"\";\n document.querySelectorAll(\"#trueFalseForm label\").forEach(function(label){ label.classList.remove(\"correct\", \"incorrect\"); });\n }\n function showTrueFalseAnswers() {\n document.querySelector('input[name=\"tf1\"][value=\"Faux\"]').checked = true;\n document.querySelector('input[name=\"tf2\"][value=\"Vrai\"]').checked = true;\n document.querySelector('input[name=\"tf3\"][value=\"Faux\"]').checked = true;\n document.querySelector('input[name=\"tf4\"][value=\"Faux\"]').checked = true;\n document.querySelector('input[name=\"tf5\"][value=\"Vrai\"]').checked = true;\n checkTrueFalse();\n }\n \n \/* ---------- Remplir les blancs ---------- *\/\n var blanks = {\n \"blank1\": { answer: \"sainement\", hint: \"Indice : signifie 'en bonne sant\u00e9'.\" },\n \"blank2\": { answer: \"tout\", hint: \"Indice : cela signifie 'compl\u00e8tement'.\" },\n \"blank3\": { answer: \"la nature\", hint: \"Indice : environnement naturel.\" },\n \"blank4\": { answer: \"soleil\", hint: \"Indice : l'astre du jour.\" },\n \"blank5\": { answer: \"rudimentaire\", hint: \"Indice : basique, sans sophistication.\" },\n \"blank6\": { answer: \"piscine\", hint: \"Indice : \u00e9quipement absent dans le g\u00eete.\" },\n \"blank7\": { answer: \"cueillir\", hint: \"Indice : signifie 'ramasser des fruits'.\" },\n \"blank8\": { answer: \"potager\", hint: \"Indice : jardin o\u00f9 l'on cultive l\u00e9gumes et fruits.\" }\n };\n function checkFillBlanks() {\n var score = 0, total = Object.keys(blanks).length;\n for (var key in blanks) {\n var inputElem = document.getElementById(key);\n var userAnswer = inputElem ? inputElem.value.trim().toLowerCase() : \"\";\n var expected = blanks[key].answer.toLowerCase();\n var hintElem = document.getElementById(\"hint_\" + key);\n if (userAnswer === expected) {\n score++;\n if(hintElem){\n hintElem.textContent = \"Correct!\";\n hintElem.style.color = \"#2ecc71\";\n }\n } else {\n if(hintElem){\n hintElem.textContent = blanks[key].hint;\n hintElem.style.color = \"#e74c3c\";\n }\n }\n }\n document.getElementById(\"fillBlanksResult\").innerHTML = \"Vous avez \" + score + \" r\u00e9ponse(s) correcte(s) sur \" + total + \".\";\n }\n function resetFillBlanks() {\n document.getElementById(\"fillBlanksForm\").reset();\n document.getElementById(\"fillBlanksResult\").textContent = \"\";\n for (var key in blanks) {\n var hintElem = document.getElementById(\"hint_\" + key);\n if(hintElem){ hintElem.textContent = \"\"; }\n }\n }\n function showFillBlanksAnswers() {\n for (var key in blanks) {\n var inputElem = document.getElementById(key);\n if(inputElem){ inputElem.value = blanks[key].answer; }\n var hintElem = document.getElementById(\"hint_\" + key);\n if(hintElem){\n hintElem.textContent = \"R\u00e9ponse : \" + blanks[key].answer;\n hintElem.style.color = \"#2ecc71\";\n }\n }\n checkFillBlanks();\n }\n \n \/* ---------- Jeu de Mots Crois\u00e9s ---------- *\/\n function checkCrossword() {\n var inputs = document.querySelectorAll(\".crossword-cell input\");\n var total = inputs.length;\n var score = 0;\n inputs.forEach(function(input) {\n var correct = input.getAttribute(\"data-answer\");\n if(input.value.trim().toUpperCase() === correct.toUpperCase()){\n input.style.backgroundColor = \"#2ecc71\";\n score++;\n } else {\n input.style.backgroundColor = \"#e74c3c\";\n }\n });\n document.getElementById(\"crosswordResult\").innerHTML = \"Vous avez \" + score + \" bonne(s) r\u00e9ponse(s) sur \" + total + \".\";\n }\n function resetCrossword() {\n var inputs = document.querySelectorAll(\".crossword-cell input\");\n inputs.forEach(function(input) {\n input.value = \"\";\n input.style.backgroundColor = \"\";\n });\n document.getElementById(\"crosswordResult\").textContent = \"\";\n }\n function showCrosswordAnswers() {\n var inputs = document.querySelectorAll(\".crossword-cell input\");\n inputs.forEach(function(input) {\n input.value = input.getAttribute(\"data-answer\");\n input.style.backgroundColor = \"#2ecc71\";\n });\n checkCrossword();\n }\n \n \/* ---------- Exercice sur les mots\u2011cl\u00e9s ---------- *\/\n var allKeywords = [\"isolement\", \"ondes\", \"nature\", \"soleil\", \"bio\", \"gite\", \"internet\", \"crit\u00e8res\", \"\u00e9quipements\"];\n var correctKeywords = [\"isolement\", \"ondes\", \"nature\", \"soleil\", \"bio\"];\n function populateKeywords() {\n var container = document.getElementById(\"keywordsContainer\");\n container.innerHTML = \"\";\n var shuffled = allKeywords.slice();\n for (var i = shuffled.length - 1; i > 0; i--) {\n var j = Math.floor(Math.random() * (i + 1));\n var temp = shuffled[i];\n shuffled[i] = shuffled[j];\n shuffled[j] = temp;\n }\n shuffled.forEach(function(word) {\n var label = document.createElement(\"label\");\n label.style.display = \"block\";\n label.style.marginBottom = \"5px\";\n var checkbox = document.createElement(\"input\");\n checkbox.type = \"checkbox\";\n checkbox.name = \"keyword\";\n checkbox.value = word;\n label.appendChild(checkbox);\n label.appendChild(document.createTextNode(\" \" + word));\n container.appendChild(label);\n });\n }\n function checkKeywords() {\n var selected = document.querySelectorAll('input[name=\"keyword\"]:checked');\n var score = 0, total = correctKeywords.length;\n document.querySelectorAll(\"#keywordsContainer label\").forEach(function(label){ label.classList.remove(\"correct\", \"incorrect\"); });\n selected.forEach(function(checkbox) {\n if (correctKeywords.indexOf(checkbox.value) !== -1) {\n score++;\n checkbox.parentElement.classList.add(\"correct\");\n } else {\n checkbox.parentElement.classList.add(\"incorrect\");\n }\n });\n correctKeywords.forEach(function(keyword) {\n var cb = document.querySelector('input[name=\"keyword\"][value=\"'+keyword+'\"]');\n if (!cb.checked) { cb.parentElement.classList.add(\"incorrect\"); }\n });\n document.getElementById(\"keywordsResult\").textContent = \"Vous avez correctement s\u00e9lectionn\u00e9 \" + score + \" sur \" + total + \" mots\u2011cl\u00e9s.\";\n }\n function resetKeywords() {\n document.getElementById(\"keywordsForm\").reset();\n document.getElementById(\"keywordsResult\").textContent = \"\";\n document.querySelectorAll(\"#keywordsContainer label\").forEach(function(label){ label.classList.remove(\"correct\", \"incorrect\"); });\n populateKeywords();\n }\n function showKeywordsAnswers() {\n document.querySelectorAll('input[name=\"keyword\"]').forEach(function(cb) {\n if (correctKeywords.indexOf(cb.value) !== -1) { \n cb.checked = true;\n } else { \n cb.checked = false;\n }\n });\n checkKeywords();\n }\n \n \/* ---------- Exercice D\u00e9finitions ---------- *\/\n var definitionsData = [\n { id: \"def1\", question: \"Ce mot d\u00e9signe l'\u00e9tat de solitude recherch\u00e9e par Lise.\", expected: \"isolement\", hint: \"Indice : C'est le th\u00e8me principal de l'annonce.\" },\n { id: \"def2\", question: \"Ce terme d\u00e9crit les signaux \u00e9lectromagn\u00e9tiques affectant sa sant\u00e9.\", expected: \"ondes\", hint: \"Indice : Associ\u00e9 aux technologies.\" },\n { id: \"def3\", question: \"Ce mot qualifie un magasin qui vend des produits respectueux de l'environnement.\", expected: \"bio\", hint: \"Indice : Abbr\u00e9viation de 'biologique'.\" }\n ];\n function checkDefinitions() {\n var score = 0, total = definitionsData.length;\n definitionsData.forEach(function(item) {\n var userAnswer = document.getElementById(item.id).value.trim().toLowerCase();\n var hintElem = document.getElementById(\"hint_\" + item.id);\n if(userAnswer === item.expected.toLowerCase()){\n score++;\n hintElem.textContent = \"Correct!\";\n hintElem.style.color = \"#2ecc71\";\n } else {\n hintElem.textContent = item.hint;\n hintElem.style.color = \"#e74c3c\";\n }\n });\n document.getElementById(\"definitionsResult\").innerHTML = \"Vous avez \" + score + \" r\u00e9ponse(s) correcte(s) sur \" + total + \".\";\n }\n function resetDefinitions() {\n document.getElementById(\"definitionsForm\").reset();\n document.getElementById(\"definitionsResult\").textContent = \"\";\n definitionsData.forEach(function(item) {\n var hintElem = document.getElementById(\"hint_\" + item.id);\n hintElem.textContent = \"\";\n });\n }\n function showDefinitionsAnswers() {\n definitionsData.forEach(function(item) {\n var inputElem = document.getElementById(item.id);\n if(inputElem){ inputElem.value = item.expected; }\n var hintElem = document.getElementById(\"hint_\" + item.id);\n if(hintElem){\n hintElem.textContent = \"R\u00e9ponse : \" + item.expected;\n hintElem.style.color = \"#2ecc71\";\n }\n });\n checkDefinitions();\n }\n \n \/\/ Initialisation des mots\u2011cl\u00e9s\n document.addEventListener(\"DOMContentLoaded\", populateKeywords);\n \n \/* ---------- Resize Handle (Redimensionnement) ---------- *\/\n (function() {\n var handle = document.querySelector('.resize-handle');\n var container = document.querySelector('.resizable-container');\n if (!handle || !container) return;\n handle.addEventListener('mousedown', initDrag, false);\n var startX, startY, startWidth, startHeight;\n function initDrag(e) {\n startX = e.clientX;\n startY = e.clientY;\n startWidth = parseInt(document.defaultView.getComputedStyle(container).width, 10);\n startHeight = parseInt(document.defaultView.getComputedStyle(container).height, 10);\n document.documentElement.addEventListener('mousemove', doDrag, false);\n document.documentElement.addEventListener('mouseup', stopDrag, false);\n e.preventDefault();\n }\n function doDrag(e) {\n container.style.width = (startWidth + e.clientX - startX) + 'px';\n container.style.height = (startHeight + e.clientY - startY) + 'px';\n }\n function stopDrag(e) {\n document.documentElement.removeEventListener('mousemove', doDrag, false);\n document.documentElement.removeEventListener('mouseup', stopDrag, false);\n }\n })();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Exercice de Compr\u00e9hension \u00c9crite Plein \u00e9cran Exercice de Compr\u00e9hension \u00c9crite Quitter plein \u00e9cran Quiz Vrai ou Faux Remplir les blancs Mots crois\u00e9s Mots\u2011cl\u00e9s D\u00e9finitions Texte … <\/p>\n","protected":false},"author":1,"featured_media":5222,"comment_status":"open","ping_status":"open","sticky":true,"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":[102,33],"tags":[40,98],"class_list":["post-5221","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comprehension-ecrite","category-niveau-b1","tag-comprehension-ecrite","tag-niveau-b1"],"yoast_head":"\n<title>Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de "Chien-Loup" de Serge Joncour. - MOddou FLE<\/title>\n<meta name=\"description\" content=\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de "Chien-Loup" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...\" \/>\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=5221\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de "Chien-Loup" de Serge Joncour. - MOddou FLE\" \/>\n<meta property=\"og:description\" content=\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de "Chien-Loup" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.estudiodefrances.com\/?p=5221\" \/>\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-03-04T14:37:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-09T05:10:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/chien-loup.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1340\" \/>\n\t<meta property=\"og:image:height\" content=\"1242\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221\"},\"author\":{\"name\":\"moddou\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/person\\\/88f4b73addd8170d9837c20fc1127e7c\"},\"headline\":\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \u00ab\u00a0Chien-Loup\u00a0\u00bb de Serge Joncour.\",\"datePublished\":\"2025-03-04T14:37:37+00:00\",\"dateModified\":\"2025-03-09T05:10:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221\"},\"wordCount\":826,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/chien-loup.jpg\",\"keywords\":[\"compr\u00e9hension \u00e9crite\",\"Niveau B1\"],\"articleSection\":[\"compr\u00e9hension \u00e9crite\",\"Niveau B1\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221\",\"name\":\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \\\"Chien-Loup\\\" de Serge Joncour. - MOddou FLE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/chien-loup.jpg\",\"datePublished\":\"2025-03-04T14:37:37+00:00\",\"dateModified\":\"2025-03-09T05:10:31+00:00\",\"description\":\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \\\"Chien-Loup\\\" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \u00ab\u00a0Chien-Loup\u00a0\u00bb de Serge Joncour.\"}]},{\"@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_head_json":{"title":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. - MOddou FLE","description":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...","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=5221","og_locale":"fr_FR","og_type":"article","og_title":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. - MOddou FLE","og_description":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...","og_url":"https:\/\/www.estudiodefrances.com\/?p=5221","og_site_name":"MOddou FLE","article_publisher":"https:\/\/www.facebook.com\/moddouFLE\/","article_published_time":"2025-03-04T14:37:37+00:00","article_modified_time":"2025-03-09T05:10:31+00:00","og_image":[{"width":1340,"height":1242,"url":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/chien-loup.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.estudiodefrances.com\/?p=5221#article","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221"},"author":{"name":"moddou","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/person\/88f4b73addd8170d9837c20fc1127e7c"},"headline":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \u00ab\u00a0Chien-Loup\u00a0\u00bb de Serge Joncour.","datePublished":"2025-03-04T14:37:37+00:00","dateModified":"2025-03-09T05:10:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221"},"wordCount":826,"commentCount":0,"publisher":{"@id":"https:\/\/www.estudiodefrances.com\/#organization"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/chien-loup.jpg","keywords":["compr\u00e9hension \u00e9crite","Niveau B1"],"articleSection":["compr\u00e9hension \u00e9crite","Niveau B1"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.estudiodefrances.com\/?p=5221#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.estudiodefrances.com\/?p=5221","url":"https:\/\/www.estudiodefrances.com\/?p=5221","name":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. - MOddou FLE","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221#primaryimage"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/chien-loup.jpg","datePublished":"2025-03-04T14:37:37+00:00","dateModified":"2025-03-09T05:10:31+00:00","description":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...","breadcrumb":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.estudiodefrances.com\/?p=5221"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.estudiodefrances.com\/?p=5221#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.estudiodefrances.com\/"},{"@type":"ListItem","position":2,"name":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \u00ab\u00a0Chien-Loup\u00a0\u00bb de Serge Joncour."}]},{"@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\/5221","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=5221"}],"version-history":[{"count":12,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5221\/revisions"}],"predecessor-version":[{"id":5259,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5221\/revisions\/5259"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/media\/5222"}],"wp:attachment":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5221,"date":"2025-03-04T16:37:37","date_gmt":"2025-03-04T14:37:37","guid":{"rendered":"https:\/\/www.estudiodefrances.com\/?p=5221"},"modified":"2025-03-09T07:10:31","modified_gmt":"2025-03-09T05:10:31","slug":"exercices-de-comprehension-ecrite-niveau-b2-extrait-de-serge-joncour-chien-loup","status":"publish","type":"post","link":"https:\/\/www.estudiodefrances.com\/?p=5221","title":{"rendered":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \u00ab\u00a0Chien-Loup\u00a0\u00bb de Serge Joncour."},"content":{"rendered":"\n\n\n\n \n \n Exercice de Compr\u00e9hension \u00c9crite<\/title>\n <style>\n \/* Styles Globaux *\/\n body {\n margin: 0;\n padding: 0;\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n background: linear-gradient(135deg, #e0eafc, #cfdef3);\n color: #2c3e50;\n }\n \/* Lien Plein \u00c9cran *\/\n .fullscreen-link {\n display: inline-block;\n background: linear-gradient(135deg, #ff7e5f, #feb47b);\n color: #fff;\n padding: 12px 24px;\n border-radius: 30px;\n text-decoration: none;\n margin: 20px;\n font-weight: bold;\n box-shadow: 0 3px 6px rgba(0,0,0,0.15);\n }\n \/* Conteneur Principal *\/\n .fullscreen-container {\n margin: 20px auto;\n max-width: 900px;\n background: #fff;\n padding: 30px;\n border-radius: 10px;\n box-shadow: 0 8px 16px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n }\n \/* Mode Plein \u00c9cran *\/\n #fullscreen:target {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n overflow-y: auto;\n z-index: 9999;\n margin: 0;\n padding: 30px;\n background: #fff;\n border-radius: 0;\n max-width: none;\n }\n \/* Conteneur interne redimensionnable *\/\n .resizable-container {\n position: relative;\n resize: both;\n overflow: auto;\n width: 100%;\n min-width: 300px;\n min-height: 300px;\n }\n \/* Barre d'en-t\u00eate *\/\n .header-bar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 10px;\n border-bottom: 3px solid #feb47b;\n }\n .header-bar h2 {\n margin: 0;\n color: #2c3e50;\n font-size: 2em;\n }\n .exit-fullscreen {\n background: linear-gradient(135deg, #ff6b6b, #ff8e72);\n color: #fff;\n padding: 12px 24px;\n border-radius: 30px;\n text-decoration: none;\n font-weight: bold;\n box-shadow: 0 3px 6px rgba(0,0,0,0.15);\n }\n \/* Onglets *\/\n .tab-menu {\n text-align: center;\n margin-bottom: 25px;\n }\n .tab-menu button {\n background: linear-gradient(135deg, #3498db, #9b59b6);\n border: none;\n color: #fff;\n padding: 12px 25px;\n margin: 0 6px;\n cursor: pointer;\n font-size: 16px;\n border-radius: 30px;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .tab-menu button:hover {\n transform: translateY(-3px);\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n }\n .tab-menu button.active {\n background: linear-gradient(135deg, #2ecc71, #27ae60);\n }\n \/* Contenu des onglets *\/\n .tabcontent {\n display: none;\n border-top: 3px solid #9b59b6;\n padding: 20px;\n margin-bottom: 20px;\n border-radius: 8px;\n background: #fff;\n box-shadow: 0 2px 4px rgba(0,0,0,0.08);\n }\n \/* Texte \u00e0 lire *\/\n .text-content blockquote {\n background: #f1f1f1;\n border-left: 8px solid #ff7e5f;\n margin: 20px auto;\n padding: 20px 30px;\n font-style: italic;\n width: 100%;\n max-width: 800px;\n line-height: 1.6;\n font-size: 1.1em;\n }\n \/* Blocs de Questions (Quiz, Vrai ou Faux, Remplir les blancs) *\/\n .question, .definition-question {\n background: #f9f9f9;\n border: 1px solid #ddd;\n padding: 15px;\n margin: 15px 0;\n border-left: 5px solid #ddd;\n border-radius: 4px;\n box-shadow: 0 3px 6px rgba(0,0,0,0.04);\n }\n .question:nth-child(odd) {\n background: #fefefe;\n }\n \/* Boutons d'action *\/\n .action-buttons {\n text-align: center;\n margin-top: 20px;\n margin-bottom: 10px;\n }\n .action-button, .reset-button {\n background: linear-gradient(135deg, #8e44ad, #c39bd3);\n border: none;\n color: #fff;\n padding: 10px 20px;\n margin: 5px 4px;\n font-size: 16px;\n border-radius: 30px;\n cursor: pointer;\n transition: background 0.3s, transform 0.2s;\n font-weight: bold;\n }\n .action-button:hover, .reset-button:hover {\n transform: translateY(-2px);\n background: linear-gradient(135deg, #71368a, #a569bd);\n }\n .reset-button {\n background: linear-gradient(135deg, #e74c3c, #f1948a);\n }\n .result-message {\n text-align: center;\n margin-top: 15px;\n font-weight: bold;\n color: #34495e;\n font-size: 1.1em;\n }\n .correct {\n background-color: #2ecc71;\n color: #fff;\n padding: 2px 6px;\n border-radius: 3px;\n font-weight: bold;\n }\n .incorrect {\n background-color: #e74c3c;\n color: #fff;\n padding: 2px 6px;\n border-radius: 3px;\n font-weight: bold;\n }\n \/* Styles pour le jeu de Mots Crois\u00e9s *\/\n .crossword-table {\n border-collapse: collapse;\n margin: 20px auto;\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\n }\n .crossword-table td {\n border: 2px solid #666;\n width: 35px;\n height: 35px;\n text-align: center;\n vertical-align: middle;\n position: relative;\n background: #f9f9f9;\n }\n \/* Les cellules \u00e0 remplir auront un fond noir et le texte en blanc *\/\n .crossword-cell {\n background-color: #000;\n }\n .crossword-cell input {\n width: 100%;\n height: 100%;\n border: none;\n text-align: center;\n font-size: 18px;\n text-transform: uppercase;\n background: transparent;\n color: #fff;\n }\n .empty-cell {\n background-color: #b0bec5;\n }\n .crossword-clues {\n margin-top: 20px;\n font-size: 0.95em;\n color: #d35400;\n }\n .crossword-clues h4 {\n margin-bottom: 5px;\n color: #e67e22;\n }\n \/* Resize Handle *\/\n .resize-handle {\n width: 20px;\n height: 20px;\n background: linear-gradient(135deg, #3498db, #9b59b6);\n position: absolute;\n bottom: 2px;\n right: 2px;\n cursor: se-resize;\n border-radius: 4px;\n opacity: 0.8;\n }\n \/* Responsive adjustments *\/\n @media (max-width: 600px) {\n .fullscreen-container, #fullscreen:target {\n padding: 15px;\n margin: 10px;\n max-width: 100%;\n }\n .header-bar h2 {\n font-size: 1.5em;\n }\n .tab-menu button {\n font-size: 14px;\n padding: 10px 20px;\n margin: 4px;\n }\n .action-button, .reset-button {\n font-size: 14px;\n padding: 8px 16px;\n }\n .text-content blockquote {\n font-size: 1.1em;\n line-height: 1.5;\n }\n .question, .definition-question {\n padding: 10px;\n font-size: 0.95em;\n }\n .crossword-table td {\n width: 28px;\n height: 28px;\n }\n .crossword-cell input {\n font-size: 16px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<a href=\"#fullscreen\" class=\"fullscreen-link\">Plein \u00e9cran<\/a>\n\n\n<div id=\"fullscreen\" class=\"fullscreen-container\">\n \n <div class=\"resizable-container\">\n \n <div class=\"header-bar\">\n <h2>Exercice de Compr\u00e9hension \u00c9crite<\/h2>\n <a href=\"#\" class=\"exit-fullscreen\">Quitter plein \u00e9cran<\/a>\n <\/div>\n \n \n <div class=\"tab-menu\">\n <button class=\"tablink\" onclick=\"openTab(event, 'quiz')\" id=\"defaultOpen\">Quiz<\/button>\n <button class=\"tablink\" onclick=\"openTab(event, 'truefalse')\">Vrai ou Faux<\/button>\n <button class=\"tablink\" onclick=\"openTab(event, 'fillblanks')\">Remplir les blancs<\/button>\n <button class=\"tablink\" onclick=\"openTab(event, 'crossword')\">Mots crois\u00e9s<\/button>\n <button class=\"tablink\" onclick=\"openTab(event, 'keywords')\">Mots\u2011cl\u00e9s<\/button>\n <button class=\"tablink\" onclick=\"openTab(event, 'definitions')\">D\u00e9finitions<\/button>\n <\/div>\n \n \n <div class=\"text-content\">\n <h3>Texte \u00e0 lire<\/h3>\n <blockquote>\n Lise \u00e9tait tomb\u00e9e sur cette annonce en cherchant au hasard sur Internet. En lisant ce descriptif, elle d\u00e9couvrait que la nature, le soleil et l’isolement \u00e9taient au c\u0153ur de ses crit\u00e8res de recherche. L’isolement justement. Le petit d\u00e9tail qui l’intriguait, c’est que, parmi toutes les locations pr\u00e9sent\u00e9es sur le site, celle-ci \u00e9tait la seule \u00e0 comporter si peu de cases coch\u00e9es. Les \u00e9quipements semblaient minces, l’installation rudimentaire, autant dire qu’il n’y aurait ni piscine, ni clim, ni t\u00e9l\u00e9 \u2013 et surtout pas de t\u00e9l\u00e9phone, et par cons\u00e9quent pas de Wi\u2011Fi.\n <br><br>\n Depuis plusieurs ann\u00e9es, Lise souffrait des ondes, ce qui l’incitait \u00e0 chercher \u00e0 se d\u00e9connecter. Elle r\u00eavait de vivre le plus sainement possible, au rythme des jours, en observant le soleil se lever et se coucher, en se consacrant exclusivement \u00e0 la marche, \u00e0 la m\u00e9ditation et \u00e0 la respiration d’un air pur, exempt de toute particule et de bruit. En poursuivant ses recherches, elle d\u00e9couvrit qu’au premier village, un magasin bio \u00e9tait pr\u00e9sent. Pour le reste, elle s’imaginait d\u00e9j\u00e0 cueillir des baies, des fleurs et des racines qu’elle avait minutieusement r\u00e9pertori\u00e9es, son r\u00eave \u00e9tant de passer trois semaines dans un \u00e9tat quasi sauvage, totalement isol\u00e9e.\n <br><br>\n \u2013 Je t’assure, Franck, des g\u00eetes en pleine nature, sans t\u00e9l\u00e9 ni Wi\u2011Fi, \u00e7a n’existe pas. Une chance que je sois tomb\u00e9e sur celui\u2011l\u00e0, et en plus il est encore libre tout le mois d’ao\u00fbt\u202f!\n <br>\n \u2013 C’est ce qui m’inqui\u00e8te. Tu vois bien qu’il n’y a pas un avis, pas un commentaire de client, c’est quand m\u00eame \u00e9trange.\n <\/blockquote>\n <\/div>\n \n \n <div id=\"quiz\" class=\"tabcontent\">\n <h3>Quiz \u00e0 choix multiples<\/h3>\n <form id=\"quizForm\">\n <div class=\"question\">\n <p>1) Pourquoi Lise veut-elle passer ses vacances dans ce g\u00eete isol\u00e9 ?<\/p>\n <label><input type=\"radio\" name=\"quiz1\" value=\"A\"> A) Pour \u00eatre proche de la ville.<\/label><br>\n <label><input type=\"radio\" name=\"quiz1\" value=\"B\"> B) Pour profiter de la mer.<\/label><br>\n <label><input type=\"radio\" name=\"quiz1\" value=\"C\"> C) Pour s’\u00e9loigner des ondes et vivre au rythme de la nature.<\/label><br>\n <label><input type=\"radio\" name=\"quiz1\" value=\"D\"> D) Pour organiser des f\u00eates.<\/label>\n <\/div>\n <div class=\"question\">\n <p>2) Qu’est-ce qui inqui\u00e8te Franck \u00e0 propos de ce g\u00eete ?<\/p>\n <label><input type=\"radio\" name=\"quiz2\" value=\"A\"> A) Le prix \u00e9lev\u00e9.<\/label><br>\n <label><input type=\"radio\" name=\"quiz2\" value=\"B\"> B) Le manque de confort (pas de clim, pas de t\u00e9l\u00e9\u2026).<\/label><br>\n <label><input type=\"radio\" name=\"quiz2\" value=\"C\"> C) L’absence d’avis ou de commentaires de clients.<\/label><br>\n <label><input type=\"radio\" name=\"quiz2\" value=\"D\"> D) Le fait que le g\u00eete soit d\u00e9j\u00e0 r\u00e9serv\u00e9.<\/label>\n <\/div>\n <div class=\"question\">\n <p>3) Comment Lise envisage-t-elle de se nourrir sur place ?<\/p>\n <label><input type=\"radio\" name=\"quiz3\" value=\"A\"> A) En se faisant livrer des plats pr\u00e9par\u00e9s.<\/label><br>\n <label><input type=\"radio\" name=\"quiz3\" value=\"B\"> B) En mangeant au restaurant du village.<\/label><br>\n <label><input type=\"radio\" name=\"quiz3\" value=\"C\"> C) En achetant des produits bio et cueillant des baies et des fleurs.<\/label><br>\n <label><input type=\"radio\" name=\"quiz3\" value=\"D\"> D) Elle n\u2019a pas encore r\u00e9fl\u00e9chi \u00e0 la question.<\/label>\n <\/div>\n <div class=\"question\">\n <p>4) Combien de semaines Lise envisage-t-elle de passer dans ce lieu ?<\/p>\n <label><input type=\"radio\" name=\"quiz4\" value=\"A\"> A) Une semaine.<\/label><br>\n <label><input type=\"radio\" name=\"quiz4\" value=\"B\"> B) Deux semaines.<\/label><br>\n <label><input type=\"radio\" name=\"quiz4\" value=\"C\"> C) Trois semaines.<\/label><br>\n <label><input type=\"radio\" name=\"quiz4\" value=\"D\"> D) Quatre semaines.<\/label>\n <\/div>\n <div class=\"question\">\n <p>5) Quel magasin Lise a-t-elle rep\u00e9r\u00e9 dans le village ?<\/p>\n <label><input type=\"radio\" name=\"quiz5\" value=\"A\"> A) Un supermarch\u00e9.<\/label><br>\n <label><input type=\"radio\" name=\"quiz5\" value=\"B\"> B) Un magasin bio.<\/label><br>\n <label><input type=\"radio\" name=\"quiz5\" value=\"C\"> C) Une boulangerie.<\/label><br>\n <label><input type=\"radio\" name=\"quiz5\" value=\"D\"> D) Une librairie.<\/label>\n <\/div>\n <\/form>\n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkQuiz()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showQuizAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetQuiz()\">Recommencer<\/button>\n <\/div>\n <div id=\"quizResult\" class=\"result-message\"><\/div>\n <\/div>\n \n \n <div id=\"truefalse\" class=\"tabcontent\">\n <h3>Vrai ou Faux<\/h3>\n <form id=\"trueFalseForm\">\n <div class=\"question\">\n <p>1) Lise voulait absolument \u00eatre connect\u00e9e pendant ses vacances.<\/p>\n <label><input type=\"radio\" name=\"tf1\" value=\"Vrai\"> <span>Vrai<\/span><\/label><br>\n <label><input type=\"radio\" name=\"tf1\" value=\"Faux\"> <span>Faux<\/span><\/label>\n <\/div>\n <div class=\"question\">\n <p>2) Le g\u00eete propos\u00e9 dispose de peu d’\u00e9quipements (pas de clim, pas de t\u00e9l\u00e9, etc.).<\/p>\n <label><input type=\"radio\" name=\"tf2\" value=\"Vrai\"> <span>Vrai<\/span><\/label><br>\n <label><input type=\"radio\" name=\"tf2\" value=\"Faux\"> <span>Faux<\/span><\/label>\n <\/div>\n <div class=\"question\">\n <p>3) Le site du g\u00eete affiche plusieurs avis de clients.<\/p>\n <label><input type=\"radio\" name=\"tf3\" value=\"Vrai\"> <span>Vrai<\/span><\/label><br>\n <label><input type=\"radio\" name=\"tf3\" value=\"Faux\"> <span>Faux<\/span><\/label>\n <\/div>\n <div class=\"question\">\n <p>4) L’installation du g\u00eete est moderne et enti\u00e8rement \u00e9quip\u00e9e.<\/p>\n <label><input type=\"radio\" name=\"tf4\" value=\"Vrai\"> <span>Vrai<\/span><\/label><br>\n <label><input type=\"radio\" name=\"tf4\" value=\"Faux\"> <span>Faux<\/span><\/label>\n <\/div>\n <div class=\"question\">\n <p>5) Lise voulait \u00e9chapper aux nuisances des ondes.<\/p>\n <label><input type=\"radio\" name=\"tf5\" value=\"Vrai\"> <span>Vrai<\/span><\/label><br>\n <label><input type=\"radio\" name=\"tf5\" value=\"Faux\"> <span>Faux<\/span><\/label>\n <\/div>\n <\/form>\n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkTrueFalse()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showTrueFalseAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetTrueFalse()\">Recommencer<\/button>\n <\/div>\n <div id=\"trueFalseResult\" class=\"result-message\"><\/div>\n <\/div>\n \n \n <div id=\"fillblanks\" class=\"tabcontent\">\n <h3>Compl\u00e9tez les phrases<\/h3>\n <form id=\"fillBlanksForm\">\n <div class=\"question\">\n <p>\n 1) Lise voulait vivre le plus <input type=\"text\" id=\"blank1\" style=\"width:120px;\"> possible, en \u00e9tant coup\u00e9e de <input type=\"text\" id=\"blank2\" style=\"width:120px;\">.\n <span id=\"hint_blank1\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <div class=\"question\">\n <p>\n 2) Elle r\u00eavait de se reconnecter \u00e0 <input type=\"text\" id=\"blank3\" style=\"width:120px;\"> et de m\u00e9diter sous le <input type=\"text\" id=\"blank4\" style=\"width:120px;\">.\n <span id=\"hint_blank3\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <div class=\"question\">\n <p>\n 3) L’installation \u00e9tait si <input type=\"text\" id=\"blank5\" style=\"width:120px;\"> qu’il n’y avait pas de <input type=\"text\" id=\"blank6\" style=\"width:120px;\"> \u00e0 proximit\u00e9.\n <span id=\"hint_blank5\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <div class=\"question\">\n <p>\n 4) Elle envisageait de <input type=\"text\" id=\"blank7\" style=\"width:120px;\"> des produits frais et de cr\u00e9er son propre <input type=\"text\" id=\"blank8\" style=\"width:120px;\">.\n <span id=\"hint_blank7\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <\/form>\n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkFillBlanks()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showFillBlanksAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetFillBlanks()\">Recommencer<\/button>\n <\/div>\n <div id=\"fillBlanksResult\" class=\"result-message\"><\/div>\n <\/div>\n \n \n <div id=\"crossword\" class=\"tabcontent\">\n <h3>Jeu de Mots Crois\u00e9s<\/h3>\n <p>Remplissez la grille avec les lettres correctes. Utilisez les indices ci-dessous :<\/p>\n \n <table class=\"crossword-table\">\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"I\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"S\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"O\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"L\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"M\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"N\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"T\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"O\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"N\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"A\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"L\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"D\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"T\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"U\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"I\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"S\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"R\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"L\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"G\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"I\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"T\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"B\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"I\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"O\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"I\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"N\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"T\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"R\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"N\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"E\"><\/td>\n <td class=\"crossword-cell\"><input type=\"text\" maxlength=\"1\" data-answer=\"T\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n \n <tr>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td><td class=\"empty-cell\"><\/td>\n <\/tr>\n <\/table>\n \n \n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkCrossword()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showCrosswordAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetCrossword()\">Recommencer<\/button>\n <\/div>\n <div id=\"crosswordResult\" class=\"result-message\"><\/div>\n <div class=\"crossword-clues\">\n <h4>Indices<\/h4>\n <p><strong>Horizontal :<\/strong><\/p>\n <ul>\n <li>1H (Ligne 3, colonnes 2-10) : Condition recherch\u00e9e par Lise (9 lettres)<\/li>\n <li>2H (Ligne 9, colonnes 5-7) : Abr\u00e9viation de \u00ab\u00a0biologique\u00a0\u00bb (3 lettres)<\/li>\n <li>3H (Ligne 10, colonnes 2-9) : Ce que Lise utilise pour naviguer sur le web (8 lettres)<\/li>\n <\/ul>\n <p><strong>Vertical :<\/strong><\/p>\n <ul>\n <li>1V (Colonne 4, Lignes 3-7) : Signaux diffus\u00e9s par les antennes (5 lettres)<\/li>\n <li>2V (Colonne 3, Lignes 3-8) : Astre du jour (6 lettres)<\/li>\n <li>3V (Colonne 9, Lignes 3-8) : Ce qui est authentique (6 lettres)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n \n <div id=\"keywords\" class=\"tabcontent\">\n <h3>Exercice sur les mots\u2011cl\u00e9s<\/h3>\n <p>S\u00e9lectionnez les 5 mots\u2011cl\u00e9s importants du texte parmi les propositions ci-dessous :<\/p>\n <form id=\"keywordsForm\">\n <div id=\"keywordsContainer\" class=\"question\">\n \n <\/div>\n <\/form>\n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkKeywords()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showKeywordsAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetKeywords()\">Recommencer<\/button>\n <\/div>\n <div id=\"keywordsResult\" class=\"result-message\"><\/div>\n <\/div>\n \n \n <div id=\"definitions\" class=\"tabcontent\">\n <h3>D\u00e9finitions<\/h3>\n <p>Pour chaque d\u00e9finition, trouvez le mot correspondant.<\/p>\n <form id=\"definitionsForm\">\n <div class=\"definition-question\">\n <p>\n 1) Ce mot d\u00e9signe l’\u00e9tat de solitude recherch\u00e9e par Lise.\n <input type=\"text\" id=\"def1\" style=\"width:150px;\">\n <span id=\"hint_def1\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <div class=\"definition-question\">\n <p>\n 2) Ce terme d\u00e9crit les signaux \u00e9lectromagn\u00e9tiques affectant sa sant\u00e9.\n <input type=\"text\" id=\"def2\" style=\"width:150px;\">\n <span id=\"hint_def2\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <div class=\"definition-question\">\n <p>\n 3) Ce mot qualifie un magasin qui vend des produits respectueux de l’environnement.\n <input type=\"text\" id=\"def3\" style=\"width:150px;\">\n <span id=\"hint_def3\" class=\"hint\"><\/span>\n <\/p>\n <\/div>\n <\/form>\n <div class=\"action-buttons\">\n <button class=\"action-button\" onclick=\"checkDefinitions()\">V\u00e9rifier mes r\u00e9ponses<\/button>\n <button class=\"action-button\" onclick=\"showDefinitionsAnswers()\">Afficher les r\u00e9ponses<\/button>\n <button class=\"reset-button\" onclick=\"resetDefinitions()\">Recommencer<\/button>\n <\/div>\n <div id=\"definitionsResult\" class=\"result-message\"><\/div>\n <\/div>\n \n \n <div class=\"resize-handle\"><\/div>\n <\/div>\n<\/div>\n\n\n<script>\n \/* ---------- Gestion des onglets ---------- *\/\n function openTab(evt, tabName) {\n var i, tabcontent, tablinks;\n tabcontent = document.getElementsByClassName(\"tabcontent\");\n for (i = 0; i < tabcontent.length; i++) {\n tabcontent[i].style.display = \"none\";\n }\n tablinks = document.getElementsByClassName(\"tablink\");\n for (i = 0; i < tablinks.length; i++) {\n tablinks[i].classList.remove(\"active\");\n }\n document.getElementById(tabName).style.display = \"block\";\n evt.currentTarget.classList.add(\"active\");\n }\n document.getElementById(\"defaultOpen\").click();\n \n \/* ---------- Quiz \u00e0 choix multiples ---------- *\/\n function checkQuiz() {\n var score = 0, total = 5;\n var q1 = document.querySelector('input[name=\"quiz1\"]:checked');\n if (q1) {\n if(q1.value === \"C\") { score++; q1.parentElement.classList.add(\"correct\"); }\n else { q1.parentElement.classList.add(\"incorrect\");\n document.querySelector('input[name=\"quiz1\"][value=\"C\"]').parentElement.classList.add(\"correct\"); }\n }\n var q2 = document.querySelector('input[name=\"quiz2\"]:checked');\n if (q2) {\n if(q2.value === \"C\") { score++; q2.parentElement.classList.add(\"correct\"); }\n else { q2.parentElement.classList.add(\"incorrect\");\n document.querySelector('input[name=\"quiz2\"][value=\"C\"]').parentElement.classList.add(\"correct\"); }\n }\n var q3 = document.querySelector('input[name=\"quiz3\"]:checked');\n if (q3) {\n if(q3.value === \"C\") { score++; q3.parentElement.classList.add(\"correct\"); }\n else { q3.parentElement.classList.add(\"incorrect\");\n document.querySelector('input[name=\"quiz3\"][value=\"C\"]').parentElement.classList.add(\"correct\"); }\n }\n var q4 = document.querySelector('input[name=\"quiz4\"]:checked');\n if (q4) {\n if(q4.value === \"C\") { score++; q4.parentElement.classList.add(\"correct\"); }\n else { q4.parentElement.classList.add(\"incorrect\");\n document.querySelector('input[name=\"quiz4\"][value=\"C\"]').parentElement.classList.add(\"correct\"); }\n }\n var q5 = document.querySelector('input[name=\"quiz5\"]:checked');\n if (q5) {\n if(q5.value === \"B\") { score++; q5.parentElement.classList.add(\"correct\"); }\n else { q5.parentElement.classList.add(\"incorrect\");\n document.querySelector('input[name=\"quiz5\"][value=\"B\"]').parentElement.classList.add(\"correct\"); }\n }\n document.getElementById(\"quizResult\").textContent = \"Vous avez obtenu \" + score + \" sur \" + total + \".\";\n }\n function resetQuiz() {\n document.getElementById(\"quizForm\").reset();\n document.getElementById(\"quizResult\").textContent = \"\";\n document.querySelectorAll(\"#quizForm label\").forEach(function(label){ label.classList.remove(\"correct\", \"incorrect\"); });\n }\n function showQuizAnswers() {\n document.querySelector('input[name=\"quiz1\"][value=\"C\"]').checked = true;\n document.querySelector('input[name=\"quiz2\"][value=\"C\"]').checked = true;\n document.querySelector('input[name=\"quiz3\"][value=\"C\"]').checked = true;\n document.querySelector('input[name=\"quiz4\"][value=\"C\"]').checked = true;\n document.querySelector('input[name=\"quiz5\"][value=\"B\"]').checked = true;\n checkQuiz();\n }\n \n \/* ---------- Quiz Vrai ou Faux ---------- *\/\n function checkTrueFalse() {\n var score = 0, total = 5;\n var tfAnswers = { \"tf1\": \"Faux\", \"tf2\": \"Vrai\", \"tf3\": \"Faux\", \"tf4\": \"Faux\", \"tf5\": \"Vrai\" };\n for (var key in tfAnswers) {\n var selected = document.querySelector('input[name=\"'+key+'\"]:checked');\n if (selected) {\n if(selected.value === tfAnswers[key]) { score++; selected.parentElement.classList.add(\"correct\"); }\n else { selected.parentElement.classList.add(\"incorrect\");\n var correctInput = document.querySelector('input[name=\"'+key+'\"][value=\"'+tfAnswers[key]+'\"]');\n if(correctInput) correctInput.parentElement.classList.add(\"correct\");\n }\n }\n }\n document.getElementById(\"trueFalseResult\").textContent = \"Vous avez obtenu \" + score + \" sur \" + total + \".\";\n }\n function resetTrueFalse() {\n document.getElementById(\"trueFalseForm\").reset();\n document.getElementById(\"trueFalseResult\").textContent = \"\";\n document.querySelectorAll(\"#trueFalseForm label\").forEach(function(label){ label.classList.remove(\"correct\", \"incorrect\"); });\n }\n function showTrueFalseAnswers() {\n document.querySelector('input[name=\"tf1\"][value=\"Faux\"]').checked = true;\n document.querySelector('input[name=\"tf2\"][value=\"Vrai\"]').checked = true;\n document.querySelector('input[name=\"tf3\"][value=\"Faux\"]').checked = true;\n document.querySelector('input[name=\"tf4\"][value=\"Faux\"]').checked = true;\n document.querySelector('input[name=\"tf5\"][value=\"Vrai\"]').checked = true;\n checkTrueFalse();\n }\n \n \/* ---------- Remplir les blancs ---------- *\/\n var blanks = {\n \"blank1\": { answer: \"sainement\", hint: \"Indice : signifie 'en bonne sant\u00e9'.\" },\n \"blank2\": { answer: \"tout\", hint: \"Indice : cela signifie 'compl\u00e8tement'.\" },\n \"blank3\": { answer: \"la nature\", hint: \"Indice : environnement naturel.\" },\n \"blank4\": { answer: \"soleil\", hint: \"Indice : l'astre du jour.\" },\n \"blank5\": { answer: \"rudimentaire\", hint: \"Indice : basique, sans sophistication.\" },\n \"blank6\": { answer: \"piscine\", hint: \"Indice : \u00e9quipement absent dans le g\u00eete.\" },\n \"blank7\": { answer: \"cueillir\", hint: \"Indice : signifie 'ramasser des fruits'.\" },\n \"blank8\": { answer: \"potager\", hint: \"Indice : jardin o\u00f9 l'on cultive l\u00e9gumes et fruits.\" }\n };\n function checkFillBlanks() {\n var score = 0, total = Object.keys(blanks).length;\n for (var key in blanks) {\n var inputElem = document.getElementById(key);\n var userAnswer = inputElem ? inputElem.value.trim().toLowerCase() : \"\";\n var expected = blanks[key].answer.toLowerCase();\n var hintElem = document.getElementById(\"hint_\" + key);\n if (userAnswer === expected) {\n score++;\n if(hintElem){\n hintElem.textContent = \"Correct!\";\n hintElem.style.color = \"#2ecc71\";\n }\n } else {\n if(hintElem){\n hintElem.textContent = blanks[key].hint;\n hintElem.style.color = \"#e74c3c\";\n }\n }\n }\n document.getElementById(\"fillBlanksResult\").innerHTML = \"Vous avez \" + score + \" r\u00e9ponse(s) correcte(s) sur \" + total + \".\";\n }\n function resetFillBlanks() {\n document.getElementById(\"fillBlanksForm\").reset();\n document.getElementById(\"fillBlanksResult\").textContent = \"\";\n for (var key in blanks) {\n var hintElem = document.getElementById(\"hint_\" + key);\n if(hintElem){ hintElem.textContent = \"\"; }\n }\n }\n function showFillBlanksAnswers() {\n for (var key in blanks) {\n var inputElem = document.getElementById(key);\n if(inputElem){ inputElem.value = blanks[key].answer; }\n var hintElem = document.getElementById(\"hint_\" + key);\n if(hintElem){\n hintElem.textContent = \"R\u00e9ponse : \" + blanks[key].answer;\n hintElem.style.color = \"#2ecc71\";\n }\n }\n checkFillBlanks();\n }\n \n \/* ---------- Jeu de Mots Crois\u00e9s ---------- *\/\n function checkCrossword() {\n var inputs = document.querySelectorAll(\".crossword-cell input\");\n var total = inputs.length;\n var score = 0;\n inputs.forEach(function(input) {\n var correct = input.getAttribute(\"data-answer\");\n if(input.value.trim().toUpperCase() === correct.toUpperCase()){\n input.style.backgroundColor = \"#2ecc71\";\n score++;\n } else {\n input.style.backgroundColor = \"#e74c3c\";\n }\n });\n document.getElementById(\"crosswordResult\").innerHTML = \"Vous avez \" + score + \" bonne(s) r\u00e9ponse(s) sur \" + total + \".\";\n }\n function resetCrossword() {\n var inputs = document.querySelectorAll(\".crossword-cell input\");\n inputs.forEach(function(input) {\n input.value = \"\";\n input.style.backgroundColor = \"\";\n });\n document.getElementById(\"crosswordResult\").textContent = \"\";\n }\n function showCrosswordAnswers() {\n var inputs = document.querySelectorAll(\".crossword-cell input\");\n inputs.forEach(function(input) {\n input.value = input.getAttribute(\"data-answer\");\n input.style.backgroundColor = \"#2ecc71\";\n });\n checkCrossword();\n }\n \n \/* ---------- Exercice sur les mots\u2011cl\u00e9s ---------- *\/\n var allKeywords = [\"isolement\", \"ondes\", \"nature\", \"soleil\", \"bio\", \"gite\", \"internet\", \"crit\u00e8res\", \"\u00e9quipements\"];\n var correctKeywords = [\"isolement\", \"ondes\", \"nature\", \"soleil\", \"bio\"];\n function populateKeywords() {\n var container = document.getElementById(\"keywordsContainer\");\n container.innerHTML = \"\";\n var shuffled = allKeywords.slice();\n for (var i = shuffled.length - 1; i > 0; i--) {\n var j = Math.floor(Math.random() * (i + 1));\n var temp = shuffled[i];\n shuffled[i] = shuffled[j];\n shuffled[j] = temp;\n }\n shuffled.forEach(function(word) {\n var label = document.createElement(\"label\");\n label.style.display = \"block\";\n label.style.marginBottom = \"5px\";\n var checkbox = document.createElement(\"input\");\n checkbox.type = \"checkbox\";\n checkbox.name = \"keyword\";\n checkbox.value = word;\n label.appendChild(checkbox);\n label.appendChild(document.createTextNode(\" \" + word));\n container.appendChild(label);\n });\n }\n function checkKeywords() {\n var selected = document.querySelectorAll('input[name=\"keyword\"]:checked');\n var score = 0, total = correctKeywords.length;\n document.querySelectorAll(\"#keywordsContainer label\").forEach(function(label){ label.classList.remove(\"correct\", \"incorrect\"); });\n selected.forEach(function(checkbox) {\n if (correctKeywords.indexOf(checkbox.value) !== -1) {\n score++;\n checkbox.parentElement.classList.add(\"correct\");\n } else {\n checkbox.parentElement.classList.add(\"incorrect\");\n }\n });\n correctKeywords.forEach(function(keyword) {\n var cb = document.querySelector('input[name=\"keyword\"][value=\"'+keyword+'\"]');\n if (!cb.checked) { cb.parentElement.classList.add(\"incorrect\"); }\n });\n document.getElementById(\"keywordsResult\").textContent = \"Vous avez correctement s\u00e9lectionn\u00e9 \" + score + \" sur \" + total + \" mots\u2011cl\u00e9s.\";\n }\n function resetKeywords() {\n document.getElementById(\"keywordsForm\").reset();\n document.getElementById(\"keywordsResult\").textContent = \"\";\n document.querySelectorAll(\"#keywordsContainer label\").forEach(function(label){ label.classList.remove(\"correct\", \"incorrect\"); });\n populateKeywords();\n }\n function showKeywordsAnswers() {\n document.querySelectorAll('input[name=\"keyword\"]').forEach(function(cb) {\n if (correctKeywords.indexOf(cb.value) !== -1) { \n cb.checked = true;\n } else { \n cb.checked = false;\n }\n });\n checkKeywords();\n }\n \n \/* ---------- Exercice D\u00e9finitions ---------- *\/\n var definitionsData = [\n { id: \"def1\", question: \"Ce mot d\u00e9signe l'\u00e9tat de solitude recherch\u00e9e par Lise.\", expected: \"isolement\", hint: \"Indice : C'est le th\u00e8me principal de l'annonce.\" },\n { id: \"def2\", question: \"Ce terme d\u00e9crit les signaux \u00e9lectromagn\u00e9tiques affectant sa sant\u00e9.\", expected: \"ondes\", hint: \"Indice : Associ\u00e9 aux technologies.\" },\n { id: \"def3\", question: \"Ce mot qualifie un magasin qui vend des produits respectueux de l'environnement.\", expected: \"bio\", hint: \"Indice : Abbr\u00e9viation de 'biologique'.\" }\n ];\n function checkDefinitions() {\n var score = 0, total = definitionsData.length;\n definitionsData.forEach(function(item) {\n var userAnswer = document.getElementById(item.id).value.trim().toLowerCase();\n var hintElem = document.getElementById(\"hint_\" + item.id);\n if(userAnswer === item.expected.toLowerCase()){\n score++;\n hintElem.textContent = \"Correct!\";\n hintElem.style.color = \"#2ecc71\";\n } else {\n hintElem.textContent = item.hint;\n hintElem.style.color = \"#e74c3c\";\n }\n });\n document.getElementById(\"definitionsResult\").innerHTML = \"Vous avez \" + score + \" r\u00e9ponse(s) correcte(s) sur \" + total + \".\";\n }\n function resetDefinitions() {\n document.getElementById(\"definitionsForm\").reset();\n document.getElementById(\"definitionsResult\").textContent = \"\";\n definitionsData.forEach(function(item) {\n var hintElem = document.getElementById(\"hint_\" + item.id);\n hintElem.textContent = \"\";\n });\n }\n function showDefinitionsAnswers() {\n definitionsData.forEach(function(item) {\n var inputElem = document.getElementById(item.id);\n if(inputElem){ inputElem.value = item.expected; }\n var hintElem = document.getElementById(\"hint_\" + item.id);\n if(hintElem){\n hintElem.textContent = \"R\u00e9ponse : \" + item.expected;\n hintElem.style.color = \"#2ecc71\";\n }\n });\n checkDefinitions();\n }\n \n \/\/ Initialisation des mots\u2011cl\u00e9s\n document.addEventListener(\"DOMContentLoaded\", populateKeywords);\n \n \/* ---------- Resize Handle (Redimensionnement) ---------- *\/\n (function() {\n var handle = document.querySelector('.resize-handle');\n var container = document.querySelector('.resizable-container');\n if (!handle || !container) return;\n handle.addEventListener('mousedown', initDrag, false);\n var startX, startY, startWidth, startHeight;\n function initDrag(e) {\n startX = e.clientX;\n startY = e.clientY;\n startWidth = parseInt(document.defaultView.getComputedStyle(container).width, 10);\n startHeight = parseInt(document.defaultView.getComputedStyle(container).height, 10);\n document.documentElement.addEventListener('mousemove', doDrag, false);\n document.documentElement.addEventListener('mouseup', stopDrag, false);\n e.preventDefault();\n }\n function doDrag(e) {\n container.style.width = (startWidth + e.clientX - startX) + 'px';\n container.style.height = (startHeight + e.clientY - startY) + 'px';\n }\n function stopDrag(e) {\n document.documentElement.removeEventListener('mousemove', doDrag, false);\n document.documentElement.removeEventListener('mouseup', stopDrag, false);\n }\n })();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Exercice de Compr\u00e9hension \u00c9crite Plein \u00e9cran Exercice de Compr\u00e9hension \u00c9crite Quitter plein \u00e9cran Quiz Vrai ou Faux Remplir les blancs Mots crois\u00e9s Mots\u2011cl\u00e9s D\u00e9finitions Texte … <\/p>\n","protected":false},"author":1,"featured_media":5222,"comment_status":"open","ping_status":"open","sticky":true,"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":[102,33],"tags":[40,98],"class_list":["post-5221","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-comprehension-ecrite","category-niveau-b1","tag-comprehension-ecrite","tag-niveau-b1"],"yoast_head":"\n<title>Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de "Chien-Loup" de Serge Joncour. - MOddou FLE<\/title>\n<meta name=\"description\" content=\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de "Chien-Loup" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...\" \/>\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=5221\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de "Chien-Loup" de Serge Joncour. - MOddou FLE\" \/>\n<meta property=\"og:description\" content=\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de "Chien-Loup" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.estudiodefrances.com\/?p=5221\" \/>\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-03-04T14:37:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-09T05:10:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/chien-loup.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1340\" \/>\n\t<meta property=\"og:image:height\" content=\"1242\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221\"},\"author\":{\"name\":\"moddou\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#\\\/schema\\\/person\\\/88f4b73addd8170d9837c20fc1127e7c\"},\"headline\":\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \u00ab\u00a0Chien-Loup\u00a0\u00bb de Serge Joncour.\",\"datePublished\":\"2025-03-04T14:37:37+00:00\",\"dateModified\":\"2025-03-09T05:10:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221\"},\"wordCount\":826,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/chien-loup.jpg\",\"keywords\":[\"compr\u00e9hension \u00e9crite\",\"Niveau B1\"],\"articleSection\":[\"compr\u00e9hension \u00e9crite\",\"Niveau B1\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221\",\"url\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221\",\"name\":\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \\\"Chien-Loup\\\" de Serge Joncour. - MOddou FLE\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.estudiodefrances.com\\\/wp-content\\\/uploads\\\/chien-loup.jpg\",\"datePublished\":\"2025-03-04T14:37:37+00:00\",\"dateModified\":\"2025-03-09T05:10:31+00:00\",\"description\":\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \\\"Chien-Loup\\\" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.estudiodefrances.com\\\/?p=5221#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.estudiodefrances.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \u00ab\u00a0Chien-Loup\u00a0\u00bb de Serge Joncour.\"}]},{\"@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_head_json":{"title":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. - MOddou FLE","description":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...","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=5221","og_locale":"fr_FR","og_type":"article","og_title":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. - MOddou FLE","og_description":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...","og_url":"https:\/\/www.estudiodefrances.com\/?p=5221","og_site_name":"MOddou FLE","article_publisher":"https:\/\/www.facebook.com\/moddouFLE\/","article_published_time":"2025-03-04T14:37:37+00:00","article_modified_time":"2025-03-09T05:10:31+00:00","og_image":[{"width":1340,"height":1242,"url":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/chien-loup.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.estudiodefrances.com\/?p=5221#article","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221"},"author":{"name":"moddou","@id":"https:\/\/www.estudiodefrances.com\/#\/schema\/person\/88f4b73addd8170d9837c20fc1127e7c"},"headline":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \u00ab\u00a0Chien-Loup\u00a0\u00bb de Serge Joncour.","datePublished":"2025-03-04T14:37:37+00:00","dateModified":"2025-03-09T05:10:31+00:00","mainEntityOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221"},"wordCount":826,"commentCount":0,"publisher":{"@id":"https:\/\/www.estudiodefrances.com\/#organization"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/chien-loup.jpg","keywords":["compr\u00e9hension \u00e9crite","Niveau B1"],"articleSection":["compr\u00e9hension \u00e9crite","Niveau B1"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.estudiodefrances.com\/?p=5221#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.estudiodefrances.com\/?p=5221","url":"https:\/\/www.estudiodefrances.com\/?p=5221","name":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. - MOddou FLE","isPartOf":{"@id":"https:\/\/www.estudiodefrances.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221#primaryimage"},"image":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221#primaryimage"},"thumbnailUrl":"https:\/\/www.estudiodefrances.com\/wp-content\/uploads\/chien-loup.jpg","datePublished":"2025-03-04T14:37:37+00:00","dateModified":"2025-03-09T05:10:31+00:00","description":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \"Chien-Loup\" de Serge Joncour. Quiz, Vrai-faux, mots-cl\u00e9s...","breadcrumb":{"@id":"https:\/\/www.estudiodefrances.com\/?p=5221#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.estudiodefrances.com\/?p=5221"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.estudiodefrances.com\/?p=5221#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.estudiodefrances.com\/"},{"@type":"ListItem","position":2,"name":"Exercices de compr\u00e9hension \u00e9crite (niveau B1). Extrait de \u00ab\u00a0Chien-Loup\u00a0\u00bb de Serge Joncour."}]},{"@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\/5221","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=5221"}],"version-history":[{"count":12,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5221\/revisions"}],"predecessor-version":[{"id":5259,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/posts\/5221\/revisions\/5259"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=\/wp\/v2\/media\/5222"}],"wp:attachment":[{"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.estudiodefrances.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}