{"id":1738,"date":"2026-05-31T06:58:25","date_gmt":"2026-05-31T06:58:25","guid":{"rendered":"https:\/\/geoisteaching.com\/?page_id=1738"},"modified":"2026-05-31T06:58:29","modified_gmt":"2026-05-31T06:58:29","slug":"confusions-pronoms","status":"publish","type":"page","link":"https:\/\/geoisteaching.com\/?page_id=1738","title":{"rendered":"Confusions pronoms"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Confusions fr\u00e9quentes \u00b7 Pronoms fran\u00e7ais<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Spectral:ital,wght@0,300;0,400;0,600;0,700;1,400;1,600&#038;family=Plus+Jakarta+Sans:wght@300;400;500;600;700&#038;family=Space+Mono&#038;display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --bg: #f4f1ec;\n  --white: #fdfcf9;\n  --ink: #1a1714;\n  --ink2: #3b3530;\n  --muted: #857d72;\n  --border: #ddd7cc;\n  --c1: #2d6a8f; \/* les\/leurs \u2014 bleu *\/\n  --c1l: #6aafd4;\n  --c1p: #e8f3f9;\n  --c2: #7a3b8f; \/* nous\/nous nous \u2014 violet *\/\n  --c2l: #bc7fd4;\n  --c2p: #f5edf9;\n  --c3: #8f5a2d; \/* on\/nous \u2014 brun *\/\n  --c3l: #d49f6a;\n  --c3p: #f9f0e8;\n  --c4: #2d8f5a; \/* leur\/leurs \u2014 vert *\/\n  --c4l: #6ad4a0;\n  --c4p: #e8f9f1;\n  --ok: #1e6b35;\n  --ok-p: #eaf5ed;\n  --err: #8f2d2d;\n  --err-p: #f9e8e8;\n  --gold: #a87c28;\n}\n* { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; }\nbody { font-family: 'Plus Jakarta Sans', sans-serif; background: var(--bg); color: var(--ink); min-height: 100vh; }\n\n\/* HEADER *\/\n.header {\n  background: var(--ink);\n  padding: 3.5rem 2rem 2.5rem;\n  position: relative; overflow: hidden;\n}\n.header::before {\n  content: '';\n  position: absolute; inset: 0;\n  background: repeating-linear-gradient(\n    -55deg, transparent, transparent 30px,\n    rgba(255,255,255,0.02) 30px, rgba(255,255,255,0.02) 31px\n  );\n}\n.header::after {\n  content: '';\n  position: absolute; bottom: 0; left: 0; right: 0; height: 4px;\n  background: linear-gradient(90deg, var(--c1) 25%, var(--c2) 25% 50%, var(--c3) 50% 75%, var(--c4) 75%);\n}\n.header-inner { max-width: 880px; margin: 0 auto; position: relative; z-index: 1; }\n.header-kicker {\n  font-family: 'Space Mono', monospace;\n  font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase;\n  color: rgba(255,255,255,0.4); margin-bottom: 1rem;\n}\n.header h1 {\n  font-family: 'Spectral', serif;\n  font-size: clamp(1.8rem, 5vw, 3.2rem);\n  font-weight: 700; color: #fff; line-height: 1.1;\n  margin-bottom: 0.6rem;\n}\n.header h1 em { font-style: italic; color: rgba(255,255,255,0.55); }\n.header-sub { color: rgba(255,255,255,0.4); font-size: 0.85rem; font-weight: 300; margin-bottom: 1.8rem; }\n.confusion-chips { display: flex; gap: 0.6rem; flex-wrap: wrap; }\n.chip {\n  font-family: 'Space Mono', monospace;\n  font-size: 0.7rem; padding: 0.3rem 0.8rem;\n  border: 1px solid; white-space: nowrap;\n}\n.chip1 { border-color: var(--c1l); color: var(--c1l); background: rgba(45,106,143,0.12); }\n.chip2 { border-color: var(--c2l); color: var(--c2l); background: rgba(122,59,143,0.12); }\n.chip3 { border-color: var(--c3l); color: var(--c3l); background: rgba(143,90,45,0.12); }\n.chip4 { border-color: var(--c4l); color: var(--c4l); background: rgba(45,143,90,0.12); }\n\n\/* SCORE *\/\n.score-row {\n  display: flex; gap: 1.5rem; margin-top: 1.5rem; flex-wrap: wrap;\n}\n.sc { text-align: center; }\n.sc-n {\n  font-family: 'Spectral', serif;\n  font-size: 1.8rem; font-weight: 600; line-height: 1;\n}\n.sc-l {\n  font-family: 'Space Mono', monospace;\n  font-size: 0.55rem; letter-spacing: 0.15em; text-transform: uppercase;\n  color: rgba(255,255,255,0.3); margin-top: 0.2rem;\n}\n\n\/* NAV *\/\n.nav {\n  background: var(--white);\n  border-bottom: 1px solid var(--border);\n  position: sticky; top: 0; z-index: 100;\n  overflow-x: auto; scrollbar-width: none;\n}\n.nav::-webkit-scrollbar { display: none; }\n.nav-inner { max-width: 880px; margin: 0 auto; display: flex; padding: 0 1.5rem; }\n.nb {\n  padding: 0.8rem 0.9rem;\n  border: none; background: none; cursor: pointer;\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  font-size: 0.73rem; font-weight: 600;\n  color: var(--muted);\n  border-bottom: 2px solid transparent;\n  margin-bottom: -1px; white-space: nowrap;\n  transition: all 0.2s;\n}\n.nb:hover { color: var(--ink); }\n.nb.a1 { color: var(--c1); border-bottom-color: var(--c1); }\n.nb.a2 { color: var(--c2); border-bottom-color: var(--c2); }\n.nb.a3 { color: var(--c3); border-bottom-color: var(--c3); }\n.nb.a4 { color: var(--c4); border-bottom-color: var(--c4); }\n.nb.ab { color: var(--gold); border-bottom-color: var(--gold); }\n\n\/* SECTIONS *\/\n.sec { display: none; }\n.sec.active { display: block; }\n.sec-inner { max-width: 880px; margin: 0 auto; padding: 2.5rem 2rem; }\n\n\/* SECTION HEADER *\/\n.sh { margin-bottom: 2rem; }\n.sh-tag {\n  font-family: 'Space Mono', monospace;\n  font-size: 0.62rem; letter-spacing: 0.18em; text-transform: uppercase;\n  margin-bottom: 0.4rem;\n}\n.sh h2 {\n  font-family: 'Spectral', serif;\n  font-size: 1.7rem; font-weight: 700; line-height: 1.15;\n  margin-bottom: 0.3rem;\n}\n.sh-sub { color: var(--muted); font-size: 0.83rem; font-weight: 300; }\n\n\/* COMPARISON TABLE *\/\n.comp-table {\n  width: 100%; border-collapse: collapse;\n  margin-bottom: 1.5rem; font-size: 0.85rem;\n}\n.comp-table th {\n  padding: 0.7rem 1rem; text-align: left;\n  font-family: 'Space Mono', monospace;\n  font-size: 0.62rem; letter-spacing: 0.12em; text-transform: uppercase;\n  font-weight: 400; border-bottom: 2px solid;\n}\n.comp-table td {\n  padding: 0.7rem 1rem; border-bottom: 1px solid var(--border);\n  vertical-align: top; line-height: 1.5;\n}\n.comp-table tr:hover td { background: rgba(0,0,0,0.02); }\n.td-form { font-family: 'Spectral', serif; font-size: 1rem; font-weight: 600; }\n.td-ex { font-style: italic; color: var(--muted); font-size: 0.8rem; }\n.td-ro { color: var(--ok); font-size: 0.78rem; }\n\n\/* ALERT BOX *\/\n.alert {\n  padding: 1rem 1.2rem; margin-bottom: 1.5rem;\n  font-size: 0.85rem; border-left: 4px solid;\n}\n.alert strong { display: block; margin-bottom: 0.3rem; }\n.alert-blue { background: var(--c1p); border-color: var(--c1); }\n.alert-blue strong { color: var(--c1); }\n.alert-purple { background: var(--c2p); border-color: var(--c2); }\n.alert-purple strong { color: var(--c2); }\n.alert-brown { background: var(--c3p); border-color: var(--c3); }\n.alert-brown strong { color: var(--c3); }\n.alert-green { background: var(--c4p); border-color: var(--c4); }\n.alert-green strong { color: var(--c4); }\n.alert-gold { background: #fdf6e3; border-color: var(--gold); }\n.alert-gold strong { color: var(--gold); }\n\n\/* EXERCISE BLOCK *\/\n.ex {\n  background: var(--white);\n  border: 1px solid var(--border);\n  margin-bottom: 1.2rem; overflow: hidden;\n}\n.ex-hd {\n  padding: 0.9rem 1.3rem;\n  display: flex; align-items: center; gap: 0.9rem;\n  border-bottom: 1px solid var(--border);\n}\n.ex-badge {\n  width: 30px; height: 30px; flex-shrink: 0;\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'Space Mono', monospace; font-size: 0.7rem;\n  color: #fff;\n}\n.ex-info { flex: 1; }\n.ex-tp {\n  font-family: 'Space Mono', monospace;\n  font-size: 0.58rem; letter-spacing: 0.14em; text-transform: uppercase;\n  color: var(--muted); margin-bottom: 0.15rem;\n}\n.ex-q { font-weight: 600; font-size: 0.9rem; }\n.ex-hint { font-size: 0.75rem; color: var(--muted); margin-top: 0.1rem; }\n.ex-pts { font-family: 'Space Mono', monospace; font-size: 0.62rem; color: var(--muted); }\n.ex-bd { padding: 1.2rem 1.3rem; }\n\n\/* MCQ *\/\n.mcq { display: flex; flex-direction: column; gap: 0.4rem; }\n.opt {\n  display: flex; align-items: flex-start; gap: 0.7rem;\n  padding: 0.5rem 0.85rem;\n  border: 1px solid var(--border); cursor: pointer;\n  font-size: 0.87rem; transition: all 0.15s;\n  background: var(--bg); user-select: none;\n}\n.opt:hover { border-color: var(--gold); background: #fdf8f0; }\n.opt.correct { background: var(--ok-p); border-color: var(--ok); color: var(--ok); pointer-events: none; }\n.opt.wrong { background: var(--err-p); border-color: var(--err); color: var(--err); pointer-events: none; }\n.opt.disabled { pointer-events: none; opacity: 0.55; }\n.ol {\n  width: 19px; height: 19px; flex-shrink: 0;\n  border: 1px solid currentColor;\n  display: flex; align-items: center; justify-content: center;\n  font-family: 'Space Mono', monospace; font-size: 0.65rem;\n  margin-top: 0.05rem;\n}\n.fb {\n  font-size: 0.78rem; margin-top: 0.6rem; padding: 0.5rem 0.8rem;\n  display: none; line-height: 1.5;\n}\n.fb.show { display: block; }\n.fb.ok { background: var(--ok-p); color: var(--ok); border-left: 3px solid var(--ok); }\n.fb.ko { background: var(--err-p); color: var(--err); border-left: 3px solid var(--err); }\n\n\/* BLANK *\/\n.fl { font-size: 0.9rem; line-height: 3.3; margin-bottom: 0.1rem; }\n.bl {\n  border: none; border-bottom: 2px solid var(--gold);\n  background: transparent;\n  font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.88rem;\n  min-width: 90px; padding: 0 0.3rem;\n  outline: none; color: var(--ink); text-align: center;\n}\n.bl.ok { border-color: var(--ok); color: var(--ok); background: var(--ok-p); }\n.bl.ko { border-color: var(--err); color: var(--err); background: var(--err-p); }\n\n\/* TRANSFORM *\/\n.tr-item {\n  background: var(--bg); border: 1px solid var(--border);\n  padding: 0.85rem 1rem; margin-bottom: 0.7rem;\n}\n.tr-src { font-size: 0.87rem; color: var(--muted); font-style: italic; margin-bottom: 0.5rem; }\n.tr-src b { font-style: normal; }\n.tr-inp {\n  width: 100%; background: var(--white);\n  border: 1px solid var(--border); border-bottom: 2px solid var(--gold);\n  font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.87rem;\n  padding: 0.45rem 0.7rem; outline: none; color: var(--ink);\n}\n\n\/* BUTTONS *\/\n.rev-btn {\n  display: inline-flex; align-items: center; gap: 0.4rem;\n  background: var(--ink); color: #fff;\n  border: none; cursor: pointer;\n  font-family: 'Space Mono', monospace;\n  font-size: 0.65rem; letter-spacing: 0.08em; text-transform: uppercase;\n  padding: 0.4rem 0.85rem; margin-top: 0.8rem;\n  transition: background 0.15s;\n}\n.rev-btn:hover { background: var(--gold); }\n.rev-btn .ar { transition: transform 0.2s; }\n.rev-btn.open .ar { transform: rotate(90deg); }\n.corr {\n  display: none;\n  background: var(--ok-p); border-left: 3px solid var(--ok);\n  padding: 0.8rem 1rem; margin-top: 0.7rem;\n  font-size: 0.83rem; color: var(--ink2); line-height: 1.6;\n}\n.corr.show { display: block; }\n.corr strong { color: var(--ok); }\n.corr em { font-family: 'Spectral', serif; font-size: 0.95rem; }\n.chk-btn {\n  display: inline-flex; align-items: center; gap: 0.4rem;\n  border: 1px solid var(--border); background: var(--bg); color: var(--muted);\n  font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.75rem; font-weight: 600;\n  padding: 0.4rem 0.9rem; cursor: pointer; margin-top: 0.8rem;\n  transition: all 0.15s;\n}\n.chk-btn:hover { background: var(--ink); color: #fff; border-color: var(--ink); }\n.btn-nxt {\n  display: inline-flex; align-items: center; gap: 0.5rem;\n  color: #fff; border: none; cursor: pointer;\n  font-family: 'Plus Jakarta Sans', sans-serif; font-size: 0.8rem; font-weight: 700;\n  padding: 0.65rem 1.5rem; margin-top: 1.5rem;\n  transition: opacity 0.15s;\n}\n.btn-nxt:hover { opacity: 0.85; }\n\n\/* PROGRESS *\/\n.prog-wrap { background: var(--border); height: 3px; margin: 1.2rem 0 0.4rem; }\n.prog-fill { height: 100%; transition: width 0.4s ease; }\n.prog-lbl { font-family: 'Space Mono', monospace; font-size: 0.6rem; color: var(--muted); letter-spacing: 0.08em; }\n\n\/* BILAN *\/\n.bil-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0.8rem; margin: 1.5rem 0; }\n.bil-card { padding: 1.2rem 0.8rem; text-align: center; border: 2px solid; }\n.bil-n { font-family: 'Spectral', serif; font-size: 2.4rem; font-weight: 700; line-height: 1; }\n.bil-l { font-family: 'Space Mono', monospace; font-size: 0.55rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); margin-top: 0.3rem; }\n\n@media(max-width:600px) {\n  .sec-inner { padding: 1.5rem 1rem; }\n  .bil-grid { grid-template-columns: 1fr 1fr; }\n  .score-row { gap: 1rem; }\n  .confusion-chips { gap: 0.4rem; }\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- HEADER -->\n<div class=\"header\">\n  <div class=\"header-inner\">\n    <div class=\"header-kicker\">B2-C1 \u00b7 Lec\u021bie 9 \u00b7 Pronoms \u2014 Confusions fr\u00e9quentes<\/div>\n    <h1>Les pi\u00e8ges des pronoms<br><em>fran\u00e7ais<\/em><\/h1>\n    <div class=\"header-sub\">les\/leurs \u00b7 nous\/nous nous \u00b7 on\/nous \u00b7 leur\/leurs \u00b7 et plus<\/div>\n    <div class=\"confusion-chips\">\n      <span class=\"chip chip1\">les vs leurs<\/span>\n      <span class=\"chip chip2\">nous vs nous nous<\/span>\n      <span class=\"chip chip3\">on vs nous<\/span>\n      <span class=\"chip chip4\">leur vs leurs<\/span>\n    <\/div>\n    <div class=\"score-row\">\n      <div class=\"sc\"><div class=\"sc-n\" style=\"color:var(--c1l)\" id=\"s1\">0<\/div><div class=\"sc-l\">les\/leurs<\/div><\/div>\n      <div class=\"sc\"><div class=\"sc-n\" style=\"color:var(--c2l)\" id=\"s2\">0<\/div><div class=\"sc-l\">nous<\/div><\/div>\n      <div class=\"sc\"><div class=\"sc-n\" style=\"color:var(--c3l)\" id=\"s3\">0<\/div><div class=\"sc-l\">on\/nous<\/div><\/div>\n      <div class=\"sc\"><div class=\"sc-n\" style=\"color:var(--c4l)\" id=\"s4\">0<\/div><div class=\"sc-l\">leur\/leurs<\/div><\/div>\n      <div class=\"sc\"><div class=\"sc-n\" style=\"color:rgba(255,255,255,0.7)\" id=\"stot\">0<\/div><div class=\"sc-l\">Total<\/div><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- NAV -->\n<nav class=\"nav\">\n  <div class=\"nav-inner\">\n    <button class=\"nb a1\" onclick=\"show('s-les')\">\ud83d\udd35 les \/ leurs<\/button>\n    <button class=\"nb\" onclick=\"show('s-nous')\">\ud83d\udfe3 nous \/ nous nous<\/button>\n    <button class=\"nb\" onclick=\"show('s-on')\">\ud83d\udfe4 on \/ nous<\/button>\n    <button class=\"nb\" onclick=\"show('s-leur')\">\ud83d\udfe2 leur \/ leurs<\/button>\n    <button class=\"nb\" onclick=\"show('s-mix')\">\u2b50 Tout mixte<\/button>\n    <button class=\"nb\" onclick=\"show('s-bil')\">\ud83d\udcca Bilan<\/button>\n  <\/div>\n<\/nav>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 LES \/ LEURS \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"sec active\" id=\"s-les\">\n<div class=\"sec-inner\">\n  <div class=\"sh\">\n    <div class=\"sh-tag\" style=\"color:var(--c1)\">Confusion 1 \u00b7 les vs leurs<\/div>\n    <h2 style=\"color:var(--c1)\">Les ou leurs ?<\/h2>\n    <div class=\"sh-sub\">Pronom COD pluriel vs d\u00e9terminant possessif pluriel<\/div>\n  <\/div>\n\n  <table class=\"comp-table\">\n    <thead><tr>\n      <th style=\"border-color:var(--c1);color:var(--c1)\">Forme<\/th>\n      <th style=\"border-color:var(--c1);color:var(--c1)\">R\u00f4le<\/th>\n      <th style=\"border-color:var(--c1);color:var(--c1)\">Exemple<\/th>\n      <th style=\"border-color:var(--c1);color:var(--c1)\">Roumain<\/th>\n    <\/tr><\/thead>\n    <tbody>\n      <tr>\n        <td><span class=\"td-form\" style=\"color:var(--c1)\">les<\/span><\/td>\n        <td>Pronom COD pluriel (remplace un nom)<br><small style=\"color:var(--muted)\">se place avant le verbe<\/small><\/td>\n        <td>Tu vois mes cl\u00e9s ? \u2014 Oui, je <strong>les<\/strong> vois.<div class=\"td-ex\">les = mes cl\u00e9s<\/div><\/td>\n        <td class=\"td-ro\">le\/le v\u0103d (\u00eel\/o v\u0103d = le\/la v\u0103d)<\/td>\n      <\/tr>\n      <tr>\n        <td><span class=\"td-form\" style=\"color:var(--c1)\">leurs<\/span><\/td>\n        <td>D\u00e9terminant possessif pluriel (accompagne un nom)<br><small style=\"color:var(--muted)\">se place avant un nom<\/small><\/td>\n        <td>Ils aiment <strong>leurs<\/strong> enfants.<div class=\"td-ex\">leurs + nom = possession<\/div><\/td>\n        <td class=\"td-ro\">copiii lor<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n\n  <div class=\"alert alert-blue\">\n    <strong>\u26a1 Astuce rapide<\/strong>\n    <strong>les<\/strong> \u2192 peut remplacer un nom (test : suprim\u0103-l \u0219i fraza nu mai are sens)<br>\n    <strong>leurs<\/strong> \u2192 toujours suivi d&#8217;un nom \u00b7 <em>leurs amis, leurs id\u00e9es, leurs voitures<\/em><br>\n    Test infailibil : dac\u0103 dup\u0103 cuv\u00e2nt urmeaz\u0103 un substantiv = <strong>leurs<\/strong>. Dac\u0103 nu = <strong>les<\/strong>.\n  <\/div>\n\n  <div class=\"prog-wrap\"><div class=\"prog-fill\" style=\"background:var(--c1);width:0%\" id=\"p1\"><\/div><\/div>\n  <div class=\"prog-lbl\" id=\"pl1\">0 \/ 8 r\u00e9pondues<\/div>\n\n  <!-- Q1 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c1)\">1<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 les vs leurs<\/div>\n        <div class=\"ex-q\">Tu as vu ___ parents hier ?<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q1\">\n        <div class=\"opt\" onclick=\"M(this,'q1',false,'s1','f1')\"><div class=\"ol\">A<\/div>les<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q1',true,'s1','f1')\"><div class=\"ol\">B<\/div>leurs<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f1\"><strong>leurs<\/strong> \u2014 suivi du nom \u00ab parents \u00bb \u2192 d\u00e9terminant possessif. <em>Leurs parents<\/em> = p\u0103rin\u021bii lor.<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Q2 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c1)\">2<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 les vs leurs<\/div>\n        <div class=\"ex-q\">Ces documents ? Je ___ ai d\u00e9j\u00e0 sign\u00e9s.<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q2\">\n        <div class=\"opt\" onclick=\"M(this,'q2',true,'s1','f2')\"><div class=\"ol\">A<\/div>les<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q2',false,'s1','f2')\"><div class=\"ol\">B<\/div>leurs<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f2\"><strong>les<\/strong> \u2014 pronom COD qui remplace \u00ab ces documents \u00bb. Pas de nom apr\u00e8s \u2192 pas <em>leurs<\/em>. Notez l&#8217;accord : \u00ab sign\u00e9s \u00bb (masc. pl.).<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Q3 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c1)\">3<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 les vs leurs<\/div>\n        <div class=\"ex-q\">Ils ont oubli\u00e9 ___ affaires \u00e0 la maison.<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q3\">\n        <div class=\"opt\" onclick=\"M(this,'q3',false,'s1','f3')\"><div class=\"ol\">A<\/div>les<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q3',true,'s1','f3')\"><div class=\"ol\">B<\/div>leurs<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f3\"><strong>leurs<\/strong> \u2014 suivi du nom \u00ab affaires \u00bb \u2192 d\u00e9terminant possessif. <em>Leurs affaires<\/em> = lucrurile lor.<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Q4 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c1)\">4<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 Phrase complexe<\/div>\n        <div class=\"ex-q\">Mes coll\u00e8gues ont pr\u00e9sent\u00e9 ___ id\u00e9es et le directeur ___ a toutes approuv\u00e9es.<\/div>\n        <div class=\"ex-hint\">Deux blancs \u2014 m\u00eame choix ou diff\u00e9rent ?<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q4\">\n        <div class=\"opt\" onclick=\"M(this,'q4',false,'s1','f4')\"><div class=\"ol\">A<\/div>les \u2026 les<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q4',true,'s1','f4')\"><div class=\"ol\">B<\/div>leurs \u2026 les<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q4',false,'s1','f4')\"><div class=\"ol\">C<\/div>leurs \u2026 leurs<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q4',false,'s1','f4')\"><div class=\"ol\">D<\/div>les \u2026 leurs<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f4\"><strong>leurs \u2026 les<\/strong> \u2014 \u00ab leurs id\u00e9es \u00bb : possessif + nom \u2713 \u00b7 \u00ab les a approuv\u00e9es \u00bb : pronom COD qui remplace \u00ab les id\u00e9es \u00bb, accord au f\u00e9minin pluriel \u2713<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lacunes -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c1)\">L<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">Lacunes \u00b7 les ou leurs<\/div>\n        <div class=\"ex-q\">Compl\u00e9tez avec \u00ab les \u00bb ou \u00ab leurs \u00bb<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"fl\">1. Ils ont rang\u00e9 <input type=\"text\" class=\"bl\" id=\"l1\" placeholder=\"\u2026\"> affaires.<\/div>\n      <div class=\"fl\">2. Ces fleurs sont magnifiques. Je vais <input type=\"text\" class=\"bl\" id=\"l2\" placeholder=\"\u2026\"> acheter.<\/div>\n      <div class=\"fl\">3. <input type=\"text\" class=\"bl\" id=\"l3\" placeholder=\"\u2026\"> enfants jouent dans le jardin.<\/div>\n      <div class=\"fl\">4. Tu as vu mes lunettes ? \u2014 Non, je ne <input type=\"text\" class=\"bl\" id=\"l4\" placeholder=\"\u2026\"> ai pas vues.<\/div>\n      <button class=\"chk-btn\" onclick=\"CB(['l1','l2','l3','l4'],['leurs','les','leurs','les'],'s1','lc1')\">\u2713 V\u00e9rifier<\/button>\n      <button class=\"rev-btn\" onclick=\"rv(this,'lc1')\"><span class=\"ar\">\u25b6<\/span> Correction<\/button>\n      <div class=\"corr\" id=\"lc1\">\n        1. <strong>leurs<\/strong> affaires (possessif + nom)<br>\n        2. <strong>les<\/strong> acheter (pronom COD \u2014 remplace \u00ab ces fleurs \u00bb)<br>\n        3. <strong>Leurs<\/strong> enfants (possessif + nom)<br>\n        4. ne <strong>les<\/strong> ai pas vues (pronom COD \u2014 remplace \u00ab mes lunettes \u00bb, accord f\u00e9m. pl.)\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <button class=\"btn-nxt\" style=\"background:var(--c1)\" onclick=\"show('s-nous')\">Confusion suivante : nous \/ nous nous \u2192<\/button>\n<\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 NOUS \/ NOUS NOUS \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"sec\" id=\"s-nous\">\n<div class=\"sec-inner\">\n  <div class=\"sh\">\n    <div class=\"sh-tag\" style=\"color:var(--c2)\">Confusion 2 \u00b7 nous vs nous nous<\/div>\n    <h2 style=\"color:var(--c2)\">Nous ou nous nous ?<\/h2>\n    <div class=\"sh-sub\">Pronom sujet\/COD vs verbe pronominal r\u00e9fl\u00e9chi<\/div>\n  <\/div>\n\n  <table class=\"comp-table\">\n    <thead><tr>\n      <th style=\"border-color:var(--c2);color:var(--c2)\">Forme<\/th>\n      <th style=\"border-color:var(--c2);color:var(--c2)\">R\u00f4le<\/th>\n      <th style=\"border-color:var(--c2);color:var(--c2)\">Exemple<\/th>\n      <th style=\"border-color:var(--c2);color:var(--c2)\">Roumain<\/th>\n    <\/tr><\/thead>\n    <tbody>\n      <tr>\n        <td><span class=\"td-form\" style=\"color:var(--c2)\">nous<\/span><\/td>\n        <td>Pronom sujet ou COD\/COI<br><small style=\"color:var(--muted)\">sans verbe pronominal<\/small><\/td>\n        <td><strong>Nous<\/strong> mangeons ensemble.<br>Il <strong>nous<\/strong> appelle.<div class=\"td-ex\">sujet \/ COD<\/div><\/td>\n        <td class=\"td-ro\">Noi m\u00e2nc\u0103m \u00b7 El ne cheam\u0103<\/td>\n      <\/tr>\n      <tr>\n        <td><span class=\"td-form\" style=\"color:var(--c2)\">nous nous<\/span><\/td>\n        <td>Sujet + pronom r\u00e9fl\u00e9chi<br><small style=\"color:var(--muted)\">verbe pronominal (se laver, se parler\u2026)<\/small><\/td>\n        <td><strong>Nous nous<\/strong> lavons.<br><strong>Nous nous<\/strong> parlons.<div class=\"td-ex\">action r\u00e9fl\u00e9chie ou r\u00e9ciproque<\/div><\/td>\n        <td class=\"td-ro\">Ne sp\u0103l\u0103m \u00b7 Ne vorbim<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n\n  <div class=\"alert alert-purple\">\n    <strong>\u26a1 Test infailibil<\/strong>\n    Dac\u0103 verbul este pronominal \u00een dic\u021bionar (se laver, se lever, se parler, se voir, se conna\u00eetre&#8230;) \u2192 <strong>nous nous<\/strong><br>\n    Dac\u0103 verbul NU e pronominal \u2192 <strong>nous<\/strong> singur<br>\n    <em>Nous nous voyons chaque semaine.<\/em> (se voir) vs <em>Nous voyons le m\u00e9decin.<\/em> (voir)\n  <\/div>\n\n  <div class=\"prog-wrap\"><div class=\"prog-fill\" style=\"background:var(--c2);width:0%\" id=\"p2\"><\/div><\/div>\n  <div class=\"prog-lbl\" id=\"pl2\">0 \/ 7 r\u00e9pondues<\/div>\n\n  <!-- Q5 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c2)\">1<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 nous ou nous nous<\/div>\n        <div class=\"ex-q\">___ r\u00e9veillons \u00e0 7h chaque matin.<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q5\">\n        <div class=\"opt\" onclick=\"M(this,'q5',false,'s2','f5')\"><div class=\"ol\">A<\/div>Nous r\u00e9veillons<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q5',true,'s2','f5')\"><div class=\"ol\">B<\/div>Nous nous r\u00e9veillons<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f5\"><strong>Nous nous r\u00e9veillons<\/strong> \u2014 \u00ab se r\u00e9veiller \u00bb est un verbe pronominal. On ne dit pas \u00ab r\u00e9veiller \u00bb seul dans ce sens. <em>Ne trezim<\/em> \u00een rom\u00e2n\u0103.<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Q6 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c2)\">2<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 nous ou nous nous<\/div>\n        <div class=\"ex-q\">___ connaissons depuis vingt ans.<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q6\">\n        <div class=\"opt\" onclick=\"M(this,'q6',false,'s2','f6')\"><div class=\"ol\">A<\/div>Nous connaissons<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q6',true,'s2','f6')\"><div class=\"ol\">B<\/div>Nous nous connaissons<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f6\"><strong>Nous nous connaissons<\/strong> \u2014 sens r\u00e9ciproque : l&#8217;un conna\u00eet l&#8217;autre. \u00ab Se conna\u00eetre \u00bb = a se cunoa\u0219te (reciproc). <em>Ne cunoa\u0219tem<\/em>.<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Q7 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c2)\">3<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 nous ou nous nous<\/div>\n        <div class=\"ex-q\">___ pr\u00e9parons un g\u00e2teau pour l&#8217;anniversaire.<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q7\">\n        <div class=\"opt\" onclick=\"M(this,'q7',true,'s2','f7')\"><div class=\"ol\">A<\/div>Nous pr\u00e9parons<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q7',false,'s2','f7')\"><div class=\"ol\">B<\/div>Nous nous pr\u00e9parons<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f7\"><strong>Nous pr\u00e9parons<\/strong> \u2014 ici le COD est \u00ab un g\u00e2teau \u00bb (chose externe). <em>Nous nous pr\u00e9parons<\/em> aurait signifi\u00e9 \u00ab Noi ne preg\u0103tim pe noi \u00een\u0219ine \u00bb \u2014 sens pronominal r\u00e9fl\u00e9chi, diff\u00e9rent !<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Q8 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c2)\">4<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 Pass\u00e9 compos\u00e9 pronominal<\/div>\n        <div class=\"ex-q\">___ sommes rencontr\u00e9s \u00e0 Paris l&#8217;\u00e9t\u00e9 dernier.<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q8\">\n        <div class=\"opt\" onclick=\"M(this,'q8',false,'s2','f8')\"><div class=\"ol\">A<\/div>Nous sommes<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q8',true,'s2','f8')\"><div class=\"ol\">B<\/div>Nous nous sommes<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f8\"><strong>Nous nous sommes rencontr\u00e9s<\/strong> \u2014 \u00ab se rencontrer \u00bb = verbe pronominal r\u00e9ciproque. Au pass\u00e9 compos\u00e9 : <em>nous + nous + \u00eatre + p.p.<\/em> Accord : \u00ab rencontr\u00e9s \u00bb (sujet masc. pl.).<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lacunes nous -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c2)\">L<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">Lacunes \u00b7 nous ou nous nous<\/div>\n        <div class=\"ex-q\">Compl\u00e9tez correctement<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"fl\">1. <input type=\"text\" class=\"bl\" id=\"ln1\" placeholder=\"\u2026\"> parlons tous les soirs au t\u00e9l\u00e9phone. <span style=\"font-size:0.75rem;color:var(--muted)\">(se parler)<\/span><\/div>\n      <div class=\"fl\">2. <input type=\"text\" class=\"bl\" id=\"ln2\" placeholder=\"\u2026\"> habitons dans le m\u00eame quartier.<\/div>\n      <div class=\"fl\">3. <input type=\"text\" class=\"bl\" id=\"ln3\" placeholder=\"\u2026\"> sommes disput\u00e9s hier soir. <span style=\"font-size:0.75rem;color:var(--muted)\">(se disputer)<\/span><\/div>\n      <div class=\"fl\">4. <input type=\"text\" class=\"bl\" id=\"ln4\" placeholder=\"\u2026\"> regardons un film ce soir.<\/div>\n      <button class=\"chk-btn\" onclick=\"CB(['ln1','ln2','ln3','ln4'],['nous nous','nous','nous nous sommes','nous'],'s2','lc2')\">\u2713 V\u00e9rifier<\/button>\n      <button class=\"rev-btn\" onclick=\"rv(this,'lc2')\"><span class=\"ar\">\u25b6<\/span> Correction<\/button>\n      <div class=\"corr\" id=\"lc2\">\n        1. <strong>Nous nous<\/strong> parlons \u2014 \u00ab se parler \u00bb \u2192 pronominal r\u00e9ciproque<br>\n        2. <strong>Nous<\/strong> habitons \u2014 verbe non pronominal, COD absent<br>\n        3. <strong>Nous nous sommes<\/strong> disput\u00e9s \u2014 \u00ab se disputer \u00bb \u2192 pass\u00e9 compos\u00e9 pronominal<br>\n        4. <strong>Nous<\/strong> regardons \u2014 verbe non pronominal, COD = \u00ab un film \u00bb\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <button class=\"btn-nxt\" style=\"background:var(--c2)\" onclick=\"show('s-on')\">Confusion suivante : on \/ nous \u2192<\/button>\n<\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 ON \/ NOUS \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"sec\" id=\"s-on\">\n<div class=\"sec-inner\">\n  <div class=\"sh\">\n    <div class=\"sh-tag\" style=\"color:var(--c3)\">Confusion 3 \u00b7 on vs nous<\/div>\n    <h2 style=\"color:var(--c3)\">On ou nous ?<\/h2>\n    <div class=\"sh-sub\">Quand \u00ab on \u00bb remplace \u00ab nous \u00bb \u2014 et quand non<\/div>\n  <\/div>\n\n  <table class=\"comp-table\">\n    <thead><tr>\n      <th style=\"border-color:var(--c3);color:var(--c3)\">Forme<\/th>\n      <th style=\"border-color:var(--c3);color:var(--c3)\">Sens<\/th>\n      <th style=\"border-color:var(--c3);color:var(--c3)\">Exemple<\/th>\n      <th style=\"border-color:var(--c3);color:var(--c3)\">Registre<\/th>\n    <\/tr><\/thead>\n    <tbody>\n      <tr>\n        <td><span class=\"td-form\" style=\"color:var(--c3)\">on<\/span> (= nous)<\/td>\n        <td>Remplace \u00ab nous \u00bb \u00e0 l&#8217;oral<br><small style=\"color:var(--muted)\">verbe toujours \u00e0 la 3e pers. sing.<\/small><\/td>\n        <td><strong>On<\/strong> mange ensemble ce soir.<div class=\"td-ex\">= Nous mangeons ensemble<\/div><\/td>\n        <td>Oral \/ familier<\/td>\n      <\/tr>\n      <tr>\n        <td><span class=\"td-form\" style=\"color:var(--c3)\">on<\/span> (= les gens)<\/td>\n        <td>Ind\u00e9fini \u2014 \u00ab les gens \u00bb, \u00ab quelqu&#8217;un \u00bb<\/td>\n        <td><strong>On<\/strong> dit que Paris est belle.<div class=\"td-ex\">= Les gens disent\u2026<\/div><\/td>\n        <td>Tous registres<\/td>\n      <\/tr>\n      <tr>\n        <td><span class=\"td-form\" style=\"color:var(--c3)\">nous<\/span><\/td>\n        <td>Sujet ou pronom COD\/COI<br><small style=\"color:var(--muted)\">forme soutenue<\/small><\/td>\n        <td><strong>Nous<\/strong> partirons demain matin.<div class=\"td-ex\">= style formel, \u00e9crit<\/div><\/td>\n        <td>\u00c9crit \/ soutenu<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n\n  <div class=\"alert alert-brown\">\n    <strong>\u26a1 Attention \u2014 accord avec on = nous<\/strong>\n    Quand \u00ab on \u00bb = \u00ab nous \u00bb, l&#8217;accord de l&#8217;adjectif\/participe peut se faire au pluriel :<br>\n    <em>On est partis ensemble.<\/em> (on = nous, masc. pl.) \u2014 courant<br>\n    <em>On est parti ensemble.<\/em> \u2014 aussi accept\u00e9<br>\n    <em>On est contentes !<\/em> (on = nous, f\u00e9m. pl.) \u2014 familier mais correct\n  <\/div>\n\n  <div class=\"prog-wrap\"><div class=\"prog-fill\" style=\"background:var(--c3);width:0%\" id=\"p3\"><\/div><\/div>\n  <div class=\"prog-lbl\" id=\"pl3\">0 \/ 7 r\u00e9pondues<\/div>\n\n  <!-- Q9 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c3)\">1<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 Registre<\/div>\n        <div class=\"ex-q\">Version orale\/famili\u00e8re de : \u00ab Nous allons au cin\u00e9ma ce soir. \u00bb<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q9\">\n        <div class=\"opt\" onclick=\"M(this,'q9',false,'s3','f9')\"><div class=\"ol\">A<\/div>Nous allons au cin\u00e9ma ce soir. (identique)<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q9',true,'s3','f9')\"><div class=\"ol\">B<\/div>On va au cin\u00e9ma ce soir.<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q9',false,'s3','f9')\"><div class=\"ol\">C<\/div>On allons au cin\u00e9ma ce soir.<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q9',false,'s3','f9')\"><div class=\"ol\">D<\/div>On ira au cin\u00e9ma ce soir.<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f9\"><strong>On va<\/strong> \u2014 \u00ab on \u00bb remplace \u00ab nous \u00bb \u00e0 l&#8217;oral. Le verbe se conjugue TOUJOURS \u00e0 la 3e personne du singulier : <em>on va<\/em> (jamais \u00ab on allons \u00bb).<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Q10 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c3)\">2<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 on ind\u00e9fini ou on = nous<\/div>\n        <div class=\"ex-q\">\u00ab On frappe \u00e0 la porte. \u00bb \u2014 Ici, \u00ab on \u00bb signifie :<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q10\">\n        <div class=\"opt\" onclick=\"M(this,'q10',false,'s3','f10')\"><div class=\"ol\">A<\/div>Nous frappons \u00e0 la porte.<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q10',true,'s3','f10')\"><div class=\"ol\">B<\/div>Quelqu&#8217;un frappe \u00e0 la porte.<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q10',false,'s3','f10')\"><div class=\"ol\">C<\/div>Les gens en g\u00e9n\u00e9ral frappent.<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f10\"><strong>Quelqu&#8217;un<\/strong> \u2014 dans ce contexte, \u00ab on \u00bb est ind\u00e9fini : quelqu&#8217;un de non-identifi\u00e9 frappe \u00e0 la porte. Ce n&#8217;est pas \u00ab nous \u00bb.<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Q11 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c3)\">3<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 Accord avec on = nous<\/div>\n        <div class=\"ex-q\">Marie et moi, on est ___ de ce voyage. (f\u00e9minin pluriel)<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q11\">\n        <div class=\"opt\" onclick=\"M(this,'q11',false,'s3','f11')\"><div class=\"ol\">A<\/div>revenu<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q11',false,'s3','f11')\"><div class=\"ol\">B<\/div>revenus<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q11',true,'s3','f11')\"><div class=\"ol\">C<\/div>revenues<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f11\"><strong>revenues<\/strong> \u2014 \u00ab Marie et moi \u00bb = deux femmes \u2192 on = nous f\u00e9minin pluriel \u2192 accord au f\u00e9minin pluriel. Forme famili\u00e8re mais grammaticalement accept\u00e9e.<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lacunes on\/nous -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c3)\">L<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">Lacunes \u00b7 on ou nous<\/div>\n        <div class=\"ex-q\">Compl\u00e9tez avec \u00ab on \u00bb ou \u00ab nous \u00bb selon le registre indiqu\u00e9<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"fl\">1. (oral) <input type=\"text\" class=\"bl\" id=\"lo1\" placeholder=\"\u2026\"> part en vacances demain !<\/div>\n      <div class=\"fl\">2. (\u00e9crit formel) <input type=\"text\" class=\"bl\" id=\"lo2\" placeholder=\"\u2026\"> vous remercions de votre confiance.<\/div>\n      <div class=\"fl\">3. (oral) <input type=\"text\" class=\"bl\" id=\"lo3\" placeholder=\"\u2026\"> dit que le nouveau restaurant est excellent.<\/div>\n      <div class=\"fl\">4. (\u00e9crit formel) <input type=\"text\" class=\"bl\" id=\"lo4\" placeholder=\"\u2026\"> avons d\u00e9cid\u00e9 de reporter la r\u00e9union.<\/div>\n      <button class=\"chk-btn\" onclick=\"CB(['lo1','lo2','lo3','lo4'],['on','nous','on','nous'],'s3','lc3')\">\u2713 V\u00e9rifier<\/button>\n      <button class=\"rev-btn\" onclick=\"rv(this,'lc3')\"><span class=\"ar\">\u25b6<\/span> Correction<\/button>\n      <div class=\"corr\" id=\"lc3\">\n        1. <strong>On<\/strong> part \u2014 oral\/familier, on remplace nous<br>\n        2. <strong>Nous<\/strong> vous remercions \u2014 \u00e9crit formel, \u00ab on \u00bb serait trop familier<br>\n        3. <strong>On<\/strong> dit \u2014 on ind\u00e9fini (= les gens), tous registres<br>\n        4. <strong>Nous<\/strong> avons d\u00e9cid\u00e9 \u2014 \u00e9crit formel\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <button class=\"btn-nxt\" style=\"background:var(--c3)\" onclick=\"show('s-leur')\">Confusion suivante : leur \/ leurs \u2192<\/button>\n<\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 LEUR \/ LEURS \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"sec\" id=\"s-leur\">\n<div class=\"sec-inner\">\n  <div class=\"sh\">\n    <div class=\"sh-tag\" style=\"color:var(--c4)\">Confusion 4 \u00b7 leur vs leurs<\/div>\n    <h2 style=\"color:var(--c4)\">Leur ou leurs ?<\/h2>\n    <div class=\"sh-sub\">Pronom COI invariable vs d\u00e9terminant possessif variable<\/div>\n  <\/div>\n\n  <table class=\"comp-table\">\n    <thead><tr>\n      <th style=\"border-color:var(--c4);color:var(--c4)\">Forme<\/th>\n      <th style=\"border-color:var(--c4);color:var(--c4)\">R\u00f4le<\/th>\n      <th style=\"border-color:var(--c4);color:var(--c4)\">Exemple<\/th>\n      <th style=\"border-color:var(--c4);color:var(--c4)\">Test<\/th>\n    <\/tr><\/thead>\n    <tbody>\n      <tr>\n        <td><span class=\"td-form\" style=\"color:var(--c4)\">leur<\/span><br><small style=\"color:var(--muted)\">(invariable)<\/small><\/td>\n        <td>Pronom COI pluriel<br><small style=\"color:var(--muted)\">remplace \u00ab \u00e0 + personnes \u00bb<\/small><\/td>\n        <td>Je <strong>leur<\/strong> parle. (= \u00e0 eux\/elles)<div class=\"td-ex\">Jamais de -s !<\/div><\/td>\n        <td>Peut \u00eatre remplac\u00e9 par \u00ab lui \u00bb au singulier<\/td>\n      <\/tr>\n      <tr>\n        <td><span class=\"td-form\" style=\"color:var(--c4)\">leur \/ leurs<\/span><br><small style=\"color:var(--muted)\">(variable)<\/small><\/td>\n        <td>D\u00e9terminant possessif<br><small style=\"color:var(--muted)\">s&#8217;accorde avec le nom qui suit<\/small><\/td>\n        <td><strong>leur<\/strong> ami (sing.) \u00b7 <strong>leurs<\/strong> amis (pl.)<div class=\"td-ex\">s&#8217;accorde avec le nom<\/div><\/td>\n        <td>Toujours suivi d&#8217;un nom<\/td>\n      <\/tr>\n    <\/tbody>\n  <\/table>\n\n  <div class=\"alert alert-green\">\n    <strong>\u26a1 La r\u00e8gle d&#8217;or<\/strong>\n    <strong>leur<\/strong> (pronom COI) = toujours invariable \u2014 <em>jamais de -s<\/em><br>\n    Astuce : peut-on remplacer par \u00ab lui \u00bb (singulier) ? Si oui \u2192 c&#8217;est un pronom COI \u2192 <strong>leur<\/strong> sans -s<br>\n    <em>Je leur parle<\/em> \u2192 Je lui parle \u2713 \u2192 pronom, pas de -s<br><br>\n    <strong>leur(s)<\/strong> (possessif) = s&#8217;accorde avec le nom suivant<br>\n    <em>leur ami<\/em> (un ami) \u00b7 <em>leurs amis<\/em> (plusieurs amis)\n  <\/div>\n\n  <div class=\"prog-wrap\"><div class=\"prog-fill\" style=\"background:var(--c4);width:0%\" id=\"p4\"><\/div><\/div>\n  <div class=\"prog-lbl\" id=\"pl4\">0 \/ 8 r\u00e9pondues<\/div>\n\n  <!-- Q12 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c4)\">1<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 leur pronom ou possessif ?<\/div>\n        <div class=\"ex-q\">Je ___ ai envoy\u00e9 un message ce matin.<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q12\">\n        <div class=\"opt\" onclick=\"M(this,'q12',true,'s4','f12')\"><div class=\"ol\">A<\/div>leur<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q12',false,'s4','f12')\"><div class=\"ol\">B<\/div>leurs<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f12\"><strong>leur<\/strong> \u2014 pronom COI invariable. Test : \u00ab Je lui ai envoy\u00e9\u2026 \u00bb (singulier) \u2713 \u2192 c&#8217;est un pronom \u2192 jamais de -s.<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Q13 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c4)\">2<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 leur\/leurs possessif<\/div>\n        <div class=\"ex-q\">Ils ont vendu ___ maison et achet\u00e9 un appartement.<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q13\">\n        <div class=\"opt\" onclick=\"M(this,'q13',true,'s4','f13')\"><div class=\"ol\">A<\/div>leur<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q13',false,'s4','f13')\"><div class=\"ol\">B<\/div>leurs<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f13\"><strong>leur<\/strong> \u2014 possessif + \u00ab maison \u00bb (singulier) \u2192 leur. Si c&#8217;\u00e9tait \u00ab leurs maisons \u00bb (pluriel), on mettrait -s.<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Q14 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c4)\">3<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 leur\/leurs possessif pluriel<\/div>\n        <div class=\"ex-q\">Les enfants ont rang\u00e9 ___ jouets.<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q14\">\n        <div class=\"opt\" onclick=\"M(this,'q14',false,'s4','f14')\"><div class=\"ol\">A<\/div>leur<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q14',true,'s4','f14')\"><div class=\"ol\">B<\/div>leurs<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f14\"><strong>leurs<\/strong> \u2014 possessif + \u00ab jouets \u00bb (pluriel) \u2192 leurs. Accord avec le nom qui suit.<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Q15 -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c4)\">4<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 Phrase pi\u00e8ge<\/div>\n        <div class=\"ex-q\">Je ___ ai montr\u00e9 ___ photos de voyage.<\/div>\n      <\/div><div class=\"ex-pts\">1 pt<\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"mcq\" id=\"q15\">\n        <div class=\"opt\" onclick=\"M(this,'q15',false,'s4','f15')\"><div class=\"ol\">A<\/div>leur \u2026 leur<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q15',true,'s4','f15')\"><div class=\"ol\">B<\/div>leur \u2026 leurs<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q15',false,'s4','f15')\"><div class=\"ol\">C<\/div>leurs \u2026 leurs<\/div>\n        <div class=\"opt\" onclick=\"M(this,'q15',false,'s4','f15')\"><div class=\"ol\">D<\/div>leurs \u2026 leur<\/div>\n      <\/div>\n      <div class=\"fb\" id=\"f15\"><strong>leur \u2026 leurs<\/strong> \u2014 1er : pronom COI invariable (= \u00e0 eux) \u00b7 2e : possessif + \u00ab photos \u00bb (pluriel) \u2192 leurs.<\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lacunes leur\/leurs -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--c4)\">L<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">Lacunes \u00b7 leur ou leurs<\/div>\n        <div class=\"ex-q\">Compl\u00e9tez avec \u00ab leur \u00bb ou \u00ab leurs \u00bb<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"fl\">1. Nous <input type=\"text\" class=\"bl\" id=\"ll1\" placeholder=\"\u2026\"> avons expliqu\u00e9 la situation.<\/div>\n      <div class=\"fl\">2. Ils ont invit\u00e9 <input type=\"text\" class=\"bl\" id=\"ll2\" placeholder=\"\u2026\"> meilleurs amis.<\/div>\n      <div class=\"fl\">3. Elle <input type=\"text\" class=\"bl\" id=\"ll3\" placeholder=\"\u2026\"> a offert un cadeau.<\/div>\n      <div class=\"fl\">4. <input type=\"text\" class=\"bl\" id=\"ll4\" placeholder=\"\u2026\"> appartement est tr\u00e8s grand.<\/div>\n      <div class=\"fl\">5. J&#8217;ai rendu <input type=\"text\" class=\"bl\" id=\"ll5\" placeholder=\"\u2026\"> affaires.<\/div>\n      <button class=\"chk-btn\" onclick=\"CB(['ll1','ll2','ll3','ll4','ll5'],['leur','leurs','leur','leur','leurs'],'s4','lc4')\">\u2713 V\u00e9rifier<\/button>\n      <button class=\"rev-btn\" onclick=\"rv(this,'lc4')\"><span class=\"ar\">\u25b6<\/span> Correction<\/button>\n      <div class=\"corr\" id=\"lc4\">\n        1. <strong>leur<\/strong> \u2014 pronom COI (= \u00e0 eux), invariable<br>\n        2. <strong>leurs<\/strong> \u2014 possessif + \u00ab amis \u00bb (pluriel)<br>\n        3. <strong>leur<\/strong> \u2014 pronom COI (= \u00e0 eux), invariable<br>\n        4. <strong>Leur<\/strong> \u2014 possessif + \u00ab appartement \u00bb (singulier)<br>\n        5. <strong>leurs<\/strong> \u2014 possessif + \u00ab affaires \u00bb (pluriel)\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <button class=\"btn-nxt\" style=\"background:var(--c4)\" onclick=\"show('s-mix')\">Exercice mixte final \u2192<\/button>\n<\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 MIXTE \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"sec\" id=\"s-mix\">\n<div class=\"sec-inner\">\n  <div class=\"sh\">\n    <div class=\"sh-tag\" style=\"color:var(--gold)\">Le grand d\u00e9fi \u00b7 Tout mixte<\/div>\n    <h2 style=\"color:var(--gold)\">Toutes les confusions m\u00e9lang\u00e9es<\/h2>\n    <div class=\"sh-sub\">les\/leurs \u00b7 nous\/nous nous \u00b7 on\/nous \u00b7 leur\/leurs \u2014 sans filet !<\/div>\n  <\/div>\n\n  <!-- QCM mixte -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--gold)\">M<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">QCM \u00b7 Grand mixte<\/div>\n        <div class=\"ex-q\">Choisissez la forme correcte dans chaque phrase<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n\n      <div style=\"padding:0.7rem;border:1px solid var(--border);margin-bottom:0.6rem;background:var(--bg)\">\n        <div style=\"font-size:0.82rem;margin-bottom:0.5rem;color:var(--ink2)\">\u2460 Ils ont oubli\u00e9 ___ passeports \u00e0 l&#8217;h\u00f4tel.<\/div>\n        <div class=\"mcq\" id=\"qm1\">\n          <div class=\"opt\" onclick=\"M(this,'qm1',false,'stot','fm1')\"><div class=\"ol\">A<\/div>les<\/div>\n          <div class=\"opt\" onclick=\"M(this,'qm1',true,'stot','fm1')\"><div class=\"ol\">B<\/div>leurs<\/div>\n        <\/div>\n        <div class=\"fb\" id=\"fm1\"><strong>leurs<\/strong> \u2014 possessif + nom \u00ab passeports \u00bb (pluriel).<\/div>\n      <\/div>\n\n      <div style=\"padding:0.7rem;border:1px solid var(--border);margin-bottom:0.6rem;background:var(--bg)\">\n        <div style=\"font-size:0.82rem;margin-bottom:0.5rem;color:var(--ink2)\">\u2461 Ces passeports ? Je ___ ai trouv\u00e9s sous le lit.<\/div>\n        <div class=\"mcq\" id=\"qm2\">\n          <div class=\"opt\" onclick=\"M(this,'qm2',true,'stot','fm2')\"><div class=\"ol\">A<\/div>les<\/div>\n          <div class=\"opt\" onclick=\"M(this,'qm2',false,'stot','fm2')\"><div class=\"ol\">B<\/div>leurs<\/div>\n        <\/div>\n        <div class=\"fb\" id=\"fm2\"><strong>les<\/strong> \u2014 pronom COD qui remplace \u00ab ces passeports \u00bb. Accord : \u00ab trouv\u00e9s \u00bb (masc. pl.).<\/div>\n      <\/div>\n\n      <div style=\"padding:0.7rem;border:1px solid var(--border);margin-bottom:0.6rem;background:var(--bg)\">\n        <div style=\"font-size:0.82rem;margin-bottom:0.5rem;color:var(--ink2)\">\u2462 (oral) ___ va souvent au march\u00e9 le dimanche.<\/div>\n        <div class=\"mcq\" id=\"qm3\">\n          <div class=\"opt\" onclick=\"M(this,'qm3',true,'stot','fm3')\"><div class=\"ol\">A<\/div>On<\/div>\n          <div class=\"opt\" onclick=\"M(this,'qm3',false,'stot','fm3')\"><div class=\"ol\">B<\/div>Nous<\/div>\n        <\/div>\n        <div class=\"fb\" id=\"fm3\"><strong>On<\/strong> \u2014 registre oral\/familier. \u00ab On va \u00bb = nous allons. Le verbe reste au singulier.<\/div>\n      <\/div>\n\n      <div style=\"padding:0.7rem;border:1px solid var(--border);margin-bottom:0.6rem;background:var(--bg)\">\n        <div style=\"font-size:0.82rem;margin-bottom:0.5rem;color:var(--ink2)\">\u2463 (formel) ___ vous informons que votre commande est pr\u00eate.<\/div>\n        <div class=\"mcq\" id=\"qm4\">\n          <div class=\"opt\" onclick=\"M(this,'qm4',false,'stot','fm4')\"><div class=\"ol\">A<\/div>On<\/div>\n          <div class=\"opt\" onclick=\"M(this,'qm4',true,'stot','fm4')\"><div class=\"ol\">B<\/div>Nous<\/div>\n        <\/div>\n        <div class=\"fb\" id=\"fm4\"><strong>Nous<\/strong> \u2014 \u00e9crit formel. \u00ab On \u00bb serait trop familier dans un contexte professionnel.<\/div>\n      <\/div>\n\n      <div style=\"padding:0.7rem;border:1px solid var(--border);margin-bottom:0.6rem;background:var(--bg)\">\n        <div style=\"font-size:0.82rem;margin-bottom:0.5rem;color:var(--ink2)\">\u2464 ___ sommes vus hier au parc. (se voir)<\/div>\n        <div class=\"mcq\" id=\"qm5\">\n          <div class=\"opt\" onclick=\"M(this,'qm5',false,'stot','fm5')\"><div class=\"ol\">A<\/div>Nous sommes<\/div>\n          <div class=\"opt\" onclick=\"M(this,'qm5',true,'stot','fm5')\"><div class=\"ol\">B<\/div>Nous nous sommes<\/div>\n        <\/div>\n        <div class=\"fb\" id=\"fm5\"><strong>Nous nous sommes vus<\/strong> \u2014 \u00ab se voir \u00bb = pronominal r\u00e9ciproque. Pass\u00e9 compos\u00e9 : nous + nous + sommes + vus (accord masc. pl.).<\/div>\n      <\/div>\n\n      <div style=\"padding:0.7rem;border:1px solid var(--border);margin-bottom:0.6rem;background:var(--bg)\">\n        <div style=\"font-size:0.82rem;margin-bottom:0.5rem;color:var(--ink2)\">\u2465 Je ___ ai t\u00e9l\u00e9phon\u00e9 pour ___ souhaiter bon anniversaire.<\/div>\n        <div class=\"mcq\" id=\"qm6\">\n          <div class=\"opt\" onclick=\"M(this,'qm6',false,'stot','fm6')\"><div class=\"ol\">A<\/div>leur \u2026 leurs<\/div>\n          <div class=\"opt\" onclick=\"M(this,'qm6',true,'stot','fm6')\"><div class=\"ol\">B<\/div>leur \u2026 leur<\/div>\n          <div class=\"opt\" onclick=\"M(this,'qm6',false,'stot','fm6')\"><div class=\"ol\">C<\/div>leurs \u2026 leur<\/div>\n        <\/div>\n        <div class=\"fb\" id=\"fm6\"><strong>leur \u2026 leur<\/strong> \u2014 1er : pronom COI (= \u00e0 eux), invariable \u00b7 2e : pronom COI dans \u00ab leur souhaiter \u00bb (= souhaiter \u00e0 eux), aussi invariable.<\/div>\n      <\/div>\n\n      <div style=\"padding:0.7rem;border:1px solid var(--border);margin-bottom:0.6rem;background:var(--bg)\">\n        <div style=\"font-size:0.82rem;margin-bottom:0.5rem;color:var(--ink2)\">\u2466 ___ pr\u00e9parons bien pour les examens. (se pr\u00e9parer)<\/div>\n        <div class=\"mcq\" id=\"qm7\">\n          <div class=\"opt\" onclick=\"M(this,'qm7',false,'stot','fm7')\"><div class=\"ol\">A<\/div>Nous pr\u00e9parons<\/div>\n          <div class=\"opt\" onclick=\"M(this,'qm7',true,'stot','fm7')\"><div class=\"ol\">B<\/div>Nous nous pr\u00e9parons<\/div>\n        <\/div>\n        <div class=\"fb\" id=\"fm7\"><strong>Nous nous pr\u00e9parons<\/strong> \u2014 \u00ab se pr\u00e9parer \u00bb est pronominal r\u00e9fl\u00e9chi. <em>Ne preg\u0103tim.<\/em><\/div>\n      <\/div>\n\n      <div style=\"padding:0.7rem;border:1px solid var(--border);margin-bottom:0.6rem;background:var(--bg)\">\n        <div style=\"font-size:0.82rem;margin-bottom:0.5rem;color:var(--ink2)\">\u2467 Ils adorent ___ enfants et ___ offrent tout ce qu&#8217;ils veulent.<\/div>\n        <div class=\"mcq\" id=\"qm8\">\n          <div class=\"opt\" onclick=\"M(this,'qm8',false,'stot','fm8')\"><div class=\"ol\">A<\/div>leur \u2026 leur<\/div>\n          <div class=\"opt\" onclick=\"M(this,'qm8',false,'stot','fm8')\"><div class=\"ol\">B<\/div>leurs \u2026 leurs<\/div>\n          <div class=\"opt\" onclick=\"M(this,'qm8',true,'stot','fm8')\"><div class=\"ol\">C<\/div>leurs \u2026 leur<\/div>\n          <div class=\"opt\" onclick=\"M(this,'qm8',false,'stot','fm8')\"><div class=\"ol\">D<\/div>leur \u2026 leurs<\/div>\n        <\/div>\n        <div class=\"fb\" id=\"fm8\"><strong>leurs \u2026 leur<\/strong> \u2014 \u00ab leurs enfants \u00bb : possessif + nom pl. \u00b7 \u00ab leur offrent \u00bb : pronom COI invariable (= \u00e0 eux).<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Lacunes mixte -->\n  <div class=\"ex\">\n    <div class=\"ex-hd\">\n      <div class=\"ex-badge\" style=\"background:var(--gold)\">L<\/div>\n      <div class=\"ex-info\">\n        <div class=\"ex-tp\">Lacunes \u00b7 Grand mixte final<\/div>\n        <div class=\"ex-q\">Compl\u00e9tez : les \u00b7 leurs \u00b7 leur \u00b7 nous \u00b7 nous nous \u00b7 on<\/div>\n      <\/div>\n    <\/div>\n    <div class=\"ex-bd\">\n      <div class=\"fl\">1. Mes amis ? Je <input type=\"text\" class=\"bl\" id=\"lm1\" placeholder=\"\u2026\"> connais depuis l&#8217;enfance.<\/div>\n      <div class=\"fl\">2. Ils ont gar\u00e9 <input type=\"text\" class=\"bl\" id=\"lm2\" placeholder=\"\u2026\"> voitures devant la maison.<\/div>\n      <div class=\"fl\">3. (oral) <input type=\"text\" class=\"bl\" id=\"lm3\" placeholder=\"\u2026\"> habite ensemble depuis deux ans.<\/div>\n      <div class=\"fl\">4. <input type=\"text\" class=\"bl\" id=\"lm4\" placeholder=\"\u2026\"> t\u00e9l\u00e9phonons tous les dimanches. (se t\u00e9l\u00e9phoner)<\/div>\n      <div class=\"fl\">5. Je <input type=\"text\" class=\"bl\" id=\"lm5\" placeholder=\"\u2026\"> ai dit la v\u00e9rit\u00e9.<\/div>\n      <div class=\"fl\">6. (formel) <input type=\"text\" class=\"bl\" id=\"lm6\" placeholder=\"\u2026\"> souhaiterions reporter le rendez-vous.<\/div>\n      <div class=\"fl\">7. Ces livres sont \u00e0 toi ? \u2014 Oui, rends-<input type=\"text\" class=\"bl\" id=\"lm7\" placeholder=\"\u2026\"> moi !<\/div>\n      <div class=\"fl\">8. Ils ont vendu <input type=\"text\" class=\"bl\" id=\"lm8\" placeholder=\"\u2026\"> appartements et <input type=\"text\" class=\"bl\" id=\"lm8b\" placeholder=\"\u2026\"> a bien pay\u00e9s.<\/div>\n      <button class=\"chk-btn\" onclick=\"CBM()\">\u2713 V\u00e9rifier tout<\/button>\n      <button class=\"rev-btn\" onclick=\"rv(this,'lc5')\"><span class=\"ar\">\u25b6<\/span> Correction compl\u00e8te<\/button>\n      <div class=\"corr\" id=\"lc5\">\n        1. Je <strong>les<\/strong> connais \u2014 pronom COD (= mes amis)<br>\n        2. <strong>leurs<\/strong> voitures \u2014 possessif + nom pl.<br>\n        3. <strong>On<\/strong> habite \u2014 oral, on = nous<br>\n        4. <strong>Nous nous<\/strong> t\u00e9l\u00e9phonons \u2014 se t\u00e9l\u00e9phoner = pronominal<br>\n        5. Je <strong>leur<\/strong> ai dit \u2014 pronom COI invariable<br>\n        6. <strong>Nous<\/strong> souhaiterions \u2014 formel, on serait trop familier<br>\n        7. rends-<strong>les<\/strong>-moi \u2014 pronom COD pl. (= ces livres)<br>\n        8. <strong>leurs<\/strong> appartements (possessif pl.) \u00b7 <strong>les<\/strong> a bien pay\u00e9s (COD pl.)\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <button class=\"btn-nxt\" style=\"background:var(--ink)\" onclick=\"show('s-bil')\">Voir le bilan \u2192<\/button>\n<\/div>\n<\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550 BILAN \u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"sec\" id=\"s-bil\">\n<div class=\"sec-inner\">\n  <div class=\"sh\">\n    <div class=\"sh-tag\" style=\"color:var(--ink)\">Bilan final<\/div>\n    <h2>R\u00e9capitulatif<\/h2>\n    <div class=\"sh-sub\">Vos scores par confusion<\/div>\n  <\/div>\n\n  <div class=\"bil-grid\">\n    <div class=\"bil-card\" style=\"background:var(--c1p);border-color:var(--c1)\">\n      <div class=\"bil-n\" style=\"color:var(--c1)\" id=\"b1\">\u2014<\/div>\n      <div class=\"bil-l\">les \/ leurs<\/div>\n    <\/div>\n    <div class=\"bil-card\" style=\"background:var(--c2p);border-color:var(--c2)\">\n      <div class=\"bil-n\" style=\"color:var(--c2)\" id=\"b2\">\u2014<\/div>\n      <div class=\"bil-l\">nous \/ nous nous<\/div>\n    <\/div>\n    <div class=\"bil-card\" style=\"background:var(--c3p);border-color:var(--c3)\">\n      <div class=\"bil-n\" style=\"color:var(--c3)\" id=\"b3\">\u2014<\/div>\n      <div class=\"bil-l\">on \/ nous<\/div>\n    <\/div>\n    <div class=\"bil-card\" style=\"background:var(--c4p);border-color:var(--c4)\">\n      <div class=\"bil-n\" style=\"color:var(--c4)\" id=\"b4\">\u2014<\/div>\n      <div class=\"bil-l\">leur \/ leurs<\/div>\n    <\/div>\n  <\/div>\n\n  <div style=\"background:var(--white);border:1px solid var(--border);padding:1.5rem;margin-bottom:1.5rem;font-size:0.84rem\">\n    <div style=\"font-family:'Spectral',serif;font-size:1.1rem;margin-bottom:1rem;font-weight:600\">\ud83d\udccc Les 4 r\u00e8gles \u00e0 retenir<\/div>\n    <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:0.8rem\">\n      <div style=\"background:var(--c1p);padding:0.8rem;border-left:3px solid var(--c1)\">\n        <strong style=\"color:var(--c1)\">les vs leurs<\/strong><br>\n        <strong>leurs<\/strong> \u2192 toujours suivi d&#8217;un nom<br>\n        <strong>les<\/strong> \u2192 remplace un nom (pronom)\n      <\/div>\n      <div style=\"background:var(--c2p);padding:0.8rem;border-left:3px solid var(--c2)\">\n        <strong style=\"color:var(--c2)\">nous vs nous nous<\/strong><br>\n        <strong>nous nous<\/strong> \u2192 verbe pronominal (se\u2026)<br>\n        <strong>nous<\/strong> \u2192 verbe non pronominal\n      <\/div>\n      <div style=\"background:var(--c3p);padding:0.8rem;border-left:3px solid var(--c3)\">\n        <strong style=\"color:var(--c3)\">on vs nous<\/strong><br>\n        <strong>on<\/strong> \u2192 oral\/familier, verbe au sing.<br>\n        <strong>nous<\/strong> \u2192 \u00e9crit\/formel\n      <\/div>\n      <div style=\"background:var(--c4p);padding:0.8rem;border-left:3px solid var(--c4)\">\n        <strong style=\"color:var(--c4)\">leur vs leurs<\/strong><br>\n        <strong>leur<\/strong> pronom COI \u2192 invariable !<br>\n        <strong>leur\/leurs<\/strong> possessif \u2192 accord avec le nom\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div style=\"text-align:center;padding:2rem 0 1rem\">\n    <div style=\"font-family:'Spectral',serif;font-size:2rem;font-style:italic;color:var(--gold);margin-bottom:0.4rem\">Bravo !<\/div>\n    <div style=\"color:var(--muted);font-size:0.82rem\">Confusions fr\u00e9quentes \u00b7 B2-C1 \u00b7 Lec\u021bie 9<\/div>\n    <button class=\"btn-nxt\" style=\"background:var(--ink);margin-top:1rem\" onclick=\"show('s-les')\">\u21ba Recommencer<\/button>\n  <\/div>\n<\/div>\n<\/div>\n\n<script>\n\/\/ Scores\nlet sc = {s1:0, s2:0, s3:0, s4:0, stot:0};\nlet done = {p1:0,p1t:8, p2:0,p2t:7, p3:0,p3t:7, p4:0,p4t:8};\n\nconst secs = ['s-les','s-nous','s-on','s-leur','s-mix','s-bil'];\nfunction show(id) {\n  document.querySelectorAll('.sec').forEach(s => s.classList.remove('active'));\n  document.querySelectorAll('.nb').forEach(b => b.classList.remove('a1','a2','a3','a4','ab'));\n  document.getElementById(id).classList.add('active');\n  const idx = secs.indexOf(id);\n  const cls = ['a1','a2','a3','a4','ab','ab'];\n  document.querySelectorAll('.nb')[idx]?.classList.add(cls[idx]);\n  window.scrollTo({top:0,behavior:'smooth'});\n  if (id === 's-bil') updateBilan();\n}\n\nfunction upd() {\n  ['s1','s2','s3','s4','stot'].forEach(k => {\n    const el = document.getElementById(k);\n    if (el) el.textContent = sc[k];\n  });\n}\n\nfunction updateBilan() {\n  document.getElementById('b1').textContent = sc.s1;\n  document.getElementById('b2').textContent = sc.s2;\n  document.getElementById('b3').textContent = sc.s3;\n  document.getElementById('b4').textContent = sc.s4;\n}\n\nfunction M(el, gid, correct, scoreKey, fbId) {\n  const g = document.getElementById(gid);\n  if (g.querySelector('.correct,.wrong')) return;\n  g.querySelectorAll('.opt').forEach(o => o.classList.add('disabled'));\n  el.classList.add(correct ? 'correct' : 'wrong');\n  if (!correct) g.querySelectorAll('.opt').forEach(o => {\n    if (o.getAttribute('onclick')?.includes('true')) o.classList.add('correct');\n  });\n  const fb = document.getElementById(fbId);\n  if (fb) fb.classList.add('show', correct ? 'ok' : 'ko');\n  if (correct) { sc[scoreKey]++; sc.stot++; upd(); }\n\n  \/\/ Progress\n  const pMap = {s1:'p1',s2:'p2',s3:'p3',s4:'p4'};\n  const pKey = pMap[scoreKey];\n  if (pKey) {\n    done[pKey]++;\n    const pct = done[pKey] \/ done[pKey+'t'] * 100;\n    document.getElementById(pKey).style.width = pct + '%';\n    document.getElementById('p'+pKey[1]+'l') && (document.getElementById('pl'+pKey[1]).textContent = done[pKey] + ' \/ ' + done[pKey+'t'] + ' r\u00e9pondues');\n  }\n}\n\nfunction CB(ids, answers, scoreKey, corrId) {\n  let pts = 0;\n  ids.forEach((id,i) => {\n    const el = document.getElementById(id);\n    if (!el) return;\n    const v = el.value.trim().toLowerCase().replace(\/'\/g,\"'\");\n    const a = answers[i].toLowerCase().replace(\/'\/g,\"'\");\n    if (v === a) { el.classList.add('ok'); el.classList.remove('ko'); pts++; }\n    else { el.classList.add('ko'); el.classList.remove('ok'); }\n  });\n  sc[scoreKey] += pts; sc.stot += pts; upd();\n}\n\nfunction CBM() {\n  const map = [\n    ['lm1','les','stot'],['lm2','leurs','stot'],['lm3','on','stot'],\n    ['lm4','nous nous','stot'],['lm5','leur','stot'],['lm6','nous','stot'],\n    ['lm7','les','stot'],['lm8','leurs','stot'],['lm8b','les','stot']\n  ];\n  let pts = 0;\n  map.forEach(([id, ans]) => {\n    const el = document.getElementById(id);\n    if (!el) return;\n    const v = el.value.trim().toLowerCase().replace(\/'\/g,\"'\");\n    if (v === ans) { el.classList.add('ok'); el.classList.remove('ko'); pts++; }\n    else { el.classList.add('ko'); el.classList.remove('ok'); }\n  });\n  sc.stot += pts; upd();\n}\n\nfunction rv(btn, id) {\n  const box = document.getElementById(id);\n  if (!box) return;\n  const open = box.classList.contains('show');\n  box.classList.toggle('show', !open);\n  btn.classList.toggle('open', !open);\n  btn.querySelector('.ar').textContent = open ? '\u25b6' : '\u25bc';\n}\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Confusions fr\u00e9quentes \u00b7 Pronoms fran\u00e7ais B2-C1 \u00b7 Lec\u021bie 9 \u00b7 Pronoms \u2014 Confusions fr\u00e9quentes Les pi\u00e8ges des pronomsfran\u00e7ais les\/leurs \u00b7 nous\/nous nous \u00b7 on\/nous \u00b7 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"pmpro_default_level":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"class_list":["post-1738","page","type-page","status-publish","hentry","pmpro-has-access"],"aioseo_notices":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages\/1738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1738"}],"version-history":[{"count":1,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages\/1738\/revisions"}],"predecessor-version":[{"id":1739,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages\/1738\/revisions\/1739"}],"wp:attachment":[{"href":"https:\/\/geoisteaching.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}