Migrate nb entier

This commit is contained in:
2026-05-12 21:31:08 +02:00
parent 7e82f1c0a5
commit 0e635d124e
270 changed files with 7515 additions and 1310 deletions

View File

@@ -1,37 +0,0 @@
# Kit adaptatif - 01 lire et écrire les nombres entiers
Micro-fiche source : `../01_lecture_ecriture_nombres_entiers.md`
## Rôle de ce dossier
Ce dossier sert de prototype pour transformer une micro-fiche de leçon en mini-parcours adaptatif :
1. un test préalable court ;
2. une lecture des erreurs et des biais fréquents ;
3. une orientation vers des exercices plus adaptés au profil de l'enfant.
## Structure
- `00_principe_adaptatif.md` : logique générale du dispositif.
- `lecon/lecon.md` : version de travail de la leçon.
- `test_diagnostic/` : plusieurs fiches de test très courtes.
- `exercices/` : exercices classés par profil pédagogique observable.
- `svg/` : POC visuel pour les tests et les exercices.
- `NOTES_SESSION_2026-04-24.md` : mémo produit pour la prochaine session.
## Important
Les profils proposés ici ne sont pas des étiquettes définitives ni des diagnostics. Ce sont des façons d'ajuster l'entrée dans la tâche :
- plus visuel et spatial ;
- plus verbal et oral ;
- plus imagé et concret ;
- plus règle et structure ;
- plus progressif avec charge réduite.
## Usage recommandé
1. Faire passer les tests très rapidement.
2. Noter les réussites, hésitations et types d'erreurs.
3. Choisir un dossier d'exercices dominant.
4. Si besoin, mélanger deux profils proches.

View File

@@ -1,17 +0,0 @@
# Exercices par profil pédagogique observable
Chaque sous-dossier propose une entrée privilégiée dans la même compétence.
Le contenu ne change pas de niveau : seule la façon d'accéder à la compétence change.
## Dossiers
- `01_visuel_structuration`
- `02_verbal_oralisation`
- `03_image_concret`
- `04_regles_et_patterns`
- `05_progressif_charge_reduite`
## Règle simple
Commencer par un seul dossier principal. Si l'enfant progresse, revenir ensuite à des exercices plus neutres ou mélangés.

View File

@@ -1,9 +0,0 @@
# SVG du kit adaptatif
Ce dossier contient les visuels du POC pour la première micro-fiche :
- `tests/questions/` : version élève sans correction ;
- `tests/reponses/` : version corrigée et interprétable ;
- `exercices/profils/` : fiches d'exercices par profil pédagogique observable.
Chaque SVG reste sans personnage intégré. Le professeur virtuel pourra être ajouté dans l'application.

View File

@@ -1,23 +0,0 @@
# Tests diagnostiques
Ces tests sont volontairement courts. Ils ne servent pas à noter l'enfant mais à repérer :
- ce qu'il sait déjà faire ;
- où il hésite ;
- quel type d'aide semble le plus efficace.
## Ordre conseillé
1. `01_test_lecture_rapide.md`
2. `02_test_ecriture_sous_dictee.md`
3. `03_test_biais_et_strategies.md`
## Observation utile pendant le test
Noter aussi :
- si l'enfant pointe les groupes avec le doigt ;
- s'il lit d'un seul élan ou par morceaux ;
- s'il verbalise une méthode ;
- s'il perd le fil quand il y a trop de texte ;
- s'il réussit mieux avec couleurs, boîtes ou exemples concrets.

View File

