Doc accordéon V1

docs/fr/prise-en-main.md

@@ -312,17 +312,55 @@ Mise en forme propose 6 possibilités :
     * Animer votre section (rebonds, déformation...)
     * Réserver la lecture de cette section à un groupe
     * Afficher une image sous le texte qui restera fixe lors du scroll
-* **Afficher des encadrés en accordéon** : déclinaison d’encadré, accordéon permet de chaîner plusieurs encadrés, quand vous ouvrez un encadré, ça ferme les autres.
-  * cette action ne bénéficie pas encore d'aide au codage. Pour ajouter des éléments (panels) à votre accordéon, il suffira d'ajouter des panels (code suivant) avant {{end elem="accordion"}}. Chaque panel pourra être personnalisé en cliquant sur le crayon en marge du code correspondant.
-``` yeswiki
-{{panel title="Titre 2"}}
-Texte du panneau 2 à changer par la suite
-{{end elem="panel"}}
-```
+* **Afficher des encadrés en accordéon** : déclinaison d’encadré, accordéon permet de présenter plusieurs encadrés dépliables. Cela permet de présenter une certaine quantité de textes ou d'éléments sur une page en laissant la possibilité à l'utilisateur de les ouvrir ou de les cacher. Quand vous ouvrez un encadré les autres se ferment.
+  * (cette action ne bénéficie pas encore d'interface pour le paramétrage) ; 
+  * L'objet "Accordéon" s'ouvre et se ferme avec les balises : 
+
+  ```yeswiki
+  {{accordion}}
+  {{end elem="accordion"}}
+  ```
+
+  * Pour ajouter des éléments (que l'on nomme : panels) à votre accordéon, il suffira d'ajouter le code suivant entre les deux balises de l'accordéon. Chaque panel pourra être personnalisé en cliquant sur le crayon en marge du code correspondant.
+
+  ```yeswiki
+  {{panel title="Titre 1"}}
+  Le texte
+  {{end elem="panel"}}
+  ```
+
+  * Ce qui donne : 
+
+  ```yeswiki
+  {{accordion}}
+  {{panel title="Titre 1"}}
+  Le texte du panel 1
+  {{end elem="panel"}}
+  {{end elem="accordion"}}
+  ```
+
+  * Il est possible de poser plusieurs "panels" dans un seul Accordéon : 
+
+  ```yeswiki
+  {{accordion}}
+  {{panel title="Titre 1"}}
+  Le texte
+  {{end elem="panel"}}
+  {{panel title="Titre 2"}}
+  Le texte du panel 2
+  {{end elem="panel"}}
+  {{end elem="accordion"}}
+  ```
+
+  * **Les paramètres de panels** Ces paramètres s'utilisent dans la balise ```panel```
+    * ```title="le titre"``` : Permet de définir le titre. 
+    * ```class="panel-success"```: Permet de définir la couleur dominante de l'accordéon (essayez aussi d'autre couleurs : panel-info, panel-warning, panel-danger...). 
+    * ```type="collapsible``` : permet de laisser ouvert le panel lorque la page sera chargé. 
 
 * **Afficher plusieurs colonnes** : permet de créer plusieurs colonnes dans une page ou une partie de page, très utile pour des mises en page avancées.
   * cette action ne bénificie pas encore d'aide au codage. Pour ajouter ou supprimer des colonnes à votre tableau, il suffira d'ajouter ou supprimer le code suivant) avant {{end elem="grid"}}. 
-``` yeswiki
+
+```yeswiki
 {{col size="3"}}
 Texte de la colonne à changer par la suite
 {{end elem="col"}}