diff --git a/templates/index.tpl b/templates/index.tpl
index 85ee2a8..cd14f17 100644
--- a/templates/index.tpl
+++ b/templates/index.tpl
@@ -1,41 +1,5 @@
 {include file="admin/_head.tpl" title="%s"|args:$plugin.nom current="plugin_%s"|args:$plugin.id}
 
-{* barre de navigation
-<nav class="tabs noprint">
-    <ul>
-        <li><a>Page 1</a></li>
-        <li><a>Page 2</a></li>
-        <li><a>Page 3</a></li>
-    </ul>
-</nav>
-*}
-{* TODO : Temporaire - à supprimer (?) *}
-<h2>Liste des activités, cotisations et comptes associés</h2>
-<table class="list">
-    <thead>
-        <tr>
-            <th>Nom</th>
-            <th>Description</th>
-            <th>Tarif</th>
-            <th>Description</th>
-            <th>N° Compte</th>
-            <th>Nom Compte</th>
-        </tr>
-    </thead>
-    <tbody>
-        {foreach from=$activitesTarifsComptes item="activite"}
-            <tr>
-                <td>{$activite.label}</td>
-                <td>{$activite.descService}</td>
-                <td>{$activite.tarif}</td>
-                <td>{$activite.descTarif}</td>
-                <td>{$activite.numero_cpt}</td>
-                <td>{$activite.nom_cpt}</td>
-            </tr>
-        {/foreach}
-    </tbody>
-</table>
-
 <h2>Liste des versements par activité et tarif</h2>
 
 {* TODO : vérifier le détail de ce div *}
@@ -46,6 +10,15 @@
 
 <form method="post" action="action.php" class="memberList">
 
+    <fieldset class="versements" id="versements_global">
+        <input
+        type="checkbox"
+        class="check_global"
+        id="check_global"
+        onclick="cocherDecocherTout(check_global)" />
+        <label for="check_global">Cliquer pour cocher toutes les lignes</label>
+    </fieldset>
+
     {* Itération sur les activités *}
     {foreach from=$listeParActiviteEtTarif item="activite"}
 
@@ -53,7 +26,7 @@
         {foreach from=$activite->tarifs item="tarif"}
 
             <details open="open">
-                <summary>
+                <summary class="activite">
                     <h3>Activité « {$activite->label} »</h3>
                     {if !empty($activite->description)}
                         <h4>{$activite->description}</h4>
@@ -82,14 +55,14 @@
                         {/if}
                         {* Afficher les infos de la personne *}
                         <?php $idVersements = $versement->idTarif."_".$versement->idUser; ?>
-                        <h3>Versements de {$versement.nom} : <span id="total_{$idVersements}">0,00 €</span></h3>
+                        <h3 class="personne">Versements de {$versement.nom} : <span id="total_{$idVersements}">0,00 €</span></h3>
                         <fieldset class="versements" id="versements_{$idVersements}">
                             <input
                             type="checkbox"
                             class="check_{$idVersements}"
                             id="check_{$idVersements}"
                             onclick="cocherDecocherPersonne(check_{$idVersements}, total_{$idVersements})" />
-                            <label for="check_{$idVersements}" style="font-weight:bold;">Cliquer pour cocher toutes les lignes</label>
+                            <label for="check_{$idVersements}">Cliquer pour cocher toutes les lignes</label>
                             <br />
                             <hr>
                         <?php $currentUser = $versement->idUser; ?>
@@ -122,9 +95,6 @@
 
 {literal}
 <script type="text/javascript">