@@ -0,0 +1,14 @@
# La méthode
Contexte de card pour la fiche `01_lecture_ecriture_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,77 @@
<svg xmlns="http://www.w3.org/2000/svg" width="576" height="306" viewBox="82 207 576 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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; }
.tiny { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 15px; fill: #2d4148; }
.num { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 48px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 24px; font-weight: 800; fill: #ffffff; }
.green { fill: #2f9246; }
.blue { fill: #1d78b5; }
.orange { fill: #e78232; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
</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 les nombres entiers</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Nombres entiers jusqu'&#224; 999 999</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="520" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">La m&#233;thode</text>
<text x="34" y="104" class="body">Je coupe le nombre</text>
<text x="34" y="138" class="body">en groupes de 3 chiffres.</text>
<g transform="translate(40 158)">
<rect x="0" y="0" width="178" height="52" rx="15" fill="#e8f3ee"/>
<rect x="218" y="0" width="202" height="52" rx="15" fill="#e8f3ee"/>
<text x="89" y="34" text-anchor="middle" class="body">345</text>
<text x="319" y="34" text-anchor="middle" class="body">208</text>
<text x="89" y="78" text-anchor="middle" class="tiny">milliers</text>
<text x="319" y="78" text-anchor="middle" class="tiny">unit&#233;s simples</text>
</g>
</g>
<g transform="translate(675 235)">
<rect x="0" y="0" width="410" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple</text>
<text x="205" y="125" text-anchor="middle" class="num">345 208</text>
<text x="205" y="178" text-anchor="middle" class="body">se lit :</text>
<text x="205" y="216" text-anchor="middle" class="small">trois-cent-quarante-cinq-mille</text>
<text x="205" y="240" text-anchor="middle" class="small">deux-cent-huit</text>
</g>
<g transform="translate(1130 235)">
<rect x="0" y="0" width="330" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">&#192; retenir</text>
<text x="32" y="104" class="body">Je lis d'abord</text>
<text x="32" y="138" class="body">les milliers.</text>
<text x="32" y="186" class="body">Puis je lis</text>
<text x="32" y="220" class="body">les unit&#233;s simples.</text>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemples r&#233;solus</text>
<g transform="translate(55 88)">
<rect x="0" y="0" width="360" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="35" y="36" class="body">7 425</text>
<text x="35" y="68" class="small">sept-mille-quatre-cent-vingt-cinq</text>
<rect x="440" y="0" width="380" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="475" y="36" class="body">38 090</text>
<text x="475" y="68" class="small">trente-huit-mille-quatre-vingt-dix</text>
<rect x="860" y="0" width="380" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="895" y="36" class="body">506 012</text>
<text x="895" y="68" class="small">cinq-cent-six-mille-douze</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@@ -0,0 +1,14 @@
# Exemple
Contexte de card pour la fiche `01_lecture_ecriture_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,77 @@
<svg xmlns="http://www.w3.org/2000/svg" width="466" height="306" viewBox="647 207 466 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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; }
.tiny { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 15px; fill: #2d4148; }
.num { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 48px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 24px; font-weight: 800; fill: #ffffff; }
.green { fill: #2f9246; }
.blue { fill: #1d78b5; }
.orange { fill: #e78232; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
</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 les nombres entiers</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Nombres entiers jusqu'&#224; 999 999</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="520" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">La m&#233;thode</text>
<text x="34" y="104" class="body">Je coupe le nombre</text>
<text x="34" y="138" class="body">en groupes de 3 chiffres.</text>
<g transform="translate(40 158)">
<rect x="0" y="0" width="178" height="52" rx="15" fill="#e8f3ee"/>
<rect x="218" y="0" width="202" height="52" rx="15" fill="#e8f3ee"/>
<text x="89" y="34" text-anchor="middle" class="body">345</text>
<text x="319" y="34" text-anchor="middle" class="body">208</text>
<text x="89" y="78" text-anchor="middle" class="tiny">milliers</text>
<text x="319" y="78" text-anchor="middle" class="tiny">unit&#233;s simples</text>
</g>
</g>
<g transform="translate(675 235)">
<rect x="0" y="0" width="410" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple</text>
<text x="205" y="125" text-anchor="middle" class="num">345 208</text>
<text x="205" y="178" text-anchor="middle" class="body">se lit :</text>
<text x="205" y="216" text-anchor="middle" class="small">trois-cent-quarante-cinq-mille</text>
<text x="205" y="240" text-anchor="middle" class="small">deux-cent-huit</text>
</g>
<g transform="translate(1130 235)">
<rect x="0" y="0" width="330" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">&#192; retenir</text>
<text x="32" y="104" class="body">Je lis d'abord</text>
<text x="32" y="138" class="body">les milliers.</text>
<text x="32" y="186" class="body">Puis je lis</text>
<text x="32" y="220" class="body">les unit&#233;s simples.</text>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemples r&#233;solus</text>
<g transform="translate(55 88)">
<rect x="0" y="0" width="360" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="35" y="36" class="body">7 425</text>
<text x="35" y="68" class="small">sept-mille-quatre-cent-vingt-cinq</text>
<rect x="440" y="0" width="380" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="475" y="36" class="body">38 090</text>
<text x="475" y="68" class="small">trente-huit-mille-quatre-vingt-dix</text>
<rect x="860" y="0" width="380" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="895" y="36" class="body">506 012</text>
<text x="895" y="68" class="small">cinq-cent-six-mille-douze</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@@ -0,0 +1,14 @@
# À retenir
Contexte de card pour la fiche `01_lecture_ecriture_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,77 @@
<svg xmlns="http://www.w3.org/2000/svg" width="386" height="306" viewBox="1102 207 386 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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; }
.tiny { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 15px; fill: #2d4148; }
.num { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 48px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 24px; font-weight: 800; fill: #ffffff; }
.green { fill: #2f9246; }
.blue { fill: #1d78b5; }
.orange { fill: #e78232; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
</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 les nombres entiers</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Nombres entiers jusqu'&#224; 999 999</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="520" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">La m&#233;thode</text>
<text x="34" y="104" class="body">Je coupe le nombre</text>
<text x="34" y="138" class="body">en groupes de 3 chiffres.</text>
<g transform="translate(40 158)">
<rect x="0" y="0" width="178" height="52" rx="15" fill="#e8f3ee"/>
<rect x="218" y="0" width="202" height="52" rx="15" fill="#e8f3ee"/>
<text x="89" y="34" text-anchor="middle" class="body">345</text>
<text x="319" y="34" text-anchor="middle" class="body">208</text>
<text x="89" y="78" text-anchor="middle" class="tiny">milliers</text>
<text x="319" y="78" text-anchor="middle" class="tiny">unit&#233;s simples</text>
</g>
</g>
<g transform="translate(675 235)">
<rect x="0" y="0" width="410" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple</text>
<text x="205" y="125" text-anchor="middle" class="num">345 208</text>
<text x="205" y="178" text-anchor="middle" class="body">se lit :</text>
<text x="205" y="216" text-anchor="middle" class="small">trois-cent-quarante-cinq-mille</text>
<text x="205" y="240" text-anchor="middle" class="small">deux-cent-huit</text>
</g>
<g transform="translate(1130 235)">
<rect x="0" y="0" width="330" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">&#192; retenir</text>
<text x="32" y="104" class="body">Je lis d'abord</text>
<text x="32" y="138" class="body">les milliers.</text>
<text x="32" y="186" class="body">Puis je lis</text>
<text x="32" y="220" class="body">les unit&#233;s simples.</text>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemples r&#233;solus</text>
<g transform="translate(55 88)">
<rect x="0" y="0" width="360" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="35" y="36" class="body">7 425</text>
<text x="35" y="68" class="small">sept-mille-quatre-cent-vingt-cinq</text>
<rect x="440" y="0" width="380" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="475" y="36" class="body">38 090</text>
<text x="475" y="68" class="small">trente-huit-mille-quatre-vingt-dix</text>
<rect x="860" y="0" width="380" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="895" y="36" class="body">506 012</text>
<text x="895" y="68" class="small">cinq-cent-six-mille-douze</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@@ -0,0 +1,14 @@
# Exemples résolus
Contexte de card pour la fiche `01_lecture_ecriture_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,77 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1406" height="276" viewBox="82 507 1406 276">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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; }
.tiny { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 15px; fill: #2d4148; }
.num { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 48px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 24px; font-weight: 800; fill: #ffffff; }
.green { fill: #2f9246; }
.blue { fill: #1d78b5; }
.orange { fill: #e78232; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
</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 les nombres entiers</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Nombres entiers jusqu'&#224; 999 999</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="520" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">La m&#233;thode</text>
<text x="34" y="104" class="body">Je coupe le nombre</text>
<text x="34" y="138" class="body">en groupes de 3 chiffres.</text>
<g transform="translate(40 158)">
<rect x="0" y="0" width="178" height="52" rx="15" fill="#e8f3ee"/>
<rect x="218" y="0" width="202" height="52" rx="15" fill="#e8f3ee"/>
<text x="89" y="34" text-anchor="middle" class="body">345</text>
<text x="319" y="34" text-anchor="middle" class="body">208</text>
<text x="89" y="78" text-anchor="middle" class="tiny">milliers</text>
<text x="319" y="78" text-anchor="middle" class="tiny">unit&#233;s simples</text>
</g>
</g>
<g transform="translate(675 235)">
<rect x="0" y="0" width="410" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple</text>
<text x="205" y="125" text-anchor="middle" class="num">345 208</text>
<text x="205" y="178" text-anchor="middle" class="body">se lit :</text>
<text x="205" y="216" text-anchor="middle" class="small">trois-cent-quarante-cinq-mille</text>
<text x="205" y="240" text-anchor="middle" class="small">deux-cent-huit</text>
</g>
<g transform="translate(1130 235)">
<rect x="0" y="0" width="330" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">&#192; retenir</text>
<text x="32" y="104" class="body">Je lis d'abord</text>
<text x="32" y="138" class="body">les milliers.</text>
<text x="32" y="186" class="body">Puis je lis</text>
<text x="32" y="220" class="body">les unit&#233;s simples.</text>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemples r&#233;solus</text>
<g transform="translate(55 88)">
<rect x="0" y="0" width="360" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="35" y="36" class="body">7 425</text>
<text x="35" y="68" class="small">sept-mille-quatre-cent-vingt-cinq</text>
<rect x="440" y="0" width="380" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="475" y="36" class="body">38 090</text>
<text x="475" y="68" class="small">trente-huit-mille-quatre-vingt-dix</text>
<rect x="860" y="0" width="380" height="90" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="895" y="36" class="body">506 012</text>
<text x="895" y="68" class="small">cinq-cent-six-mille-douze</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@@ -0,0 +1,14 @@
# Idée importante
Contexte de card pour la fiche `02_valeur_position_chiffres`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,72 @@
<svg xmlns="http://www.w3.org/2000/svg" width="616" height="306" viewBox="82 207 616 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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; }
.tiny { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 15px; fill: #2d4148; }
.num { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 48px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
.blueBox { fill: #1d78b5; }
.orangeBox { fill: #e78232; }
</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">Valeur et position</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Un chiffre change de valeur selon sa place</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="560" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">Id&#233;e importante</text>
<text x="34" y="104" class="body">Dans un nombre, une colonne</text>
<text x="34" y="138" class="body">donne la valeur du chiffre.</text>
<text x="34" y="198" class="body">Plus on va vers la gauche,</text>
<text x="34" y="232" class="body">plus la valeur est grande.</text>
</g>
<g transform="translate(720 235)">
<rect x="0" y="0" width="720" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple : 42 642</text>
<text x="360" y="116" text-anchor="middle" class="num">42 642</text>
<g transform="translate(74 150)">
<rect x="0" y="0" width="250" height="68" rx="18" class="blueBox"/>
<text x="125" y="42" text-anchor="middle" class="whiteText">4 vaut 40 000</text>
<rect x="350" y="0" width="250" height="68" rx="18" class="orangeBox"/>
<text x="475" y="42" text-anchor="middle" class="whiteText">4 vaut 40</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">Table de position</text>
<g transform="translate(65 92)">
<rect x="0" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="190" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="380" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="570" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="760" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="950" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<text x="85" y="39" text-anchor="middle" class="body">c. mille</text>
<text x="275" y="39" text-anchor="middle" class="body">d. mille</text>
<text x="465" y="39" text-anchor="middle" class="body">u. mille</text>
<text x="655" y="39" text-anchor="middle" class="body">centaines</text>
<text x="845" y="39" text-anchor="middle" class="body">dizaines</text>
<text x="1035" y="39" text-anchor="middle" class="body">unit&#233;s</text>
<text x="85" y="106" text-anchor="middle" class="small">100 000</text>
<text x="275" y="106" text-anchor="middle" class="small">10 000</text>
<text x="465" y="106" text-anchor="middle" class="small">1 000</text>
<text x="655" y="106" text-anchor="middle" class="small">100</text>
<text x="845" y="106" text-anchor="middle" class="small">10</text>
<text x="1035" y="106" text-anchor="middle" class="small">1</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@@ -0,0 +1,14 @@
# Exemple : 42 642
Contexte de card pour la fiche `02_valeur_position_chiffres`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,72 @@
<svg xmlns="http://www.w3.org/2000/svg" width="776" height="306" viewBox="692 207 776 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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; }
.tiny { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 15px; fill: #2d4148; }
.num { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 48px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
.blueBox { fill: #1d78b5; }
.orangeBox { fill: #e78232; }
</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">Valeur et position</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Un chiffre change de valeur selon sa place</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="560" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">Id&#233;e importante</text>
<text x="34" y="104" class="body">Dans un nombre, une colonne</text>
<text x="34" y="138" class="body">donne la valeur du chiffre.</text>
<text x="34" y="198" class="body">Plus on va vers la gauche,</text>
<text x="34" y="232" class="body">plus la valeur est grande.</text>
</g>
<g transform="translate(720 235)">
<rect x="0" y="0" width="720" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple : 42 642</text>
<text x="360" y="116" text-anchor="middle" class="num">42 642</text>
<g transform="translate(74 150)">
<rect x="0" y="0" width="250" height="68" rx="18" class="blueBox"/>
<text x="125" y="42" text-anchor="middle" class="whiteText">4 vaut 40 000</text>
<rect x="350" y="0" width="250" height="68" rx="18" class="orangeBox"/>
<text x="475" y="42" text-anchor="middle" class="whiteText">4 vaut 40</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">Table de position</text>
<g transform="translate(65 92)">
<rect x="0" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="190" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="380" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="570" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="760" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="950" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<text x="85" y="39" text-anchor="middle" class="body">c. mille</text>
<text x="275" y="39" text-anchor="middle" class="body">d. mille</text>
<text x="465" y="39" text-anchor="middle" class="body">u. mille</text>
<text x="655" y="39" text-anchor="middle" class="body">centaines</text>
<text x="845" y="39" text-anchor="middle" class="body">dizaines</text>
<text x="1035" y="39" text-anchor="middle" class="body">unit&#233;s</text>
<text x="85" y="106" text-anchor="middle" class="small">100 000</text>
<text x="275" y="106" text-anchor="middle" class="small">10 000</text>
<text x="465" y="106" text-anchor="middle" class="small">1 000</text>
<text x="655" y="106" text-anchor="middle" class="small">100</text>
<text x="845" y="106" text-anchor="middle" class="small">10</text>
<text x="1035" y="106" text-anchor="middle" class="small">1</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@@ -0,0 +1,14 @@
# Table de position
Contexte de card pour la fiche `02_valeur_position_chiffres`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,72 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1406" height="276" viewBox="82 507 1406 276">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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; }
.tiny { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 15px; fill: #2d4148; }
.num { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 48px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
.blueBox { fill: #1d78b5; }
.orangeBox { fill: #e78232; }
</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">Valeur et position</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Un chiffre change de valeur selon sa place</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="560" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">Id&#233;e importante</text>
<text x="34" y="104" class="body">Dans un nombre, une colonne</text>
<text x="34" y="138" class="body">donne la valeur du chiffre.</text>
<text x="34" y="198" class="body">Plus on va vers la gauche,</text>
<text x="34" y="232" class="body">plus la valeur est grande.</text>
</g>
<g transform="translate(720 235)">
<rect x="0" y="0" width="720" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple : 42 642</text>
<text x="360" y="116" text-anchor="middle" class="num">42 642</text>
<g transform="translate(74 150)">
<rect x="0" y="0" width="250" height="68" rx="18" class="blueBox"/>
<text x="125" y="42" text-anchor="middle" class="whiteText">4 vaut 40 000</text>
<rect x="350" y="0" width="250" height="68" rx="18" class="orangeBox"/>
<text x="475" y="42" text-anchor="middle" class="whiteText">4 vaut 40</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">Table de position</text>
<g transform="translate(65 92)">
<rect x="0" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="190" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="380" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="570" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="760" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<rect x="950" y="0" width="170" height="62" rx="14" fill="#e8f3ee"/>
<text x="85" y="39" text-anchor="middle" class="body">c. mille</text>
<text x="275" y="39" text-anchor="middle" class="body">d. mille</text>
<text x="465" y="39" text-anchor="middle" class="body">u. mille</text>
<text x="655" y="39" text-anchor="middle" class="body">centaines</text>
<text x="845" y="39" text-anchor="middle" class="body">dizaines</text>
<text x="1035" y="39" text-anchor="middle" class="body">unit&#233;s</text>
<text x="85" y="106" text-anchor="middle" class="small">100 000</text>
<text x="275" y="106" text-anchor="middle" class="small">10 000</text>
<text x="465" y="106" text-anchor="middle" class="small">1 000</text>
<text x="655" y="106" text-anchor="middle" class="small">100</text>
<text x="845" y="106" text-anchor="middle" class="small">10</text>
<text x="1035" y="106" text-anchor="middle" class="small">1</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

@@ -0,0 +1,14 @@
# Méthode
Contexte de card pour la fiche `03_comparer_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,69 @@
<svg xmlns="http://www.w3.org/2000/svg" width="486" height="306" viewBox="82 207 486 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 46px; font-weight: 800; fill: #074f4b; }
.sign { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 70px; font-weight: 800; fill: #e78232; }
.badge { fill: #1d78b5; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
</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 nombres</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Utiliser =, &lt; et &gt;</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">M&#233;thode</text>
<text x="34" y="104" class="body">1. Je compte les chiffres.</text>
<text x="34" y="146" class="body">2. Je compare depuis</text>
<text x="67" y="180" class="body">la gauche.</text>
<text x="34" y="224" class="small">Le plus grand gagne.</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="460" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple</text>
<text x="105" y="145" text-anchor="middle" class="num">45 208</text>
<text x="230" y="152" text-anchor="middle" class="sign">&gt;</text>
<text x="355" y="145" text-anchor="middle" class="num">45 180</text>
<text x="230" y="212" text-anchor="middle" class="small">208 est plus grand que 180.</text>
</g>
<g transform="translate(1090 235)">
<rect x="0" y="0" width="350" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">Signes</text>
<g transform="translate(38 92)">
<rect x="0" y="0" width="74" height="62" rx="15" class="badge"/>
<rect x="100" y="0" width="74" height="62" rx="15" fill="#2f9246"/>
<rect x="200" y="0" width="74" height="62" rx="15" fill="#e78232"/>
<text x="37" y="42" text-anchor="middle" class="whiteText">&lt;</text>
<text x="137" y="42" text-anchor="middle" class="whiteText">=</text>
<text x="237" y="42" text-anchor="middle" class="whiteText">&gt;</text>
</g>
<text x="32" y="196" class="small">Je choisis le signe</text>
<text x="32" y="222" class="small">qui convient.</text>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemples r&#233;solus</text>
<text x="80" y="112" class="body">8 540 &lt; 12 300</text>
<text x="80" y="154" class="small">12 300 a plus de chiffres.</text>
<text x="520" y="112" class="body">45 208 &gt; 45 180</text>
<text x="520" y="154" class="small">On compare depuis la gauche.</text>
<text x="980" y="112" class="body">306 019 = 306 019</text>
<text x="980" y="154" class="small">Les nombres sont identiques.</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -0,0 +1,14 @@
# Exemple
Contexte de card pour la fiche `03_comparer_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,69 @@
<svg xmlns="http://www.w3.org/2000/svg" width="516" height="306" viewBox="557 207 516 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 46px; font-weight: 800; fill: #074f4b; }
.sign { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 70px; font-weight: 800; fill: #e78232; }
.badge { fill: #1d78b5; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
</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 nombres</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Utiliser =, &lt; et &gt;</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">M&#233;thode</text>
<text x="34" y="104" class="body">1. Je compte les chiffres.</text>
<text x="34" y="146" class="body">2. Je compare depuis</text>
<text x="67" y="180" class="body">la gauche.</text>
<text x="34" y="224" class="small">Le plus grand gagne.</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="460" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple</text>
<text x="105" y="145" text-anchor="middle" class="num">45 208</text>
<text x="230" y="152" text-anchor="middle" class="sign">&gt;</text>
<text x="355" y="145" text-anchor="middle" class="num">45 180</text>
<text x="230" y="212" text-anchor="middle" class="small">208 est plus grand que 180.</text>
</g>
<g transform="translate(1090 235)">
<rect x="0" y="0" width="350" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">Signes</text>
<g transform="translate(38 92)">
<rect x="0" y="0" width="74" height="62" rx="15" class="badge"/>
<rect x="100" y="0" width="74" height="62" rx="15" fill="#2f9246"/>
<rect x="200" y="0" width="74" height="62" rx="15" fill="#e78232"/>
<text x="37" y="42" text-anchor="middle" class="whiteText">&lt;</text>
<text x="137" y="42" text-anchor="middle" class="whiteText">=</text>
<text x="237" y="42" text-anchor="middle" class="whiteText">&gt;</text>
</g>
<text x="32" y="196" class="small">Je choisis le signe</text>
<text x="32" y="222" class="small">qui convient.</text>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemples r&#233;solus</text>
<text x="80" y="112" class="body">8 540 &lt; 12 300</text>
<text x="80" y="154" class="small">12 300 a plus de chiffres.</text>
<text x="520" y="112" class="body">45 208 &gt; 45 180</text>
<text x="520" y="154" class="small">On compare depuis la gauche.</text>
<text x="980" y="112" class="body">306 019 = 306 019</text>
<text x="980" y="154" class="small">Les nombres sont identiques.</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -0,0 +1,14 @@
# Signes
Contexte de card pour la fiche `03_comparer_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,69 @@
<svg xmlns="http://www.w3.org/2000/svg" width="406" height="306" viewBox="1062 207 406 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 46px; font-weight: 800; fill: #074f4b; }
.sign { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 70px; font-weight: 800; fill: #e78232; }
.badge { fill: #1d78b5; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
</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 nombres</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Utiliser =, &lt; et &gt;</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">M&#233;thode</text>
<text x="34" y="104" class="body">1. Je compte les chiffres.</text>
<text x="34" y="146" class="body">2. Je compare depuis</text>
<text x="67" y="180" class="body">la gauche.</text>
<text x="34" y="224" class="small">Le plus grand gagne.</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="460" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple</text>
<text x="105" y="145" text-anchor="middle" class="num">45 208</text>
<text x="230" y="152" text-anchor="middle" class="sign">&gt;</text>
<text x="355" y="145" text-anchor="middle" class="num">45 180</text>
<text x="230" y="212" text-anchor="middle" class="small">208 est plus grand que 180.</text>
</g>
<g transform="translate(1090 235)">
<rect x="0" y="0" width="350" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">Signes</text>
<g transform="translate(38 92)">
<rect x="0" y="0" width="74" height="62" rx="15" class="badge"/>
<rect x="100" y="0" width="74" height="62" rx="15" fill="#2f9246"/>
<rect x="200" y="0" width="74" height="62" rx="15" fill="#e78232"/>
<text x="37" y="42" text-anchor="middle" class="whiteText">&lt;</text>
<text x="137" y="42" text-anchor="middle" class="whiteText">=</text>
<text x="237" y="42" text-anchor="middle" class="whiteText">&gt;</text>
</g>
<text x="32" y="196" class="small">Je choisis le signe</text>
<text x="32" y="222" class="small">qui convient.</text>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemples r&#233;solus</text>
<text x="80" y="112" class="body">8 540 &lt; 12 300</text>
<text x="80" y="154" class="small">12 300 a plus de chiffres.</text>
<text x="520" y="112" class="body">45 208 &gt; 45 180</text>
<text x="520" y="154" class="small">On compare depuis la gauche.</text>
<text x="980" y="112" class="body">306 019 = 306 019</text>
<text x="980" y="154" class="small">Les nombres sont identiques.</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -0,0 +1,14 @@
# Exemples résolus
Contexte de card pour la fiche `03_comparer_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,69 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1406" height="276" viewBox="82 507 1406 276">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 46px; font-weight: 800; fill: #074f4b; }
.sign { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 70px; font-weight: 800; fill: #e78232; }
.badge { fill: #1d78b5; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
</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 nombres</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Utiliser =, &lt; et &gt;</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">M&#233;thode</text>
<text x="34" y="104" class="body">1. Je compte les chiffres.</text>
<text x="34" y="146" class="body">2. Je compare depuis</text>
<text x="67" y="180" class="body">la gauche.</text>
<text x="34" y="224" class="small">Le plus grand gagne.</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="460" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple</text>
<text x="105" y="145" text-anchor="middle" class="num">45 208</text>
<text x="230" y="152" text-anchor="middle" class="sign">&gt;</text>
<text x="355" y="145" text-anchor="middle" class="num">45 180</text>
<text x="230" y="212" text-anchor="middle" class="small">208 est plus grand que 180.</text>
</g>
<g transform="translate(1090 235)">
<rect x="0" y="0" width="350" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">Signes</text>
<g transform="translate(38 92)">
<rect x="0" y="0" width="74" height="62" rx="15" class="badge"/>
<rect x="100" y="0" width="74" height="62" rx="15" fill="#2f9246"/>
<rect x="200" y="0" width="74" height="62" rx="15" fill="#e78232"/>
<text x="37" y="42" text-anchor="middle" class="whiteText">&lt;</text>
<text x="137" y="42" text-anchor="middle" class="whiteText">=</text>
<text x="237" y="42" text-anchor="middle" class="whiteText">&gt;</text>
</g>
<text x="32" y="196" class="small">Je choisis le signe</text>
<text x="32" y="222" class="small">qui convient.</text>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemples r&#233;solus</text>
<text x="80" y="112" class="body">8 540 &lt; 12 300</text>
<text x="80" y="154" class="small">12 300 a plus de chiffres.</text>
<text x="520" y="112" class="body">45 208 &gt; 45 180</text>
<text x="520" y="154" class="small">On compare depuis la gauche.</text>
<text x="980" y="112" class="body">306 019 = 306 019</text>
<text x="980" y="154" class="small">Les nombres sont identiques.</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -0,0 +1,14 @@
# Encadrer
Contexte de card pour la fiche `04_encadrer_intercaler_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,81 @@
<svg xmlns="http://www.w3.org/2000/svg" width="486" height="306" viewBox="82 207 486 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 32px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
.thin { stroke: #26383d; stroke-width: 2.5; stroke-linecap: round; }
.orange { fill: #e78232; }
.blue { fill: #1d78b5; }
.green { fill: #2f9246; }
</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">Encadrer et intercaler</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Trouver entre quels nombres on se place</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">Encadrer</text>
<text x="34" y="104" class="body">C'est placer un nombre</text>
<text x="34" y="138" class="body">entre deux bornes.</text>
<text x="34" y="198" class="num">3 000 &lt; 3 245 &lt; 4 000</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="460" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Intercaler</text>
<text x="32" y="104" class="body">C'est trouver un nombre</text>
<text x="32" y="138" class="body">entre deux autres.</text>
<text x="230" y="200" text-anchor="middle" class="num">5 200 &lt; 5 250 &lt; 5 300</text>
</g>
<g transform="translate(1090 235)">
<rect x="0" y="0" width="350" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">Je peux encadrer</text>
<g transform="translate(42 88)">
<rect x="0" y="0" width="250" height="38" rx="12" class="blue"/>
<text x="125" y="26" text-anchor="middle" class="whiteText">au millier</text>
<rect x="0" y="54" width="250" height="38" rx="12" class="green"/>
<text x="125" y="80" text-anchor="middle" class="whiteText">&#224; la centaine</text>
<rect x="0" y="108" width="250" height="38" rx="12" class="orange"/>
<text x="125" y="134" text-anchor="middle" class="whiteText">&#224; la dizaine</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemple sur une ligne</text>
<g transform="translate(135 88)">
<line x1="0" y1="60" x2="1020" y2="60" class="line"/>
<line x1="0" y1="42" x2="0" y2="78" class="thin"/>
<line x1="102" y1="48" x2="102" y2="72" class="thin"/>
<line x1="204" y1="48" x2="204" y2="72" class="thin"/>
<line x1="306" y1="48" x2="306" y2="72" class="thin"/>
<line x1="408" y1="48" x2="408" y2="72" class="thin"/>
<line x1="510" y1="42" x2="510" y2="78" class="thin"/>
<line x1="612" y1="48" x2="612" y2="72" class="thin"/>
<line x1="714" y1="48" x2="714" y2="72" class="thin"/>
<line x1="816" y1="48" x2="816" y2="72" class="thin"/>
<line x1="918" y1="48" x2="918" y2="72" class="thin"/>
<line x1="1020" y1="42" x2="1020" y2="78" class="thin"/>
<circle cx="714" cy="60" r="14" class="orange"/>
<text x="0" y="120" text-anchor="middle" class="body">6 000</text>
<text x="510" y="120" text-anchor="middle" class="body">6 500</text>
<text x="714" y="28" text-anchor="middle" class="body">6 700</text>
<text x="1020" y="120" text-anchor="middle" class="body">7 000</text>
</g>
</g>
</svg>

View File

@@ -0,0 +1,14 @@
# Intercaler
Contexte de card pour la fiche `04_encadrer_intercaler_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,81 @@
<svg xmlns="http://www.w3.org/2000/svg" width="516" height="306" viewBox="557 207 516 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 32px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
.thin { stroke: #26383d; stroke-width: 2.5; stroke-linecap: round; }
.orange { fill: #e78232; }
.blue { fill: #1d78b5; }
.green { fill: #2f9246; }
</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">Encadrer et intercaler</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Trouver entre quels nombres on se place</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">Encadrer</text>
<text x="34" y="104" class="body">C'est placer un nombre</text>
<text x="34" y="138" class="body">entre deux bornes.</text>
<text x="34" y="198" class="num">3 000 &lt; 3 245 &lt; 4 000</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="460" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Intercaler</text>
<text x="32" y="104" class="body">C'est trouver un nombre</text>
<text x="32" y="138" class="body">entre deux autres.</text>
<text x="230" y="200" text-anchor="middle" class="num">5 200 &lt; 5 250 &lt; 5 300</text>
</g>
<g transform="translate(1090 235)">
<rect x="0" y="0" width="350" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">Je peux encadrer</text>
<g transform="translate(42 88)">
<rect x="0" y="0" width="250" height="38" rx="12" class="blue"/>
<text x="125" y="26" text-anchor="middle" class="whiteText">au millier</text>
<rect x="0" y="54" width="250" height="38" rx="12" class="green"/>
<text x="125" y="80" text-anchor="middle" class="whiteText">&#224; la centaine</text>
<rect x="0" y="108" width="250" height="38" rx="12" class="orange"/>
<text x="125" y="134" text-anchor="middle" class="whiteText">&#224; la dizaine</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemple sur une ligne</text>
<g transform="translate(135 88)">
<line x1="0" y1="60" x2="1020" y2="60" class="line"/>
<line x1="0" y1="42" x2="0" y2="78" class="thin"/>
<line x1="102" y1="48" x2="102" y2="72" class="thin"/>
<line x1="204" y1="48" x2="204" y2="72" class="thin"/>
<line x1="306" y1="48" x2="306" y2="72" class="thin"/>
<line x1="408" y1="48" x2="408" y2="72" class="thin"/>
<line x1="510" y1="42" x2="510" y2="78" class="thin"/>
<line x1="612" y1="48" x2="612" y2="72" class="thin"/>
<line x1="714" y1="48" x2="714" y2="72" class="thin"/>
<line x1="816" y1="48" x2="816" y2="72" class="thin"/>
<line x1="918" y1="48" x2="918" y2="72" class="thin"/>
<line x1="1020" y1="42" x2="1020" y2="78" class="thin"/>
<circle cx="714" cy="60" r="14" class="orange"/>
<text x="0" y="120" text-anchor="middle" class="body">6 000</text>
<text x="510" y="120" text-anchor="middle" class="body">6 500</text>
<text x="714" y="28" text-anchor="middle" class="body">6 700</text>
<text x="1020" y="120" text-anchor="middle" class="body">7 000</text>
</g>
</g>
</svg>

View File

@@ -0,0 +1,14 @@
# Je peux encadrer
Contexte de card pour la fiche `04_encadrer_intercaler_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,81 @@
<svg xmlns="http://www.w3.org/2000/svg" width="406" height="306" viewBox="1062 207 406 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 32px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
.thin { stroke: #26383d; stroke-width: 2.5; stroke-linecap: round; }
.orange { fill: #e78232; }
.blue { fill: #1d78b5; }
.green { fill: #2f9246; }
</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">Encadrer et intercaler</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Trouver entre quels nombres on se place</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">Encadrer</text>
<text x="34" y="104" class="body">C'est placer un nombre</text>
<text x="34" y="138" class="body">entre deux bornes.</text>
<text x="34" y="198" class="num">3 000 &lt; 3 245 &lt; 4 000</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="460" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Intercaler</text>
<text x="32" y="104" class="body">C'est trouver un nombre</text>
<text x="32" y="138" class="body">entre deux autres.</text>
<text x="230" y="200" text-anchor="middle" class="num">5 200 &lt; 5 250 &lt; 5 300</text>
</g>
<g transform="translate(1090 235)">
<rect x="0" y="0" width="350" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">Je peux encadrer</text>
<g transform="translate(42 88)">
<rect x="0" y="0" width="250" height="38" rx="12" class="blue"/>
<text x="125" y="26" text-anchor="middle" class="whiteText">au millier</text>
<rect x="0" y="54" width="250" height="38" rx="12" class="green"/>
<text x="125" y="80" text-anchor="middle" class="whiteText">&#224; la centaine</text>
<rect x="0" y="108" width="250" height="38" rx="12" class="orange"/>
<text x="125" y="134" text-anchor="middle" class="whiteText">&#224; la dizaine</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemple sur une ligne</text>
<g transform="translate(135 88)">
<line x1="0" y1="60" x2="1020" y2="60" class="line"/>
<line x1="0" y1="42" x2="0" y2="78" class="thin"/>
<line x1="102" y1="48" x2="102" y2="72" class="thin"/>
<line x1="204" y1="48" x2="204" y2="72" class="thin"/>
<line x1="306" y1="48" x2="306" y2="72" class="thin"/>
<line x1="408" y1="48" x2="408" y2="72" class="thin"/>
<line x1="510" y1="42" x2="510" y2="78" class="thin"/>
<line x1="612" y1="48" x2="612" y2="72" class="thin"/>
<line x1="714" y1="48" x2="714" y2="72" class="thin"/>
<line x1="816" y1="48" x2="816" y2="72" class="thin"/>
<line x1="918" y1="48" x2="918" y2="72" class="thin"/>
<line x1="1020" y1="42" x2="1020" y2="78" class="thin"/>
<circle cx="714" cy="60" r="14" class="orange"/>
<text x="0" y="120" text-anchor="middle" class="body">6 000</text>
<text x="510" y="120" text-anchor="middle" class="body">6 500</text>
<text x="714" y="28" text-anchor="middle" class="body">6 700</text>
<text x="1020" y="120" text-anchor="middle" class="body">7 000</text>
</g>
</g>
</svg>

View File

@@ -0,0 +1,14 @@
# Exemple sur une ligne
Contexte de card pour la fiche `04_encadrer_intercaler_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,81 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1406" height="276" viewBox="82 507 1406 276">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 32px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
.thin { stroke: #26383d; stroke-width: 2.5; stroke-linecap: round; }
.orange { fill: #e78232; }
.blue { fill: #1d78b5; }
.green { fill: #2f9246; }
</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">Encadrer et intercaler</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Trouver entre quels nombres on se place</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">Encadrer</text>
<text x="34" y="104" class="body">C'est placer un nombre</text>
<text x="34" y="138" class="body">entre deux bornes.</text>
<text x="34" y="198" class="num">3 000 &lt; 3 245 &lt; 4 000</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="460" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Intercaler</text>
<text x="32" y="104" class="body">C'est trouver un nombre</text>
<text x="32" y="138" class="body">entre deux autres.</text>
<text x="230" y="200" text-anchor="middle" class="num">5 200 &lt; 5 250 &lt; 5 300</text>
</g>
<g transform="translate(1090 235)">
<rect x="0" y="0" width="350" height="250" rx="24" class="panel"/>
<text x="32" y="54" class="h2orange">Je peux encadrer</text>
<g transform="translate(42 88)">
<rect x="0" y="0" width="250" height="38" rx="12" class="blue"/>
<text x="125" y="26" text-anchor="middle" class="whiteText">au millier</text>
<rect x="0" y="54" width="250" height="38" rx="12" class="green"/>
<text x="125" y="80" text-anchor="middle" class="whiteText">&#224; la centaine</text>
<rect x="0" y="108" width="250" height="38" rx="12" class="orange"/>
<text x="125" y="134" text-anchor="middle" class="whiteText">&#224; la dizaine</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2blue">Exemple sur une ligne</text>
<g transform="translate(135 88)">
<line x1="0" y1="60" x2="1020" y2="60" class="line"/>
<line x1="0" y1="42" x2="0" y2="78" class="thin"/>
<line x1="102" y1="48" x2="102" y2="72" class="thin"/>
<line x1="204" y1="48" x2="204" y2="72" class="thin"/>
<line x1="306" y1="48" x2="306" y2="72" class="thin"/>
<line x1="408" y1="48" x2="408" y2="72" class="thin"/>
<line x1="510" y1="42" x2="510" y2="78" class="thin"/>
<line x1="612" y1="48" x2="612" y2="72" class="thin"/>
<line x1="714" y1="48" x2="714" y2="72" class="thin"/>
<line x1="816" y1="48" x2="816" y2="72" class="thin"/>
<line x1="918" y1="48" x2="918" y2="72" class="thin"/>
<line x1="1020" y1="42" x2="1020" y2="78" class="thin"/>
<circle cx="714" cy="60" r="14" class="orange"/>
<text x="0" y="120" text-anchor="middle" class="body">6 000</text>
<text x="510" y="120" text-anchor="middle" class="body">6 500</text>
<text x="714" y="28" text-anchor="middle" class="body">6 700</text>
<text x="1020" y="120" text-anchor="middle" class="body">7 000</text>
</g>
</g>
</svg>

View File

@@ -0,0 +1,14 @@
# Vocabulaire
Contexte de card pour la fiche `05_ordonner_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,71 @@
<svg xmlns="http://www.w3.org/2000/svg" width="676" height="306" viewBox="82 207 676 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 34px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
.arrow { stroke: #26383d; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; fill: none; }
.orange { fill: #e78232; }
.blue { fill: #1d78b5; }
.green { fill: #2f9246; }
</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">Ordonner des nombres</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Ranger du plus petit au plus grand</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="620" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">Vocabulaire</text>
<g transform="translate(36 94)">
<rect x="0" y="0" width="252" height="92" rx="18" class="blue"/>
<text x="126" y="38" text-anchor="middle" class="whiteText">Ordre croissant</text>
<text x="126" y="70" text-anchor="middle" class="whiteText">du petit au grand</text>
<rect x="310" y="0" width="252" height="92" rx="18" class="orange"/>
<text x="436" y="38" text-anchor="middle" class="whiteText">Ordre d&#233;croissant</text>
<text x="436" y="70" text-anchor="middle" class="whiteText">du grand au petit</text>
</g>
</g>
<g transform="translate(780 235)">
<rect x="0" y="0" width="660" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Nombres &#224; ranger</text>
<g transform="translate(50 100)">
<rect x="0" y="0" width="120" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<rect x="148" y="0" width="120" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<rect x="296" y="0" width="132" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<rect x="456" y="0" width="120" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<text x="60" y="39" text-anchor="middle" class="body">8 420</text>
<text x="208" y="39" text-anchor="middle" class="body">8 024</text>
<text x="362" y="39" text-anchor="middle" class="body">12 000</text>
<text x="516" y="39" text-anchor="middle" class="body">7 999</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">Ordre croissant</text>
<path d="M125 132 L1180 132 M1150 110 L1180 132 L1150 154" class="arrow"/>
<g transform="translate(100 82)">
<rect x="0" y="0" width="160" height="72" rx="18" fill="#e8f3ee"/>
<rect x="290" y="0" width="160" height="72" rx="18" fill="#e8f3ee"/>
<rect x="580" y="0" width="160" height="72" rx="18" fill="#e8f3ee"/>
<rect x="870" y="0" width="170" height="72" rx="18" fill="#e8f3ee"/>
<text x="80" y="45" text-anchor="middle" class="num">7 999</text>
<text x="370" y="45" text-anchor="middle" class="num">8 024</text>
<text x="660" y="45" text-anchor="middle" class="num">8 420</text>
<text x="955" y="45" text-anchor="middle" class="num">12 000</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@@ -0,0 +1,14 @@
# Nombres à ranger
Contexte de card pour la fiche `05_ordonner_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,71 @@
<svg xmlns="http://www.w3.org/2000/svg" width="716" height="306" viewBox="752 207 716 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 34px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
.arrow { stroke: #26383d; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; fill: none; }
.orange { fill: #e78232; }
.blue { fill: #1d78b5; }
.green { fill: #2f9246; }
</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">Ordonner des nombres</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Ranger du plus petit au plus grand</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="620" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">Vocabulaire</text>
<g transform="translate(36 94)">
<rect x="0" y="0" width="252" height="92" rx="18" class="blue"/>
<text x="126" y="38" text-anchor="middle" class="whiteText">Ordre croissant</text>
<text x="126" y="70" text-anchor="middle" class="whiteText">du petit au grand</text>
<rect x="310" y="0" width="252" height="92" rx="18" class="orange"/>
<text x="436" y="38" text-anchor="middle" class="whiteText">Ordre d&#233;croissant</text>
<text x="436" y="70" text-anchor="middle" class="whiteText">du grand au petit</text>
</g>
</g>
<g transform="translate(780 235)">
<rect x="0" y="0" width="660" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Nombres &#224; ranger</text>
<g transform="translate(50 100)">
<rect x="0" y="0" width="120" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<rect x="148" y="0" width="120" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<rect x="296" y="0" width="132" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<rect x="456" y="0" width="120" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<text x="60" y="39" text-anchor="middle" class="body">8 420</text>
<text x="208" y="39" text-anchor="middle" class="body">8 024</text>
<text x="362" y="39" text-anchor="middle" class="body">12 000</text>
<text x="516" y="39" text-anchor="middle" class="body">7 999</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">Ordre croissant</text>
<path d="M125 132 L1180 132 M1150 110 L1180 132 L1150 154" class="arrow"/>
<g transform="translate(100 82)">
<rect x="0" y="0" width="160" height="72" rx="18" fill="#e8f3ee"/>
<rect x="290" y="0" width="160" height="72" rx="18" fill="#e8f3ee"/>
<rect x="580" y="0" width="160" height="72" rx="18" fill="#e8f3ee"/>
<rect x="870" y="0" width="170" height="72" rx="18" fill="#e8f3ee"/>
<text x="80" y="45" text-anchor="middle" class="num">7 999</text>
<text x="370" y="45" text-anchor="middle" class="num">8 024</text>
<text x="660" y="45" text-anchor="middle" class="num">8 420</text>
<text x="955" y="45" text-anchor="middle" class="num">12 000</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@@ -0,0 +1,14 @@
# Ordre croissant
Contexte de card pour la fiche `05_ordonner_nombres_entiers`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,71 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1406" height="276" viewBox="82 507 1406 276">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 34px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
.arrow { stroke: #26383d; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; fill: none; }
.orange { fill: #e78232; }
.blue { fill: #1d78b5; }
.green { fill: #2f9246; }
</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">Ordonner des nombres</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Ranger du plus petit au plus grand</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="620" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">Vocabulaire</text>
<g transform="translate(36 94)">
<rect x="0" y="0" width="252" height="92" rx="18" class="blue"/>
<text x="126" y="38" text-anchor="middle" class="whiteText">Ordre croissant</text>
<text x="126" y="70" text-anchor="middle" class="whiteText">du petit au grand</text>
<rect x="310" y="0" width="252" height="92" rx="18" class="orange"/>
<text x="436" y="38" text-anchor="middle" class="whiteText">Ordre d&#233;croissant</text>
<text x="436" y="70" text-anchor="middle" class="whiteText">du grand au petit</text>
</g>
</g>
<g transform="translate(780 235)">
<rect x="0" y="0" width="660" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Nombres &#224; ranger</text>
<g transform="translate(50 100)">
<rect x="0" y="0" width="120" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<rect x="148" y="0" width="120" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<rect x="296" y="0" width="132" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<rect x="456" y="0" width="120" height="62" rx="16" fill="#ffffff" stroke="#d7e8e0"/>
<text x="60" y="39" text-anchor="middle" class="body">8 420</text>
<text x="208" y="39" text-anchor="middle" class="body">8 024</text>
<text x="362" y="39" text-anchor="middle" class="body">12 000</text>
<text x="516" y="39" text-anchor="middle" class="body">7 999</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">Ordre croissant</text>
<path d="M125 132 L1180 132 M1150 110 L1180 132 L1150 154" class="arrow"/>
<g transform="translate(100 82)">
<rect x="0" y="0" width="160" height="72" rx="18" fill="#e8f3ee"/>
<rect x="290" y="0" width="160" height="72" rx="18" fill="#e8f3ee"/>
<rect x="580" y="0" width="160" height="72" rx="18" fill="#e8f3ee"/>
<rect x="870" y="0" width="170" height="72" rx="18" fill="#e8f3ee"/>
<text x="80" y="45" text-anchor="middle" class="num">7 999</text>
<text x="370" y="45" text-anchor="middle" class="num">8 024</text>
<text x="660" y="45" text-anchor="middle" class="num">8 420</text>
<text x="955" y="45" text-anchor="middle" class="num">12 000</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@@ -0,0 +1,14 @@
# Méthode
Contexte de card pour la fiche `06_placer_demi_droite_graduee`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,66 @@
<svg xmlns="http://www.w3.org/2000/svg" width="486" height="306" viewBox="82 207 486 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 24px; font-weight: 800; fill: #074f4b; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
.thin { stroke: #26383d; stroke-width: 2.5; stroke-linecap: round; }
.orange { fill: #e78232; }
.blue { fill: #1d78b5; }
</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">Demi-droite gradu&#233;e</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Placer un nombre entier</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">M&#233;thode</text>
<text x="34" y="104" class="body">1. Je lis les nombres.</text>
<text x="34" y="146" class="body">2. Je trouve le pas.</text>
<text x="34" y="188" class="body">3. Je compte les</text>
<text x="67" y="222" class="body">graduations.</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="855" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple : le pas est 100</text>
<g transform="translate(82 92)">
<line x1="0" y1="60" x2="680" y2="60" class="line"/>
<path d="M680 60 L650 42 M680 60 L650 78" fill="none" class="thin"/>
<line x1="0" y1="35" x2="0" y2="85" class="thin"/>
<line x1="136" y1="35" x2="136" y2="85" class="thin"/>
<line x1="272" y1="35" x2="272" y2="85" class="thin"/>
<line x1="408" y1="35" x2="408" y2="85" class="thin"/>
<line x1="544" y1="35" x2="544" y2="85" class="thin"/>
<circle cx="680" cy="60" r="14" class="orange"/>
<text x="0" y="128" text-anchor="middle" class="num">1 000</text>
<text x="136" y="128" text-anchor="middle" class="num">1 100</text>
<text x="272" y="128" text-anchor="middle" class="num">1 200</text>
<text x="408" y="128" text-anchor="middle" class="num">1 300</text>
<text x="544" y="128" text-anchor="middle" class="num">1 400</text>
<text x="680" y="28" text-anchor="middle" class="num">1 500</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">&#192; retenir</text>
<text x="70" y="112" class="body">Les nombres augmentent quand on va vers la droite.</text>
<text x="70" y="160" class="body">Les &#233;tiquettes restent sous la ligne, bien espac&#233;es.</text>
<rect x="940" y="65" width="300" height="94" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="1090" y="104" text-anchor="middle" class="small">Ici, chaque graduation</text>
<text x="1090" y="132" text-anchor="middle" class="small">vaut 100.</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@@ -0,0 +1,14 @@
# Exemple : le pas est 100
Contexte de card pour la fiche `06_placer_demi_droite_graduee`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,66 @@
<svg xmlns="http://www.w3.org/2000/svg" width="911" height="306" viewBox="557 207 911 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 24px; font-weight: 800; fill: #074f4b; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
.thin { stroke: #26383d; stroke-width: 2.5; stroke-linecap: round; }
.orange { fill: #e78232; }
.blue { fill: #1d78b5; }
</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">Demi-droite gradu&#233;e</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Placer un nombre entier</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">M&#233;thode</text>
<text x="34" y="104" class="body">1. Je lis les nombres.</text>
<text x="34" y="146" class="body">2. Je trouve le pas.</text>
<text x="34" y="188" class="body">3. Je compte les</text>
<text x="67" y="222" class="body">graduations.</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="855" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple : le pas est 100</text>
<g transform="translate(82 92)">
<line x1="0" y1="60" x2="680" y2="60" class="line"/>
<path d="M680 60 L650 42 M680 60 L650 78" fill="none" class="thin"/>
<line x1="0" y1="35" x2="0" y2="85" class="thin"/>
<line x1="136" y1="35" x2="136" y2="85" class="thin"/>
<line x1="272" y1="35" x2="272" y2="85" class="thin"/>
<line x1="408" y1="35" x2="408" y2="85" class="thin"/>
<line x1="544" y1="35" x2="544" y2="85" class="thin"/>
<circle cx="680" cy="60" r="14" class="orange"/>
<text x="0" y="128" text-anchor="middle" class="num">1 000</text>
<text x="136" y="128" text-anchor="middle" class="num">1 100</text>
<text x="272" y="128" text-anchor="middle" class="num">1 200</text>
<text x="408" y="128" text-anchor="middle" class="num">1 300</text>
<text x="544" y="128" text-anchor="middle" class="num">1 400</text>
<text x="680" y="28" text-anchor="middle" class="num">1 500</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">&#192; retenir</text>
<text x="70" y="112" class="body">Les nombres augmentent quand on va vers la droite.</text>
<text x="70" y="160" class="body">Les &#233;tiquettes restent sous la ligne, bien espac&#233;es.</text>
<rect x="940" y="65" width="300" height="94" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="1090" y="104" text-anchor="middle" class="small">Ici, chaque graduation</text>
<text x="1090" y="132" text-anchor="middle" class="small">vaut 100.</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@@ -0,0 +1,14 @@
# À retenir
Contexte de card pour la fiche `06_placer_demi_droite_graduee`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,66 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1406" height="276" viewBox="82 507 1406 276">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 24px; font-weight: 800; fill: #074f4b; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
.thin { stroke: #26383d; stroke-width: 2.5; stroke-linecap: round; }
.orange { fill: #e78232; }
.blue { fill: #1d78b5; }
</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">Demi-droite gradu&#233;e</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Placer un nombre entier</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">M&#233;thode</text>
<text x="34" y="104" class="body">1. Je lis les nombres.</text>
<text x="34" y="146" class="body">2. Je trouve le pas.</text>
<text x="34" y="188" class="body">3. Je compte les</text>
<text x="67" y="222" class="body">graduations.</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="855" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Exemple : le pas est 100</text>
<g transform="translate(82 92)">
<line x1="0" y1="60" x2="680" y2="60" class="line"/>
<path d="M680 60 L650 42 M680 60 L650 78" fill="none" class="thin"/>
<line x1="0" y1="35" x2="0" y2="85" class="thin"/>
<line x1="136" y1="35" x2="136" y2="85" class="thin"/>
<line x1="272" y1="35" x2="272" y2="85" class="thin"/>
<line x1="408" y1="35" x2="408" y2="85" class="thin"/>
<line x1="544" y1="35" x2="544" y2="85" class="thin"/>
<circle cx="680" cy="60" r="14" class="orange"/>
<text x="0" y="128" text-anchor="middle" class="num">1 000</text>
<text x="136" y="128" text-anchor="middle" class="num">1 100</text>
<text x="272" y="128" text-anchor="middle" class="num">1 200</text>
<text x="408" y="128" text-anchor="middle" class="num">1 300</text>
<text x="544" y="128" text-anchor="middle" class="num">1 400</text>
<text x="680" y="28" text-anchor="middle" class="num">1 500</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">&#192; retenir</text>
<text x="70" y="112" class="body">Les nombres augmentent quand on va vers la droite.</text>
<text x="70" y="160" class="body">Les &#233;tiquettes restent sous la ligne, bien espac&#233;es.</text>
<rect x="940" y="65" width="300" height="94" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="1090" y="104" text-anchor="middle" class="small">Ici, chaque graduation</text>
<text x="1090" y="132" text-anchor="middle" class="small">vaut 100.</text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.0 KiB

View File

@@ -0,0 +1,14 @@
# À retenir
Contexte de card pour la fiche `07_multiples_divisibilite_2_5_10`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,68 @@
<svg xmlns="http://www.w3.org/2000/svg" width="486" height="306" viewBox="82 207 486 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 34px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #ffffff; }
.green { fill: #2f9246; }
.blue { fill: #1d78b5; }
.orange { fill: #e78232; }
.red { fill: #ce3d3d; }
</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">Multiples de 2, 5 et 10</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Observer le dernier chiffre</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">&#192; retenir</text>
<text x="34" y="104" class="body">Pour 2, 5 et 10,</text>
<text x="34" y="138" class="body">je regarde surtout</text>
<text x="34" y="172" class="body">le dernier chiffre.</text>
<text x="34" y="224" class="small">C'est un raccourci fiable.</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="855" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Les trois r&#232;gles</text>
<g transform="translate(50 92)">
<rect x="0" y="0" width="220" height="100" rx="20" class="green"/>
<text x="110" y="38" text-anchor="middle" class="whiteText">2</text>
<text x="110" y="72" text-anchor="middle" class="whiteText">0, 2, 4, 6, 8</text>
<rect x="285" y="0" width="220" height="100" rx="20" class="blue"/>
<text x="395" y="38" text-anchor="middle" class="whiteText">5</text>
<text x="395" y="72" text-anchor="middle" class="whiteText">0 ou 5</text>
<rect x="570" y="0" width="220" height="100" rx="20" class="orange"/>
<text x="680" y="38" text-anchor="middle" class="whiteText">10</text>
<text x="680" y="72" text-anchor="middle" class="whiteText">0</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">Exemples r&#233;solus</text>
<g transform="translate(70 82)">
<rect x="0" y="0" width="340" height="92" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="35" y="36" class="num">340</text>
<text x="35" y="68" class="small">multiple de 2, de 5 et de 10</text>
<rect x="430" y="0" width="340" height="92" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="465" y="36" class="num">125</text>
<text x="465" y="68" class="small">multiple de 5 seulement</text>
<rect x="860" y="0" width="340" height="92" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="895" y="36" class="num">678</text>
<text x="895" y="68" class="small">multiple de 2 seulement</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@@ -0,0 +1,14 @@
# Les trois règles
Contexte de card pour la fiche `07_multiples_divisibilite_2_5_10`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,68 @@
<svg xmlns="http://www.w3.org/2000/svg" width="911" height="306" viewBox="557 207 911 306">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 34px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #ffffff; }
.green { fill: #2f9246; }
.blue { fill: #1d78b5; }
.orange { fill: #e78232; }
.red { fill: #ce3d3d; }
</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">Multiples de 2, 5 et 10</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Observer le dernier chiffre</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">&#192; retenir</text>
<text x="34" y="104" class="body">Pour 2, 5 et 10,</text>
<text x="34" y="138" class="body">je regarde surtout</text>
<text x="34" y="172" class="body">le dernier chiffre.</text>
<text x="34" y="224" class="small">C'est un raccourci fiable.</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="855" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Les trois r&#232;gles</text>
<g transform="translate(50 92)">
<rect x="0" y="0" width="220" height="100" rx="20" class="green"/>
<text x="110" y="38" text-anchor="middle" class="whiteText">2</text>
<text x="110" y="72" text-anchor="middle" class="whiteText">0, 2, 4, 6, 8</text>
<rect x="285" y="0" width="220" height="100" rx="20" class="blue"/>
<text x="395" y="38" text-anchor="middle" class="whiteText">5</text>
<text x="395" y="72" text-anchor="middle" class="whiteText">0 ou 5</text>
<rect x="570" y="0" width="220" height="100" rx="20" class="orange"/>
<text x="680" y="38" text-anchor="middle" class="whiteText">10</text>
<text x="680" y="72" text-anchor="middle" class="whiteText">0</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">Exemples r&#233;solus</text>
<g transform="translate(70 82)">
<rect x="0" y="0" width="340" height="92" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="35" y="36" class="num">340</text>
<text x="35" y="68" class="small">multiple de 2, de 5 et de 10</text>
<rect x="430" y="0" width="340" height="92" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="465" y="36" class="num">125</text>
<text x="465" y="68" class="small">multiple de 5 seulement</text>
<rect x="860" y="0" width="340" height="92" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="895" y="36" class="num">678</text>
<text x="895" y="68" class="small">multiple de 2 seulement</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@@ -0,0 +1,14 @@
# Exemples résolus
Contexte de card pour la fiche `07_multiples_divisibilite_2_5_10`.
## Intention
Faire verbaliser le point cle de la zone affichee avant de passer a la suite.
## 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, nombres entiers.

View File

@@ -0,0 +1,68 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1406" height="276" viewBox="82 507 1406 276">
<defs>
<style>
.bg { fill: #f6f5ef; }
.panel { fill: #ffffff; stroke: #e2ebe6; stroke-width: 2; filter: drop-shadow(0 10px 24px rgba(22, 42, 45, 0.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; }
.h2blue { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #1d78b5; }
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 34px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #ffffff; }
.green { fill: #2f9246; }
.blue { fill: #1d78b5; }
.orange { fill: #e78232; }
.red { fill: #ce3d3d; }
</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">Multiples de 2, 5 et 10</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Observer le dernier chiffre</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 235)">
<rect x="0" y="0" width="430" height="250" rx="24" class="panel"/>
<text x="34" y="54" class="h2">&#192; retenir</text>
<text x="34" y="104" class="body">Pour 2, 5 et 10,</text>
<text x="34" y="138" class="body">je regarde surtout</text>
<text x="34" y="172" class="body">le dernier chiffre.</text>
<text x="34" y="224" class="small">C'est un raccourci fiable.</text>
</g>
<g transform="translate(585 235)">
<rect x="0" y="0" width="855" height="250" rx="24" class="soft"/>
<text x="32" y="54" class="h2blue">Les trois r&#232;gles</text>
<g transform="translate(50 92)">
<rect x="0" y="0" width="220" height="100" rx="20" class="green"/>
<text x="110" y="38" text-anchor="middle" class="whiteText">2</text>
<text x="110" y="72" text-anchor="middle" class="whiteText">0, 2, 4, 6, 8</text>
<rect x="285" y="0" width="220" height="100" rx="20" class="blue"/>
<text x="395" y="38" text-anchor="middle" class="whiteText">5</text>
<text x="395" y="72" text-anchor="middle" class="whiteText">0 ou 5</text>
<rect x="570" y="0" width="220" height="100" rx="20" class="orange"/>
<text x="680" y="38" text-anchor="middle" class="whiteText">10</text>
<text x="680" y="72" text-anchor="middle" class="whiteText">0</text>
</g>
</g>
<g transform="translate(110 535)">
<rect x="0" y="0" width="1350" height="220" rx="24" class="panel"/>
<text x="34" y="52" class="h2orange">Exemples r&#233;solus</text>
<g transform="translate(70 82)">
<rect x="0" y="0" width="340" height="92" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="35" y="36" class="num">340</text>
<text x="35" y="68" class="small">multiple de 2, de 5 et de 10</text>
<rect x="430" y="0" width="340" height="92" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="465" y="36" class="num">125</text>
<text x="465" y="68" class="small">multiple de 5 seulement</text>
<rect x="860" y="0" width="340" height="92" rx="18" fill="#f7fbf9" stroke="#edf3f0"/>
<text x="895" y="36" class="num">678</text>
<text x="895" y="68" class="small">multiple de 2 seulement</text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.1 KiB

View File

@@ -52,3 +52,10 @@ Choix :
- l'enfant réussit mieux quand on sépare visuellement ;
- l'enfant oublie les classes sans repere graphique.
## 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, nombres entiers.

View File

@@ -48,3 +48,10 @@ Dire la bonne réponse et expliquer pourquoi.
- l'enfant pense mieux en parlant ;
- l'enfant se corrige quand il s'entend.
## 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, nombres entiers.

View File

@@ -46,3 +46,10 @@ Choisis la bonne pancarte pour :
- l'enfant entre mieux dans la tâche avec une petite scène ;
- l'abstraction pure le bloque trop vite.
## 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, nombres entiers.

View File

@@ -42,3 +42,10 @@ Reprends la procédure en `4` étapes pour corriger.
- l'enfant cherche une méthode fixe ;
- il réussit mieux quand on explicite les invariants.
## 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, nombres entiers.

View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<defs>
<style>
.bg { fill: #f6f5ef; }
@@ -6,7 +6,7 @@
.soft { fill: #eef7f4; stroke: #c9dfd8; stroke-width: 2; }
.title { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 52px; font-weight: 800; fill: #074f4b; }
.subtitle { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 24px; font-weight: 700; fill: #1e3540; }
.h2 { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #074f4b; }
.h2 { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 24px; font-weight: 800; fill: #074f4b; }
.body { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 21px; fill: #1d3038; }
.small { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 18px; fill: #2d4148; }
.rule { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #2f9246; }
@@ -14,13 +14,13 @@
</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="110" text-anchor="middle" class="title">Exercices - profil règles et patterns</text>
<text x="800" y="110" text-anchor="middle" class="title">Exercices - profil regles et patterns</text>
<text x="800" y="152" text-anchor="middle" class="subtitle">Appliquer une procedure stable et observer des regularites</text>
<line x1="330" y1="186" x2="1270" y2="186" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(92 224)">
<rect x="0" y="0" width="1414" height="94" rx="22" class="soft"/>
<text x="28" y="42" class="h2">Règle rappel</text>
<text x="28" y="42" class="h2">Regle rappel</text>
<text x="28" y="74" class="rule">Je coupe en classes de trois chiffres en partant de la droite.</text>
</g>
@@ -50,7 +50,7 @@
<text x="28" y="170" class="small">Reprends la lecture en 4 etapes :</text>
<text x="28" y="206" class="small">1. je coupe</text>
<text x="28" y="234" class="small">2. je lis les milliers</text>
<text x="28" y="262" class="small">3. je lis les unités</text>
<text x="28" y="262" class="small">3. je lis les unites</text>
<text x="28" y="290" class="small">4. je verifie</text>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@@ -41,3 +41,10 @@ Coche si la lecture est correcte :
- l'enfant sait faire sur petit format ;
- il se trompe dès que la feuille devient trop chargée ;
- il a besoin d'une progression très lisible.
## 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, nombres entiers.

View File

@@ -38,3 +38,10 @@ Masquer une partie de la lecture :
- `248 031` se lit `deux-cent-quarante-huit-mille-...`
- ou proposer trois lectures et demander la bonne.
## 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, nombres entiers.

View File

@@ -39,3 +39,10 @@ Demander :
- Dans `73 482`, quelle est la valeur du chiffre `7` ?
- Dans `73 482`, quelle est la valeur du chiffre `4` ?
## 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, nombres entiers.

View File

@@ -31,3 +31,10 @@ Deux cartes de nombres face a face, avec un grand signe au centre.
Remplacer le signe par une case vide :
`45 208 __ 45 180`
## 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, nombres entiers.

View File

@@ -37,3 +37,10 @@ Une ligne avec deux bornes visibles et le nombre place entre les deux.
## Variante exercice plus tard
Garder les bornes, cacher le nombre intercale, ou inversement.
## 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, nombres entiers.

View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<defs>
<style>
.bg { fill: #f6f5ef; }
@@ -11,7 +11,7 @@
.h2orange { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 28px; font-weight: 800; fill: #e78232; }
.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: 36px; font-weight: 800; fill: #074f4b; }
.num { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 32px; font-weight: 800; fill: #074f4b; }
.whiteText { font-family: "Trebuchet MS", "Verdana", sans-serif; font-size: 22px; font-weight: 800; fill: #ffffff; }
.line { stroke: #26383d; stroke-width: 4; stroke-linecap: round; }
.thin { stroke: #26383d; stroke-width: 2.5; stroke-linecap: round; }

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

View File

@@ -32,3 +32,10 @@ Une file de cartes que l'on deplace vers une fleche croissante.
## Variante exercice plus tard
Afficher les cartes en desordre et demander de les glisser ou de les numeroter.
## 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, nombres entiers.

View File

@@ -34,3 +34,10 @@ Les etiquettes numeriques doivent etre sous la droite, dans une zone libre. Aucu
## Variante exercice plus tard
Masquer une etiquette ou demander de placer un point donne.
## 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, nombres entiers.

View File

@@ -33,3 +33,10 @@ Les badges ne doivent jamais chevaucher les textes explicatifs. Chaque badge doi
## Variante exercice plus tard
Afficher un nombre et demander de cocher les badges correspondants.
## 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, nombres entiers.

View File

@@ -0,0 +1,470 @@
# Lecon globale - CM1 - Nombres entiers
Cette lecon globale sert de contexte general a Professeur TOP pour la lecon nombres entiers.
## 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, nombres entiers.
## Contenu consolide
# Leçon - lire et écrire les nombres entiers
Source de départ : `../../01_lecture_ecriture_nombres_entiers.md`
## Objectif élève
Lire, écrire et dire correctement des nombres entiers jusqu'à `999 999`.
## Idée essentielle
Pour lire un grand nombre, je le coupe en groupes de trois chiffres en partant de la droite.
Exemple : `345 208`
- `345` -> classe des milliers ;
- `208` -> classe des unités simples ;
- lecture : `trois-cent-quarante-cinq-mille-deux-cent-huit`.
## À retenir
- Un nombre entier s'écrit avec des chiffres.
- Les espaces aident à séparer les classes.
- On lit d'abord la classe des milliers.
- Puis on lit la classe des unités simples.
## Procédure simple
1. Je regarde le nombre.
2. Je coupe en groupes de trois chiffres.
3. Je lis la classe des milliers.
4. Je lis la classe des unités simples.
5. Je vérifie si un zéro change la façon de lire.
## Exemples résolus
| Nombre | Lecture |
| --- | --- |
| `7 425` | sept-mille-quatre-cent-vingt-cinq |
| `38 090` | trente-huit-mille-quatre-vingt-dix |
| `506 012` | cinq-cent-six-mille-douze |
## Point de vigilance
Un zéro ne se lit pas toujours tout seul, mais il change parfois la lecture du groupe.
Exemple :
- `090` se lit `quatre-vingt-dix` si le groupe est `090` dans `38 090`.
- `012` se lit `douze` dans `506 012`.
## 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, nombres entiers.
---
# CM1 - Nombres entiers
Source : `extractions_pdf_indexed/013.txt`
Domaine : Nombres, calcul et resolution de problemes
Sous-theme : Les nombres entiers
Niveau : CM1
## Role de ce dossier
Ce dossier descend d'un niveau sous la fiche d'orientation `Les nombres entiers`.
La fiche visuelle de reference actuelle est utile pour l'enseignant ou pour poser le cadre, mais elle n'est pas assez ciblee pour un usage direct par un eleve. Les fiches de ce dossier doivent donc traiter une seule competence a la fois.
## Fiches ciblees prevues
1. `01_lecture_ecriture_nombres_entiers.md` : lire et ecrire les nombres entiers jusqu'a `999 999`.
2. `02_valeur_position_chiffres.md` : comprendre que la valeur d'un chiffre depend de sa position.
3. `03_comparer_nombres_entiers.md` : comparer deux nombres avec `=`, `<`, `>`.
4. `04_encadrer_intercaler_nombres_entiers.md` : encadrer et intercaler des nombres.
5. `05_ordonner_nombres_entiers.md` : ranger des nombres dans l'ordre croissant ou decroissant.
6. `06_placer_demi_droite_graduee.md` : placer et reperer des nombres sur une demi-droite graduee.
7. `07_multiples_divisibilite_2_5_10.md` : reconnaitre des multiples de `2`, `5` et `10`.
Les versions SVG sont stockees dans `svg/`.
## SVG generes
Premiere passe SVG creee :
- `svg/01_lecture_ecriture_nombres_entiers.svg`
- `svg/02_valeur_position_chiffres.svg`
- `svg/03_comparer_nombres_entiers.svg`
- `svg/04_encadrer_intercaler_nombres_entiers.svg`
- `svg/05_ordonner_nombres_entiers.svg`
- `svg/06_placer_demi_droite_graduee.svg`
- `svg/07_multiples_divisibilite_2_5_10.svg`
Statut : brouillons visuels propres, a relire sur le contenu avant validation finale.
Contraintes respectees :
- pas de professeur integre dans les fiches ;
- une competence ciblee par fiche ;
- exemples courts et lisibles ;
- pas d'image bitmap integree ;
- SVG valides comme XML.
## Retours de relecture visuelle a corriger
- Traite : `svg/01_lecture_ecriture_nombres_entiers.svg` : les libelles `milliers` et `unites simples` ont ete remontes dans la carte `La methode`.
- Traite : `svg/04_encadrer_intercaler_nombres_entiers.svg` : les pastilles de la carte `Je peux encadrer` ont ete recentrees ; l'exemple `6 742` a ete remplace par `6 700` avec une droite graduee plus fine.
## Regle de granularite
Une fiche = une competence = quelques exemples lisibles.
Chaque fiche doit pouvoir exister en deux variantes plus tard :
- mode cours : exemples resolus, vocabulaire explicite, reponse visible ;
- mode exercice : memes situations, mais certaines reponses cachees ou transformees en questions.
## Attention sur les decimaux
La demande initiale mentionne `lecture des nombres decimaux`. Cette competence existe bien en CM1, mais elle appartient a une autre sous-partie du programme : `Les nombres decimaux`.
Dans ce dossier, on traite uniquement les nombres entiers. Une branche separee devra etre creee plus tard pour les decimaux.
## Prototype adaptatif
Un premier essai de dossier `test + lecon + exercices adaptes` a ete cree pour la micro-fiche :
- `01_lecture_ecriture_nombres_entiers_kit_adaptatif/`
Objectif :
- faire passer un mini-test prealable ;
- reperer les faiblesses et erreurs typiques ;
- orienter vers des exercices selon un profil pedagogique observable.
---
# 01 - Lire et ecrire les nombres entiers
## Objectif eleve
Lire, ecrire et dire correctement des nombres entiers jusqu'a `999 999`.
## Message central
Pour lire un grand nombre, on le coupe en groupes de trois chiffres en partant de la droite.
Exemple : `345 208` se lit `trois-cent-quarante-cinq-mille-deux-cent-huit`.
## Contenu de cours
- Un nombre entier s'ecrit avec des chiffres.
- Les espaces aident a regrouper les chiffres par classes : unites simples, milliers.
- On lit d'abord la classe des milliers, puis la classe des unites simples.
## Exemples resolus
| Nombre | Lecture |
| --- | --- |
| `7 425` | sept-mille-quatre-cent-vingt-cinq |
| `38 090` | trente-huit-mille-quatre-vingt-dix |
| `506 012` | cinq-cent-six-mille-douze |
## Piste visuelle
Une fiche tres simple avec :
- un nombre grand au centre ;
- deux blocs colores : `milliers` et `unites simples` ;
- une fleche `je coupe`, puis une fleche `je lis`.
## Variante exercice plus tard
Masquer une partie de la lecture :
- `248 031` se lit `deux-cent-quarante-huit-mille-...`
- ou proposer trois lectures et demander la bonne.
## 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, nombres entiers.
---
# 02 - Valeur et position des chiffres
## Objectif eleve
Comprendre qu'un meme chiffre n'a pas toujours la meme valeur : sa valeur depend de sa position dans le nombre.
## Message central
Dans `42 642`, le chiffre `4` n'a pas la meme valeur aux deux endroits.
- Le premier `4` vaut `40 000`.
- Le deuxieme `4` vaut `40`.
## Contenu de cours
La numeration est positionnelle :
- chaque colonne a une valeur ;
- plus un chiffre est place vers la gauche, plus sa valeur est grande ;
- les zeros peuvent servir a garder une position vide.
## Exemples resolus
| Nombre | Chiffre observe | Valeur |
| --- | --- | --- |
| `8 305` | `8` | `8 000` |
| `18 305` | `8` | `8 000` |
| `80 305` | `8` | `80 000` |
## Piste visuelle
Une table de position avec les colonnes :
`centaines de mille`, `dizaines de mille`, `unites de mille`, `centaines`, `dizaines`, `unites`.
## Variante exercice plus tard
Demander :
- Dans `73 482`, quelle est la valeur du chiffre `7` ?
- Dans `73 482`, quelle est la valeur du chiffre `4` ?
## 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, nombres entiers.
---
# 03 - Comparer des nombres entiers
## Objectif eleve
Comparer deux nombres entiers avec les signes `=`, `<` et `>`.
## Message central
Pour comparer deux nombres, on regarde d'abord le nombre de chiffres. S'ils ont autant de chiffres, on compare de gauche a droite.
## Methode
1. Je compte le nombre de chiffres.
2. Si un nombre a plus de chiffres, il est plus grand.
3. Si les deux nombres ont autant de chiffres, je compare chiffre par chiffre depuis la gauche.
## Exemples resolus
| Comparaison | Explication |
| --- | --- |
| `8 540 < 12 300` | `12 300` a plus de chiffres. |
| `45 208 > 45 180` | les milliers sont egaux, puis `208 > 180`. |
| `306 019 = 306 019` | les deux nombres sont identiques. |
## Piste visuelle
Deux cartes de nombres face a face, avec un grand signe au centre.
## Variante exercice plus tard
Remplacer le signe par une case vide :
`45 208 __ 45 180`
## 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, nombres entiers.
---
# 04 - Encadrer et intercaler des nombres entiers
## Objectif eleve
Encadrer un nombre entre deux nombres et intercaler un nombre dans un intervalle.
## Message central
Encadrer, c'est dire entre quels nombres se trouve un nombre donne.
Exemple : `3 000 < 3 245 < 4 000`.
## Contenu de cours
On peut encadrer :
- a la dizaine pres ;
- a la centaine pres ;
- au millier pres.
Intercaler, c'est trouver un nombre entre deux autres.
Exemple : entre `5 200` et `5 300`, on peut intercaler `5 250`.
## Exemples resolus
| Consigne | Reponse |
| --- | --- |
| Encadrer `6 742` au millier pres | `6 000 < 6 742 < 7 000` |
| Encadrer `18 430` a la centaine pres | `18 400 < 18 430 < 18 500` |
| Intercaler entre `12 000` et `13 000` | `12 500` |
## Piste visuelle
Une ligne avec deux bornes visibles et le nombre place entre les deux.
## Variante exercice plus tard
Garder les bornes, cacher le nombre intercale, ou inversement.
## 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, nombres entiers.
---
# 05 - Ordonner des nombres entiers
## Objectif eleve
Ranger plusieurs nombres entiers dans l'ordre croissant ou decroissant.
## Message central
Ordonner, c'est ranger les nombres du plus petit au plus grand, ou du plus grand au plus petit.
## Vocabulaire
- Ordre croissant : du plus petit au plus grand.
- Ordre decroissant : du plus grand au plus petit.
## Exemples resolus
Nombres : `8 420`, `8 024`, `12 000`, `7 999`
Ordre croissant :
`7 999 < 8 024 < 8 420 < 12 000`
Ordre decroissant :
`12 000 > 8 420 > 8 024 > 7 999`
## Piste visuelle
Une file de cartes que l'on deplace vers une fleche croissante.
## Variante exercice plus tard
Afficher les cartes en desordre et demander de les glisser ou de les numeroter.
## 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, nombres entiers.
---
# 06 - Placer sur une demi-droite graduee
## Objectif eleve
Placer un nombre entier et reperer un point sur une demi-droite graduee.
## Message central
Sur une demi-droite graduee, les nombres augmentent quand on va vers la droite.
## Contenu de cours
Pour placer un nombre :
1. Je regarde les nombres deja ecrits.
2. Je comprends le pas de graduation.
3. Je compte les graduations jusqu'au bon endroit.
## Exemples resolus
Si les graduations vont de `100` en `100` :
- apres `1 000`, on trouve `1 100`, puis `1 200` ;
- le nombre `1 500` est cinq graduations apres `1 000`.
## Piste visuelle
Une demi-droite simple, avec peu de graduations et des etiquettes bien separees.
## Regle visuelle obligatoire
Les etiquettes numeriques doivent etre sous la droite, dans une zone libre. Aucune etiquette ne doit toucher la ligne ou une graduation.
## Variante exercice plus tard
Masquer une etiquette ou demander de placer un point donne.
## 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, nombres entiers.
---
# 07 - Multiples de 2, 5 et 10
## Objectif eleve
Reconnaitre rapidement si un nombre est multiple de `2`, de `5` ou de `10`.
## Message central
On peut souvent savoir si un nombre est divisible par `2`, `5` ou `10` en regardant son dernier chiffre.
## Regles
- Multiple de `2` : le nombre se termine par `0`, `2`, `4`, `6` ou `8`.
- Multiple de `5` : le nombre se termine par `0` ou `5`.
- Multiple de `10` : le nombre se termine par `0`.
## Exemples resolus
| Nombre | Multiple de 2 ? | Multiple de 5 ? | Multiple de 10 ? |
| --- | --- | --- | --- |
| `340` | oui | oui | oui |
| `125` | non | oui | non |
| `678` | oui | non | non |
## Piste visuelle
Trois badges separes `2`, `5`, `10`, chacun avec sa regle courte.
## Regle visuelle obligatoire
Les badges ne doivent jamais chevaucher les textes explicatifs. Chaque badge doit avoir son propre espace.
## Variante exercice plus tard
Afficher un nombre et demander de cocher les badges correspondants.
## 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, nombres entiers.

View File

@@ -47,3 +47,10 @@ Exemple :
- `090` se lit `quatre-vingt-dix` si le groupe est `090` dans `38 090`.
- `012` se lit `douze` dans `506 012`.
## 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, nombres entiers.

View File

@@ -72,3 +72,10 @@ L'enfant a surtout besoin d'un nombre limité d'éléments à traiter à la fois
- Dans des contenus scolaires, les accents sont obligatoires dans les titres, consignes, leçons, tests, exercices, notes et SVG.
- Une absence d'accent sur un mot courant en français doit être traitée comme un défaut qualité à corriger.
## 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, nombres entiers.

View File

@@ -32,3 +32,10 @@ Lis chaque nombre à voix haute.
- Si l'enfant réussit mieux quand on cache une classe puis l'autre : `01_visuel_structuration`.
- Si l'enfant demande à répéter à voix haute avant de réussir : `02_verbal_oralisation`.
- Si l'enfant bloque surtout sur les nombres avec zéro : `04_regles_et_patterns`.
## 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, nombres entiers.

View File

@@ -27,3 +27,10 @@ Vérifier si l'enfant transforme correctement l'oral en écriture chiffrée.
- Si l'enfant entend bien mais écrit mal les groupes : `01_visuel_structuration`.
- Si l'enfant a besoin de répéter la dictée à haute voix : `02_verbal_oralisation`.
- Si l'enfant se trompe surtout dans les nombres entendus comme des chaînes longues : `05_progressif_charge_reduite`.
## 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, nombres entiers.

View File

@@ -45,3 +45,10 @@ Observer avec quel support l'enfant réussit le mieux.
- Meilleure réussite après explication orale : `02_verbal_oralisation`.
- Meilleure réussite quand on part d'une situation concrète : `03_image_concret`.
- Meilleure réussite quand on rappelle une règle fixe : `04_regles_et_patterns`.
## 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, nombres entiers.

View File

@@ -113,3 +113,10 @@ Deux suites possibles :
1. créer aussi les SVG corrigés des exercices ;
2. transformer ce POC en gabarit duplicable pour toutes les micro-fiches CM1 puis 5e.
## 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, nombres entiers.

View File

@@ -1,44 +1,32 @@
<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>
<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}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
<text x="55" y="-14.48" text-anchor="middle" class="frac-big">3</text>
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
<text x="55" y="68.08" text-anchor="middle" class="frac-big">4</text>
</g></g>
<g transform="translate(625 245)"><rect width="390" 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>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text><g class="math-expression" transform="translate(30 236)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
</g>
<text x="72" y="13" class="body"> se lit : trois quarts</text>
</g></g>
<g transform="translate(1070 245)"><rect width="400" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">L&#x27;unité partagée</text><g transform="translate(45 110)"><rect width="320" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="80" height="90" rx="12" class="orange"/>
<rect x="80" width="80" height="90" class="orange"/>
<rect x="160" 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="238" class="small">L&#x27;unité est coupée en 4 parts</text><text x="45" y="264" class="small">égales.</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">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -1,44 +1,32 @@
<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>
<svg xmlns="http://www.w3.org/2000/svg" width="446" height="356" viewBox="597 217 446 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}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
<text x="55" y="-14.48" text-anchor="middle" class="frac-big">3</text>
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
<text x="55" y="68.08" text-anchor="middle" class="frac-big">4</text>
</g></g>
<g transform="translate(625 245)"><rect width="390" 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>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text><g class="math-expression" transform="translate(30 236)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
</g>
<text x="72" y="13" class="body"> se lit : trois quarts</text>
</g></g>
<g transform="translate(1070 245)"><rect width="400" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">L&#x27;unité partagée</text><g transform="translate(45 110)"><rect width="320" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="80" height="90" rx="12" class="orange"/>
<rect x="80" width="80" height="90" class="orange"/>
<rect x="160" 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="238" class="small">L&#x27;unité est coupée en 4 parts</text><text x="45" y="264" class="small">égales.</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">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -1,44 +1,32 @@
<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>
<svg xmlns="http://www.w3.org/2000/svg" width="456" height="356" viewBox="1042 217 456 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}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
<text x="55" y="-14.48" text-anchor="middle" class="frac-big">3</text>
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
<text x="55" y="68.08" text-anchor="middle" class="frac-big">4</text>
</g></g>
<g transform="translate(625 245)"><rect width="390" 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>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text><g class="math-expression" transform="translate(30 236)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
</g>
<text x="72" y="13" class="body"> se lit : trois quarts</text>
</g></g>
<g transform="translate(1070 245)"><rect width="400" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">L&#x27;unité partagée</text><g transform="translate(45 110)"><rect width="320" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="80" height="90" rx="12" class="orange"/>
<rect x="80" width="80" height="90" class="orange"/>
<rect x="160" 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="238" class="small">L&#x27;unité est coupée en 4 parts</text><text x="45" y="264" class="small">égales.</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">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -1,44 +1,32 @@
<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>
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
<g transform="translate(110 245)"><rect width="455" height="300" rx="24" class="soft"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
<text x="55" y="-14.48" text-anchor="middle" class="frac-big">3</text>
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
<text x="55" y="68.08" text-anchor="middle" class="frac-big">4</text>
</g></g>
<g transform="translate(625 245)"><rect width="390" 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>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text><g class="math-expression" transform="translate(30 236)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-4.12" text-anchor="middle" class="body">3</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
</g>
<text x="72" y="13" class="body"> se lit : trois quarts</text>
</g></g>
<g transform="translate(1070 245)"><rect width="400" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">L&#x27;unité partagée</text><g transform="translate(45 110)"><rect width="320" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="80" height="90" rx="12" class="orange"/>
<rect x="80" width="80" height="90" class="orange"/>
<rect x="160" 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="238" class="small">L&#x27;unité est coupée en 4 parts</text><text x="45" y="264" class="small">égales.</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">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB

View File

@@ -1,17 +1,48 @@
<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"/>
<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}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
<text x="800" y="160" text-anchor="middle" class="subtitle">Je partage l&#x27;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>
<g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Bande :</text>
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">5</text>
</g>
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" 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" transform="translate(34 78)">
<text x="0" y="17" class="h2">Disque :</text>
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
<text x="21" y="-7.4" text-anchor="middle" class="h2">1</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
</g>
</g>
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
<path d="M210 190 L210 100 A90 90 0 0 1 300 190 Z" class="blue"/>
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" 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" transform="translate(34 78)">
<text x="0" y="17" class="h2">Collection :</text>
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
<text x="30" y="-7.4" text-anchor="middle" class="h2">6</text>
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
<text x="30" y="18.4" text-anchor="middle" class="h2">10</text>
</g>
</g>
<g transform="translate(70 190)">
<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="305" class="small">10 objets, 6 sont choisis</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 n&#x27;a de sens que si l&#x27;unité et les parts égales sont claires.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@@ -1,17 +1,48 @@
<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"/>
<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}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
<text x="800" y="160" text-anchor="middle" class="subtitle">Je partage l&#x27;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>
<g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Bande :</text>
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">5</text>
</g>
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" 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" transform="translate(34 78)">
<text x="0" y="17" class="h2">Disque :</text>
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
<text x="21" y="-7.4" text-anchor="middle" class="h2">1</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
</g>
</g>
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
<path d="M210 190 L210 100 A90 90 0 0 1 300 190 Z" class="blue"/>
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" 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" transform="translate(34 78)">
<text x="0" y="17" class="h2">Collection :</text>
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
<text x="30" y="-7.4" text-anchor="middle" class="h2">6</text>
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
<text x="30" y="18.4" text-anchor="middle" class="h2">10</text>
</g>
</g>
<g transform="translate(70 190)">
<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="305" class="small">10 objets, 6 sont choisis</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 n&#x27;a de sens que si l&#x27;unité et les parts égales sont claires.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@@ -1,17 +1,48 @@
<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"/>
<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}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
<text x="800" y="160" text-anchor="middle" class="subtitle">Je partage l&#x27;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>
<g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Bande :</text>
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">5</text>
</g>
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" 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" transform="translate(34 78)">
<text x="0" y="17" class="h2">Disque :</text>
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
<text x="21" y="-7.4" text-anchor="middle" class="h2">1</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
</g>
</g>
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
<path d="M210 190 L210 100 A90 90 0 0 1 300 190 Z" class="blue"/>
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" 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" transform="translate(34 78)">
<text x="0" y="17" class="h2">Collection :</text>
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
<text x="30" y="-7.4" text-anchor="middle" class="h2">6</text>
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
<text x="30" y="18.4" text-anchor="middle" class="h2">10</text>
</g>
</g>
<g transform="translate(70 190)">
<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="305" class="small">10 objets, 6 sont choisis</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 n&#x27;a de sens que si l&#x27;unité et les parts égales sont claires.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@@ -1,17 +1,48 @@
<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"/>
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
<text x="800" y="160" text-anchor="middle" class="subtitle">Je partage l&#x27;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>
<g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression" transform="translate(34 78)">
<text x="0" y="17" class="h2">Bande :</text>
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
<text x="21" y="-7.4" text-anchor="middle" class="h2">3</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">5</text>
</g>
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" 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" transform="translate(34 78)">
<text x="0" y="17" class="h2">Disque :</text>
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
<text x="21" y="-7.4" text-anchor="middle" class="h2">1</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
</g>
</g>
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
<path d="M210 190 L210 100 A90 90 0 0 1 300 190 Z" class="blue"/>
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" 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" transform="translate(34 78)">
<text x="0" y="17" class="h2">Collection :</text>
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
<text x="30" y="-7.4" text-anchor="middle" class="h2">6</text>
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
<text x="30" y="18.4" text-anchor="middle" class="h2">10</text>
</g>
</g>
<g transform="translate(70 190)">
<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="305" class="small">10 objets, 6 sont choisis</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 n&#x27;a de sens que si l&#x27;unité et les parts égales sont claires.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.9 KiB

View File

@@ -1,19 +1,38 @@
<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"/>
<svg xmlns="http://www.w3.org/2000/svg" width="1416" height="416" viewBox="92 217 1416 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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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(120 245)"><rect width="1360" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 74)">
<text x="0" y="17" class="h2">Exemple : placer</text>
<g transform="translate(320 0)" class="fraction-g" data-box="-4 -38 50 92">
<text x="21" y="-4.4" text-anchor="middle" class="h2">5</text>
<line x1="0" y1="7" x2="42" y2="7" class="frac-line"/>
<text x="21" y="21.4" text-anchor="middle" class="h2">4</text>
</g>
</g>
<line x1="100" y1="220" x2="1120" y2="220" class="line"/><path d="M1120 220 L1098 209 L1098 231 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>
<line x1="0" y1="185" x2="0" y2="255" class="tick"/><text x="0" y="295" text-anchor="middle" class="body">0</text>
<line x1="240" y1="185" x2="240" y2="255" class="tick"/><text x="240" y="295" text-anchor="middle" class="body">1</text>
<line x1="480" y1="185" x2="480" y2="255" class="tick"/><text x="480" y="295" text-anchor="middle" class="body">2</text>
<line x1="60" y1="202" x2="60" y2="238" class="tick"/><line x1="120" y1="202" x2="120" y2="238" class="tick"/><line x1="180" y1="202" x2="180" y2="238" class="tick"/>
<line x1="300" y1="202" x2="300" y2="238" class="tick"/><circle cx="300" cy="220" r="16" class="orange"/><line x1="360" y1="202" x2="360" y2="238" class="tick"/><line x1="420" y1="202" x2="420" y2="238" class="tick"/>
</g><g class="math-expression" transform="translate(411 125)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-4.12" text-anchor="middle" class="body">5</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
</g>
</g><text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="195" class="body">chaque unité a 4 parts.</text><g class="math-expression" transform="translate(820 268)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-4.12" text-anchor="middle" class="body">5</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
</g>
<text x="60" y="13" class="body"> est juste après 1.</text>
</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">L&#x27;intervalle de 0 à 1 est l&#x27;unité. Je le partage en parts égales.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -1,19 +1,38 @@
<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"/>
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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(120 245)"><rect width="1360" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 74)">
<text x="0" y="17" class="h2">Exemple : placer</text>
<g transform="translate(320 0)" class="fraction-g" data-box="-4 -38 50 92">
<text x="21" y="-4.4" text-anchor="middle" class="h2">5</text>
<line x1="0" y1="7" x2="42" y2="7" class="frac-line"/>
<text x="21" y="21.4" text-anchor="middle" class="h2">4</text>
</g>
</g>
<line x1="100" y1="220" x2="1120" y2="220" class="line"/><path d="M1120 220 L1098 209 L1098 231 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>
<line x1="0" y1="185" x2="0" y2="255" class="tick"/><text x="0" y="295" text-anchor="middle" class="body">0</text>
<line x1="240" y1="185" x2="240" y2="255" class="tick"/><text x="240" y="295" text-anchor="middle" class="body">1</text>
<line x1="480" y1="185" x2="480" y2="255" class="tick"/><text x="480" y="295" text-anchor="middle" class="body">2</text>
<line x1="60" y1="202" x2="60" y2="238" class="tick"/><line x1="120" y1="202" x2="120" y2="238" class="tick"/><line x1="180" y1="202" x2="180" y2="238" class="tick"/>
<line x1="300" y1="202" x2="300" y2="238" class="tick"/><circle cx="300" cy="220" r="16" class="orange"/><line x1="360" y1="202" x2="360" y2="238" class="tick"/><line x1="420" y1="202" x2="420" y2="238" class="tick"/>
</g><g class="math-expression" transform="translate(411 125)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-4.12" text-anchor="middle" class="body">5</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
</g>
</g><text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="195" class="body">chaque unité a 4 parts.</text><g class="math-expression" transform="translate(820 268)">
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
<text x="19" y="-4.12" text-anchor="middle" class="body">5</text>
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
<text x="19" y="16.52" text-anchor="middle" class="body">4</text>
</g>
<text x="60" y="13" class="body"> est juste après 1.</text>
</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">L&#x27;intervalle de 0 à 1 est l&#x27;unité. Je le partage en parts égales.</text></g>
</svg>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

@@ -1,101 +1,65 @@
<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>
<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}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 76)">
<text x="0" y="17" class="h2">Exemple :</text>
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
<text x="21" y="-7.4" text-anchor="middle" class="h2">7</text>
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
<text x="21" y="18.4" text-anchor="middle" class="h2">4</text>
</g>
</g><g transform="translate(80 135)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="110" height="80" rx="12" class="green"/>
<rect x="110" width="110" height="80" class="green"/>
<rect x="220" width="110" height="80" class="green"/>
<rect x="330" width="110" height="80" class="green"/>
<line x1="110" y1="0" x2="110" y2="80" class="line"/>
<line x1="220" y1="0" x2="220" y2="80" class="line"/>
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
</g><g transform="translate(80 250)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" width="110" height="80" rx="12" class="orange"/>
<rect x="110" width="110" height="80" class="orange"/>
<rect x="220" width="110" height="80" class="orange"/>
<line x1="110" y1="0" x2="110" y2="80" class="line"/>
<line x1="220" y1="0" x2="220" y2="80" class="line"/>
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
</g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="48" class="h2">Je décompose</text><g class="math-expression" transform="translate(70 120)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
</g>
<text x="82" y="21" class="op">=</text>
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-9.48" text-anchor="middle" class="num">4</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
</g>
<text x="228" y="21" class="op">+</text>
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
</g>
</g><g class="math-expression" transform="translate(70 258)">
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-9.48" text-anchor="middle" class="num">7</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
</g>
<text x="82" y="21" class="op">=</text>
<text x="130" y="21" class="op">1</text>
<text x="178" y="21" class="op">+</text>
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -44 62 112">
<text x="26" y="-9.48" text-anchor="middle" class="num">3</text>
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
<text x="26" y="30.08" text-anchor="middle" class="num">4</text>
</g>
</g><text x="365" y="312" class="small">Unité complète.</text><text x="365" y="338" class="small">Reste 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>

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Some files were not shown because too many files have changed in this diff Show More