{"id":1683,"date":"2026-05-10T06:35:00","date_gmt":"2026-05-10T06:35:00","guid":{"rendered":"https:\/\/geoisteaching.com\/?page_id=1683"},"modified":"2026-05-10T06:35:04","modified_gmt":"2026-05-10T06:35:04","slug":"b2-c1_4","status":"publish","type":"page","link":"https:\/\/geoisteaching.com\/?page_id=1683","title":{"rendered":"B2-C1_4"},"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>Le\u00e7on B2-C1 \u2013 Le Sport<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&#038;family=DM+Sans:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --navy: #0D1B2A;\n    --navy-mid: #1B3A5C;\n    --blue: #1D6FA4;\n    --blue-light: #4DA8DA;\n    --blue-pale: #E8F4FD;\n    --red: #C0392B;\n    --red-pale: #FDEDEC;\n    --amber: #D4830A;\n    --amber-pale: #FFF3CD;\n    --cream: #F7F9FC;\n    --dark: #0D1B2A;\n    --mid: #2C3E50;\n    --muted: #6B7C8D;\n    --green: #1A7A4A;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: 'DM Sans', sans-serif;\n    background: var(--cream);\n    color: var(--dark);\n    font-size: 17px;\n    line-height: 1.7;\n  }\n\n  \/* HEADER *\/\n  .lesson-header {\n    background: var(--navy);\n    padding: 40px 60px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .lesson-header::before {\n    content: '';\n    position: absolute;\n    right: -60px;\n    top: -60px;\n    width: 300px;\n    height: 300px;\n    border-radius: 50%;\n    border: 40px solid rgba(77,168,218,0.06);\n    pointer-events: none;\n  }\n\n  .lesson-header::after {\n    content: '';\n    position: absolute;\n    right: 80px;\n    bottom: -40px;\n    width: 180px;\n    height: 180px;\n    border-radius: 50%;\n    border: 30px solid rgba(77,168,218,0.04);\n    pointer-events: none;\n  }\n\n  .lesson-badge {\n    background: var(--blue);\n    color: #fff;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    padding: 5px 14px;\n    margin-bottom: 14px;\n    display: inline-block;\n  }\n\n  .lesson-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(26px, 3vw, 46px);\n    color: #fff;\n    line-height: 1.15;\n    position: relative;\n    z-index: 1;\n  }\n\n  .lesson-title em {\n    font-style: italic;\n    color: var(--blue-light);\n  }\n\n  .lesson-meta {\n    display: flex;\n    gap: 24px;\n    margin-top: 18px;\n    flex-wrap: wrap;\n    position: relative;\n    z-index: 1;\n  }\n\n  .meta-item { color: rgba(255,255,255,0.5); font-size: 14px; letter-spacing: 0.5px; }\n\n  \/* NAV *\/\n  .section-nav {\n    background: #fff;\n    border-bottom: 1px solid rgba(13,27,42,0.1);\n    padding: 0 60px;\n    display: flex;\n    overflow-x: auto;\n    position: sticky;\n    top: 0;\n    z-index: 100;\n    box-shadow: 0 2px 12px rgba(0,0,0,0.05);\n  }\n\n  .sec-btn {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    letter-spacing: 0.5px;\n    color: var(--muted);\n    background: none;\n    border: none;\n    border-bottom: 2px solid transparent;\n    padding: 18px 16px;\n    cursor: pointer;\n    white-space: nowrap;\n    transition: color 0.2s, border-color 0.2s;\n  }\n  .sec-btn:hover { color: var(--blue); }\n  .sec-btn.active { color: var(--blue); border-bottom-color: var(--blue); font-weight: 600; }\n\n  \/* PROGRESS *\/\n  .progress-bar {\n    background: var(--blue-pale);\n    padding: 11px 60px;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    border-bottom: 1px solid rgba(13,27,42,0.06);\n  }\n\n  .progress-label { font-size: 12px; letter-spacing: 1px; text-transform: uppercase; color: var(--muted); white-space: nowrap; }\n  .progress-track { flex: 1; height: 4px; background: rgba(29,111,164,0.15); border-radius: 2px; }\n  .progress-fill { height: 100%; background: var(--blue); border-radius: 2px; transition: width 0.4s ease; }\n  .progress-pct { font-size: 13px; font-weight: 600; color: var(--blue); white-space: nowrap; }\n\n  \/* SECTIONS *\/\n  .section { display: none; padding: 60px; max-width: 1100px; margin: 0 auto; animation: fadeIn 0.3s ease; }\n  .section.active { display: block; }\n\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .section-label { font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--blue); margin-bottom: 10px; }\n  .section-title { font-family: 'Playfair Display', serif; font-size: clamp(28px, 3vw, 42px); color: var(--dark); margin-bottom: 40px; line-height: 1.2; }\n\n  \/* TTS *\/\n  .tts-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    background: none;\n    border: 1.5px solid var(--blue);\n    color: var(--blue);\n    font-size: 12px;\n    font-weight: 500;\n    padding: 3px 10px;\n    border-radius: 20px;\n    cursor: pointer;\n    transition: all 0.2s;\n    vertical-align: middle;\n    margin-left: 6px;\n    font-family: 'DM Sans', sans-serif;\n  }\n  .tts-btn:hover, .tts-btn.playing { background: var(--blue); color: #fff; }\n\n  \/* PLAN *\/\n  .timeline { position: relative; padding-left: 32px; border-left: 2px solid var(--blue-pale); }\n  .timeline-item { position: relative; margin-bottom: 32px; }\n  .timeline-item::before {\n    content: '';\n    position: absolute;\n    left: -39px; top: 6px;\n    width: 12px; height: 12px;\n    border-radius: 50%;\n    background: var(--blue);\n    border: 2px solid var(--cream);\n    box-shadow: 0 0 0 2px var(--blue);\n  }\n  .timeline-time { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 4px; }\n  .timeline-title { font-family: 'Playfair Display', serif; font-size: 19px; color: var(--dark); margin-bottom: 6px; }\n  .timeline-desc { color: var(--muted); font-size: 15px; line-height: 1.6; }\n\n  \/* TEXTES *\/\n  .text-card {\n    background: #fff;\n    border: 1px solid rgba(13,27,42,0.1);\n    border-top: 4px solid var(--blue);\n    padding: 36px 40px;\n    margin-bottom: 32px;\n  }\n\n  .text-tag { font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--blue); margin-bottom: 8px; }\n  .text-title { font-family: 'Playfair Display', serif; font-size: 22px; color: var(--dark); margin-bottom: 20px; }\n  .text-body p { margin-bottom: 16px; line-height: 1.85; color: var(--mid); }\n  .text-body p:last-child { margin-bottom: 0; }\n\n  .questions-box {\n    background: var(--blue-pale);\n    padding: 24px 28px;\n    margin-top: 24px;\n    border-left: 3px solid var(--blue);\n  }\n  .questions-box h4 { font-family: 'Playfair Display', serif; font-size: 17px; color: var(--dark); margin-bottom: 14px; }\n  .questions-box ol { padding-left: 20px; }\n  .questions-box li { margin-bottom: 8px; color: var(--mid); font-size: 15px; line-height: 1.6; }\n\n  \/* VOCABULAIRE *\/\n  .vocab-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }\n  .vocab-item {\n    background: #fff;\n    border: 1px solid rgba(13,27,42,0.1);\n    border-left: 3px solid transparent;\n    padding: 16px 20px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    transition: border-left-color 0.2s;\n  }\n  .vocab-item:hover { border-left-color: var(--blue); }\n  .vocab-num { font-size: 11px; font-weight: 700; color: var(--blue); min-width: 24px; margin-top: 3px; }\n  .vocab-content { flex: 1; }\n  .vocab-word { font-family: 'Playfair Display', serif; font-size: 18px; color: var(--dark); margin-bottom: 2px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n  .vocab-type { font-size: 11px; color: var(--muted); font-style: italic; font-family: 'DM Sans', sans-serif; }\n  .vocab-def { font-size: 14px; color: var(--muted); line-height: 1.5; }\n  .vocab-example { font-size: 13px; color: var(--blue); font-style: italic; margin-top: 4px; }\n\n  \/* GRAMMAIRE *\/\n  .gram-block { background: #fff; border-left: 4px solid var(--blue); padding: 28px 32px; margin-bottom: 28px; }\n  .gram-title { font-family: 'Playfair Display', serif; font-size: 21px; color: var(--dark); margin-bottom: 14px; }\n\n  .gram-table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 15px; }\n  .gram-table th { background: var(--navy); color: #fff; padding: 10px 16px; text-align: left; font-weight: 500; letter-spacing: 0.5px; }\n  .gram-table td { padding: 10px 16px; border-bottom: 1px solid rgba(13,27,42,0.07); color: var(--mid); }\n  .gram-table tr:last-child td { border-bottom: none; }\n  .gram-table tr:nth-child(even) td { background: var(--blue-pale); }\n\n  .gram-note { background: var(--amber-pale); border-left: 3px solid var(--amber); padding: 12px 16px; font-size: 14px; color: var(--mid); margin-top: 16px; }\n\n  \/* EXERCICES *\/\n  .exo-block { background: #fff; border: 1px solid rgba(13,27,42,0.1); padding: 28px 32px; margin-bottom: 24px; }\n  .exo-title { font-family: 'Playfair Display', serif; font-size: 19px; color: var(--dark); margin-bottom: 16px; }\n  .exo-item { margin-bottom: 14px; color: var(--mid); font-size: 15px; line-height: 1.8; }\n\n  .exo-blank {\n    display: inline-block;\n    border: none;\n    border-bottom: 2px solid var(--blue);\n    min-width: 130px;\n    margin: 0 4px;\n    padding: 2px 6px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 15px;\n    color: var(--red);\n    background: transparent;\n    outline: none;\n    vertical-align: baseline;\n    font-weight: 500;\n  }\n  .exo-blank:focus { border-bottom-color: var(--red); background: rgba(192,57,43,0.04); }\n  .exo-blank::placeholder { color: rgba(29,111,164,0.3); font-style: italic; font-weight: 300; }\n\n  .reveal-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 16px;\n    background: none;\n    border: 1.5px solid var(--blue);\n    color: var(--blue);\n    font-size: 13px;\n    font-weight: 500;\n    padding: 7px 16px;\n    cursor: pointer;\n    font-family: 'DM Sans', sans-serif;\n    transition: all 0.2s;\n  }\n  .reveal-btn:hover { background: var(--blue); color: #fff; }\n\n  .answer-box { display: none; background: var(--blue-pale); border-left: 3px solid var(--blue); padding: 14px 18px; margin-top: 12px; font-size: 15px; color: var(--mid); }\n  .answer-box.visible { display: block; }\n  .answer-box strong { color: var(--dark); }\n\n  \/* ORAL *\/\n  .oral-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 32px; }\n  .oral-card { background: #fff; border: 1px solid rgba(13,27,42,0.1); padding: 24px; transition: border-color 0.2s; }\n  .oral-card:hover { border-color: var(--blue); }\n  .oral-num { font-size: 28px; font-family: 'Playfair Display', serif; color: var(--blue-pale); line-height: 1; margin-bottom: 10px; }\n  .oral-q { color: var(--mid); font-size: 15px; line-height: 1.6; }\n\n  .role-play { background: var(--navy); padding: 32px 36px; color: #fff; }\n  .role-play h3 { font-family: 'Playfair Display', serif; font-size: 22px; color: var(--blue-light); margin-bottom: 16px; }\n  .role-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 20px; }\n  .role-card { background: rgba(255,255,255,0.06); border-top: 3px solid var(--blue-light); padding: 20px; }\n  .role-card h4 { color: var(--blue-light); font-size: 14px; font-weight: 600; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase; }\n  .role-card p { font-size: 14px; color: rgba(255,255,255,0.7); line-height: 1.6; }\n\n  \/* TRADUCTION *\/\n  .trad-item { background: #fff; border: 1px solid rgba(13,27,42,0.1); padding: 22px 26px; margin-bottom: 16px; }\n  .trad-num { font-size: 11px; font-weight: 700; letter-spacing: 2px; color: var(--blue); margin-bottom: 6px; text-transform: uppercase; }\n  .trad-ro { font-size: 16px; color: var(--dark); margin-bottom: 14px; font-style: italic; }\n\n  .trad-textarea {\n    width: 100%;\n    border: 1.5px solid rgba(13,27,42,0.15);\n    padding: 12px 14px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 15px;\n    color: var(--dark);\n    background: var(--cream);\n    resize: vertical;\n    min-height: 70px;\n    outline: none;\n    transition: border-color 0.2s;\n  }\n  .trad-textarea:focus { border-color: var(--blue); }\n  .word-count { font-size: 12px; color: var(--muted); text-align: right; margin-top: 4px; }\n\n  \/* CLAVIER *\/\n  .clavier { background: var(--navy); padding: 16px 20px; margin: 20px 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n  .clavier-label { color: rgba(255,255,255,0.5); font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-right: 8px; width: 100%; }\n  .key-btn { background: rgba(255,255,255,0.08); color: #fff; border: 1px solid rgba(255,255,255,0.15); padding: 7px 12px; font-size: 16px; cursor: pointer; font-family: 'DM Sans', sans-serif; transition: background 0.15s; border-radius: 4px; }\n  .key-btn:hover { background: var(--blue); border-color: var(--blue); }\n\n  \/* BILAN *\/\n  .bilan-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }\n  .bilan-item { display: flex; align-items: flex-start; gap: 14px; padding: 16px 20px; background: #fff; border: 2px solid transparent; cursor: pointer; transition: all 0.2s; user-select: none; }\n  .bilan-item.checked { border-color: var(--blue); background: var(--blue-pale); }\n  .bilan-check { width: 22px; height: 22px; border: 2px solid rgba(29,111,164,0.3); border-radius: 50%; flex-shrink: 0; margin-top: 1px; display: flex; align-items: center; justify-content: center; font-size: 12px; transition: all 0.2s; }\n  .bilan-item.checked .bilan-check { background: var(--blue); border-color: var(--blue); color: #fff; }\n  .bilan-text { font-size: 15px; color: var(--mid); line-height: 1.5; }\n  .bilan-item.checked .bilan-text { color: var(--blue); text-decoration: line-through; text-decoration-color: rgba(29,111,164,0.4); }\n\n  .bilan-score { background: var(--navy); color: #fff; padding: 20px 28px; margin-top: 24px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }\n  .score-text { font-size: 15px; color: rgba(255,255,255,0.6); }\n  .score-num { font-family: 'Playfair Display', serif; font-size: 32px; color: var(--blue-light); }\n\n  \/* STAT BOXES *\/\n  .stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-bottom: 40px; }\n  .stat-box { background: var(--navy); color: #fff; padding: 24px; text-align: center; }\n  .stat-big { font-family: 'Playfair Display', serif; font-size: 42px; color: var(--blue-light); line-height: 1; margin-bottom: 8px; }\n  .stat-desc { font-size: 13px; color: rgba(255,255,255,0.55); letter-spacing: 1px; text-transform: uppercase; }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 768px) {\n    .lesson-header { padding: 30px 20px; }\n    .section-nav { padding: 0 10px; }\n    .section { padding: 30px 20px; }\n    .progress-bar { padding: 10px 20px; }\n    .vocab-grid, .oral-grid, .bilan-grid, .role-cards, .stat-row { grid-template-columns: 1fr; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- HEADER -->\n<div class=\"lesson-header\">\n  <div class=\"lesson-badge\">Le\u00e7on 7 \u00b7 B2-C1<\/div>\n  <h1 class=\"lesson-title\">Le Sport \u2014<br><em>entre passion, soci\u00e9t\u00e9 et performance<\/em><\/h1>\n  <div class=\"lesson-meta\">\n    <span class=\"meta-item\">\u23f1 2 heures<\/span>\n    <span class=\"meta-item\">\ud83d\udcda Niveau B2-C1<\/span>\n    <span class=\"meta-item\">\u26bd Sport \u00b7 Sant\u00e9 \u00b7 Comp\u00e9tition \u00b7 Soci\u00e9t\u00e9<\/span>\n    <span class=\"meta-item\">\ud83d\udd0a Audio int\u00e9gr\u00e9<\/span>\n  <\/div>\n<\/div>\n\n<!-- PROGRESS -->\n<div class=\"progress-bar\">\n  <span class=\"progress-label\">Progression<\/span>\n  <div class=\"progress-track\"><div class=\"progress-fill\" id=\"progressFill\" style=\"width:12%\"><\/div><\/div>\n  <span class=\"progress-pct\" id=\"progressPct\">1\/8<\/span>\n<\/div>\n\n<!-- NAV -->\n<nav class=\"section-nav\">\n  <button class=\"sec-btn active\" onclick=\"showSection(0)\">\ud83d\udccb Plan<\/button>\n  <button class=\"sec-btn\" onclick=\"showSection(1)\">\ud83d\udcd6 Compr\u00e9hension<\/button>\n  <button class=\"sec-btn\" onclick=\"showSection(2)\">\ud83d\udcdd Vocabulaire<\/button>\n  <button class=\"sec-btn\" onclick=\"showSection(3)\">\u2699\ufe0f Grammaire<\/button>\n  <button class=\"sec-btn\" onclick=\"showSection(4)\">\u270f\ufe0f Exercices<\/button>\n  <button class=\"sec-btn\" onclick=\"showSection(5)\">\ud83d\udde3\ufe0f Expression orale<\/button>\n  <button class=\"sec-btn\" onclick=\"showSection(6)\">\ud83d\udd04 Traduction<\/button>\n  <button class=\"sec-btn\" onclick=\"showSection(7)\">\u2705 Bilan<\/button>\n<\/nav>\n\n<!-- \u2550\u2550 SECTION 0 \u2013 PLAN \u2550\u2550 -->\n<div class=\"section active\" id=\"sec0\">\n  <div class=\"section-label\">Aper\u00e7u de la le\u00e7on<\/div>\n  <h2 class=\"section-title\">Plan de la s\u00e9ance<\/h2>\n\n  <div class=\"stat-row\">\n    <div class=\"stat-box\">\n      <div class=\"stat-big\">3,6<span style=\"font-size:24px;\">Mrd<\/span><\/div>\n      <div class=\"stat-desc\">t\u00e9l\u00e9spectateurs des JO de Paris 2024<\/div>\n    <\/div>\n    <div class=\"stat-box\">\n      <div class=\"stat-big\">50<span style=\"font-size:24px;\">%<\/span><\/div>\n      <div class=\"stat-desc\">des Fran\u00e7ais pratiquent un sport r\u00e9guli\u00e8rement<\/div>\n    <\/div>\n    <div class=\"stat-box\">\n      <div class=\"stat-big\">\u20ac900<span style=\"font-size:24px;\">M<\/span><\/div>\n      <div class=\"stat-desc\">salaire annuel de Kylian Mbapp\u00e9 en 2024<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"timeline\">\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">0:00 \u2013 0:20<\/div>\n      <div class=\"timeline-title\">Mise en route<\/div>\n      <div class=\"timeline-desc\">Discussion libre : pratiquez-vous un sport ? Quel(s) sport(s) suivez-vous ? Le sport est-il important dans votre culture ? Quels sportifs roumains admirez-vous ?<\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">0:20 \u2013 0:45<\/div>\n      <div class=\"timeline-title\">Compr\u00e9hension \u00e9crite &#038; orale<\/div>\n      <div class=\"timeline-desc\">Trois textes : le sport comme outil d&#8217;int\u00e9gration sociale, le dopage et l&#8217;\u00e9thique sportive, et les femmes dans le sport de haut niveau.<\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">0:45 \u2013 1:05<\/div>\n      <div class=\"timeline-title\">Vocabulaire th\u00e9matique<\/div>\n      <div class=\"timeline-desc\">20 mots et expressions du vocabulaire sportif, m\u00e9diatique et sociologique. \u00c9coute, r\u00e9p\u00e9tition, mise en contexte.<\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">1:05 \u2013 1:25<\/div>\n      <div class=\"timeline-title\">Points de grammaire<\/div>\n      <div class=\"timeline-desc\">Le discours rapport\u00e9 pour relater des d\u00e9clarations sportives \u00b7 La nominalisation pour un style soutenu \u00b7 Les pr\u00e9positions et tournures pour exprimer la comparaison.<\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">1:25 \u2013 1:45<\/div>\n      <div class=\"timeline-title\">Exercices &#038; traduction<\/div>\n      <div class=\"timeline-desc\">Exercices de grammaire appliqu\u00e9s au contexte sportif. Traduction de phrases li\u00e9es au sport, \u00e0 la comp\u00e9tition et \u00e0 la sant\u00e9.<\/div>\n    <\/div>\n    <div class=\"timeline-item\">\n      <div class=\"timeline-time\">1:45 \u2013 2:00<\/div>\n      <div class=\"timeline-title\">Expression orale &#038; bilan<\/div>\n      <div class=\"timeline-desc\">D\u00e9bat : les salaires des sportifs professionnels sont-ils justifi\u00e9s ? Jeu de r\u00f4le entre un athl\u00e8te et un journaliste sportif apr\u00e8s une comp\u00e9tition.<\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550 SECTION 1 \u2013 COMPR\u00c9HENSION \u2550\u2550 -->\n<div class=\"section\" id=\"sec1\">\n  <div class=\"section-label\">Compr\u00e9hension \u00e9crite &#038; orale<\/div>\n  <h2 class=\"section-title\">Trois angles sur le sport<\/h2>\n\n  <!-- TEXTE 1 -->\n  <div class=\"text-card\">\n    <div class=\"text-tag\">Texte 1 \u00b7 Article sociologique<\/div>\n    <h3 class=\"text-title\">Le sport, vecteur d&#8217;int\u00e9gration ou miroir des in\u00e9galit\u00e9s ?\n      <button class=\"tts-btn\" onclick=\"ttsRead(this,'txt1')\"><span>\ud83d\udd0a<\/span> \u00c9couter<\/button>\n    <\/h3>\n    <div class=\"text-body\" id=\"txt1\">\n      <p>On aime \u00e0 r\u00e9p\u00e9ter que le sport est universel, qu&#8217;il transcende les fronti\u00e8res, les langues et les classes sociales. Cette image id\u00e9alis\u00e9e du sport comme grand f\u00e9d\u00e9rateur a une part de v\u00e9rit\u00e9 : un terrain de football ou un gymnase peuvent effectivement devenir des espaces o\u00f9 des enfants d&#8217;origines tr\u00e8s diff\u00e9rentes apprennent \u00e0 jouer ensemble, \u00e0 respecter des r\u00e8gles communes, \u00e0 former une \u00e9quipe. Mais cette vision romantique occulte une r\u00e9alit\u00e9 plus complexe.<\/p>\n      <p>Car le sport de haut niveau reproduit et amplifie souvent les in\u00e9galit\u00e9s sociales existantes. L&#8217;acc\u00e8s \u00e0 l&#8217;entra\u00eenement de qualit\u00e9, aux \u00e9quipements modernes, aux coaches exp\u00e9riment\u00e9s et aux structures de soutien psychologique co\u00fbte cher. Tr\u00e8s cher. Dans les pays o\u00f9 les infrastructures sportives publiques sont insuffisantes, seules les familles ais\u00e9es peuvent offrir \u00e0 leurs enfants les conditions optimales pour exceller. Le tennis, la natation, le golf et l&#8217;\u00e9quitation restent ainsi largement des sports de privil\u00e9gi\u00e9s.<\/p>\n      <p>En France, une \u00e9tude de l&#8217;INJEP (Institut national de la jeunesse et de l&#8217;\u00e9ducation populaire) a montr\u00e9 que les enfants des quartiers populaires pratiquent en moyenne 30 % moins de sport organis\u00e9 que ceux des quartiers favoris\u00e9s, faute de clubs accessibles, de moyens financiers ou de disponibilit\u00e9 parentale. Paradoxalement, ce sont souvent ces m\u00eames quartiers qui produisent les plus grands champions de football ou d&#8217;athl\u00e9tisme \u2014 des sports dont les barri\u00e8res \u00e0 l&#8217;entr\u00e9e sont relativement basses.<\/p>\n      <p>Le sport peut donc \u00eatre \u00e0 la fois un ascenseur social exceptionnel pour quelques-uns et un reflet cruel des in\u00e9galit\u00e9s pour le plus grand nombre. La question n&#8217;est pas de savoir si le sport est bon ou mauvais pour la soci\u00e9t\u00e9, mais comment cr\u00e9er les conditions pour que ses vertus \u2014 discipline, d\u00e9passement de soi, esprit collectif \u2014 soient accessibles \u00e0 tous, et pas seulement \u00e0 ceux qui en ont les moyens.<\/p>\n    <\/div>\n    <div class=\"questions-box\">\n      <h4>Questions de compr\u00e9hension<\/h4>\n      <ol>\n        <li>Quelle image du sport l&#8217;auteur remet-il en question dans ce texte ? En quoi est-elle \u00ab romantique \u00bb ?<\/li>\n        <li>Pourquoi les sports comme le tennis, la natation ou le golf sont-ils qualifi\u00e9s de \u00ab sports de privil\u00e9gi\u00e9s \u00bb ?<\/li>\n        <li>Expliquez le paradoxe mentionn\u00e9 dans le troisi\u00e8me paragraphe concernant les quartiers populaires.<\/li>\n        <li>Quelle question centrale l&#8217;auteur pose-t-il en conclusion ? Reformulez-la avec vos propres mots.<\/li>\n      <\/ol>\n    <\/div>\n  <\/div>\n\n  <!-- TEXTE 2 -->\n  <div class=\"text-card\">\n    <div class=\"text-tag\">Texte 2 \u00b7 Reportage d&#8217;investigation<\/div>\n    <h3 class=\"text-title\">Le dopage : quand la victoire devient une tricherie organis\u00e9e\n      <button class=\"tts-btn\" onclick=\"ttsRead(this,'txt2')\"><span>\ud83d\udd0a<\/span> \u00c9couter<\/button>\n    <\/h3>\n    <div class=\"text-body\" id=\"txt2\">\n      <p>En juillet 2023, le monde du tennis a \u00e9t\u00e9 secou\u00e9 par une r\u00e9v\u00e9lation explosive : plusieurs joueurs class\u00e9s dans le top 50 mondial avaient b\u00e9n\u00e9fici\u00e9 de \u00ab d\u00e9rogations d&#8217;usage th\u00e9rapeutique \u00bb pour des substances normalement interdites. Cette affaire n&#8217;est que la derni\u00e8re d&#8217;une longue s\u00e9rie de scandales qui illustrent la relation trouble entre sport de haut niveau et dopage.<\/p>\n      <p>Le ph\u00e9nom\u00e8ne n&#8217;est pas nouveau. Des ann\u00e9es 1950 aux ann\u00e9es 1990, le cyclisme professionnel a fonctionn\u00e9 selon des r\u00e8gles non \u00e9crites d&#8217;omerta collective. Lance Armstrong, sept fois vainqueur du Tour de France, a symbolis\u00e9 \u00e0 lui seul la m\u00e9canique perverse du dopage institutionnalis\u00e9 : m\u00e9decins complices, entourages silencieux, syst\u00e8mes de contr\u00f4le contourn\u00e9s. Sa d\u00e9ch\u00e9ance, en 2012, a ouvert les yeux sur l&#8217;ampleur du ph\u00e9nom\u00e8ne \u2014 mais n&#8217;a pas suffi \u00e0 l&#8217;\u00e9radiquer.<\/p>\n      <p>Ce qui rend le probl\u00e8me si complexe, c&#8217;est la pression \u00e9conomique consid\u00e9rable qui p\u00e8se sur les athl\u00e8tes d&#8217;\u00e9lite. Un champion olympique peut g\u00e9n\u00e9rer des millions d&#8217;euros de revenus publicitaires pour ses sponsors. Un athl\u00e8te qui rate une finale ou rate le podium devient rapidement invisible sur le march\u00e9 du sport. Dans ce contexte, la tentation du dopage n&#8217;est pas simplement morale \u2014 c&#8217;est une question de survie professionnelle et financi\u00e8re.<\/p>\n      <p>Les agences antidopage multiplient les tests, les analyses et les sanctions. Mais la course-poursuite entre les fraudeurs et les contr\u00f4leurs ressemble \u00e0 une partie d&#8217;\u00e9checs sans fin : chaque nouvelle substance interdite pousse les scientifiques au service du dopage \u00e0 en d\u00e9velopper une nouvelle, ind\u00e9tectable pendant des ann\u00e9es. La solution, selon de nombreux experts, ne viendra pas uniquement de la r\u00e9pression, mais d&#8217;une refonte profonde des valeurs du sport de comp\u00e9tition.<\/p>\n    <\/div>\n    <div class=\"questions-box\">\n      <h4>Questions de compr\u00e9hension<\/h4>\n      <ol>\n        <li>Qu&#8217;est-ce que le terme \u00ab omerta \u00bb signifie dans le contexte du cyclisme professionnel ?<\/li>\n        <li>Quelles sont les pressions \u00e9conomiques qui poussent les athl\u00e8tes vers le dopage selon l&#8217;auteur ?<\/li>\n        <li>Expliquez la m\u00e9taphore de \u00ab la partie d&#8217;\u00e9checs sans fin \u00bb utilis\u00e9e dans le dernier paragraphe.<\/li>\n        <li>Quelle solution les experts proposent-ils pour lutter contre le dopage ? \u00cates-vous d&#8217;accord ?<\/li>\n      <\/ol>\n    <\/div>\n  <\/div>\n\n  <!-- TEXTE 3 -->\n  <div class=\"text-card\">\n    <div class=\"text-tag\">Texte 3 \u00b7 Tribune f\u00e9ministe<\/div>\n    <h3 class=\"text-title\">Les femmes dans le sport : des victoires \u00e0 deux vitesses\n      <button class=\"tts-btn\" onclick=\"ttsRead(this,'txt3')\"><span>\ud83d\udd0a<\/span> \u00c9couter<\/button>\n    <\/h3>\n    <div class=\"text-body\" id=\"txt3\">\n      <p>Aux Jeux olympiques de Paris 2024, pour la premi\u00e8re fois dans l&#8217;histoire, la parit\u00e9 hommes-femmes a \u00e9t\u00e9 atteinte parmi les athl\u00e8tes participants. Une avanc\u00e9e historique, c\u00e9l\u00e9br\u00e9e \u00e0 juste titre. Pourtant, si l&#8217;on gratte un peu sous la surface des discours officiels, les in\u00e9galit\u00e9s persistent, profondes et structurelles.<\/p>\n      <p>La premi\u00e8re in\u00e9galit\u00e9 est financi\u00e8re. Les footballeuses de l&#8217;\u00e9quipe de France gagnent en moyenne dix fois moins que leurs homologues masculins. Les tennismes femmes ont obtenu l&#8217;\u00e9galit\u00e9 des prix en Grand Chelem \u2014 mais uniquement dans les quatre tournois majeurs. Dans la plupart des disciplines, l&#8217;\u00e9cart de r\u00e9mun\u00e9ration entre athl\u00e8tes masculins et f\u00e9minins reste abyssal. Serena Williams, l&#8217;une des plus grandes athl\u00e8tes de tous les temps, a souvent gagn\u00e9 moins que des tennismen class\u00e9s bien en dessous d&#8217;elle dans les classements.<\/p>\n      <p>La deuxi\u00e8me in\u00e9galit\u00e9 est m\u00e9diatique. Une \u00e9tude men\u00e9e dans 12 pays europ\u00e9ens a montr\u00e9 que les sports f\u00e9minins ne repr\u00e9sentent que 4 % du temps d&#8217;antenne consacr\u00e9 aux sports dans les m\u00e9dias traditionnels. Cette invisibilit\u00e9 m\u00e9diatique a des cons\u00e9quences directes : moins de visibilit\u00e9 signifie moins de sponsors, moins de sponsors signifie moins de revenus, moins de revenus signifie moins de moyens pour s&#8217;entra\u00eener et progresser. Un cercle vicieux difficile \u00e0 briser.<\/p>\n      <p>Des voix s&#8217;\u00e9l\u00e8vent pourtant pour inverser la tendance. Des cha\u00eenes de t\u00e9l\u00e9vision commencent \u00e0 diffuser davantage de sports f\u00e9minins. Des marques choisissent d\u00e9lib\u00e9r\u00e9ment de sponsoriser des athl\u00e8tes f\u00e9minines. Des joueuses comme Wendie Renard ou Amandine Henry en football, ou Simone Biles en gymnastique, ont r\u00e9ussi \u00e0 s&#8217;imposer comme des ic\u00f4nes sportives au-del\u00e0 du genre. Le chemin est encore long, mais la direction semble enfin trac\u00e9e.<\/p>\n    <\/div>\n    <div class=\"questions-box\">\n      <h4>Questions de compr\u00e9hension<\/h4>\n      <ol>\n        <li>Quelle avanc\u00e9e historique a \u00e9t\u00e9 r\u00e9alis\u00e9e aux JO de Paris 2024 ? En quoi est-elle insuffisante selon l&#8217;auteure ?<\/li>\n        <li>Expliquez le \u00ab cercle vicieux \u00bb mentionn\u00e9 dans le troisi\u00e8me paragraphe avec vos propres mots.<\/li>\n        <li>Relevez deux exemples concrets d&#8217;in\u00e9galit\u00e9s entre sport masculin et f\u00e9minin dans le texte.<\/li>\n        <li>Quels signes d&#8217;\u00e9volution positive l&#8217;auteure mentionne-t-elle dans le dernier paragraphe ?<\/li>\n      <\/ol>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550 SECTION 2 \u2013 VOCABULAIRE \u2550\u2550 -->\n<div class=\"section\" id=\"sec2\">\n  <div class=\"section-label\">Vocabulaire th\u00e9matique<\/div>\n  <h2 class=\"section-title\">20 mots pour parler du sport en fran\u00e7ais<\/h2>\n  <div class=\"vocab-grid\" id=\"vocabGrid\"><\/div>\n<\/div>\n\n<!-- \u2550\u2550 SECTION 3 \u2013 GRAMMAIRE \u2550\u2550 -->\n<div class=\"section\" id=\"sec3\">\n  <div class=\"section-label\">Points de grammaire<\/div>\n  <h2 class=\"section-title\">Grammaire en contexte<\/h2>\n\n  <div class=\"gram-block\">\n    <h3 class=\"gram-title\">1. Le discours rapport\u00e9 \u2014 relater des d\u00e9clarations sportives\n      <button class=\"tts-btn\" onclick=\"ttsReadText(this, 'L\\'entra\u00eeneur a d\u00e9clar\u00e9 que l\\'\u00e9quipe \u00e9tait pr\u00eate pour la finale. Le joueur a affirm\u00e9 qu\\'il n\\'avait jamais utilis\u00e9 de substances interdites. La joueuse a dit qu\\'elle s\\'entra\u00eenait douze heures par jour.')\"><span>\ud83d\udd0a<\/span><\/button>\n    <\/h3>\n    <p style=\"color:var(--muted); margin-bottom:16px;\">Le discours rapport\u00e9 (ou style indirect) est indispensable pour rapporter des interviews, des conf\u00e9rences de presse ou des d\u00e9clarations d&#8217;athl\u00e8tes. Il entra\u00eene des changements de temps et de pronoms.<\/p>\n    <table class=\"gram-table\">\n      <tr><th>Discours direct<\/th><th>Discours rapport\u00e9 (pass\u00e9)<\/th><\/tr>\n      <tr><td>\u00ab Nous sommes pr\u00eats. \u00bb<\/td><td><em>Il a dit qu&#8217;ils \u00e9taient pr\u00eats.<\/em><\/td><\/tr>\n      <tr><td>\u00ab Je n&#8217;ai jamais dop\u00e9. \u00bb<\/td><td><em>Il a affirm\u00e9 qu&#8217;il n&#8217;avait jamais dop\u00e9.<\/em><\/td><\/tr>\n      <tr><td>\u00ab Nous gagnerons demain. \u00bb<\/td><td><em>Elle a annonc\u00e9 qu&#8217;ils gagneraient le lendemain.<\/em><\/td><\/tr>\n      <tr><td>\u00ab Entra\u00eenez-vous davantage ! \u00bb<\/td><td><em>Il a demand\u00e9 \u00e0 l&#8217;\u00e9quipe de s&#8217;entra\u00eener davantage.<\/em><\/td><\/tr>\n      <tr><td>\u00ab Est-ce que tu te sens bless\u00e9 ? \u00bb<\/td><td><em>Il lui a demand\u00e9 s&#8217;il se sentait bless\u00e9.<\/em><\/td><\/tr>\n    <\/table>\n    <div class=\"gram-note\">\u26a0\ufe0f Changements de temps : pr\u00e9sent \u2192 imparfait \u00b7 pass\u00e9 compos\u00e9 \u2192 plus-que-parfait \u00b7 futur \u2192 conditionnel. Changements de marqueurs temporels : demain \u2192 le lendemain \u00b7 hier \u2192 la veille \u00b7 maintenant \u2192 alors.<\/div>\n  <\/div>\n\n  <div class=\"gram-block\">\n    <h3 class=\"gram-title\">2. La nominalisation \u2014 un style journalistique soutenu\n      <button class=\"tts-btn\" onclick=\"ttsReadText(this, 'La victoire de l\\'\u00e9quipe a provoqu\u00e9 l\\'enthousiasme des supporters. La progression des athl\u00e8tes f\u00e9minines est remarquable. L\\'augmentation des salaires des sportifs professionnels soul\u00e8ve des questions \u00e9thiques.')\"><span>\ud83d\udd0a<\/span><\/button>\n    <\/h3>\n    <p style=\"color:var(--muted); margin-bottom:16px;\">La nominalisation consiste \u00e0 transformer un verbe ou un adjectif en nom. Ce proc\u00e9d\u00e9 est caract\u00e9ristique du style journalistique et acad\u00e9mique \u2014 tr\u00e8s utilis\u00e9 dans les articles sportifs de qualit\u00e9.<\/p>\n    <table class=\"gram-table\">\n      <tr><th>Verbe \/ Adjectif<\/th><th>Nom correspondant<\/th><th>Exemple<\/th><\/tr>\n      <tr><td>vaincre<\/td><td>la victoire \/ la d\u00e9faite<\/td><td><em>La victoire de l&#8217;\u00e9quipe a \u00e9t\u00e9 c\u00e9l\u00e9br\u00e9e.<\/em><\/td><\/tr>\n      <tr><td>progresser<\/td><td>la progression<\/td><td><em>Sa progression est remarquable cette saison.<\/em><\/td><\/tr>\n      <tr><td>s&#8217;entra\u00eener<\/td><td>l&#8217;entra\u00eenement<\/td><td><em>L&#8217;entra\u00eenement intensif a port\u00e9 ses fruits.<\/em><\/td><\/tr>\n      <tr><td>performer<\/td><td>la performance<\/td><td><em>Cette performance restera dans les m\u00e9moires.<\/em><\/td><\/tr>\n      <tr><td>dominer<\/td><td>la domination<\/td><td><em>La domination fran\u00e7aise en judo est incontestable.<\/em><\/td><\/tr>\n      <tr><td>in\u00e9gal<\/td><td>l&#8217;in\u00e9galit\u00e9<\/td><td><em>Les in\u00e9galit\u00e9s salariales persistent dans le sport.<\/em><\/td><\/tr>\n    <\/table>\n    <div class=\"gram-note\">\ud83d\udca1 Astuce : pour nominaliser un verbe, cherchez le nom de la m\u00eame famille. Souvent : -tion, -ment, -ance, -eur, -age, -\u00e9e. Ex : entra\u00eener \u2192 entra\u00eenement \u00b7 performer \u2192 performance \u00b7 vaincre \u2192 victoire.<\/div>\n  <\/div>\n\n  <div class=\"gram-block\">\n    <h3 class=\"gram-title\">3. Exprimer la comparaison \u2014 nuancer et argumenter\n      <button class=\"tts-btn\" onclick=\"ttsReadText(this, 'Les femmes gagnent deux fois moins que les hommes dans le sport professionnel. Plus un athl\u00e8te est m\u00e9diatis\u00e9, plus ses revenus publicitaires sont \u00e9lev\u00e9s. Le tennis f\u00e9minin est autant suivi que le masculin dans les grands tournois.')\"><span>\ud83d\udd0a<\/span><\/button>\n    <\/h3>\n    <p style=\"color:var(--muted); margin-bottom:16px;\">La comparaison est essentielle dans les d\u00e9bats sportifs \u2014 pour comparer des performances, des salaires, des conditions d&#8217;entra\u00eenement. Voici les principales structures.<\/p>\n    <table class=\"gram-table\">\n      <tr><th>Type<\/th><th>Structure<\/th><th>Exemple sportif<\/th><\/tr>\n      <tr><td>Sup\u00e9riorit\u00e9<\/td><td>plus&#8230; que \/ davantage que<\/td><td><em>Les hommes gagnent davantage que les femmes.<\/em><\/td><\/tr>\n      <tr><td>Inf\u00e9riorit\u00e9<\/td><td>moins&#8230; que \/ deux fois moins que<\/td><td><em>Elle gagne dix fois moins que son homologue masculin.<\/em><\/td><\/tr>\n      <tr><td>\u00c9galit\u00e9<\/td><td>autant&#8230; que \/ aussi&#8230; que<\/td><td><em>Elle s&#8217;entra\u00eene autant que n&#8217;importe quel champion.<\/em><\/td><\/tr>\n      <tr><td>Proportion<\/td><td>plus&#8230; plus \/ moins&#8230; moins<\/td><td><em>Plus un sport est t\u00e9l\u00e9vis\u00e9, plus il attire de sponsors.<\/em><\/td><\/tr>\n      <tr><td>Sup\u00e9riorit\u00e9 absolue<\/td><td>le\/la plus&#8230; de<\/td><td><em>Simone Biles est la plus grande gymnaste de tous les temps.<\/em><\/td><\/tr>\n    <\/table>\n    <div class=\"gram-note\">\ud83d\udca1 Pour nuancer une comparaison : <em>l\u00e9g\u00e8rement plus \/ nettement moins \/ consid\u00e9rablement davantage \/ \u00e0 peine autant que<\/em>.<\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550 SECTION 4 \u2013 EXERCICES \u2550\u2550 -->\n<div class=\"section\" id=\"sec4\">\n  <div class=\"section-label\">Mise en pratique<\/div>\n  <h2 class=\"section-title\">Exercices<\/h2>\n\n  <div class=\"exo-block\">\n    <h3 class=\"exo-title\">Exercice 1 \u2013 Discours rapport\u00e9 : transformez ces d\u00e9clarations<\/h3>\n    <p style=\"color:var(--muted); font-size:14px; margin-bottom:16px;\">Mettez les phrases suivantes au discours indirect en commen\u00e7ant par le verbe introducteur indiqu\u00e9.<\/p>\n    <div class=\"exo-item\">1. \u00ab Nous nous sommes entra\u00een\u00e9s pendant six mois pour cette comp\u00e9tition. \u00bb \u2192 L&#8217;entra\u00eeneur a expliqu\u00e9 qu&#8217;ils <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\"> pendant six mois.<\/div>\n    <div class=\"exo-item\">2. \u00ab Je battrai le record du monde demain. \u00bb \u2192 L&#8217;athl\u00e8te a affirm\u00e9 qu&#8217;il <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\"> le record le <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\">.<\/div>\n    <div class=\"exo-item\">3. \u00ab Est-ce que les joueuses ont eu acc\u00e8s aux m\u00eames infrastructures ? \u00bb \u2192 La journaliste a demand\u00e9 si les joueuses <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\"> acc\u00e8s aux m\u00eames infrastructures.<\/div>\n    <div class=\"exo-item\">4. \u00ab Ne sous-estimez pas nos adversaires ! \u00bb \u2192 Le capitaine a averti l&#8217;\u00e9quipe de ne pas <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\"> leurs adversaires.<\/div>\n    <button class=\"reveal-btn\" onclick=\"revealExo(this)\">Voir les r\u00e9ponses<\/button>\n    <div class=\"answer-box\">\n      <strong>R\u00e9ponses :<\/strong><br>\n      1. <em>s&#8217;\u00e9taient entra\u00een\u00e9s<\/em> &nbsp;\u00b7&nbsp; 2. <em>battrait<\/em> \/ <em>lendemain<\/em> &nbsp;\u00b7&nbsp; 3. <em>avaient eu<\/em> &nbsp;\u00b7&nbsp; 4. <em>sous-estimer<\/em>\n    <\/div>\n  <\/div>\n\n  <div class=\"exo-block\">\n    <h3 class=\"exo-title\">Exercice 2 \u2013 Nominalisation : transformez en style journalistique<\/h3>\n    <p style=\"color:var(--muted); font-size:14px; margin-bottom:16px;\">R\u00e9\u00e9crivez chaque phrase en rempla\u00e7ant le verbe soulign\u00e9 par un nom de la m\u00eame famille.<\/p>\n    <div class=\"exo-item\">1. Le fait que les femmes <u>progressent<\/u> dans le sport est remarquable. \u2192 <input class=\"exo-blank\" type=\"text\" placeholder=\"La ...\" autocomplete=\"off\" spellcheck=\"false\" style=\"min-width:250px;\"> des femmes dans le sport est remarquable.<\/div>\n    <div class=\"exo-item\">2. Le fait que l&#8217;\u00e9quipe ait <u>domin\u00e9<\/u> ses adversaires a surpris les experts. \u2192 <input class=\"exo-blank\" type=\"text\" placeholder=\"La ...\" autocomplete=\"off\" spellcheck=\"false\" style=\"min-width:250px;\"> de l&#8217;\u00e9quipe sur ses adversaires a surpris les experts.<\/div>\n    <div class=\"exo-item\">3. Le fait que les salaires <u>augmentent<\/u> pose des questions \u00e9thiques. \u2192 <input class=\"exo-blank\" type=\"text\" placeholder=\"L'...\" autocomplete=\"off\" spellcheck=\"false\" style=\"min-width:250px;\"> des salaires pose des questions \u00e9thiques.<\/div>\n    <button class=\"reveal-btn\" onclick=\"revealExo(this)\">Voir les r\u00e9ponses<\/button>\n    <div class=\"answer-box\">\n      <strong>R\u00e9ponses :<\/strong><br>\n      1. <em>La progression<\/em> &nbsp;\u00b7&nbsp; 2. <em>La domination<\/em> &nbsp;\u00b7&nbsp; 3. <em>L&#8217;augmentation<\/em>\n    <\/div>\n  <\/div>\n\n  <div class=\"exo-block\">\n    <h3 class=\"exo-title\">Exercice 3 \u2013 Comparaison : compl\u00e9tez avec la structure correcte<\/h3>\n    <p style=\"color:var(--muted); font-size:14px; margin-bottom:16px;\">Choisissez parmi : <em>plus&#8230; que \u00b7 moins&#8230; que \u00b7 autant que \u00b7 le plus \u00b7 plus&#8230; plus \u00b7 deux fois moins que<\/em><\/p>\n    <div class=\"exo-item\">1. Les footballeuses gagnent <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\" style=\"min-width:180px;\"> les footballeurs professionnels.<\/div>\n    <div class=\"exo-item\">2. Simone Biles est <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\"> grande gymnaste de tous les temps.<\/div>\n    <div class=\"exo-item\">3. <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\"> un sport est m\u00e9diatis\u00e9, <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\"> il attire de sponsors.<\/div>\n    <div class=\"exo-item\">4. Elle s&#8217;entra\u00eene <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\"> n&#8217;importe quel athl\u00e8te masculin de son niveau.<\/div>\n    <div class=\"exo-item\">5. Le rugby est <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\"> suivi <input class=\"exo-blank\" type=\"text\" placeholder=\"...\" autocomplete=\"off\" spellcheck=\"false\"> le football en France.<\/div>\n    <button class=\"reveal-btn\" onclick=\"revealExo(this)\">Voir les r\u00e9ponses<\/button>\n    <div class=\"answer-box\">\n      <strong>R\u00e9ponses :<\/strong><br>\n      1. <em>dix fois moins que<\/em> (ou <em>deux fois moins que<\/em>) &nbsp;\u00b7&nbsp; 2. <em>la plus<\/em> &nbsp;\u00b7&nbsp; 3. <em>Plus<\/em> \/ <em>plus<\/em> &nbsp;\u00b7&nbsp; 4. <em>autant que<\/em> &nbsp;\u00b7&nbsp; 5. <em>moins<\/em> \/ <em>que<\/em>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550 SECTION 5 \u2013 EXPRESSION ORALE \u2550\u2550 -->\n<div class=\"section\" id=\"sec5\">\n  <div class=\"section-label\">Expression orale<\/div>\n  <h2 class=\"section-title\">Prenez la parole !<\/h2>\n\n  <div class=\"oral-grid\">\n    <div class=\"oral-card\">\n      <div class=\"oral-num\">01<\/div>\n      <div class=\"oral-q\">La Roumanie a une longue tradition dans la gymnastique et l&#8217;athl\u00e9tisme. Nadia Com\u0103neci, Gabriela Szabo&#8230; Ces champions vous inspirent-ils ? Qu&#8217;ont-ils apport\u00e9 \u00e0 la soci\u00e9t\u00e9 roumaine ?<\/div>\n    <\/div>\n    <div class=\"oral-card\">\n      <div class=\"oral-num\">02<\/div>\n      <div class=\"oral-q\">Kylian Mbapp\u00e9 gagne environ 900 millions d&#8217;euros par an. Trouvez-vous ces salaires justifi\u00e9s dans le football professionnel ? Comparez avec le salaire d&#8217;un m\u00e9decin, d&#8217;un enseignant ou d&#8217;un scientifique.<\/div>\n    <\/div>\n    <div class=\"oral-card\">\n      <div class=\"oral-num\">03<\/div>\n      <div class=\"oral-q\">Le dopage existe depuis des d\u00e9cennies dans le sport de haut niveau. Pensez-vous qu&#8217;il serait plus honn\u00eate de l\u00e9galiser certaines substances pour tous les athl\u00e8tes, ou faut-il maintenir l&#8217;interdiction totale ?<\/div>\n    <\/div>\n    <div class=\"oral-card\">\n      <div class=\"oral-num\">04<\/div>\n      <div class=\"oral-q\">Les femmes sportives re\u00e7oivent beaucoup moins d&#8217;attention m\u00e9diatique que les hommes. Regardez-vous des sports f\u00e9minins ? Pourquoi, selon vous, cet \u00e9cart persiste-t-il malgr\u00e9 les progr\u00e8s ?<\/div>\n    <\/div>\n    <div class=\"oral-card\">\n      <div class=\"oral-num\">05<\/div>\n      <div class=\"oral-q\">Le sport est-il vraiment un \u00ab ascenseur social \u00bb ? Connaissez-vous des exemples de personnes issues de milieux d\u00e9favoris\u00e9s qui ont r\u00e9ussi gr\u00e2ce au sport ? Ou au contraire, des exemples o\u00f9 le sport a reproduit les in\u00e9galit\u00e9s ?<\/div>\n    <\/div>\n    <div class=\"oral-card\">\n      <div class=\"oral-num\">06<\/div>\n      <div class=\"oral-q\">Les Jeux olympiques co\u00fbtent des milliards et endettent les villes qui les accueillent. Paris 2024 a co\u00fbt\u00e9 environ 9 milliards d&#8217;euros. Cet investissement est-il justifi\u00e9 ? Que pensez-vous de l&#8217;organisation des JO ?<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"role-play\">\n    <h3>\ud83c\udfad Jeu de r\u00f4le : Interview d&#8217;apr\u00e8s-match<\/h3>\n    <p style=\"color:rgba(255,255,255,0.65); font-size:15px; line-height:1.7;\">Apr\u00e8s une finale olympique tr\u00e8s contest\u00e9e (victoire obtenue de justesse, accusations de favoritisme des arbitres, rumeurs de dopage), une athl\u00e8te est interview\u00e9e par un journaliste sportif en conf\u00e9rence de presse. Utilisez le discours rapport\u00e9, les comparaisons et les nominalisations dans vos \u00e9changes.<\/p>\n    <div class=\"role-cards\">\n      <div class=\"role-card\">\n        <h4>\ud83c\udf99\ufe0f R\u00f4le A \u2013 Journaliste<\/h4>\n        <p>Posez des questions difficiles sur la pol\u00e9mique, les rumeurs de dopage, les \u00e9carts de salaire avec les athl\u00e8tes masculins, les conditions d&#8217;entra\u00eenement. Rapportez ce que d&#8217;autres journalistes ont dit : <em>\u00ab Certains affirment que&#8230; \u00bb, \u00ab On a rapport\u00e9 que&#8230; \u00bb, \u00ab Votre entra\u00eeneur a d\u00e9clar\u00e9 que&#8230; \u00bb<\/em><\/p>\n      <\/div>\n      <div class=\"role-card\">\n        <h4>\ud83e\udd47 R\u00f4le B \u2013 Athl\u00e8te<\/h4>\n        <p>D\u00e9fendez votre victoire, r\u00e9pondez aux accusations, parlez de votre progression et de votre entra\u00eenement. Comparez vos conditions avec celles des athl\u00e8tes masculins : <em>\u00ab Je m&#8217;entra\u00eene autant que&#8230; \u00bb, \u00ab Notre progression est nettement plus rapide que&#8230; \u00bb, \u00ab La domination de notre \u00e9quipe est le r\u00e9sultat de&#8230; \u00bb<\/em><\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550 SECTION 6 \u2013 TRADUCTION \u2550\u2550 -->\n<div class=\"section\" id=\"sec6\">\n  <div class=\"section-label\">Traduction RO \u2192 FR<\/div>\n  <h2 class=\"section-title\">Traduisez en fran\u00e7ais<\/h2>\n\n  <div class=\"clavier\">\n    <span class=\"clavier-label\">Clavier fran\u00e7ais<\/span>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00e9')\">\u00e9<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00e8')\">\u00e8<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00ea')\">\u00ea<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00eb')\">\u00eb<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00e0')\">\u00e0<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00e2')\">\u00e2<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00f9')\">\u00f9<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00fb')\">\u00fb<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00ee')\">\u00ee<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00ef')\">\u00ef<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00f4')\">\u00f4<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u0153')\">\u0153<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00e7')\">\u00e7<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00ab')\">\u00ab<\/button>\n    <button class=\"key-btn\" onclick=\"insertChar('\u00bb')\">\u00bb<\/button>\n  <\/div>\n\n  <div id=\"tradItems\"><\/div>\n<\/div>\n\n<!-- \u2550\u2550 SECTION 7 \u2013 BILAN \u2550\u2550 -->\n<div class=\"section\" id=\"sec7\">\n  <div class=\"section-label\">Bilan de la le\u00e7on<\/div>\n  <h2 class=\"section-title\">Ce que j&#8217;ai appris<\/h2>\n  <div class=\"bilan-grid\" id=\"bilanGrid\"><\/div>\n  <div class=\"bilan-score\">\n    <div>\n      <div class=\"score-text\">Objectifs atteints<\/div>\n      <div id=\"bilanScoreText\" style=\"color:rgba(255,255,255,0.5); font-size:13px; margin-top:4px;\">Cochez les cases au fur et \u00e0 mesure<\/div>\n    <\/div>\n    <div class=\"score-num\" id=\"bilanScore\">0 \/ 12<\/div>\n  <\/div>\n<\/div>\n\n<!-- \u2550\u2550 JAVASCRIPT \u2550\u2550 -->\n<script>\n  \/\/ NAVIGATION\n  const sections = document.querySelectorAll('.section');\n  const secBtns = document.querySelectorAll('.sec-btn');\n\n  function showSection(idx) {\n    sections.forEach((s, i) => s.classList.toggle('active', i === idx));\n    secBtns.forEach((b, i) => b.classList.toggle('active', i === idx));\n    const pct = Math.round(((idx + 1) \/ sections.length) * 100);\n    document.getElementById('progressFill').style.width = pct + '%';\n    document.getElementById('progressPct').textContent = (idx + 1) + '\/' + sections.length;\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n\n  \/\/ TTS\n  let currentBtn = null;\n\n  function ttsStop() {\n    if (window.speechSynthesis) window.speechSynthesis.cancel();\n    if (currentBtn) {\n      currentBtn.classList.remove('playing');\n      currentBtn.innerHTML = '<span>\ud83d\udd0a<\/span> \u00c9couter';\n      currentBtn = null;\n    }\n  }\n\n  function ttsReadText(btn, text) {\n    if (!window.speechSynthesis) { alert('Synth\u00e8se vocale non support\u00e9e.'); return; }\n    if (currentBtn === btn && window.speechSynthesis.speaking) { ttsStop(); return; }\n    ttsStop();\n    const utter = new SpeechSynthesisUtterance(text);\n    utter.lang = 'fr-FR';\n    utter.rate = 0.88;\n    utter.pitch = 1;\n    const voices = window.speechSynthesis.getVoices();\n    const frVoice = voices.find(v => v.lang.startsWith('fr-FR')) || voices.find(v => v.lang.startsWith('fr'));\n    if (frVoice) utter.voice = frVoice;\n    utter.onstart = () => { btn.classList.add('playing'); btn.innerHTML = '<span>\u23f9<\/span> Stop'; currentBtn = btn; };\n    utter.onend = utter.onerror = () => { btn.classList.remove('playing'); btn.innerHTML = '<span>\ud83d\udd0a<\/span> \u00c9couter'; currentBtn = null; };\n    window.speechSynthesis.speak(utter);\n  }\n\n  function ttsRead(btn, id) {\n    const el = document.getElementById(id);\n    if (el) ttsReadText(btn, el.innerText || el.textContent);\n  }\n\n  if (window.speechSynthesis) window.speechSynthesis.onvoiceschanged = () => window.speechSynthesis.getVoices();\n\n  \/\/ EXERCICES\n  function revealExo(btn) {\n    const box = btn.nextElementSibling;\n    box.classList.toggle('visible');\n    btn.textContent = box.classList.contains('visible') ? 'Masquer' : 'Voir les r\u00e9ponses';\n  }\n\n  \/\/ CLAVIER\n  let activeTextarea = null;\n  function setActiveTA(ta) { activeTextarea = ta; }\n  function insertChar(ch) {\n    if (!activeTextarea) { const f = document.activeElement; if (f && f.tagName === 'TEXTAREA') activeTextarea = f; }\n    if (!activeTextarea) return;\n    const s = activeTextarea.selectionStart, e = activeTextarea.selectionEnd, v = activeTextarea.value;\n    activeTextarea.value = v.slice(0, s) + ch + v.slice(e);\n    activeTextarea.selectionStart = activeTextarea.selectionEnd = s + ch.length;\n    activeTextarea.focus();\n    updateWordCount(activeTextarea);\n  }\n  function updateWordCount(ta) {\n    const c = document.getElementById(ta.dataset.counter);\n    if (!c) return;\n    const w = ta.value.trim() === '' ? 0 : ta.value.trim().split(\/\\s+\/).length;\n    c.textContent = w + ' mot' + (w !== 1 ? 's' : '');\n  }\n\n  \/\/ VOCABULAIRE\n  const vocabData = [\n    { word: 'la performance', type: 'n.f.', def: 'r\u00e9sultat remarquable obtenu lors d\\'une comp\u00e9tition ou d\\'un entra\u00eenement', example: 'Sa performance aux JO restera dans les m\u00e9moires.' },\n    { word: 'le fair-play', type: 'n.m.', def: 'respect des r\u00e8gles et des adversaires, loyaut\u00e9 sportive', example: 'Le fair-play est une valeur fondamentale du sport olympique.' },\n    { word: 'se surpasser', type: 'v.', def: 'aller au-del\u00e0 de ses limites habituelles, se d\u00e9passer', example: 'Elle s\\'est surpass\u00e9e pour d\u00e9crocher la m\u00e9daille d\\'or.' },\n    { word: 'le dopage', type: 'n.m.', def: 'utilisation de substances illicites pour am\u00e9liorer ses performances sportives', example: 'Le dopage d\u00e9truit la cr\u00e9dibilit\u00e9 du sport de haut niveau.' },\n    { word: 'un palmar\u00e8s', type: 'n.m.', def: 'liste des victoires et titres obtenus par un sportif ou une \u00e9quipe', example: 'Son palmar\u00e8s est impressionnant : cinq titres olympiques.' },\n    { word: 'l\\'arbitrage', type: 'n.m.', def: 'action de l\\'arbitre qui applique les r\u00e8gles du jeu', example: 'L\\'arbitrage de cette finale a \u00e9t\u00e9 tr\u00e8s contest\u00e9.' },\n    { word: 'la tribune', type: 'n.f.', def: 'gradins d\\'un stade o\u00f9 se placent les spectateurs', example: 'Les tribunes \u00e9taient pleines \u00e0 craquer pour la finale.' },\n    { word: 'un transfert', type: 'n.m.', def: 'passage d\\'un joueur d\\'un club \u00e0 un autre, souvent contre une somme d\\'argent', example: 'Son transfert au Real Madrid a co\u00fbt\u00e9 200 millions d\\'euros.' },\n    { word: 'la convivialit\u00e9', type: 'n.f.', def: 'caract\u00e8re chaleureux et agr\u00e9able d\\'un groupe ou d\\'un \u00e9v\u00e9nement', example: 'La convivialit\u00e9 des supporteurs fran\u00e7ais a marqu\u00e9 les JO.' },\n    { word: 'un exploit', type: 'n.m.', def: 'action remarquable qui d\u00e9passe les capacit\u00e9s ordinaires', example: 'Battre ce record \u00e9tait un v\u00e9ritable exploit sportif.' },\n    { word: 'la parit\u00e9', type: 'n.f.', def: '\u00e9galit\u00e9 de repr\u00e9sentation entre hommes et femmes', example: 'La parit\u00e9 hommes-femmes a \u00e9t\u00e9 atteinte aux JO de Paris 2024.' },\n    { word: 'l\\'endurance', type: 'n.f.', def: 'capacit\u00e9 \u00e0 maintenir un effort physique intense sur une longue dur\u00e9e', example: 'Le marathon est une \u00e9preuve d\\'endurance extr\u00eame.' },\n    { word: 'un sponsor', type: 'n.m.', def: 'entreprise qui finance un sportif ou un \u00e9v\u00e9nement en \u00e9change de visibilit\u00e9', example: 'Sans sponsors, de nombreux sports dispara\u00eetraient.' },\n    { word: 'la m\u00e9diatisation', type: 'n.f.', def: 'couverture d\\'un \u00e9v\u00e9nement ou d\\'une personne par les m\u00e9dias', example: 'La m\u00e9diatisation du sport f\u00e9minin reste insuffisante.' },\n    { word: 'battre un record', type: 'expr.', def: 'surpasser la meilleure performance jamais r\u00e9alis\u00e9e', example: 'Elle a battu le record du monde du 100 m\u00e8tres haies.' },\n    { word: 'la coh\u00e9sion d\\'\u00e9quipe', type: 'n.f.', def: 'force des liens entre les membres d\\'une \u00e9quipe sportive', example: 'La coh\u00e9sion d\\'\u00e9quipe est aussi importante que le talent individuel.' },\n    { word: 'un ascenseur social', type: 'n.m.', def: 'm\u00e9canisme permettant de changer de classe sociale, notamment par le m\u00e9rite', example: 'Le sport peut \u00eatre un ascenseur social pour les jeunes d\u00e9favoris\u00e9s.' },\n    { word: 'la r\u00e9silience', type: 'n.f.', def: 'capacit\u00e9 \u00e0 rebondir apr\u00e8s un \u00e9chec ou une blessure', example: 'Sa r\u00e9silience apr\u00e8s sa blessure au genou force l\\'admiration.' },\n    { word: 'un homologue', type: 'n.m.', def: 'personne qui occupe la m\u00eame fonction dans un autre contexte', example: 'Elle gagne dix fois moins que son homologue masculin.' },\n    { word: 'l\\'amateurisme', type: 'n.m.', def: 'pratique sportive non r\u00e9mun\u00e9r\u00e9e, par passion et non par profession', example: 'L\\'amateurisme \u00e9tait la valeur fondatrice des JO modernes.' }\n  ];\n\n  const vocabGrid = document.getElementById('vocabGrid');\n  vocabData.forEach((v, i) => {\n    const item = document.createElement('div');\n    item.className = 'vocab-item';\n    item.innerHTML = `\n      <div class=\"vocab-num\">${String(i+1).padStart(2,'0')}<\/div>\n      <div class=\"vocab-content\">\n        <div class=\"vocab-word\">\n          ${v.word} <span class=\"vocab-type\">${v.type}<\/span>\n          <button class=\"tts-btn\" onclick=\"ttsReadText(this, '${v.word.replace(\/'\/g,\"\\\\'\")}. ${v.def.replace(\/'\/g,\"\\\\'\")}. Exemple : ${v.example.replace(\/'\/g,\"\\\\'\")}')\"><span>\ud83d\udd0a<\/span><\/button>\n        <\/div>\n        <div class=\"vocab-def\">${v.def}<\/div>\n        <div class=\"vocab-example\">\u2192 ${v.example}<\/div>\n      <\/div>`;\n    vocabGrid.appendChild(item);\n  });\n\n  \/\/ TRADUCTION\n  const tradData = [\n    { ro: 'Antrenorul a declarat c\u0103 echipa se antrenase timp de \u0219ase luni pentru aceast\u0103 competi\u021bie.', fr: 'L\\'entra\u00eeneur a d\u00e9clar\u00e9 que l\\'\u00e9quipe s\\'\u00e9tait entra\u00een\u00e9e pendant six mois pour cette comp\u00e9tition.' },\n    { ro: 'Progresul sportivelor feminine \u00een ultimii zece ani este remarcabil.', fr: 'La progression des athl\u00e8tes f\u00e9minines au cours des dix derni\u00e8res ann\u00e9es est remarquable.' },\n    { ro: 'Cu c\u00e2t un sport este mai mediatizat, cu at\u00e2t atrage mai mul\u021bi sponsori.', fr: 'Plus un sport est m\u00e9diatis\u00e9, plus il attire de sponsors.' },\n    { ro: 'Fotbalistele c\u00e2\u0219tig\u0103 de zece ori mai pu\u021bin dec\u00e2t omologii lor masculini.', fr: 'Les footballeuses gagnent dix fois moins que leurs homologues masculins.' },\n    { ro: 'Jurnalista a \u00eentrebat dac\u0103 sportiva folosise substan\u021be interzise \u00eenainte de final\u0103.', fr: 'La journaliste a demand\u00e9 si l\\'athl\u00e8te avait utilis\u00e9 des substances interdites avant la finale.' },\n    { ro: 'Dopajul distruge credibilitatea sportului de performan\u021b\u0103 \u0219i trebuie sanc\u021bionat cu severitate.', fr: 'Le dopage d\u00e9truit la cr\u00e9dibilit\u00e9 du sport de haut niveau et doit \u00eatre sanctionn\u00e9 s\u00e9v\u00e8rement.' },\n    { ro: 'Simone Biles este cea mai mare gimnast\u0103 din toate timpurile, cu un palmares excep\u021bional.', fr: 'Simone Biles est la plus grande gymnaste de tous les temps, avec un palmar\u00e8s exceptionnel.' },\n    { ro: 'De\u0219i solu\u021biile tehnice exist\u0103, voin\u021ba politic\u0103 de a reduce inegalit\u0103\u021bile \u00een sport lipse\u0219te adesea.', fr: 'Bien que les solutions techniques existent, la volont\u00e9 politique de r\u00e9duire les in\u00e9galit\u00e9s dans le sport fait souvent d\u00e9faut.' }\n  ];\n\n  const tradContainer = document.getElementById('tradItems');\n  tradData.forEach((t, i) => {\n    const div = document.createElement('div');\n    div.className = 'trad-item';\n    const taId = 'ta-' + i, cId = 'c-' + i;\n    div.innerHTML = `\n      <div class=\"trad-num\">Phrase ${i+1}<\/div>\n      <div class=\"trad-ro\">${t.ro}<\/div>\n      <textarea class=\"trad-textarea\" id=\"${taId}\" data-counter=\"${cId}\"\n        placeholder=\"Votre traduction en fran\u00e7ais...\"\n        onfocus=\"setActiveTA(this)\" oninput=\"updateWordCount(this)\"><\/textarea>\n      <div class=\"word-count\" id=\"${cId}\">0 mot<\/div>\n      <button class=\"reveal-btn\" onclick=\"revealTrad(this)\" style=\"margin-top:10px;\">Voir la r\u00e9ponse<\/button>\n      <div class=\"answer-box\">\n        <strong>Suggestion :<\/strong> ${t.fr}\n        <button class=\"tts-btn\" onclick=\"ttsReadText(this, '${t.fr.replace(\/'\/g,\"\\\\'\")}')\" style=\"margin-left:8px;\"><span>\ud83d\udd0a<\/span><\/button>\n      <\/div>`;\n    tradContainer.appendChild(div);\n  });\n\n  function revealTrad(btn) {\n    const box = btn.nextElementSibling;\n    box.classList.toggle('visible');\n    btn.textContent = box.classList.contains('visible') ? 'Masquer' : 'Voir la r\u00e9ponse';\n  }\n\n  \/\/ BILAN\n  const bilanItems = [\n    'J\\'ai compris les trois textes et r\u00e9pondu aux questions de compr\u00e9hension.',\n    'Je connais et peux utiliser les 20 mots de vocabulaire de la le\u00e7on.',\n    'Je sais transformer une phrase du discours direct au discours indirect.',\n    'Je comprends les changements de temps et de marqueurs temporels au discours rapport\u00e9.',\n    'Je ma\u00eetrise la nominalisation pour un style journalistique soutenu.',\n    'Je peux exprimer et nuancer des comparaisons en fran\u00e7ais.',\n    'J\\'ai compl\u00e9t\u00e9 l\\'exercice sur le discours rapport\u00e9.',\n    'J\\'ai compl\u00e9t\u00e9 l\\'exercice sur la nominalisation.',\n    'J\\'ai compl\u00e9t\u00e9 l\\'exercice sur les comparaisons.',\n    'J\\'ai particip\u00e9 \u00e0 la discussion orale sur le sport et la soci\u00e9t\u00e9.',\n    'J\\'ai fait le jeu de r\u00f4le interview en utilisant les structures de la le\u00e7on.',\n    'Je me sens capable de parler du sport, de ses enjeux sociaux et \u00e9thiques en fran\u00e7ais.'\n  ];\n\n  const bilanGrid = document.getElementById('bilanGrid');\n  bilanItems.forEach(text => {\n    const div = document.createElement('div');\n    div.className = 'bilan-item';\n    div.innerHTML = `<div class=\"bilan-check\"><\/div><div class=\"bilan-text\">${text}<\/div>`;\n    div.onclick = function() {\n      this.classList.toggle('checked');\n      this.querySelector('.bilan-check').textContent = this.classList.contains('checked') ? '\u2713' : '';\n      updateBilanScore();\n    };\n    bilanGrid.appendChild(div);\n  });\n\n  function updateBilanScore() {\n    const checked = document.querySelectorAll('.bilan-item.checked').length;\n    document.getElementById('bilanScore').textContent = checked + ' \/ ' + bilanItems.length;\n    const txt = document.getElementById('bilanScoreText');\n    if (checked === bilanItems.length) { txt.textContent = '\ud83c\udfc6 Bravo, le\u00e7on compl\u00e8te !'; txt.style.color = 'var(--blue-light)'; }\n    else if (checked >= bilanItems.length \/ 2) { txt.textContent = 'Bonne progression !'; txt.style.color = 'rgba(255,255,255,0.6)'; }\n    else { txt.textContent = 'Cochez les cases au fur et \u00e0 mesure'; txt.style.color = 'rgba(255,255,255,0.5)'; }\n  }\n<\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Le\u00e7on B2-C1 \u2013 Le Sport Le\u00e7on 7 \u00b7 B2-C1 Le Sport \u2014entre passion, soci\u00e9t\u00e9 et performance \u23f1 2 heures \ud83d\udcda Niveau B2-C1 \u26bd Sport \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-1683","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\/1683","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=1683"}],"version-history":[{"count":1,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages\/1683\/revisions"}],"predecessor-version":[{"id":1684,"href":"https:\/\/geoisteaching.com\/index.php?rest_route=\/wp\/v2\/pages\/1683\/revisions\/1684"}],"wp:attachment":[{"href":"https:\/\/geoisteaching.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}