Concepts-et-objets-de-MACAO.md

@@ -13,12 +13,7 @@
 Un module contient une ou plusieurs parties _(ex: "Reconnaître les syllabes")_. Côté code, une partie a la même représentation qu'un module, c'est un élément sans contenu propre, décrit comme un `<item>` MosMod dans [`imsmanifest.xml`](https://gitlab.tetras-libre.fr/macao/macao-legacy/-/blob/main/Basilisk/MACAO/macao_12/imsmanifest.xml)
 
 
-<details><summary>Exemples</summary>
-
-
-
-
-
+<details><summary>Exemple XML</summary>
 ```xml
 <organization>
     <!-- ... -->
@@ -76,42 +71,60 @@ Les "unités de navigation". La section centrale de Macao affiche toujours 1 pag
 #### Cours
 Du texte, très souvent des audios, mais parfois aussi des objets Flash spécialisés (voir #11).  
 Quantité: 59  
+
+<details><summary>Exemples</summary>
+
 **Exemple de cours simple** : `pg686.html`, mémento _"L'accentuation des auxiliaires"_  
 ![Screenshot_2024-05-15_15-58-10](uploads/6406297d502d9cd9e05360a6715f631a/Screenshot_2024-05-15_15-58-10.png)  
 Exemple de "cours" avec un **exercice en Flash** : `pg455.html`, première page de _"> Reconnaître les marques de l'accentuation"_  
 ![Screenshot_2024-05-15_15-57-31](uploads/b967e6b37d1409105e910ea43c786ca3/Screenshot_2024-05-15_15-57-31.png)  
+</details>
 
 #### ExerciceQC
 *(Question Choix?)*  
 Une question avec plusieurs réponses prédéfinies. Existe en variante QCU (une seule bonne réponse) et QCM (plusieurs bonnes réponses).  
 Quantité: 39 QCU, 9 QCM  
+<details><summary>Exemples</summary>
+
 **Exemple QCU** : `pg381.html`, la première page de *"> Reconnaître les auxiliaires"*  
 ![Screenshot_2024-05-15_14-59-01](uploads/bb4795264824c0140f49bb7a2126d5d2/Screenshot_2024-05-15_14-59-01.png)
 
 **Exemple QCM** : `pg8412.html`, page *"Vérifier la place de l'accent primaire (3)"* dans la sous-partie *"> Utiliser les marques de l'accentuation"*  
+</details>
+
 Il s'avère que les 9 exercices QCM sont tous dans la même sous-partie, et sont utilisés sémantiquement comme plusieurs QCU : 
 ![Screenshot_2024-05-15_15-22-19](uploads/4be84e866d324dc5205bd1aa0fb808f3/Screenshot_2024-05-15_15-22-19.png)  
 Dans cet exemple, on a 3 mots ayant chacun 3 réponses possibles dont 1 bonne, mais l'exercice est implémenté comme un QCM de 9 choix possibles ; on peut tout à fait cocher les 3 choix pour "narrator". 
 
+
 #### ExerciceQM
 *(Question Multiple?)*  
 Comme ExerciceQC mais avec plusieurs questions, chacune ayant une seule bonne réponse.  
 Quantité: 8  
-**Exemple** : `pg262.html`, la toute première page de Macao 1  
+
+<details><summary>Exemple</summary>
+`pg262.html`, la toute première page de Macao 1  
 ![Screenshot_2024-05-15_14-56-47](uploads/59667940add90fb4f94f55cdb370be6b/Screenshot_2024-05-15_14-56-47.png)
+</details>
 
 #### ExerciceTAT
 Un texte à trous, avec pour chaque "trou" une liste déroulante de choix de mots.  
 Quantité: 12  
-**Exemple** : `pg20.html`, page _"Ecoutez et complétez (2)"_ dans la sous-partie _"> Reconnaître les déterminants"_   
+
+<details><summary>Exemple</summary>
+`pg20.html`, page _"Ecoutez et complétez (2)"_ dans la sous-partie _"> Reconnaître les déterminants"_   
 ![Screenshot_2024-05-15_15-40-29](uploads/23944659726f54961ea79cb4e87d2772/Screenshot_2024-05-15_15-40-29.png)
+</details>
 
 #### ExerciceGD
 *(Glisser-Déposer ?)*  
 Le plus complexe, avec des objets à glisser et placer librement ou dans des cases.  
 Quantité: 5  
-**Exemple** : `pg545.html`, page _"Compléter une transcription (1)"_ dans _"> Utiliser les symboles phonétiques"_  
+
+<details><summary>Exemple</summary>
+`pg545.html`, page _"Compléter une transcription (1)"_ dans _"> Utiliser les symboles phonétiques"_  
 ![Screenshot_2024-05-15_15-51-35](uploads/4c4963cf1ea6c82296d9f2022b9a712a/Screenshot_2024-05-15_15-51-35.png)
+</details>
 
 #### Inutilisés
 ExerciceCURS, ExerciceEXP, ExerciceSEQ
@@ -128,9 +141,11 @@ Ces pages peuvent inclure des objets Flash comme les autres, mais pas d'exercice
 #### Commentaires  
 Certains exercices ont des commentaires, des blocs HTML structurés chargés dans une `<div id="zoneInvisible">`, qui sont déplacés dans la `<div id="STY_zoneCommentaire">` à droite en réponse à certaines actions.
 - Commentaire de succès : `<div id="divCmtSucces">`
-- Commentaire d'échec : `<div id="divSugg1">`
+- Commentaire d'échec : `<div id="divSugg#">`, numérotés à partir de 1
 - Autres commentaires : `<div id="divCmt#">`, numérotés à partir de 1, contiennent un petit texte d'aide.
 
+:warning: Les commentaires **peuvent contenir de la mise en forme et des objets Flash** (peut-être même des images ?)
+
 #### Images
 Les images intégrées dans le contenu d'une page sont reconnaissables par un `id="MosImg###`, à la différence de celles utilisées pour l'UI (boutons). Leur chemin est toujours dans `contenu/media/`.
 ```html