-    // activer l'écouteur sur la première case de chaque table
-//    window.addEventListener("load", activerListener);
-
     // ouvrir/fermer les détails
     document.querySelector('#open_details').onclick = () => {
         document.querySelectorAll('details').forEach((e) => {
diff --git a/www/admin/action.php b/www/admin/action.php
index 7e83b8e..4c0784f 100644
--- a/www/admin/action.php
+++ b/www/admin/action.php
@@ -14,20 +14,19 @@ $versementsSelectionnes = array();
 foreach ($list as $indice => $ligne) {
     $versementsSelectionnes[] = $_SESSION['lesVersements'][$ligne];
 }
-// print_r($versementsSelectionnes);
 
 // cumuler les versements d'une personne
 $totalPersonnes = cumulerVersements($versementsSelectionnes);
-// print_r($totalPersonnes);
 
 // générer les reçus
 $nomAsso = Services::getNomAsso();
 $adresseAsso = Services::getAdresseAsso();
+
 // TODO
 // - mémoriser numéro reçu pour pouvoir générer des reçus en plusieurs sessions indépendantes
 // - paramétrer l'année fiscale
-// $num_recu = 1;
 $annee_recu = "2021";
+
 // récupérer le logo CERFA (bôf) et la signature
 // TODO : paramétrer le répertoire des images
 $logoCERFA = PLUGIN_ROOT . "/data/logoCerfa.png";
@@ -58,7 +57,6 @@ foreach ($totalPersonnes as $idPersonne => $personne) {
         $personne->ville,
         $personne->codePostal
     );
-    //++$num_recu;
     // fabriquer le nom du fichier PDF
     $nom = str_replace(' ', '_', $personne->nomPrenom);
     $nom = str_replace("'", "", $nom);
diff --git a/www/admin/script.js b/www/admin/script.js
index 9821f82..55ff3fc 100644
--- a/www/admin/script.js
+++ b/www/admin/script.js
@@ -1,3 +1,36 @@
+/**
+ * Fonction appelée quand on (dé)coche la case de sélection globale
+ * (dé)sélectionner toutes les cases à cocher de toutes les activités
+ * @param id de la case globale
+ */
+function cocherDecocherTout(idCaseGlobale) {
+    // chercher le formulaire englobant
+    var formulaire = idCaseGlobale.closest("form");
+    // itérer sur la liste des éléments détails : 1 par couple <activité, tarif>
+    var lesDetails = formulaire.querySelectorAll("details");
+    for (var i = 0; i < lesDetails.length; ++i) {
+        // itérer sur les personnes
+        var lesH3 = lesDetails[i].querySelectorAll("h3.personne");
+        for (var j = 0; j < lesH3.length; ++j) {
+            // trouver l'élément total de la personne
+            var idTotal = lesH3[j].querySelector("span");
+            // puis la case à cocher
+            var fieldset = lesH3[j].nextElementSibling;
+            var idCase = fieldset.querySelector("input");
+            idCase.checked = idCaseGlobale.checked;
+            // puis traiter toutes les cases de la personne
+            cocherDecocherPersonne(idCase, idTotal);
+        }
+    }
+    // changer le message
+    var message = idCaseGlobale.nextElementSibling;
+    if (idCase.checked) {
+        message.innerHTML = "Cliquer pour dé-cocher toutes les lignes";
+    } else {
+        message.innerHTML = "Cliquer pour cocher toutes les lignes";
+    }
+}
+
 /**
  * Fonction appelée quand on (dé)coche la case d'une personne
  * - (dé)sélectionner toutes les cases à cocher
@@ -84,67 +117,3 @@ function verifierChoix(formulaire)
     }
     return ok;
 }
-
-/**
- * Cocher/décocher toutes les cases d'un tableau
- * en fonction de l'état de la première (ligne d'entête)
- * @param evt : événement déclencheur
-* @remarks : est remplacé par la fonction cocherDecocherPersonne ci-dessus
- */
-function cocherDecocher_old(evt) {
-    console.log("this = " + this.className);
-    console.log("currentTarget = " + evt.currentTarget.className);
-    console.log("evt.target = " + evt.target.className);
-    var composed = evt.composedPath();
-    console.log("composedPath = " + composed);
-
-    var firstInput = evt.target;
-    // voir si la case tousCochés est cochée
-    var tousCoches = firstInput.checked;
-    // chercher la table englobante
-    var laTable = firstInput.closest("table");
-    console.log("Table trouvée = " + laTable.id);
-    // et la liste des lignes
-    var rows = laTable.getElementsByTagName("tr");
-    // modifier les autres cases en fonction de celle-ci
-    for (let i = 1; i < rows.length; ++i) {
-        var input = rows[i].getElementsByTagName("input")[0];
-        input.checked = tousCoches;
-    }
-}
-
-/**
- * Associer un écouteur à la première case à cocher de chaque table
- * @remarks : n'est plus utile
- */
-function activerListener() {
-    // parcourir les tables
-    const lesTables = document.querySelectorAll("table.list");
-    for (let i = 0; i < lesTables.length; ++i) {
-	// vérifier si c'est l'une des tables qui nous intéresse
-	// l'id est du genre : versements_xx où xx est un entier
-	const id = lesTables[i].id;
-	const re = /^versements_[0-9]+/;
-	console.log("id = " + id + " => " + re.test(id));
-	if (re.test(id)) {
-	    // chercher le premier élément input
-	    const premierInput = lesTables[i].querySelector("input");
-	    // associer un écouteur à la première case à cocher
-	    premierInput.addEventListener('change', cocherDecocher);
-	}
-    }
-}
-
-/*
-// ouvrir/fermer les détails
-document.querySelector('#open_details').onclick = () => {
-  document.querySelectorAll('details').forEach((e) => {
-    e.setAttribute('open', 'open');
-  });
-};
-document.querySelector('#close_details').onclick = () => {
-  document.querySelectorAll('details').forEach((e) => {
-    e.removeAttribute('open');
-  });
-};
-*/
diff --git a/www/admin/style.css b/www/admin/style.css
index c947fd3..2fc5183 100644
--- a/www/admin/style.css
+++ b/www/admin/style.css
@@ -1,10 +1,10 @@
+/* liste de versements */
 div.pair {
     padding : 0.2em;
     background: rgba(var(--gSecondColor), 0.2);
 }
 div.impair {
     padding : 0.2em;
-    /*background: #eeeeee; /*rgba(var(--gSecondColor), 0.5);*/
 }
 fieldset {
     border:2px solid brown;
@@ -18,3 +18,9 @@ div span {
     padding-left : 0.5em;
     padding-right : 0.5em;
 }
+summary.activite {
+    background: rgba(var(--gMainColor), 0.25);
+}
+h3.personne {
+    background: rgba(var(--gSecondColor), 0.35);
+}