new design repo

PROGRAM_CONTENT_ARCHITECTURE.md

@@ -0,0 +1,150 @@
+# Architecture du contenu pedagogique
+
+## Objectif
+
+Le programme doit devenir une arborescence complete, auditable et reproductible.
+Pour les cycles cibles :
+
+- cycle 3 : CM1, CM2, 6e ;
+- cycle 4 : 5e, 4e, 3e.
+
+Chaque niveau doit etre deduit des PDF officiels disponibles dans `Programme/` :
+
+1. extraire les domaines et matieres ;
+2. identifier les themes officiels ;
+3. decouper chaque theme en lecons ;
+4. decouper chaque lecon en fiches ;
+5. decouper chaque fiche en cards consultables ;
+6. produire les exercices et tests associes ;
+7. conserver la source PDF et, quand possible, la page ou section d'origine.
+
+## Traçabilite obligatoire
+
+Tout fichier de contenu doit pouvoir indiquer d'ou vient l'information.
+Chaque fichier Markdown de production contient un bloc `Sources` ou une section equivalente :
+
+- document PDF officiel ;
+- chemin local du PDF ou de son extraction texte ;
+- cycle, niveau, matiere et theme ;
+- page, chapitre ou section si l'information est connue ;
+- date de generation ou de derniere validation.
+
+Cette regle vaut pour :
+
+- `lecon.md` ;
+- chaque `fiche.md` ;
+- chaque contexte de card ;
+- chaque exercice ;
+- chaque test ;
+- chaque support SVG lorsqu'un Markdown de contexte l'accompagne.
+
+L'objectif est de pouvoir repondre a un audit : "ce contenu s'appuie sur tel document officiel de l'Education nationale".
+
+## Arborescence canonique
+
+Une lecon doit suivre cette structure :
+
+```text
+cycle_X/
+  matiere/
+    niveau/
+      theme/
+        lecon/
+          README.md
+          lecon.md
+          fiches/
+            01_nom_de_fiche/
+              fiche.md
+              fiche.svg
+            02_nom_de_fiche/
+              fiche.md
+              fiche.svg
+          cards/
+            01_nom_de_fiche/
+              card_01.md
+              card_01.svg
+              card_02.md
+              card_02.svg
+          exercices/
+            01_nom_de_fiche/
+              exercices.md
+              exercices.svg
+            parcours_adaptes/
+              01_profil_ou_remediation.md
+          tests/
+            01_test_diagnostic.md
+            01_test_diagnostic.svg
+```
+
+`README.md` sert au statut editorial de la lecon : phases, validations, notes de reprise.
+`lecon.md` est la lecon complete a charger comme contexte general dans le modele.
+
+## Role des fichiers
+
+`lecon.md` :
+
+- contient la lecon ecrite en entier ;
+- sert de contexte general pour le modele ;
+- indique les objectifs, pre-requis, vocabulaire, erreurs frequentes et sources.
+
+`fiches/*/fiche.md` :
+
+- decrit une fiche de lecon ;
+- precise ce que l'eleve doit comprendre dans cette fiche ;
+- accompagne `fiche.svg`.
+
+`cards/*/card_XX.md` :
+
+- guide le modele pour une card precise ;
+- decrit exactement ce qui est affiche ;
+- donne une consigne orale courte ;
+- indique le critere de passage a la card suivante ;
+- accompagne `card_XX.svg`.
+
+`exercices/*/exercices.md` :
+
+- contient les exercices, corriges et explications ;
+- accompagne `exercices.svg` quand un support visuel existe.
+
+`tests/*` :
+
+- contient les tests de diagnostic ou de validation ;
+- permet de choisir les exercices adaptes a l'enfant ;
+- remplace l'ancien dossier `kit_adaptatif`.
+
+`exercices/parcours_adaptes/*` :
+
+- contient les remediations ou parcours recommandes apres les tests ;
+- n'est plus un type de contenu separe dans l'UI.
+
+## Flux pedagogique
+
+Une nouvelle lecon se deroule ainsi :
+
+1. afficher les fiches et cards de lecon ;
+2. charger `lecon.md` comme contexte general ;
+3. charger le contexte de la card active depuis `cards/*/card_XX.md` ;
+4. faire un test depuis `tests/` quand la lecon est assez avancee ou quand l'enseignant le lance ;
+5. choisir les exercices les plus adaptes depuis `exercices/` et `exercices/parcours_adaptes/`.
+
+Le modele ne doit pas improviser la structure du cours depuis le seul titre de card.
+Il doit recevoir le contexte general de la lecon et le contexte specifique de l'objet affiche.
+
+## Interface de validation
+
+L'UI doit parcourir tous les types utiles :
+
+- lecon ;
+- fiche ;
+- card ;
+- exercice ;
+- test ;
+- support.
+
+L'ancien type `kit` n'est plus un type editorial.
+Les SVG d'exercices et de tests doivent etre visibles et validables comme les SVG de lecon.
+
+## Regle de generation
+
+Chaque nouvelle lecon doit etre produite dans cette arborescence des le depart.
+Une generation qui place des contenus dans `kit_adaptatif`, `svg/`, `card_contexts/` ou `exercices_svg/` est consideree comme legacy et doit etre migree avant validation.

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/card_contexts/README.md

@@ -1,16 +0,0 @@
-# Contextes dynamiques - CM1 - Fractions
-
-Ce dossier contient les textes pedagogiques associes aux cards detectees dans les SVG de lecon du sous-theme `01B_fractions`.
-
-Convention de nommage attendue par l'application :
-
-- `card_contexts/<nom_du_svg>/Fiche{numero_fiche}Card{numero_card}.md`
-
-Objectif :
-
-- guider Professeur TOP pour expliquer uniquement la card affichee ;
-- eviter que le modele reparte sur toute la fiche ou sur une autre notion ;
-- fournir un critere simple pour avancer a la card suivante.
-
-Statut Phase 4A : contextes initiaux generes, a relire avant exercices.
-

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/01_lire_ecrire_fraction_simple/card_01.svg

@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="511" height="356" viewBox="82 217 511 356">
+  <defs>
+    <style>
+      .bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}
+    .fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style>
+  </defs>
+  <rect class="bg" width="1600" height="900"/>
+  <rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(110 245)">
+    <rect width="455" height="300" rx="24" class="soft"/>
+    <text x="34" y="58" class="h2">La fraction</text>
+    <text x="228" y="150" text-anchor="middle" class="frac">3</text>
+    <line x1="182" y1="178" x2="274" y2="178" class="line"/>
+    <text x="228" y="270" text-anchor="middle" class="frac">4</text>
+  </g>
+  <g transform="translate(625 245)">
+    <rect width="360" height="300" rx="24" class="panel"/>
+    <text x="30" y="58" class="h2">Ce que ça dit</text>
+    <circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text>
+    <circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text>
+    <g class="math-expression"><g transform="translate(30 235)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">3</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="64" y="235" class="body"> se lit :</text></g>
+    <text x="30" y="272" class="body">trois quarts</text>
+  </g>
+  <g transform="translate(1040 245)">
+    <rect width="430" height="300" rx="24" class="panel"/>
+    <text x="30" y="58" class="h2">L'unité partagée</text>
+    <g transform="translate(45 110)">
+      <rect x="0" y="0" width="320" height="90" rx="14" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
+      <rect x="0" y="0" width="80" height="90" rx="14" class="orange"/>
+      <rect x="80" y="0" width="80" height="90" class="orange"/>
+      <rect x="160" y="0" width="80" height="90" class="orange"/>
+      <line x1="80" y1="0" x2="80" y2="90" class="line"/><line x1="160" y1="0" x2="160" y2="90" class="line"/><line x1="240" y1="0" x2="240" y2="90" class="line"/>
+    </g>
+    <text x="45" y="248" class="small">L'unité est coupée en 4 parts égales.</text>
+  </g>
+  <g transform="translate(170 615)">
+    <rect width="1260" height="150" rx="24" class="panel"/>
+    <text x="36" y="55" class="h2">À retenir</text>
+    <text x="36" y="100" class="body">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text>
+  </g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/01_lire_ecrire_fraction_simple/card_02.svg

@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="416" height="356" viewBox="597 217 416 356">
+  <defs>
+    <style>
+      .bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}
+    .fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style>
+  </defs>
+  <rect class="bg" width="1600" height="900"/>
+  <rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(110 245)">
+    <rect width="455" height="300" rx="24" class="soft"/>
+    <text x="34" y="58" class="h2">La fraction</text>
+    <text x="228" y="150" text-anchor="middle" class="frac">3</text>
+    <line x1="182" y1="178" x2="274" y2="178" class="line"/>
+    <text x="228" y="270" text-anchor="middle" class="frac">4</text>
+  </g>
+  <g transform="translate(625 245)">
+    <rect width="360" height="300" rx="24" class="panel"/>
+    <text x="30" y="58" class="h2">Ce que ça dit</text>
+    <circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text>
+    <circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text>
+    <g class="math-expression"><g transform="translate(30 235)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">3</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="64" y="235" class="body"> se lit :</text></g>
+    <text x="30" y="272" class="body">trois quarts</text>
+  </g>
+  <g transform="translate(1040 245)">
+    <rect width="430" height="300" rx="24" class="panel"/>
+    <text x="30" y="58" class="h2">L'unité partagée</text>
+    <g transform="translate(45 110)">
+      <rect x="0" y="0" width="320" height="90" rx="14" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
+      <rect x="0" y="0" width="80" height="90" rx="14" class="orange"/>
+      <rect x="80" y="0" width="80" height="90" class="orange"/>
+      <rect x="160" y="0" width="80" height="90" class="orange"/>
+      <line x1="80" y1="0" x2="80" y2="90" class="line"/><line x1="160" y1="0" x2="160" y2="90" class="line"/><line x1="240" y1="0" x2="240" y2="90" class="line"/>
+    </g>
+    <text x="45" y="248" class="small">L'unité est coupée en 4 parts égales.</text>
+  </g>
+  <g transform="translate(170 615)">
+    <rect width="1260" height="150" rx="24" class="panel"/>
+    <text x="36" y="55" class="h2">À retenir</text>
+    <text x="36" y="100" class="body">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text>
+  </g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/01_lire_ecrire_fraction_simple/card_03.svg

@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="486" height="356" viewBox="1012 217 486 356">
+  <defs>
+    <style>
+      .bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}
+    .fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style>
+  </defs>
+  <rect class="bg" width="1600" height="900"/>
+  <rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(110 245)">
+    <rect width="455" height="300" rx="24" class="soft"/>
+    <text x="34" y="58" class="h2">La fraction</text>
+    <text x="228" y="150" text-anchor="middle" class="frac">3</text>
+    <line x1="182" y1="178" x2="274" y2="178" class="line"/>
+    <text x="228" y="270" text-anchor="middle" class="frac">4</text>
+  </g>
+  <g transform="translate(625 245)">
+    <rect width="360" height="300" rx="24" class="panel"/>
+    <text x="30" y="58" class="h2">Ce que ça dit</text>
+    <circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text>
+    <circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text>
+    <g class="math-expression"><g transform="translate(30 235)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">3</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="64" y="235" class="body"> se lit :</text></g>
+    <text x="30" y="272" class="body">trois quarts</text>
+  </g>
+  <g transform="translate(1040 245)">
+    <rect width="430" height="300" rx="24" class="panel"/>
+    <text x="30" y="58" class="h2">L'unité partagée</text>
+    <g transform="translate(45 110)">
+      <rect x="0" y="0" width="320" height="90" rx="14" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
+      <rect x="0" y="0" width="80" height="90" rx="14" class="orange"/>
+      <rect x="80" y="0" width="80" height="90" class="orange"/>
+      <rect x="160" y="0" width="80" height="90" class="orange"/>
+      <line x1="80" y1="0" x2="80" y2="90" class="line"/><line x1="160" y1="0" x2="160" y2="90" class="line"/><line x1="240" y1="0" x2="240" y2="90" class="line"/>
+    </g>
+    <text x="45" y="248" class="small">L'unité est coupée en 4 parts égales.</text>
+  </g>
+  <g transform="translate(170 615)">
+    <rect width="1260" height="150" rx="24" class="panel"/>
+    <text x="36" y="55" class="h2">À retenir</text>
+    <text x="36" y="100" class="body">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text>
+  </g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/01_lire_ecrire_fraction_simple/card_04.svg

@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="206" viewBox="142 587 1316 206">
+  <defs>
+    <style>
+      .bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}
+    .fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style>
+  </defs>
+  <rect class="bg" width="1600" height="900"/>
+  <rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(110 245)">
+    <rect width="455" height="300" rx="24" class="soft"/>
+    <text x="34" y="58" class="h2">La fraction</text>
+    <text x="228" y="150" text-anchor="middle" class="frac">3</text>
+    <line x1="182" y1="178" x2="274" y2="178" class="line"/>
+    <text x="228" y="270" text-anchor="middle" class="frac">4</text>
+  </g>
+  <g transform="translate(625 245)">
+    <rect width="360" height="300" rx="24" class="panel"/>
+    <text x="30" y="58" class="h2">Ce que ça dit</text>
+    <circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text>
+    <circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text>
+    <g class="math-expression"><g transform="translate(30 235)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">3</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="64" y="235" class="body"> se lit :</text></g>
+    <text x="30" y="272" class="body">trois quarts</text>
+  </g>
+  <g transform="translate(1040 245)">
+    <rect width="430" height="300" rx="24" class="panel"/>
+    <text x="30" y="58" class="h2">L'unité partagée</text>
+    <g transform="translate(45 110)">
+      <rect x="0" y="0" width="320" height="90" rx="14" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
+      <rect x="0" y="0" width="80" height="90" rx="14" class="orange"/>
+      <rect x="80" y="0" width="80" height="90" class="orange"/>
+      <rect x="160" y="0" width="80" height="90" class="orange"/>
+      <line x1="80" y1="0" x2="80" y2="90" class="line"/><line x1="160" y1="0" x2="160" y2="90" class="line"/><line x1="240" y1="0" x2="240" y2="90" class="line"/>
+    </g>
+    <text x="45" y="248" class="small">L'unité est coupée en 4 parts égales.</text>
+  </g>
+  <g transform="translate(170 615)">
+    <rect width="1260" height="150" rx="24" class="panel"/>
+    <text x="36" y="55" class="h2">À retenir</text>
+    <text x="36" y="100" class="body">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text>
+  </g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/02_representer_fraction_partage/card_01.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="476" height="386" viewBox="82 217 476 386">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Représenter une fraction</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Je partage l'unité en parts égales, puis je colorie</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Bande : </text><g transform="translate(159.44 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">3</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">5</text></g></g>
+    <g transform="translate(45 132)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="64" height="92" rx="12" class="orange"/><rect x="64" width="64" height="92" class="orange"/><rect x="128" width="64" height="92" class="orange"/><line x1="64" y1="0" x2="64" y2="92" class="line"/><line x1="128" y1="0" x2="128" y2="92" class="line"/><line x1="192" y1="0" x2="192" y2="92" class="line"/><line x1="256" y1="0" x2="256" y2="92" class="line"/></g>
+    <text x="45" y="285" class="small">5 parts égales, 3 parts coloriées</text></g>
+  <g transform="translate(590 245)"><rect width="420" height="330" rx="24" class="soft"/><g class="math-expression"><text x="34" y="58" class="h2">Disque : </text><g transform="translate(175.12 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">1</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g></g>
+    <circle cx="210" cy="178" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/><path d="M210 178 L210 88 A90 90 0 0 1 300 178 Z" class="blue"/><line x1="210" y1="88" x2="210" y2="268" class="line"/><line x1="120" y1="178" x2="300" y2="178" class="line"/>
+    <text x="70" y="285" class="small">4 parts égales, 1 part coloriée</text></g>
+  <g transform="translate(1070 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Collection : </text><g transform="translate(237.84 58)" class="fraction-g"><text x="20" y="-24" text-anchor="middle" class="h2">6</text><line x1="0" y1="4" x2="40" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="20" y="42" text-anchor="middle" class="h2">10</text></g></g>
+    <g transform="translate(70 112)"><circle cx="0" cy="0" r="20" class="green"/><circle cx="55" cy="0" r="20" class="green"/><circle cx="110" cy="0" r="20" class="green"/><circle cx="165" cy="0" r="20" class="green"/><circle cx="220" cy="0" r="20" class="green"/><circle cx="275" cy="0" r="20" class="green"/><circle cx="0" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="55" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="110" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="165" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/></g>
+    <text x="58" y="285" class="small">10 objets, 6 sont choisis</text></g>
+  <g transform="translate(170 645)"><rect width="1260" height="110" rx="24" class="panel"/><text x="36" y="48" class="h2">À retenir</text><text x="36" y="86" class="body">Une fraction n'a de sens que si l'unité et les parts égales sont claires.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/02_representer_fraction_partage/card_02.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="476" height="386" viewBox="562 217 476 386">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Représenter une fraction</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Je partage l'unité en parts égales, puis je colorie</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Bande : </text><g transform="translate(159.44 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">3</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">5</text></g></g>
+    <g transform="translate(45 132)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="64" height="92" rx="12" class="orange"/><rect x="64" width="64" height="92" class="orange"/><rect x="128" width="64" height="92" class="orange"/><line x1="64" y1="0" x2="64" y2="92" class="line"/><line x1="128" y1="0" x2="128" y2="92" class="line"/><line x1="192" y1="0" x2="192" y2="92" class="line"/><line x1="256" y1="0" x2="256" y2="92" class="line"/></g>
+    <text x="45" y="285" class="small">5 parts égales, 3 parts coloriées</text></g>
+  <g transform="translate(590 245)"><rect width="420" height="330" rx="24" class="soft"/><g class="math-expression"><text x="34" y="58" class="h2">Disque : </text><g transform="translate(175.12 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">1</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g></g>
+    <circle cx="210" cy="178" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/><path d="M210 178 L210 88 A90 90 0 0 1 300 178 Z" class="blue"/><line x1="210" y1="88" x2="210" y2="268" class="line"/><line x1="120" y1="178" x2="300" y2="178" class="line"/>
+    <text x="70" y="285" class="small">4 parts égales, 1 part coloriée</text></g>
+  <g transform="translate(1070 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Collection : </text><g transform="translate(237.84 58)" class="fraction-g"><text x="20" y="-24" text-anchor="middle" class="h2">6</text><line x1="0" y1="4" x2="40" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="20" y="42" text-anchor="middle" class="h2">10</text></g></g>
+    <g transform="translate(70 112)"><circle cx="0" cy="0" r="20" class="green"/><circle cx="55" cy="0" r="20" class="green"/><circle cx="110" cy="0" r="20" class="green"/><circle cx="165" cy="0" r="20" class="green"/><circle cx="220" cy="0" r="20" class="green"/><circle cx="275" cy="0" r="20" class="green"/><circle cx="0" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="55" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="110" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="165" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/></g>
+    <text x="58" y="285" class="small">10 objets, 6 sont choisis</text></g>
+  <g transform="translate(170 645)"><rect width="1260" height="110" rx="24" class="panel"/><text x="36" y="48" class="h2">À retenir</text><text x="36" y="86" class="body">Une fraction n'a de sens que si l'unité et les parts égales sont claires.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/02_representer_fraction_partage/card_03.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="476" height="386" viewBox="1042 217 476 386">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Représenter une fraction</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Je partage l'unité en parts égales, puis je colorie</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Bande : </text><g transform="translate(159.44 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">3</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">5</text></g></g>
+    <g transform="translate(45 132)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="64" height="92" rx="12" class="orange"/><rect x="64" width="64" height="92" class="orange"/><rect x="128" width="64" height="92" class="orange"/><line x1="64" y1="0" x2="64" y2="92" class="line"/><line x1="128" y1="0" x2="128" y2="92" class="line"/><line x1="192" y1="0" x2="192" y2="92" class="line"/><line x1="256" y1="0" x2="256" y2="92" class="line"/></g>
+    <text x="45" y="285" class="small">5 parts égales, 3 parts coloriées</text></g>
+  <g transform="translate(590 245)"><rect width="420" height="330" rx="24" class="soft"/><g class="math-expression"><text x="34" y="58" class="h2">Disque : </text><g transform="translate(175.12 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">1</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g></g>
+    <circle cx="210" cy="178" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/><path d="M210 178 L210 88 A90 90 0 0 1 300 178 Z" class="blue"/><line x1="210" y1="88" x2="210" y2="268" class="line"/><line x1="120" y1="178" x2="300" y2="178" class="line"/>
+    <text x="70" y="285" class="small">4 parts égales, 1 part coloriée</text></g>
+  <g transform="translate(1070 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Collection : </text><g transform="translate(237.84 58)" class="fraction-g"><text x="20" y="-24" text-anchor="middle" class="h2">6</text><line x1="0" y1="4" x2="40" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="20" y="42" text-anchor="middle" class="h2">10</text></g></g>
+    <g transform="translate(70 112)"><circle cx="0" cy="0" r="20" class="green"/><circle cx="55" cy="0" r="20" class="green"/><circle cx="110" cy="0" r="20" class="green"/><circle cx="165" cy="0" r="20" class="green"/><circle cx="220" cy="0" r="20" class="green"/><circle cx="275" cy="0" r="20" class="green"/><circle cx="0" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="55" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="110" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="165" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/></g>
+    <text x="58" y="285" class="small">10 objets, 6 sont choisis</text></g>
+  <g transform="translate(170 645)"><rect width="1260" height="110" rx="24" class="panel"/><text x="36" y="48" class="h2">À retenir</text><text x="36" y="86" class="body">Une fraction n'a de sens que si l'unité et les parts égales sont claires.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/02_representer_fraction_partage/card_04.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="166" viewBox="142 617 1316 166">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Représenter une fraction</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Je partage l'unité en parts égales, puis je colorie</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Bande : </text><g transform="translate(159.44 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">3</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">5</text></g></g>
+    <g transform="translate(45 132)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="64" height="92" rx="12" class="orange"/><rect x="64" width="64" height="92" class="orange"/><rect x="128" width="64" height="92" class="orange"/><line x1="64" y1="0" x2="64" y2="92" class="line"/><line x1="128" y1="0" x2="128" y2="92" class="line"/><line x1="192" y1="0" x2="192" y2="92" class="line"/><line x1="256" y1="0" x2="256" y2="92" class="line"/></g>
+    <text x="45" y="285" class="small">5 parts égales, 3 parts coloriées</text></g>
+  <g transform="translate(590 245)"><rect width="420" height="330" rx="24" class="soft"/><g class="math-expression"><text x="34" y="58" class="h2">Disque : </text><g transform="translate(175.12 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">1</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g></g>
+    <circle cx="210" cy="178" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/><path d="M210 178 L210 88 A90 90 0 0 1 300 178 Z" class="blue"/><line x1="210" y1="88" x2="210" y2="268" class="line"/><line x1="120" y1="178" x2="300" y2="178" class="line"/>
+    <text x="70" y="285" class="small">4 parts égales, 1 part coloriée</text></g>
+  <g transform="translate(1070 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Collection : </text><g transform="translate(237.84 58)" class="fraction-g"><text x="20" y="-24" text-anchor="middle" class="h2">6</text><line x1="0" y1="4" x2="40" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="20" y="42" text-anchor="middle" class="h2">10</text></g></g>
+    <g transform="translate(70 112)"><circle cx="0" cy="0" r="20" class="green"/><circle cx="55" cy="0" r="20" class="green"/><circle cx="110" cy="0" r="20" class="green"/><circle cx="165" cy="0" r="20" class="green"/><circle cx="220" cy="0" r="20" class="green"/><circle cx="275" cy="0" r="20" class="green"/><circle cx="0" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="55" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="110" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="165" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/></g>
+    <text x="58" y="285" class="small">10 objets, 6 sont choisis</text></g>
+  <g transform="translate(170 645)"><rect width="1260" height="110" rx="24" class="panel"/><text x="36" y="48" class="h2">À retenir</text><text x="36" y="86" class="body">Une fraction n'a de sens que si l'unité et les parts égales sont claires.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/03_fraction_sur_demi_droite_graduee/card_01.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1406" height="396" viewBox="97 227 1406 396">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Placer une fraction sur une demi-droite</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Je partage chaque unité selon le dénominateur</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(125 255)"><rect width="1350" height="340" rx="24" class="soft"/><g class="math-expression"><text x="36" y="60" class="h2">Exemple : placer </text><g transform="translate(302.56 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">5</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g></g>
+    <line x1="100" y1="205" x2="1180" y2="205" class="line"/><path d="M1180 205 L1158 194 L1158 216 Z" fill="#26383d"/>
+    <g transform="translate(130 0)">
+      <line x1="0" y1="170" x2="0" y2="240" class="tick"/><text x="0" y="275" text-anchor="middle" class="body">0</text>
+      <line x1="250" y1="170" x2="250" y2="240" class="tick"/><text x="250" y="275" text-anchor="middle" class="body">1</text>
+      <line x1="500" y1="170" x2="500" y2="240" class="tick"/><text x="500" y="275" text-anchor="middle" class="body">2</text>
+      <line x1="62.5" y1="184" x2="62.5" y2="226" class="tick"/><line x1="125" y1="184" x2="125" y2="226" class="tick"/><line x1="187.5" y1="184" x2="187.5" y2="226" class="tick"/><line x1="312.5" y1="184" x2="312.5" y2="226" class="tick"/><line x1="375" y1="184" x2="375" y2="226" class="tick"/><line x1="437.5" y1="184" x2="437.5" y2="226" class="tick"/>
+      <circle cx="312.5" cy="205" r="16" class="orange"/><g class="math-expression"><g transform="translate(295.5 150)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">5</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g></g>
+    </g>
+    <text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="190" class="body">chaque unité a 4 parts.</text><g class="math-expression"><g transform="translate(820 245)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">5</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="854" y="245" class="body"> est juste après 1.</text></g>
+  </g>
+  <g transform="translate(170 650)"><rect width="1260" height="110" rx="24" class="panel"/><text x="36" y="48" class="h2">À retenir</text><text x="36" y="86" class="body">L'intervalle de 0 à 1 est l'unité. Je le partage en parts égales.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/03_fraction_sur_demi_droite_graduee/card_02.svg

@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="166" viewBox="142 622 1316 166">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Placer une fraction sur une demi-droite</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Je partage chaque unité selon le dénominateur</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(125 255)"><rect width="1350" height="340" rx="24" class="soft"/><g class="math-expression"><text x="36" y="60" class="h2">Exemple : placer </text><g transform="translate(302.56 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">5</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g></g>
+    <line x1="100" y1="205" x2="1180" y2="205" class="line"/><path d="M1180 205 L1158 194 L1158 216 Z" fill="#26383d"/>
+    <g transform="translate(130 0)">
+      <line x1="0" y1="170" x2="0" y2="240" class="tick"/><text x="0" y="275" text-anchor="middle" class="body">0</text>
+      <line x1="250" y1="170" x2="250" y2="240" class="tick"/><text x="250" y="275" text-anchor="middle" class="body">1</text>
+      <line x1="500" y1="170" x2="500" y2="240" class="tick"/><text x="500" y="275" text-anchor="middle" class="body">2</text>
+      <line x1="62.5" y1="184" x2="62.5" y2="226" class="tick"/><line x1="125" y1="184" x2="125" y2="226" class="tick"/><line x1="187.5" y1="184" x2="187.5" y2="226" class="tick"/><line x1="312.5" y1="184" x2="312.5" y2="226" class="tick"/><line x1="375" y1="184" x2="375" y2="226" class="tick"/><line x1="437.5" y1="184" x2="437.5" y2="226" class="tick"/>
+      <circle cx="312.5" cy="205" r="16" class="orange"/><g class="math-expression"><g transform="translate(295.5 150)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">5</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g></g>
+    </g>
+    <text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="190" class="body">chaque unité a 4 parts.</text><g class="math-expression"><g transform="translate(820 245)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">5</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="854" y="245" class="body"> est juste après 1.</text></g>
+  </g>
+  <g transform="translate(170 650)"><rect width="1260" height="110" rx="24" class="panel"/><text x="36" y="48" class="h2">À retenir</text><text x="36" y="86" class="body">L'intervalle de 0 à 1 est l'unité. Je le partage en parts égales.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/04_fraction_superieure_a_un/card_01.svg

@@ -0,0 +1,101 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="686" height="416" viewBox="92 217 686 416">
+  <defs>
+    <style>
+      .bg{fill:#f6f5ef}
+      .panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}
+      .soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}
+      .title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}
+      .subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}
+      .h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}
+      .body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
+      .num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:40px;font-weight:800;fill:#074f4b}
+      .op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:44px;font-weight:800;fill:#074f4b}
+      .orange{fill:#e78232}
+      .green{fill:#2f9246}
+      .line{stroke:#26383d;stroke-width:4;stroke-linecap:round}
+      .frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}
+    .fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style>
+  </defs>
+  <rect class="bg" width="1600" height="900"/>
+  <rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Fraction supérieure à 1</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Quand le numérateur dépasse le dénominateur</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+
+  <g transform="translate(120 245)">
+    <rect width="630" height="360" rx="24" class="soft"/>
+    <text x="34" y="66" class="h2">Exemple :</text>
+    <g transform="translate(225 62)">
+      <text x="18" y="-18" text-anchor="middle" class="h2">7</text>
+      <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+      <text x="18" y="34" text-anchor="middle" class="h2">4</text>
+    </g>
+    <g transform="translate(70 130)">
+      <rect width="400" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
+      <rect width="100" height="80" rx="12" class="green"/>
+      <rect x="100" width="100" height="80" class="green"/>
+      <rect x="200" width="100" height="80" class="green"/>
+      <rect x="300" width="100" height="80" class="green"/>
+      <line x1="100" y1="0" x2="100" y2="80" class="line"/>
+      <line x1="200" y1="0" x2="200" y2="80" class="line"/>
+      <line x1="300" y1="0" x2="300" y2="80" class="line"/>
+    </g>
+    <g transform="translate(70 245)">
+      <rect width="400" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
+      <rect width="100" height="80" rx="12" class="orange"/>
+      <rect x="100" width="100" height="80" class="orange"/>
+      <rect x="200" width="100" height="80" class="orange"/>
+      <line x1="100" y1="0" x2="100" y2="80" class="line"/>
+      <line x1="200" y1="0" x2="200" y2="80" class="line"/>
+      <line x1="300" y1="0" x2="300" y2="80" class="line"/>
+    </g>
+  </g>
+
+  <g transform="translate(815 245)">
+    <rect width="635" height="360" rx="24" class="panel"/>
+    <text x="36" y="60" class="h2">Je décompose</text>
+
+    <g transform="translate(70 125)">
+      <g>
+        <text x="18" y="-18" text-anchor="middle" class="num">7</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+      <text x="70" y="18" class="op">=</text>
+      <g transform="translate(125 0)">
+        <text x="18" y="-18" text-anchor="middle" class="num">4</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+      <text x="195" y="18" class="op">+</text>
+      <g transform="translate(250 0)">
+        <text x="18" y="-18" text-anchor="middle" class="num">3</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+    </g>
+
+    <g transform="translate(70 205)">
+      <g>
+        <text x="18" y="-18" text-anchor="middle" class="num">7</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+      <text x="70" y="18" class="op">= 1 +</text>
+      <g transform="translate(205 0)">
+        <text x="18" y="-18" text-anchor="middle" class="num">3</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+    </g>
+
+    <text x="70" y="292" class="body">La première unité est complète.</text>
+    <text x="70" y="328" class="body">Il reste encore trois quarts.</text>
+  </g>
+
+  <g transform="translate(170 660)">
+    <rect width="1260" height="105" rx="24" class="panel"/>
+    <text x="36" y="47" class="h2">À retenir</text>
+    <text x="36" y="84" class="body">Une fraction peut être plus grande que 1 : il faut alors utiliser plusieurs unités.</text>
+  </g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/04_fraction_superieure_a_un/card_02.svg

@@ -0,0 +1,101 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="691" height="416" viewBox="787 217 691 416">
+  <defs>
+    <style>
+      .bg{fill:#f6f5ef}
+      .panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}
+      .soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}
+      .title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}
+      .subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}
+      .h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}
+      .body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
+      .num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:40px;font-weight:800;fill:#074f4b}
+      .op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:44px;font-weight:800;fill:#074f4b}
+      .orange{fill:#e78232}
+      .green{fill:#2f9246}
+      .line{stroke:#26383d;stroke-width:4;stroke-linecap:round}
+      .frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}
+    .fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style>
+  </defs>
+  <rect class="bg" width="1600" height="900"/>
+  <rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Fraction supérieure à 1</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Quand le numérateur dépasse le dénominateur</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+
+  <g transform="translate(120 245)">
+    <rect width="630" height="360" rx="24" class="soft"/>
+    <text x="34" y="66" class="h2">Exemple :</text>
+    <g transform="translate(225 62)">
+      <text x="18" y="-18" text-anchor="middle" class="h2">7</text>
+      <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+      <text x="18" y="34" text-anchor="middle" class="h2">4</text>
+    </g>
+    <g transform="translate(70 130)">
+      <rect width="400" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
+      <rect width="100" height="80" rx="12" class="green"/>
+      <rect x="100" width="100" height="80" class="green"/>
+      <rect x="200" width="100" height="80" class="green"/>
+      <rect x="300" width="100" height="80" class="green"/>
+      <line x1="100" y1="0" x2="100" y2="80" class="line"/>
+      <line x1="200" y1="0" x2="200" y2="80" class="line"/>
+      <line x1="300" y1="0" x2="300" y2="80" class="line"/>
+    </g>
+    <g transform="translate(70 245)">
+      <rect width="400" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
+      <rect width="100" height="80" rx="12" class="orange"/>
+      <rect x="100" width="100" height="80" class="orange"/>
+      <rect x="200" width="100" height="80" class="orange"/>
+      <line x1="100" y1="0" x2="100" y2="80" class="line"/>
+      <line x1="200" y1="0" x2="200" y2="80" class="line"/>
+      <line x1="300" y1="0" x2="300" y2="80" class="line"/>
+    </g>
+  </g>
+
+  <g transform="translate(815 245)">
+    <rect width="635" height="360" rx="24" class="panel"/>
+    <text x="36" y="60" class="h2">Je décompose</text>
+
+    <g transform="translate(70 125)">
+      <g>
+        <text x="18" y="-18" text-anchor="middle" class="num">7</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+      <text x="70" y="18" class="op">=</text>
+      <g transform="translate(125 0)">
+        <text x="18" y="-18" text-anchor="middle" class="num">4</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+      <text x="195" y="18" class="op">+</text>
+      <g transform="translate(250 0)">
+        <text x="18" y="-18" text-anchor="middle" class="num">3</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+    </g>
+
+    <g transform="translate(70 205)">
+      <g>
+        <text x="18" y="-18" text-anchor="middle" class="num">7</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+      <text x="70" y="18" class="op">= 1 +</text>
+      <g transform="translate(205 0)">
+        <text x="18" y="-18" text-anchor="middle" class="num">3</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+    </g>
+
+    <text x="70" y="292" class="body">La première unité est complète.</text>
+    <text x="70" y="328" class="body">Il reste encore trois quarts.</text>
+  </g>
+
+  <g transform="translate(170 660)">
+    <rect width="1260" height="105" rx="24" class="panel"/>
+    <text x="36" y="47" class="h2">À retenir</text>
+    <text x="36" y="84" class="body">Une fraction peut être plus grande que 1 : il faut alors utiliser plusieurs unités.</text>
+  </g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/04_fraction_superieure_a_un/card_03.svg

@@ -0,0 +1,101 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
+  <defs>
+    <style>
+      .bg{fill:#f6f5ef}
+      .panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}
+      .soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}
+      .title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}
+      .subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}
+      .h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}
+      .body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
+      .num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:40px;font-weight:800;fill:#074f4b}
+      .op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:44px;font-weight:800;fill:#074f4b}
+      .orange{fill:#e78232}
+      .green{fill:#2f9246}
+      .line{stroke:#26383d;stroke-width:4;stroke-linecap:round}
+      .frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}
+    .fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style>
+  </defs>
+  <rect class="bg" width="1600" height="900"/>
+  <rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Fraction supérieure à 1</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Quand le numérateur dépasse le dénominateur</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+
+  <g transform="translate(120 245)">
+    <rect width="630" height="360" rx="24" class="soft"/>
+    <text x="34" y="66" class="h2">Exemple :</text>
+    <g transform="translate(225 62)">
+      <text x="18" y="-18" text-anchor="middle" class="h2">7</text>
+      <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+      <text x="18" y="34" text-anchor="middle" class="h2">4</text>
+    </g>
+    <g transform="translate(70 130)">
+      <rect width="400" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
+      <rect width="100" height="80" rx="12" class="green"/>
+      <rect x="100" width="100" height="80" class="green"/>
+      <rect x="200" width="100" height="80" class="green"/>
+      <rect x="300" width="100" height="80" class="green"/>
+      <line x1="100" y1="0" x2="100" y2="80" class="line"/>
+      <line x1="200" y1="0" x2="200" y2="80" class="line"/>
+      <line x1="300" y1="0" x2="300" y2="80" class="line"/>
+    </g>
+    <g transform="translate(70 245)">
+      <rect width="400" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
+      <rect width="100" height="80" rx="12" class="orange"/>
+      <rect x="100" width="100" height="80" class="orange"/>
+      <rect x="200" width="100" height="80" class="orange"/>
+      <line x1="100" y1="0" x2="100" y2="80" class="line"/>
+      <line x1="200" y1="0" x2="200" y2="80" class="line"/>
+      <line x1="300" y1="0" x2="300" y2="80" class="line"/>
+    </g>
+  </g>
+
+  <g transform="translate(815 245)">
+    <rect width="635" height="360" rx="24" class="panel"/>
+    <text x="36" y="60" class="h2">Je décompose</text>
+
+    <g transform="translate(70 125)">
+      <g>
+        <text x="18" y="-18" text-anchor="middle" class="num">7</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+      <text x="70" y="18" class="op">=</text>
+      <g transform="translate(125 0)">
+        <text x="18" y="-18" text-anchor="middle" class="num">4</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+      <text x="195" y="18" class="op">+</text>
+      <g transform="translate(250 0)">
+        <text x="18" y="-18" text-anchor="middle" class="num">3</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+    </g>
+
+    <g transform="translate(70 205)">
+      <g>
+        <text x="18" y="-18" text-anchor="middle" class="num">7</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+      <text x="70" y="18" class="op">= 1 +</text>
+      <g transform="translate(205 0)">
+        <text x="18" y="-18" text-anchor="middle" class="num">3</text>
+        <line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
+        <text x="18" y="52" text-anchor="middle" class="num">4</text>
+      </g>
+    </g>
+
+    <text x="70" y="292" class="body">La première unité est complète.</text>
+    <text x="70" y="328" class="body">Il reste encore trois quarts.</text>
+  </g>
+
+  <g transform="translate(170 660)">
+    <rect width="1260" height="105" rx="24" class="panel"/>
+    <text x="36" y="47" class="h2">À retenir</text>
+    <text x="36" y="84" class="body">Une fraction peut être plus grande que 1 : il faut alors utiliser plusieurs unités.</text>
+  </g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/05_comparer_fractions_simples/card_01.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="676" height="416" viewBox="92 217 676 416">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:64px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Comparer des fractions simples</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Même unité, parts égales, puis je compare</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(120 245)"><rect width="620" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Même dénominateur</text>
+    <g class="math-expression"><g transform="translate(70 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">5</text></g><text x="122.44" y="130" class="num"> &lt; </text><g transform="translate(199.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">4</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">5</text></g></g>
+    <g transform="translate(75 175)"><rect width="430" height="58" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="86" height="58" rx="10" class="orange"/><rect x="86" width="86" height="58" class="orange"/><rect x="172" width="86" height="58" class="orange"/><line x1="86" y1="0" x2="86" y2="58" class="line"/><line x1="172" y1="0" x2="172" y2="58" class="line"/><line x1="258" y1="0" x2="258" y2="58" class="line"/><line x1="344" y1="0" x2="344" y2="58" class="line"/></g>
+    <g transform="translate(75 265)"><rect width="430" height="58" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="86" height="58" rx="10" class="blue"/><rect x="86" width="86" height="58" class="blue"/><rect x="172" width="86" height="58" class="blue"/><rect x="258" width="86" height="58" class="blue"/><line x1="86" y1="0" x2="86" y2="58" class="line"/><line x1="172" y1="0" x2="172" y2="58" class="line"/><line x1="258" y1="0" x2="258" y2="58" class="line"/><line x1="344" y1="0" x2="344" y2="58" class="line"/></g>
+  </g>
+  <g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Même numérateur</text>
+    <g class="math-expression"><g transform="translate(70 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">1</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">2</text></g><text x="122.44" y="130" class="num"> &gt; </text><g transform="translate(199.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">1</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">4</text></g></g><text x="70" y="195" class="body">Quand on partage en plus de parts,</text><text x="70" y="232" class="body">chaque part est plus petite.</text><text x="70" y="300" class="body">Toujours comparer la même unité.</text>
+  </g>
+  <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/05_comparer_fractions_simples/card_02.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="691" height="416" viewBox="787 217 691 416">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:64px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Comparer des fractions simples</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Même unité, parts égales, puis je compare</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(120 245)"><rect width="620" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Même dénominateur</text>
+    <g class="math-expression"><g transform="translate(70 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">5</text></g><text x="122.44" y="130" class="num"> &lt; </text><g transform="translate(199.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">4</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">5</text></g></g>
+    <g transform="translate(75 175)"><rect width="430" height="58" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="86" height="58" rx="10" class="orange"/><rect x="86" width="86" height="58" class="orange"/><rect x="172" width="86" height="58" class="orange"/><line x1="86" y1="0" x2="86" y2="58" class="line"/><line x1="172" y1="0" x2="172" y2="58" class="line"/><line x1="258" y1="0" x2="258" y2="58" class="line"/><line x1="344" y1="0" x2="344" y2="58" class="line"/></g>
+    <g transform="translate(75 265)"><rect width="430" height="58" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="86" height="58" rx="10" class="blue"/><rect x="86" width="86" height="58" class="blue"/><rect x="172" width="86" height="58" class="blue"/><rect x="258" width="86" height="58" class="blue"/><line x1="86" y1="0" x2="86" y2="58" class="line"/><line x1="172" y1="0" x2="172" y2="58" class="line"/><line x1="258" y1="0" x2="258" y2="58" class="line"/><line x1="344" y1="0" x2="344" y2="58" class="line"/></g>
+  </g>
+  <g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Même numérateur</text>
+    <g class="math-expression"><g transform="translate(70 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">1</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">2</text></g><text x="122.44" y="130" class="num"> &gt; </text><g transform="translate(199.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">1</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">4</text></g></g><text x="70" y="195" class="body">Quand on partage en plus de parts,</text><text x="70" y="232" class="body">chaque part est plus petite.</text><text x="70" y="300" class="body">Toujours comparer la même unité.</text>
+  </g>
+  <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/05_comparer_fractions_simples/card_03.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:64px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Comparer des fractions simples</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Même unité, parts égales, puis je compare</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(120 245)"><rect width="620" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Même dénominateur</text>
+    <g class="math-expression"><g transform="translate(70 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">5</text></g><text x="122.44" y="130" class="num"> &lt; </text><g transform="translate(199.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">4</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">5</text></g></g>
+    <g transform="translate(75 175)"><rect width="430" height="58" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="86" height="58" rx="10" class="orange"/><rect x="86" width="86" height="58" class="orange"/><rect x="172" width="86" height="58" class="orange"/><line x1="86" y1="0" x2="86" y2="58" class="line"/><line x1="172" y1="0" x2="172" y2="58" class="line"/><line x1="258" y1="0" x2="258" y2="58" class="line"/><line x1="344" y1="0" x2="344" y2="58" class="line"/></g>
+    <g transform="translate(75 265)"><rect width="430" height="58" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="86" height="58" rx="10" class="blue"/><rect x="86" width="86" height="58" class="blue"/><rect x="172" width="86" height="58" class="blue"/><rect x="258" width="86" height="58" class="blue"/><line x1="86" y1="0" x2="86" y2="58" class="line"/><line x1="172" y1="0" x2="172" y2="58" class="line"/><line x1="258" y1="0" x2="258" y2="58" class="line"/><line x1="344" y1="0" x2="344" y2="58" class="line"/></g>
+  </g>
+  <g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Même numérateur</text>
+    <g class="math-expression"><g transform="translate(70 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">1</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">2</text></g><text x="122.44" y="130" class="num"> &gt; </text><g transform="translate(199.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">1</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">4</text></g></g><text x="70" y="195" class="body">Quand on partage en plus de parts,</text><text x="70" y="232" class="body">chaque part est plus petite.</text><text x="70" y="300" class="body">Toujours comparer la même unité.</text>
+  </g>
+  <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/06_encadrer_fraction_entre_entiers/card_01.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1406" height="416" viewBox="97 217 1406 416">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:54px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Ençadrer une fraction</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Je cherche entre quels entiers elle se trouve</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(125 245)"><rect width="1350" height="360" rx="24" class="soft"/><g class="math-expression"><text x="36" y="60" class="h2">Exemple : </text><g transform="translate(192.8 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">7</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">3</text></g></g>
+    <g class="math-expression"><g transform="translate(790 125)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">6</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">3</text></g><text x="842.44" y="125" class="num"> = 2</text></g><g class="math-expression"><g transform="translate(790 195)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">9</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">3</text></g><text x="842.44" y="195" class="num"> = 3</text></g><g class="math-expression"><text x="790" y="270" class="num">2 &lt; </text><g transform="translate(893.04 270)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">7</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">3</text></g><text x="945.48" y="270" class="num"> &lt; 3</text></g>
+    <line x1="100" y1="230" x2="670" y2="230" class="line"/><path d="M670 230 L648 219 L648 241 Z" fill="#26383d"/>
+    <g transform="translate(120 0)"><line x1="0" y1="195" x2="0" y2="265" class="tick"/><text x="0" y="300" text-anchor="middle" class="body">0</text><line x1="150" y1="195" x2="150" y2="265" class="tick"/><text x="150" y="300" text-anchor="middle" class="body">1</text><line x1="300" y1="195" x2="300" y2="265" class="tick"/><text x="300" y="300" text-anchor="middle" class="body">2</text><line x1="450" y1="195" x2="450" y2="265" class="tick"/><text x="450" y="300" text-anchor="middle" class="body">3</text><line x1="350" y1="210" x2="350" y2="250" class="tick"/><circle cx="350" cy="230" r="15" class="orange"/><g class="math-expression"><g transform="translate(333 175)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">7</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">3</text></g></g></g>
+  </g>
+  <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Je compare la fraction aux fractions qui valent les entiers voisins.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/06_encadrer_fraction_entre_entiers/card_02.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:54px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Ençadrer une fraction</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Je cherche entre quels entiers elle se trouve</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(125 245)"><rect width="1350" height="360" rx="24" class="soft"/><g class="math-expression"><text x="36" y="60" class="h2">Exemple : </text><g transform="translate(192.8 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">7</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">3</text></g></g>
+    <g class="math-expression"><g transform="translate(790 125)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">6</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">3</text></g><text x="842.44" y="125" class="num"> = 2</text></g><g class="math-expression"><g transform="translate(790 195)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">9</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">3</text></g><text x="842.44" y="195" class="num"> = 3</text></g><g class="math-expression"><text x="790" y="270" class="num">2 &lt; </text><g transform="translate(893.04 270)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">7</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">3</text></g><text x="945.48" y="270" class="num"> &lt; 3</text></g>
+    <line x1="100" y1="230" x2="670" y2="230" class="line"/><path d="M670 230 L648 219 L648 241 Z" fill="#26383d"/>
+    <g transform="translate(120 0)"><line x1="0" y1="195" x2="0" y2="265" class="tick"/><text x="0" y="300" text-anchor="middle" class="body">0</text><line x1="150" y1="195" x2="150" y2="265" class="tick"/><text x="150" y="300" text-anchor="middle" class="body">1</text><line x1="300" y1="195" x2="300" y2="265" class="tick"/><text x="300" y="300" text-anchor="middle" class="body">2</text><line x1="450" y1="195" x2="450" y2="265" class="tick"/><text x="450" y="300" text-anchor="middle" class="body">3</text><line x1="350" y1="210" x2="350" y2="250" class="tick"/><circle cx="350" cy="230" r="15" class="orange"/><g class="math-expression"><g transform="translate(333 175)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">7</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">3</text></g></g></g>
+  </g>
+  <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Je compare la fraction aux fractions qui valent les entiers voisins.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/07_additionner_soustraire_fractions_simples/card_01.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="696" height="416" viewBox="92 217 696 416">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Additionner des fractions simples</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Si les dénominateurs sont les mêmes, les parts ont la même taille</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Exemple</text><g class="math-expression"><g transform="translate(80 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">2</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g><text x="132.44" y="130" class="num"> + </text><g transform="translate(209.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g><text x="262.16" y="130" class="num"> = </text><g transform="translate(339.44 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">5</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g></g>
+    <g transform="translate(70 210)"><rect width="490" height="70" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="70" height="70" rx="10" class="orange"/><rect x="70" width="70" height="70" class="orange"/><rect x="140" width="70" height="70" class="blue"/><rect x="210" width="70" height="70" class="blue"/><rect x="280" width="70" height="70" class="blue"/><line x1="70" y1="0" x2="70" y2="70" class="line"/><line x1="140" y1="0" x2="140" y2="70" class="line"/><line x1="210" y1="0" x2="210" y2="70" class="line"/><line x1="280" y1="0" x2="280" y2="70" class="line"/><line x1="350" y1="0" x2="350" y2="70" class="line"/><line x1="420" y1="0" x2="420" y2="70" class="line"/></g>
+  </g>
+  <g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La règle</text><text x="65" y="135" class="body">Je garde le dénominateur.</text><text x="65" y="180" class="body">J'ajoute ou je retire</text><text x="65" y="218" class="body">seulement les numérateurs.</text><g class="math-expression"><g transform="translate(65 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">6</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g><text x="117.44" y="290" class="num"> - </text><g transform="translate(194.72 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">2</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g><text x="247.16" y="290" class="num"> = </text><g transform="translate(324.44 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">4</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g></g></g>
+  <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Avant de calculer, je vérifie que les dénominateurs sont identiques.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/07_additionner_soustraire_fractions_simples/card_02.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="681" height="416" viewBox="797 217 681 416">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Additionner des fractions simples</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Si les dénominateurs sont les mêmes, les parts ont la même taille</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Exemple</text><g class="math-expression"><g transform="translate(80 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">2</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g><text x="132.44" y="130" class="num"> + </text><g transform="translate(209.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g><text x="262.16" y="130" class="num"> = </text><g transform="translate(339.44 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">5</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g></g>
+    <g transform="translate(70 210)"><rect width="490" height="70" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="70" height="70" rx="10" class="orange"/><rect x="70" width="70" height="70" class="orange"/><rect x="140" width="70" height="70" class="blue"/><rect x="210" width="70" height="70" class="blue"/><rect x="280" width="70" height="70" class="blue"/><line x1="70" y1="0" x2="70" y2="70" class="line"/><line x1="140" y1="0" x2="140" y2="70" class="line"/><line x1="210" y1="0" x2="210" y2="70" class="line"/><line x1="280" y1="0" x2="280" y2="70" class="line"/><line x1="350" y1="0" x2="350" y2="70" class="line"/><line x1="420" y1="0" x2="420" y2="70" class="line"/></g>
+  </g>
+  <g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La règle</text><text x="65" y="135" class="body">Je garde le dénominateur.</text><text x="65" y="180" class="body">J'ajoute ou je retire</text><text x="65" y="218" class="body">seulement les numérateurs.</text><g class="math-expression"><g transform="translate(65 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">6</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g><text x="117.44" y="290" class="num"> - </text><g transform="translate(194.72 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">2</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g><text x="247.16" y="290" class="num"> = </text><g transform="translate(324.44 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">4</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g></g></g>
+  <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Avant de calculer, je vérifie que les dénominateurs sont identiques.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/07_additionner_soustraire_fractions_simples/card_03.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Additionner des fractions simples</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Si les dénominateurs sont les mêmes, les parts ont la même taille</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Exemple</text><g class="math-expression"><g transform="translate(80 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">2</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g><text x="132.44" y="130" class="num"> + </text><g transform="translate(209.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g><text x="262.16" y="130" class="num"> = </text><g transform="translate(339.44 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">5</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g></g>
+    <g transform="translate(70 210)"><rect width="490" height="70" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="70" height="70" rx="10" class="orange"/><rect x="70" width="70" height="70" class="orange"/><rect x="140" width="70" height="70" class="blue"/><rect x="210" width="70" height="70" class="blue"/><rect x="280" width="70" height="70" class="blue"/><line x1="70" y1="0" x2="70" y2="70" class="line"/><line x1="140" y1="0" x2="140" y2="70" class="line"/><line x1="210" y1="0" x2="210" y2="70" class="line"/><line x1="280" y1="0" x2="280" y2="70" class="line"/><line x1="350" y1="0" x2="350" y2="70" class="line"/><line x1="420" y1="0" x2="420" y2="70" class="line"/></g>
+  </g>
+  <g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La règle</text><text x="65" y="135" class="body">Je garde le dénominateur.</text><text x="65" y="180" class="body">J'ajoute ou je retire</text><text x="65" y="218" class="body">seulement les numérateurs.</text><g class="math-expression"><g transform="translate(65 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">6</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g><text x="117.44" y="290" class="num"> - </text><g transform="translate(194.72 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">2</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g><text x="247.16" y="290" class="num"> = </text><g transform="translate(324.44 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">4</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g></g></g>
+  <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Avant de calculer, je vérifie que les dénominateurs sont identiques.</text></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/08_fraction_d_une_quantite/card_01.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="696" height="416" viewBox="92 217 696 416">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Trouver une fraction d'une quantité</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Je partage, puis je prends les parts demandées</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression"><text x="34" y="60" class="h2">Exemple : </text><g transform="translate(190.8 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">3</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g><text x="224.8" y="60" class="h2"> de 20</text></g>
+    <g transform="translate(80 125)"><rect width="440" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="110" height="90" rx="12" class="orange"/><rect x="110" width="110" height="90" class="orange"/><rect x="220" width="110" height="90" class="orange"/><line x1="110" y1="0" x2="110" y2="90" class="line"/><line x1="220" y1="0" x2="220" y2="90" class="line"/><line x1="330" y1="0" x2="330" y2="90" class="line"/></g>
+    <text x="80" y="270" class="body">20 partage en 4 parts : chaque part vaut 5.</text><text x="80" y="315" class="body">Je prends 3 parts : 15.</text>
+  </g>
+  <g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La méthode</text><text x="70" y="130" class="num">20 ÷ 4 = 5</text><text x="70" y="205" class="num">5 x 3 = 15</text><text x="70" y="285" class="body">Le dénominateur partage.</text><text x="70" y="323" class="body">Le numérateur dit combien prendre.</text></g>
+  <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><g class="math-expression"><text x="36" y="84" class="body">Pour trouver </text><g transform="translate(210.72 84)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">3</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="244.72" y="84" class="body"> d&#x27;une quantité : je divise par 4, puis je multiplie par 3.</text></g></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/08_fraction_d_une_quantite/card_02.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="681" height="416" viewBox="797 217 681 416">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Trouver une fraction d'une quantité</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Je partage, puis je prends les parts demandées</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression"><text x="34" y="60" class="h2">Exemple : </text><g transform="translate(190.8 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">3</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g><text x="224.8" y="60" class="h2"> de 20</text></g>
+    <g transform="translate(80 125)"><rect width="440" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="110" height="90" rx="12" class="orange"/><rect x="110" width="110" height="90" class="orange"/><rect x="220" width="110" height="90" class="orange"/><line x1="110" y1="0" x2="110" y2="90" class="line"/><line x1="220" y1="0" x2="220" y2="90" class="line"/><line x1="330" y1="0" x2="330" y2="90" class="line"/></g>
+    <text x="80" y="270" class="body">20 partage en 4 parts : chaque part vaut 5.</text><text x="80" y="315" class="body">Je prends 3 parts : 15.</text>
+  </g>
+  <g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La méthode</text><text x="70" y="130" class="num">20 ÷ 4 = 5</text><text x="70" y="205" class="num">5 x 3 = 15</text><text x="70" y="285" class="body">Le dénominateur partage.</text><text x="70" y="323" class="body">Le numérateur dit combien prendre.</text></g>
+  <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><g class="math-expression"><text x="36" y="84" class="body">Pour trouver </text><g transform="translate(210.72 84)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">3</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="244.72" y="84" class="body"> d&#x27;une quantité : je divise par 4, puis je multiplie par 3.</text></g></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/cards/08_fraction_d_une_quantite/card_03.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
+  <defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
+  <rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
+  <text x="800" y="116" text-anchor="middle" class="title">Trouver une fraction d'une quantité</text>
+  <text x="800" y="160" text-anchor="middle" class="subtitle">Je partage, puis je prends les parts demandées</text>
+  <line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
+  <g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression"><text x="34" y="60" class="h2">Exemple : </text><g transform="translate(190.8 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">3</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g><text x="224.8" y="60" class="h2"> de 20</text></g>
+    <g transform="translate(80 125)"><rect width="440" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="110" height="90" rx="12" class="orange"/><rect x="110" width="110" height="90" class="orange"/><rect x="220" width="110" height="90" class="orange"/><line x1="110" y1="0" x2="110" y2="90" class="line"/><line x1="220" y1="0" x2="220" y2="90" class="line"/><line x1="330" y1="0" x2="330" y2="90" class="line"/></g>
+    <text x="80" y="270" class="body">20 partage en 4 parts : chaque part vaut 5.</text><text x="80" y="315" class="body">Je prends 3 parts : 15.</text>
+  </g>
+  <g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La méthode</text><text x="70" y="130" class="num">20 ÷ 4 = 5</text><text x="70" y="205" class="num">5 x 3 = 15</text><text x="70" y="285" class="body">Le dénominateur partage.</text><text x="70" y="323" class="body">Le numérateur dit combien prendre.</text></g>
+  <g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><g class="math-expression"><text x="36" y="84" class="body">Pour trouver </text><g transform="translate(210.72 84)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">3</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="244.72" y="84" class="body"> d&#x27;une quantité : je divise par 4, puis je multiplie par 3.</text></g></g>
+</svg>

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/01_lire_ecrire_fraction_simple/exercices.md

@@ -62,3 +62,8 @@ Reponse attendue :
 - Si l'eleve lit chiffre par chiffre, refaire lire avec les mots usuels : demi, tiers, quarts.
 - Si l'eleve oublie l'unite, revenir a la card `L'unite partagee`.
 
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/02_representer_fraction_partage/exercices.md

@@ -54,3 +54,8 @@ Reponse attendue :
 - Si l'eleve ne nomme pas l'unite, demander : `quelle est toute la quantite ?`
 - Si les parts egales sont oubliees, revenir a la regle : une fraction exige des parts egales.
 
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/03_fraction_sur_demi_droite_graduee/exercices.md

@@ -42,3 +42,8 @@ Reponse attendue :
 - Si l'eleve place `5/4` avant `1`, reprendre `4/4 = 1`.
 - Si le denominateur est ignore, demander combien de parts egales contient chaque unite.
 
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/04_fraction_superieure_a_un/exercices.md

@@ -63,3 +63,8 @@ Reponse attendue :
 - Si `denominateur plus grand` devient une regle automatique, faire comparer numerateur et denominateur.
 - Si l'eleve oublie le cas egal a `1`, reprendre `5/5 = 1`.
 
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/05_comparer_fractions_simples/exercices.md

@@ -60,3 +60,8 @@ Reponse attendue :
 - Si l'eleve bloque sur `<` et `>`, accepter une phrase orale avant le symbole.
 - Si l'eleve reussit sans justifier, demander quelle strategie il a utilisee.
 
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/06_encadrer_fraction_entre_entiers/exercices.md

@@ -58,3 +58,8 @@ Reponse attendue :
 - Si le meme denominateur disparait, revenir a `6/3`, `7/3`, `9/3`.
 - Si l'eleve compte bien mais ecrit mal les signes, accepter d'abord une phrase orale.
 
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/07_additionner_soustraire_fractions_simples/exercices.md

@@ -60,3 +60,8 @@ Reponse attendue :
 - Si l'eleve simplifie spontanement, accepter mais rappeler que la phase attend la fraction non reduite.
 - Si l'eleve oublie de verifier les denominateurs, poser toujours la question avant le calcul.
 
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices/08_fraction_d_une_quantite/exercices.md

@@ -58,3 +58,8 @@ Reponse attendue :
 - Si l'eleve divise par le numerateur, demander quel nombre indique le partage.
 - Si l'eleve trouve l'operation mais oublie l'unite, faire reformuler avec la quantite de depart.
 
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/exercices_svg/README.md

@@ -1,13 +0,0 @@
-# SVG exercices - CM1 - Fractions
-
-Ce dossier contient les planches SVG d'exercices de la Phase 6A pour le sous-theme `01B_fractions`.
-
-Organisation :
-
-- une planche SVG par micro-competence ;
-- consignes courtes ;
-- zones de reponse visibles ;
-- pas de corrige dans le visuel.
-
-Les corriges restent dans les fichiers `exercices/*/exercices.md`.
-

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/01_lire_ecrire_fraction_simple/fiche.md

@@ -45,3 +45,9 @@ Demander :
 - Lis `2/5`.
 - Ecris en fraction : `quatre sixiemes`.
 - Dans `7/10`, quel est le denominateur ?
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/02_representer_fraction_partage/fiche.md

@@ -46,3 +46,9 @@ Proposer une figure partagee et demander :
 - Quelle fraction est coloriee ?
 - Colorie `3/8` de la bande.
 - La representation est-elle correcte si les parts ne sont pas egales ?
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/03_fraction_sur_demi_droite_graduee/fiche.md

@@ -38,3 +38,9 @@ Demander :
 - Place `2/3` sur une demi-droite de `0` a `1`.
 - Lis la fraction indiquee par le point.
 - Explique pourquoi `5/4` est apres `1`.
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/04_fraction_superieure_a_un/fiche.md

@@ -39,3 +39,9 @@ Demander :
 - Represente `6/5`.
 - Complete : `9/4 = 8/4 + ...`.
 - Encercle les fractions superieures a `1` : `2/5`, `5/5`, `7/5`.
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/05_comparer_fractions_simples/fiche.md

@@ -40,3 +40,9 @@ Demander :
 - Complete avec `<`, `>` ou `=` : `2/7 ... 5/7`.
 - Choisis la plus grande fraction : `1/3` ou `1/6`.
 - Explique avec un dessin.
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/06_encadrer_fraction_entre_entiers/fiche.md

@@ -39,3 +39,9 @@ Demander :
 - Encadre `9/4` entre deux entiers.
 - Place `13/6` puis complete : `... < 13/6 < ...`.
 - Explique pourquoi `4/4` n'est pas entre `0` et `1`, mais egal a `1`.
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/07_additionner_soustraire_fractions_simples/fiche.md

@@ -40,3 +40,9 @@ Demander :
 - Calcule `3/10 + 4/10`.
 - Calcule `7/9 - 2/9`.
 - Represente `3/4 + 2/4` avec deux bandes si besoin.
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/fiches/08_fraction_d_une_quantite/fiche.md

@@ -40,3 +40,9 @@ Demander :
 - Calcule `1/3` de `24`.
 - Calcule `2/5` de `40`.
 - Dans une classe de `28` eleves, `3/4` participent a un atelier. Combien d'eleves participent ?
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/kit_adaptatif/README.md

@@ -1,29 +0,0 @@
-# Kit adaptatif - 01B fractions
-
-## Rôle du dossier
-
-Ce kit transforme le sous-thème `01B_fractions` en parcours adaptatif pour Professeur TOP.
-
-Il sert à choisir rapidement une entrée de travail adaptée à l'élève après quelques réponses courtes :
-
-- lecture et écriture des fractions simples ;
-- représentation d'un partage ;
-- placement sur demi-droite graduée ;
-- comparaison et encadrement ;
-- petites opérations sur fractions de même dénominateur ;
-- fraction d'une quantité.
-
-## Structure
-
-- `00_principe_adaptatif.md` : logique générale, erreurs à repérer et profils observables.
-- `routage.md` : règles d'orientation après diagnostic.
-- `test_diagnostic/` : tests courts à utiliser avant de choisir un parcours.
-- `parcours_profils/` : exercices et reprises classés par profil pédagogique.
-- `svg/` : supports visuels du diagnostic et des parcours.
-
-## Statut
-
-Phase `7A` : kit adaptatif généré pour revue.
-
-Les contenus restent éditoriaux : ils devront être validés dans l'interface avant assimilation complète au programme actif.
-

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/kit_adaptatif/parcours_profils/README.md

@@ -1,6 +0,0 @@
-# Parcours par profils observables
-
-Chaque dossier propose une reprise ciblée après diagnostic.
-
-Les parcours peuvent être combinés. Par exemple, un élève peut commencer par `01_visuel_partage`, puis passer à `02_verbal_vocabulaire` pour stabiliser les mots.
-

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/kit_adaptatif/svg/README.md

@@ -1,6 +0,0 @@
-# SVG du kit adaptatif fractions
-
-Ces visuels servent de supports simples pour les tests et les parcours.
-
-Ils sont volontairement moins denses que les fiches de leçon : chaque SVG porte une seule décision pédagogique.
-

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/kit_adaptatif/test_diagnostic/README.md

@@ -1,13 +0,0 @@
-# Tests diagnostics - fractions CM1
-
-Ces tests sont courts et doivent être utilisés avant de choisir un parcours adaptatif.
-
-Ils ne servent pas à noter l'élève. Ils servent à comprendre quelle aide sera la plus efficace.
-
-Ordre conseillé :
-
-1. `01_lecture_vocabulaire.md`
-2. `02_partage_unite.md`
-3. `03_demi_droite.md`
-4. `04_comparer_expliquer.md`
-

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/lecon.md

@@ -0,0 +1,579 @@
+# Lecon globale - CM1 - Fractions
+
+Cette lecon globale sert de contexte general a Professeur TOP.
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+- Niveau : cycle 3, CM1, mathematiques, nombres/calcul/resolution, fractions.
+
+## Contenu consolide
+
+# CM1 - Fractions
+
+Source principale : `pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`
+
+Domaine : Nombres, calcul et resolution de problemes  
+Sous-theme : Fractions  
+Niveau : CM1
+
+## Perimetre
+
+Le travail sur les fractions commence des la periode 1 et se poursuit toute l'annee. Les fractions sont abordees comme partage, mesure, nombre sur une demi-droite graduee et operateur unitaire.
+
+Points de cadrage :
+
+- fractions superieures a `1` ;
+- denominateurs inferieurs ou egaux a `20`, sauf fractions decimales jusqu'aux centiemes ;
+- fractions decimales preparees pour l'introduction des nombres decimaux.
+
+## Micro-competences prevues
+
+1. `01_lire_ecrire_fraction_simple.md` : lire et ecrire une fraction simple.
+2. `02_representer_fraction_partage.md` : representer une fraction comme partage.
+3. `03_fraction_sur_demi_droite_graduee.md` : placer et lire une fraction sur une demi-droite graduee.
+4. `04_fraction_superieure_a_un.md` : comprendre et representer une fraction superieure a `1`.
+5. `05_comparer_fractions_simples.md` : comparer des fractions simples avec appui visuel.
+6. `06_encadrer_fraction_entre_entiers.md` : encadrer une fraction entre deux entiers.
+7. `07_additionner_soustraire_fractions_simples.md` : additionner ou soustraire des fractions de meme denominateur.
+8. `08_fraction_d_une_quantite.md` : determiner une fraction d'une quantite.
+
+Statut Phase 2A : les 8 micro-fiches Markdown sont generees et pretes pour relecture.
+
+## Futures sorties
+
+- Fiches de lecon Markdown et SVG.
+- Contextes dynamiques par card : sens de la fraction, unite, numerateur, denominateur, representation.
+- Exercices textuels : lecture, representation, placement, comparaison, calcul simple.
+- SVG exercices : bandes, disques, droites graduees, collections.
+- Kit adaptatif conseille : les erreurs de choix d'unite et de denominateur sont frequentes.
+
+## Prochaine validation
+
+Avant les SVG et les contextes dynamiques, relire :
+
+- la justesse mathematique ;
+- la granularite une competence par fiche ;
+- le niveau CM1 ;
+- la coherence des futures pistes visuelles.
+
+## SVG generes
+
+Phase 3A : 8 SVG de lecon generes dans `svg/`.
+
+- `svg/01_lire_ecrire_fraction_simple.svg`
+- `svg/02_representer_fraction_partage.svg`
+- `svg/03_fraction_sur_demi_droite_graduee.svg`
+- `svg/04_fraction_superieure_a_un.svg`
+- `svg/05_comparer_fractions_simples.svg`
+- `svg/06_encadrer_fraction_entre_entiers.svg`
+- `svg/07_additionner_soustraire_fractions_simples.svg`
+- `svg/08_fraction_d_une_quantite.svg`
+
+Statut : brouillons visuels propres, XML valides, a relire avant validation finale.
+
+## Validation SVG
+
+Phase 3B : les 8 SVG de lecon avaient ete valides par l'utilisateur le `2026-05-05`.
+
+Trace : `VALIDATION_PHASE_3B.md`
+
+Statut revise le `2026-05-07` : validation suspendue.
+
+Motif :
+
+- fiabilite visuelle insuffisante sur les fractions ;
+- barres horizontales parfois trop proches des denominateurs ;
+- chevauchements observes dans plusieurs fiches ;
+- corrections ponctuelles insuffisantes pour garantir le lot.
+
+Decision :
+
+- reprendre les 8 SVG de lecon fractions dans une phase qualite dediee ;
+- utiliser un composant de fraction stable, avec espacements imposes et controles visuels ;
+- ne pas assimiler definitivement ces SVG tant que la reprise n'est pas validee.
+
+## Contextes dynamiques generes
+
+Phase 4A : 24 contextes dynamiques par card generes dans `card_contexts/`.
+
+Organisation :
+
+- `card_contexts/01_lire_ecrire_fraction_simple/` : 4 cards.
+- `card_contexts/02_representer_fraction_partage/` : 4 cards.
+- `card_contexts/03_fraction_sur_demi_droite_graduee/` : 2 cards.
+- `card_contexts/04_fraction_superieure_a_un/` : 3 cards.
+- `card_contexts/05_comparer_fractions_simples/` : 3 cards.
+- `card_contexts/06_encadrer_fraction_entre_entiers/` : 2 cards.
+- `card_contexts/07_additionner_soustraire_fractions_simples/` : 3 cards.
+- `card_contexts/08_fraction_d_une_quantite/` : 3 cards.
+
+Statut : contextes initiaux prets pour relecture Phase 4B.
+
+## Validation contextes dynamiques
+
+Phase 4B : les 24 contextes dynamiques par card sont valides par l'utilisateur le `2026-05-05`.
+
+Trace : `VALIDATION_PHASE_4B.md`
+
+## Exercices textuels generes
+
+Phase 5A : 8 fichiers d'exercices textuels generes dans `exercices/`, soit `32` exercices au total.
+
+Organisation :
+
+- `exercices/01_lire_ecrire_fraction_simple/exercices.md`
+- `exercices/02_representer_fraction_partage/exercices.md`
+- `exercices/03_fraction_sur_demi_droite_graduee/exercices.md`
+- `exercices/04_fraction_superieure_a_un/exercices.md`
+- `exercices/05_comparer_fractions_simples/exercices.md`
+- `exercices/06_encadrer_fraction_entre_entiers/exercices.md`
+- `exercices/07_additionner_soustraire_fractions_simples/exercices.md`
+- `exercices/08_fraction_d_une_quantite/exercices.md`
+
+Statut : exercices initiaux prets pour relecture Phase 5B.
+
+## Validation exercices textuels
+
+Phase 5B : les 8 fichiers d'exercices textuels sont valides par l'utilisateur le `2026-05-05`.
+
+Trace : `VALIDATION_PHASE_5B.md`
+
+## SVG exercices generes
+
+Phase 6A : 8 planches SVG d'exercices generees dans `exercices_svg/`.
+
+Organisation :
+
+- `exercices_svg/01_lire_ecrire_fraction_simple.svg`
+- `exercices_svg/02_representer_fraction_partage.svg`
+- `exercices_svg/03_fraction_sur_demi_droite_graduee.svg`
+- `exercices_svg/04_fraction_superieure_a_un.svg`
+- `exercices_svg/05_comparer_fractions_simples.svg`
+- `exercices_svg/06_encadrer_fraction_entre_entiers.svg`
+- `exercices_svg/07_additionner_soustraire_fractions_simples.svg`
+- `exercices_svg/08_fraction_d_une_quantite.svg`
+
+Statut : SVG exercices initiaux prets pour relecture Phase 6B.
+
+## Kit adaptatif genere
+
+Phase 7A : un kit adaptatif de sous-theme est genere dans `kit_adaptatif/`.
+
+Organisation :
+
+- `kit_adaptatif/00_principe_adaptatif.md` : profils observables et erreurs a reperer.
+- `kit_adaptatif/routage.md` : choix du parcours apres diagnostic.
+- `kit_adaptatif/test_diagnostic/` : 4 tests courts.
+- `kit_adaptatif/parcours_profils/` : 5 parcours de reprise.
+- `kit_adaptatif/svg/` : 2 supports visuels XML valides.
+
+Statut : kit adaptatif initial pret pour relecture Phase 7B.
+
+---
+
+# 01 - Lire et ecrire une fraction simple
+
+## Objectif eleve
+
+Lire, dire et ecrire une fraction simple en comprenant le role du numerateur et du denominateur.
+
+## Message central
+
+Dans une fraction, le denominateur dit en combien de parts egales on partage l'unite. Le numerateur dit combien de parts on prend.
+
+Exemple : `3/4` se lit `trois quarts`. L'unite est partagee en `4` parts egales, on en prend `3`.
+
+## Contenu de cours
+
+- Une fraction s'ecrit avec deux nombres separes par une barre.
+- Le nombre du bas est le denominateur.
+- Le nombre du haut est le numerateur.
+- Les parts doivent etre egales pour que la fraction soit correcte.
+
+## Exemples resolus
+
+| Fraction | Lecture | Sens |
+| --- | --- | --- |
+| `1/2` | un demi | 1 part sur 2 parts egales |
+| `3/4` | trois quarts | 3 parts sur 4 parts egales |
+| `5/8` | cinq huitiemes | 5 parts sur 8 parts egales |
+
+## Piste visuelle
+
+Une fiche avec :
+
+- une fraction grand format `3/4` ;
+- une etiquette `numerateur : parts prises` ;
+- une etiquette `denominateur : parts egales dans l'unite` ;
+- un rectangle partage en quatre parts, dont trois coloriees.
+
+## Contexte dynamique par card plus tard
+
+Le modele devra toujours rappeler quelle est l'unite avant d'expliquer le numerateur et le denominateur.
+
+## Variante exercice plus tard
+
+Demander :
+
+- Lis `2/5`.
+- Ecris en fraction : `quatre sixiemes`.
+- Dans `7/10`, quel est le denominateur ?
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+
+---
+
+# 02 - Representer une fraction comme partage
+
+## Objectif eleve
+
+Representer une fraction en partageant une unite en parts egales.
+
+## Message central
+
+Pour representer une fraction, on partage d'abord l'unite en parts egales, puis on colorie le nombre de parts demande.
+
+Exemple : pour `2/3`, je partage l'unite en `3` parts egales et j'en colorie `2`.
+
+## Contenu de cours
+
+- L'unite peut etre une bande, un disque, un carre ou une collection.
+- Les parts doivent avoir la meme taille.
+- Le denominateur indique le nombre total de parts egales.
+- Le numerateur indique le nombre de parts prises.
+
+## Exemples resolus
+
+| Fraction | Representation attendue |
+| --- | --- |
+| `1/4` | 1 part coloriee sur 4 parts egales |
+| `3/5` | 3 parts coloriees sur 5 parts egales |
+| `6/10` | 6 parts coloriees sur 10 parts egales |
+
+## Piste visuelle
+
+Une fiche avec trois representations cote a cote :
+
+- bande partagee ;
+- disque partage ;
+- collection d'objets.
+
+Chaque representation montre la meme idee : parts egales et parts prises.
+
+## Contexte dynamique par card plus tard
+
+La card doit expliciter : `je choisis l'unite`, `je partage en parts egales`, `je prends les parts`.
+
+## Variante exercice plus tard
+
+Proposer une figure partagee et demander :
+
+- Quelle fraction est coloriee ?
+- Colorie `3/8` de la bande.
+- La representation est-elle correcte si les parts ne sont pas egales ?
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+
+---
+
+# 03 - Placer une fraction sur une demi-droite graduee
+
+## Objectif eleve
+
+Lire et placer une fraction sur une demi-droite graduee.
+
+## Message central
+
+Sur une demi-droite graduee, l'intervalle entre `0` et `1` represente une unite. Pour placer `3/4`, on partage cette unite en `4` parts egales et on avance de `3` parts.
+
+## Contenu de cours
+
+- On repere d'abord les entiers `0`, `1`, `2`, etc.
+- Chaque unite doit etre partagee en parts egales.
+- Le denominateur indique le nombre de parts dans chaque unite.
+- Le numerateur indique le nombre de parts depuis `0`, ou depuis le dernier entier si la fraction est superieure a `1`.
+
+## Exemples resolus
+
+| Fraction | Placement |
+| --- | --- |
+| `1/2` | au milieu entre `0` et `1` |
+| `3/4` | troisieme graduation si l'unite est partagee en 4 |
+| `5/4` | une unite et un quart, donc juste apres `1` |
+
+## Piste visuelle
+
+Une demi-droite de `0` a `2`, avec chaque unite partagee en quarts. Les points `1/4`, `3/4` et `5/4` sont marques.
+
+## Contexte dynamique par card plus tard
+
+La card doit commencer par verifier la taille de l'unite et le nombre de graduations par unite.
+
+## Variante exercice plus tard
+
+Demander :
+
+- Place `2/3` sur une demi-droite de `0` a `1`.
+- Lis la fraction indiquee par le point.
+- Explique pourquoi `5/4` est apres `1`.
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+
+---
+
+# 04 - Comprendre une fraction superieure a 1
+
+## Objectif eleve
+
+Comprendre, lire et representer une fraction superieure a `1`.
+
+## Message central
+
+Une fraction peut etre plus grande que `1` quand le numerateur est plus grand que le denominateur.
+
+Exemple : `7/4`, c'est `4/4 + 3/4`, donc `1 + 3/4`.
+
+## Contenu de cours
+
+- `4/4` represente une unite entiere.
+- Si on a plus de parts que dans une unite, il faut utiliser plusieurs unites.
+- Une fraction superieure a `1` peut se decomposer en partie entiere et fraction restante.
+
+## Exemples resolus
+
+| Fraction | Decomposition | Sens |
+| --- | --- | --- |
+| `5/4` | `4/4 + 1/4` | `1 + 1/4` |
+| `7/3` | `6/3 + 1/3` | `2 + 1/3` |
+| `9/2` | `8/2 + 1/2` | `4 + 1/2` |
+
+## Piste visuelle
+
+Deux bandes-unites partagees en quarts. Pour `7/4`, la premiere bande est complete et la seconde a `3` quarts colories.
+
+## Contexte dynamique par card plus tard
+
+Le modele devra faire apparaitre l'unite complete avant la partie restante.
+
+## Variante exercice plus tard
+
+Demander :
+
+- Represente `6/5`.
+- Complete : `9/4 = 8/4 + ...`.
+- Encercle les fractions superieures a `1` : `2/5`, `5/5`, `7/5`.
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+
+---
+
+# 05 - Comparer des fractions simples
+
+## Objectif eleve
+
+Comparer des fractions simples en s'appuyant sur leur representation et sur le role du denominateur.
+
+## Message central
+
+Pour comparer deux fractions, il faut regarder l'unite et les parts. Quand le denominateur est le meme, la fraction qui a le plus grand numerateur est la plus grande.
+
+Exemple : `3/8 > 2/8`, car on prend plus de parts de meme taille.
+
+## Contenu de cours
+
+- On compare toujours des fractions de la meme unite.
+- A denominateur egal, les parts ont la meme taille.
+- A numerateur egal, plus le denominateur est grand, plus les parts sont petites.
+- Une representation peut aider quand les denominateurs sont differents.
+
+## Exemples resolus
+
+| Comparaison | Resultat | Pourquoi |
+| --- | --- | --- |
+| `3/5` et `4/5` | `3/5 < 4/5` | memes parts, on en prend moins |
+| `1/2` et `1/4` | `1/2 > 1/4` | une moitie est plus grande qu'un quart |
+| `5/6` et `6/6` | `5/6 < 6/6` | `6/6` vaut une unite |
+
+## Piste visuelle
+
+Deux bandes de meme longueur, partagees et coloriees. Une alerte visuelle indique : `meme unite obligatoire`.
+
+## Contexte dynamique par card plus tard
+
+La card doit demander : `les denominateurs sont-ils identiques ?`, puis choisir la strategie.
+
+## Variante exercice plus tard
+
+Demander :
+
+- Complete avec `<`, `>` ou `=` : `2/7 ... 5/7`.
+- Choisis la plus grande fraction : `1/3` ou `1/6`.
+- Explique avec un dessin.
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+
+---
+
+# 06 - Encadrer une fraction entre deux entiers
+
+## Objectif eleve
+
+Encadrer une fraction entre deux nombres entiers consecutifs.
+
+## Message central
+
+Pour encadrer une fraction, on cherche combien d'unites entieres elle contient.
+
+Exemple : `7/3` est entre `2` et `3`, car `6/3 = 2` et `9/3 = 3`.
+
+## Contenu de cours
+
+- Une unite entiere correspond a une fraction dont le numerateur est egal au denominateur : `3/3 = 1`.
+- Deux unites correspondent a `6/3` si l'unite est partagee en tiers.
+- On peut utiliser une demi-droite graduee pour voir entre quels entiers se trouve la fraction.
+
+## Exemples resolus
+
+| Fraction | Encadrement | Explication |
+| --- | --- | --- |
+| `5/4` | `1 < 5/4 < 2` | `4/4 = 1` et `8/4 = 2` |
+| `8/3` | `2 < 8/3 < 3` | `6/3 = 2` et `9/3 = 3` |
+| `11/5` | `2 < 11/5 < 3` | `10/5 = 2` et `15/5 = 3` |
+
+## Piste visuelle
+
+Une demi-droite de `0` a `3`, partagee selon le denominateur, avec la fraction placee entre deux entiers.
+
+## Contexte dynamique par card plus tard
+
+La card doit montrer les fractions equivalentes aux entiers voisins avant de conclure.
+
+## Variante exercice plus tard
+
+Demander :
+
+- Encadre `9/4` entre deux entiers.
+- Place `13/6` puis complete : `... < 13/6 < ...`.
+- Explique pourquoi `4/4` n'est pas entre `0` et `1`, mais egal a `1`.
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+
+---
+
+# 07 - Additionner ou soustraire des fractions simples
+
+## Objectif eleve
+
+Additionner ou soustraire des fractions de meme denominateur.
+
+## Message central
+
+Quand les denominateurs sont les memes, les parts ont la meme taille. On additionne ou on soustrait seulement les numerateurs.
+
+Exemple : `2/7 + 3/7 = 5/7`.
+
+## Contenu de cours
+
+- Le denominateur ne change pas si les parts ont la meme taille.
+- On ajoute les parts prises pour une addition.
+- On retire des parts prises pour une soustraction.
+- Il faut verifier que les denominateurs sont identiques avant de calculer.
+
+## Exemples resolus
+
+| Calcul | Resultat | Pourquoi |
+| --- | --- | --- |
+| `1/5 + 2/5` | `3/5` | 1 part + 2 parts = 3 parts |
+| `6/8 - 2/8` | `4/8` | 6 parts - 2 parts = 4 parts |
+| `3/4 + 2/4` | `5/4` | le resultat depasse 1 |
+
+## Piste visuelle
+
+Une bande partagee en parts egales. Les parts ajoutees ont deux couleurs, puis le total est affiche sous forme de fraction.
+
+## Contexte dynamique par card plus tard
+
+La card doit verifier d'abord : `les denominateurs sont-ils les memes ?`
+
+## Variante exercice plus tard
+
+Demander :
+
+- Calcule `3/10 + 4/10`.
+- Calcule `7/9 - 2/9`.
+- Represente `3/4 + 2/4` avec deux bandes si besoin.
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
+
+---
+
+# 08 - Determiner une fraction d'une quantite
+
+## Objectif eleve
+
+Calculer une fraction simple d'une quantite.
+
+## Message central
+
+Pour trouver une fraction d'une quantite, on partage d'abord la quantite selon le denominateur, puis on prend le nombre de parts indique par le numerateur.
+
+Exemple : `3/4` de `20`, c'est `20 ÷ 4 = 5`, puis `5 × 3 = 15`.
+
+## Contenu de cours
+
+- Le denominateur indique en combien de groupes egaux on partage.
+- Le numerateur indique combien de groupes on prend.
+- Il est souvent plus simple de calculer d'abord une part.
+- On peut representer la quantite par une collection ou une barre.
+
+## Exemples resolus
+
+| Situation | Calcul | Resultat |
+| --- | --- | --- |
+| `1/2` de `18` | `18 ÷ 2` | `9` |
+| `3/4` de `20` | `20 ÷ 4 = 5`, puis `5 × 3` | `15` |
+| `2/5` de `30` | `30 ÷ 5 = 6`, puis `6 × 2` | `12` |
+
+## Piste visuelle
+
+Une barre representant `20`, partagee en `4` parts egales de `5`, puis `3` parts coloriees.
+
+## Contexte dynamique par card plus tard
+
+La card doit isoler les deux gestes : `je partage` puis `je prends`.
+
+## Variante exercice plus tard
+
+Demander :
+
+- Calcule `1/3` de `24`.
+- Calcule `2/5` de `40`.
+- Dans une classe de `28` eleves, `3/4` participent a un atelier. Combien d'eleves participent ?
+
+## Sources
+
+- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
+- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.

Programme/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/svg/README.md

@@ -1,12 +0,0 @@
-# SVG - CM1 - Fractions
-
-Ce dossier contient les fiches SVG de lecon du sous-theme `01B_fractions`.
-
-Regles :
-
-- une fiche SVG = une micro-competence ;
-- format `1600 x 900` ;
-- pas de professeur integre ;
-- texte court et lisible ;
-- schemas mathematiques simples ;
-- aucune superposition texte/schema.