Différences

Ci-dessous, les différences entre deux révisions de la page.

--- brouillon2 [2026/04/21 17:22] – nanaki
+++ brouillon2 [2026/04/23 22:28] (Version actuelle) – nanaki
@@ Ligne 1: / Ligne 1: @@
 <html>
+<head>
+<meta charset="UTF-8">
 <style>
-body { font-family: Arial, sans-serif; margin: 10px; }
+body { font-family: Arial; }
-.controls { display:flex; gap:10px; margin-bottom:10px; flex-wrap:wrap; }
+table { border-collapse: collapse; width: 100%; font-size: 13px; }
+td, th { border: 1px solid #ccc; padding: 5px; }
+th { background: #f2f2f2; cursor:pointer; }
-#pointsBox { font-weight:bold; margin-bottom:10px; }
+/* Catégories */
+.sort { background: #fff5e5; }
+.cac { background: #ffe5e5; }
+.tir { background: #e5f0ff; }
+.survie { background: #e5fff5; }
+.furtivite { background: #f5e5ff; }
-table { width:100%; border-collapse:collapse; }
+/* Effets */
-th, td { border:1px solid #ccc; padding:6px; text-align:left; }
+.offensif { border-left: 4px solid #ff4d4d; }
-th { background:#f2f2f2; cursor:pointer; }
+.defensif { border-left: 4px solid #4d79ff; }
-tr:nth-child(even){ background:#fafafa; }
+.malediction { border-left: 4px solid #9933ff; }
-.offensif { background:#ffe5e5; }
+/* Passifs */
-.defensif { background:#e5f0ff; }
+.P { background: #e5ffe5 !important; }
-.utilitaire { background:#e5ffe5; }
-.malediction { background:#eadcff; }
-.lvl { padding:2px 6px; border-radius:4px; }
-.lvl-1 { background:#ddd; }
-.lvl-2 { background:#cce5ff; }
+.controls { margin-bottom:10px; }
 </style>
+</head>
-<div id="pointsBox">
+<body>
-Points utilisés : <span id="points">0</span> / 15
-</div>
 <div class="controls">
-<select id="raceFilter">
+Points : <span id="points">0</span> / 15
-<option value="Toutes">Toutes</option>
-<option value="Communs">Communs</option>
-</select>
-<select id="typeFilter">
+<br><br>
-<option value="Tous">Tous types</option>
-<option value="CAC">CAC</option>
+Recherche :
-<option value="Distance">Distance</option>
+<input type="text" id="search">
-<option value="Sort">Sort</option>
+Filtre catégorie :
+<select id="filterCat">
+<option value="all">Toutes</option>
+<option value="sort">Sorts</option>
+<option value="cac">CAC</option>
+<option value="dis">Distance</option>
+<option value="survie">Survie</option>
+<option value="furtivite">Furtivité</option>
 </select>
-<select id="effectFilter">
+Filtre effet :
-<option value="Tous">Tous effets</option>
+<select id="filterEffect">
+<option value="all">Tous</option>
 <option value="offensif">Offensif</option>
-<option value="defensif">Soutien / Défensif</option>
+<option value="defensif">Soutien</option>
 <option value="malediction">Malédiction</option>
 </select>
-<input type="text" id="search" placeholder="Rechercher...">
+Filtre type :
+<select id="filterType">
+<option value="all">Tous</option>
+<option value="S">Sort</option>
+<option value="CAC">CAC</option>
+<option value="DIS">Distance</option>
+<option value="SURVIE">Survie</option>
+<option value="FUR">Furtivité</option>
+<option value="P">Passif</option>
+</select>
 </div>
-<table id="table">
+<table id="skills">
 <thead>
 <tr>
-<th>Choix</th>
+<th></th>
-<th>Race</th>
+<th onclick="sortTable(1)">Race</th>
-<th>Nom</th>
+<th onclick="sortTable(2)">Catégorie</th>
-<th>Type</th>
+<th onclick="sortTable(3)">Nom</th>
+<th onclick="sortTable(4)">Coût</th>
+<th onclick="sortTable(5)">Type</th>
 <th>Effet</th>
-<th>Niveau</th>
+<th>Portée</th>
+<th onclick="sortTable(8)">Niv</th>
 </tr>
 </thead>
@@ Ligne 67: / Ligne 89: @@
 <tbody>
-<!-- SORTS AJOUTES -->
+<!-- SORT -->
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Arcane ajustée</td><td>6 MP</td><td>S</td><td>Avantage toucher</td><td>min 2</td><td>1</td>
+</tr>
-<tr class="Communs offensif" data-type="Sort" data-level="1" data-effect="offensif">
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
 <td><input type="checkbox" class="skill"></td>
-<td>Communs</td>
+<td>com</td><td>Sort</td><td>Aveuglement</td><td>4 MP</td><td>S</td><td>Aveuglement</td><td>min 2</td><td>1</td>
-<td>Boule de feu</td>
-<td>Sort</td>
-<td>Dégâts de feu + brûlure</td>
-<td><span class="lvl lvl-1">1</span></td>
 </tr>
-<tr class="Communs defensif" data-type="Sort" data-level="1" data-effect="defensif">
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
 <td><input type="checkbox" class="skill"></td>
-<td>Communs</td>
+<td>com</td><td>Sort</td><td>Arcane ajustée</td><td>6 MP</td><td>S</td><td>Avantage toucher</td><td>min 2</td><td>1</td>
-<td>Entraide</td>
-<td>Sort</td>
-<td>Soigne et protège un allié</td>
-<td><span class="lvl lvl-1">1</span></td>
 </tr>
-<tr class="Communs malediction" data-type="Sort" data-level="1" data-effect="malediction">
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
 <td><input type="checkbox" class="skill"></td>
-<td>Communs</td>
+<td>com</td><td>Sort</td><td>Arcanes précises</td><td>6 MP</td><td>S</td><td>+4 toucher</td><td>min 2</td><td>1</td>
-<td>Maudit</td>
-<td>Sort</td>
-<td>Affaiblit la cible</td>
-<td><span class="lvl lvl-1">1</span></td>
 </tr>
-</tbody>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
-</table>
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Arcanes violentes</td><td>6 MP</td><td>S</td><td>-6 toucher +5 dégâts</td><td>min 2</td><td>1</td>
+</tr>
-<script>
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
-const maxPoints = 15;
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Aveuglement</td><td>4 MP</td><td>S</td><td>Aveuglement</td><td>min 2</td><td>1</td>
+</tr>
-const raceFilter = document.getElementById("raceFilter");
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
-const typeFilter = document.getElementById("typeFilter");
+<td><input type="checkbox" class="skill"></td>
-const effectFilter = document.getElementById("effectFilter");
+<td>com</td><td>Sort</td><td>Peau de granit</td><td>4 MP</td><td>S</td><td>Protection x2</td><td>soi-même et max 1</td><td>1</td>
-const search = document.getElementById("search");
+</tr>
-const rows = document.querySelectorAll("#table tbody tr");
-const checkboxes = document.querySelectorAll(".skill");
-const pointsDisplay = document.getElementById("points");
-function updatePoints(e){
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
-  let total = 0;
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Coup précis</td><td>4 MP</td><td>S</td><td>Dextérité x2</td><td>soi-même et max 1</td><td>1</td>
+</tr>
-  checkboxes.forEach(cb => {
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
-    if(cb.checked) total++;
+<td><input type="checkbox" class="skill"></td>
-  });
+<td>com</td><td>Sort</td><td>Restauration mineure</td><td>6 MP</td><td>S</td><td>Restauration(5)</td><td>soi-même et max 1</td><td>1</td>
+</tr>
-  if(total > maxPoints){
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
-    e.target.checked = false;
+<td><input type="checkbox" class="skill"></td>
-    return;
+<td>com</td><td>Sort</td><td>Épuisement arcanique</td><td>4 MP</td><td>S</td><td>Essoufflement</td><td>min 2</td><td>1</td>
-  }
+</tr>
-  pointsDisplay.textContent = total;
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Maladresse</td><td>4 MP</td><td>S</td><td>Maladresse x2</td><td>min 2</td><td>1</td>
+</tr>
-  if(total >= maxPoints){
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
-    checkboxes.forEach(cb => {
+<td><input type="checkbox" class="skill"></td>
-      if(!cb.checked) cb.disabled = true;
+<td>com</td><td>Sort</td><td>Vulnérabilité</td><td>6 MP</td><td>S</td><td>Vulnérabilité x2</td><td>min 2</td><td>1</td>
-    });
+</tr>
-  } else {
-    checkboxes.forEach(cb => cb.disabled = false);
-  }
-}
-checkboxes.forEach(cb => cb.addEventListener("change", updatePoints));
+<!-- NIVEAU 2 -->
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Drain</td><td>6 MP</td><td>S</td><td>Soin dégâts/3</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Faiblesse</td><td>6 MP</td><td>S</td><td>Faiblesse</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Régénération</td><td>6 MP</td><td>S</td><td>Soin R/2</td><td>soi-même et max 1</td><td>2</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>HS</td><td>Sort</td><td>Aiguillon</td><td>4 PM</td><td>S</td><td>+3 dégâts</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Elfe</td><td>Sort</td><td>Flèche Aquatique</td><td>5 PM</td><td>S</td><td>+3 eau</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Géant</td><td>Sort</td><td>Boule de Magma</td><td>7 PM</td><td>S</td><td>+3 feu</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Agressivité</td><td>6 MP</td><td>S</td><td>Agressivité x1</td><td>soi-même et max 1</td><td>2</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Armure</td><td>8 MP</td><td>S</td><td>Armure x1</td><td>soi-même et max 1</td><td>2</td>
+</tr>
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Colère de la nature</td><td>8 MP</td><td>S</td><td>Maladresse x2 + Vulnérabilité x2</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>HS</td><td>Sort</td><td>Flux Vital</td><td>6 PM</td><td>S</td><td>Soin</td><td>soi-même</td><td>2</td>
+</tr>
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Fragilité</td><td>10 MP</td><td>S</td><td>Fragilité x1</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Olympien</td><td>Sort</td><td>Imposition des Mains</td><td>7 PM</td><td>S</td><td>Soin +3</td><td>max 1</td><td>2</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Elfe</td><td>Sort</td><td>Lien de Vie</td><td>6 PM</td><td>S</td><td>Soin</td><td>max 1</td><td>2</td>
+</tr>
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Instabilité</td><td>6 MP</td><td>S</td><td>Instabilité x6</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Olympien</td><td>Sort</td><td>Lame Volante</td><td>4 PM</td><td>S</td><td>+3 dégâts</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Migraine</td><td>4 MP</td><td>S</td><td>Dégâts mentaux</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Nain</td><td>Sort</td><td>Pic de Pierre</td><td>4 PM</td><td>S</td><td>+3 dégâts</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Puissance de la nature</td><td>8 MP</td><td>S</td><td>Dex x2 + Prot x2</td><td>soi-même et max 1</td><td>2</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Renforcement</td><td>6 MP</td><td>S</td><td>Renforcement x6</td><td>soi-même et max 1</td><td>2</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Restauration</td><td>6 MP</td><td>S</td><td>Restauration R/2</td><td>soi-même et max 1</td><td>2</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Siphon</td><td>0 MP</td><td>S</td><td>Drain PM</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Stabilisation</td><td>2 MP</td><td>S</td><td>Stabilité +6</td><td>soi-même et max 1</td><td>2</td>
+</tr>
+<!-- NIVEAU 3 -->
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Aide</td><td>8 MP</td><td>S</td><td>Dextérité x4</td><td>soi-même et max 1</td><td>3</td>
+</tr>
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Malchance</td><td>8 MP</td><td>S</td><td>Maladresse x4</td><td>min 2</td><td>3</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Régénération accélérée</td><td>10 MP</td><td>S</td><td>Soin R</td><td>soi-même et max 1</td><td>3</td>
+</tr>
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Fatigue</td><td>12 MP</td><td>S</td><td>Vulnérabilité x4</td><td>min 2</td><td>3</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Récupération</td><td>4 MP</td><td>S</td><td>Soin R/2</td><td>max 1</td><td>3</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Réflexes accrus</td><td>8 MP</td><td>S</td><td>Protection x4</td><td>soi-même et max 1</td><td>3</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Restauration majeure</td><td>12 MP</td><td>S</td><td>Restauration R</td><td>soi-même et max 1</td><td>3</td>
+</tr>
+<!-- NIVEAU 4 -->
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Bénédiction</td><td>15 MP</td><td>S</td><td>Prot x4 + Dex x4</td><td>soi-même et max 1</td><td>4</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Géant</td><td>Sort</td><td>Météore</td><td>12 PM</td><td>S</td><td>+M feu</td><td>min 2</td><td>4</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Elfe</td><td>Sort</td><td>Glaciation</td><td>8 PM</td><td>S</td><td>+6 glace</td><td>min 2</td><td>4</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Olympien</td><td>Sort</td><td>Lame Bénie</td><td>12 PM</td><td>S</td><td>+M</td><td>max 1</td><td>4</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Cuirasse</td><td>15 MP</td><td>S</td><td>Armure x2</td><td>soi-même et max 1</td><td>4</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Férocité</td><td>12 MP</td><td>S</td><td>Agressivité x2</td><td>soi-même et max 1</td><td>4</td>
+</tr>
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Friabilité</td><td>20 MP</td><td>S</td><td>Fragilité x2</td><td>min 2</td><td>4</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Nain</td><td>Sort</td><td>Poings de Pierre</td><td>8 PM</td><td>S</td><td>+8 dégâts</td><td>max 1</td><td>4</td>
+</tr>
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Puissance du lutin capricieux</td><td>20 MP</td><td>S</td><td>Maladresse x4 + Vulnérabilité x4</td><td>min 2</td><td>4</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Récupération supérieure</td><td>10 MP</td><td>S</td><td>Soin R</td><td>soi-même et max 1</td><td>4</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Géant</td><td>Sort</td><td>Souffle des cimes</td><td>8 PM</td><td>S</td><td>+6 dégâts</td><td>max 2</td><td>4</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Olympien</td><td>Sort</td><td>Soumission divine</td><td>8 PM</td><td>S</td><td>+6 dégâts</td><td>max 2</td><td>4</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>HS</td><td>Sort</td><td>Taillade illusoire</td><td>10 PM</td><td>S</td><td>+6 dégâts</td><td>max 3</td><td>4</td>
+</tr>
+<tr class="sort offensif" data-cat="sort" data-effect="offensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>Elfe</td><td>Sort</td><td>Trait Béni</td><td>12 PM</td><td>S</td><td>+M</td><td>min 2</td><td>4</td>
+</tr>
+<!-- NIVEAU 5 -->
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Exténuation</td><td>25 MP</td><td>S</td><td>Vulnérabilité x8</td><td>min 2</td><td>5</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Sauvegarde</td><td>20 MP</td><td>S</td><td>Protection x8</td><td>soi-même et max 1</td><td>5</td>
+</tr>
+<tr class="sort malediction" data-cat="sort" data-effect="malediction" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Guigne</td><td>20 MP</td><td>S</td><td>Maladresse x8</td><td>min 2</td><td>5</td>
+</tr>
+<tr class="sort defensif" data-cat="sort" data-effect="defensif" data-type="S">
+<td><input type="checkbox" class="skill"></td>
+<td>com</td><td>Sort</td><td>Virtuose</td><td>20 MP</td><td>S</td><td>Dextérité x8</td><td>soi-même et max 1</td><td>5</td>
+</tr>
+<!-- CAC -->
+<tr class="cac" data-cat="cac" data-type="CAC">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>CaC</td><td>Attaque précise</td><td>2 PM</td><td>T</td><td>+4 toucher</td><td>max 1</td><td>1</td>
+</tr>
+<tr class="cac P" data-cat="cac" data-type="P">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>CaC</td><td>Maître bretteur</td><td>/</td><td>P</td><td>Malus +1</td><td>/</td><td>4</td>
+</tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Attaque précise</td><td>2 PM</td><td>T</td><td>+4 toucher, -3 dégâts</td><td>max 1</td><td>1</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Attaque violente</td><td>4 PM</td><td>T</td><td>-6 toucher, +3 dégâts</td><td>max 1</td><td>1</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Coup ajusté</td><td>2 MP</td><td>T</td><td>Avantage</td><td>max 1</td><td>1</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Coup d'épaule</td><td>5 Mvt</td><td>T</td><td>-3</td><td>max 1</td><td>1</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Epuisement</td><td>/</td><td>T</td><td>Essoufflement(X/2)</td><td>max 1</td><td>1</td></tr>
+<!-- ===== NIVEAU 2 ===== -->
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Nain</td><td>CaC</td><td>Barbier</td><td>8 PM</td><td>T</td><td>Soin</td><td>max 1</td><td>2</td></tr>
+<tr class="cac P" data-cat="cac" data-type="P"><td><input type="checkbox" class="skill"></td><td>Géant</td><td>CaC</td><td>Berserker</td><td>/</td><td>P</td><td>+1 toucher / 10 PV</td><td>/</td><td>2</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Bousculade</td><td>1 Mvt</td><td>T</td><td>Pousse</td><td>max 1</td><td>2</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Croc-en-jambe</td><td>6 PM</td><td>T</td><td>Ralentissement(x2D2)</td><td>max 1</td><td>2</td></tr>
+<tr class="cac P" data-cat="cac" data-type="P"><td><input type="checkbox" class="skill"></td><td>HS</td><td>CaC</td><td>Griffes</td><td>/</td><td>P</td><td>+3 dégâts poings</td><td>/</td><td>2</td></tr>
+<tr class="cac P" data-cat="cac" data-type="P"><td><input type="checkbox" class="skill"></td><td>Elfe</td><td>CaC</td><td>Fulgurance</td><td>/</td><td>P</td><td>+1 toucher + esquive</td><td>/</td><td>2</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Manchette</td><td>2 PM</td><td>T</td><td>Maladresse(xX/2)</td><td>max 1</td><td>2</td></tr>
+<!-- ===== NIVEAU 3 ===== -->
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Nain</td><td>CaC</td><td>Assomoir</td><td>7 PM</td><td>T</td><td>+4</td><td>max 1</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Arme infusée</td><td>8 PM</td><td>T</td><td>M/3</td><td>max 1</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Attaque drainante</td><td>4 MP</td><td>T</td><td>Soin dégâts/3</td><td>max 1</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Attaque siphonnante</td><td>2 PV</td><td>T</td><td>PM dégâts/3</td><td>max 1</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Nain</td><td>CaC</td><td>Clé de bras</td><td>7 PM</td><td>T</td><td>Parade + Immobilise</td><td>0</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Olympien</td><td>CaC</td><td>Désarmement</td><td>7 PM</td><td>T</td><td>Désarme</td><td>max 1</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Frappe à la tempe</td><td>4 MP</td><td>T</td><td>Dommages mentaux</td><td>max 1</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Elfe</td><td>CaC</td><td>Frappe vicieuse</td><td>7 PM</td><td>T</td><td>Ignore armure</td><td>max 1</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>HS</td><td>CaC</td><td>Griffes</td><td>6 PM</td><td>T</td><td>Poison + magique</td><td>max 1</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Géant</td><td>CaC</td><td>Leurre</td><td>8 PM</td><td>T</td><td>Leurre magie</td><td>0</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Olympien</td><td>CaC</td><td>Parade</td><td>7 PM</td><td>T</td><td>Parade</td><td>0</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Géant</td><td>CaC</td><td>Uppercut</td><td>8 PM</td><td>T</td><td>Crit auto</td><td>max 1</td><td>3</td></tr>
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Elfe</td><td>CaC</td><td>Pas de côté</td><td>7 PM</td><td>T</td><td>Esquive</td><td>0</td><td>3</td></tr>
+<!-- ===== NIVEAU 4 ===== -->
+<tr class="cac" data-cat="cac" data-type="CAC"><td><input type="checkbox" class="skill"></td><td>Nain</td><td>CaC</td><td>Attaque sautée</td><td>12 PM</td><td>T</td><td>+M</td><td>min 2</td><td>4</td></tr>
+<tr class="cac P" data-cat="cac" data-type="P"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Duelliste</td><td>/</td><td>P</td><td>Avantage CC</td><td>/</td><td>4</td></tr>
+<tr class="cac P" data-cat="cac" data-type="P"><td><input type="checkbox" class="skill"></td><td>Com</td><td>CaC</td><td>Maître bretteur</td><td>/</td><td>P</td><td>Malus +1</td><td>/</td><td>4</td></tr>
+<!-- DISTANCE -->
+<tr class="tir" data-cat="dis" data-type="DIS">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Arme improvisée</td><td>2 MP</td><td>Jet</td><td>-2</td><td>min 2</td><td>1</td>
+</tr>
+<tr class="tir" data-cat="dis" data-type="DIS">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Bout portant</td><td>2 MP</td><td>Jet</td><td>/</td><td>max 1</td><td>1</td>
+</tr>
+<tr class="tir" data-cat="dis" data-type="DIS">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Tir ajusté</td><td>2 MP</td><td>Distance</td><td>Avantage</td><td>min 2</td><td>1</td>
+</tr>
+<tr class="tir" data-cat="dis" data-type="DIS">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Tir épuisant</td><td>/</td><td>Tir munitions</td><td>Essoufflement (X/3)</td><td>min 2</td><td>1</td>
+</tr>
+<tr class="tir" data-cat="dis" data-type="DIS">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Tir précis</td><td>2 MP</td><td>Distance</td><td>+4 toucher -3 dégâts</td><td>min 2</td><td>1</td>
+</tr>
+<tr class="tir" data-cat="dis" data-type="DIS">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Tir violent</td><td>2 MP</td><td>Distance</td><td>-6 toucher +2 dégâts</td><td>min 2</td><td>1</td>
+</tr>
+<!-- ===== NIVEAU 2 ===== -->
+<tr class="tir" data-cat="dis" data-type="DIS">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Jet de sable</td><td>4 MP, 1 Mvt</td><td>Distance</td><td>0</td><td>max 1</td><td>2</td>
+</tr>
+<tr class="tir" data-cat="dis" data-type="DIS">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Tir à la cheville</td><td>6 MP</td><td>Tir munitions</td><td>Ralentissement(x1D2)</td><td>min 2</td><td>2</td>
+</tr>
+<tr class="tir" data-cat="dis" data-type="DIS">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Tir handicapant</td><td>4 MP</td><td>Distance</td><td>Vulnérabilité (xX)</td><td>min 2</td><td>2</td>
+</tr>
+<!-- ===== NIVEAU 3 ===== -->
+<tr class="tir" data-cat="dis" data-type="DIS">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Jet infusé</td><td>10 MP</td><td>Jet</td><td>M/3</td><td>min 2</td><td>3</td>
+</tr>
+<!-- ===== NIVEAU 4 ===== -->
+<tr class="tir P" data-cat="dis" data-type="P">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Escarmoucheur</td><td>/</td><td>P</td><td>/</td><td>/</td><td>4</td>
+</tr>
+<tr class="tir P" data-cat="dis" data-type="P">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Lanceur</td><td>/</td><td>P</td><td>/</td><td>/</td><td>4</td>
+</tr>
+<tr class="tir P" data-cat="dis" data-type="P">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>dis</td><td>Tireur d'élite</td><td>/</td><td>P</td><td>/</td><td>/</td><td>4</td>
+</tr>
+<!-- SURVIE -->
+<!-- ===== NIVEAU 2 ===== -->
+<tr class="survie" data-cat="survie" data-type="SURVIE">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>SUR</td>
+<td>Encaisser</td>
+<td>6 MP</td>
+<td>T</td>
+<td>Encaisse</td>
+<td>Soi-même</td>
+<td>2</td>
+</tr>
+<!-- ===== NIVEAU 4 ===== -->
+<tr class="survie P" data-cat="survie" data-type="P">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>SUR</td>
+<td>Anguille</td>
+<td>/</td>
+<td>P</td>
+<td>Avantage esquive</td>
+<td>/</td>
+<td>4</td>
+</tr>
+<tr class="survie P" data-cat="survie" data-type="P">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>SUR</td>
+<td>Couverture</td>
+<td>/</td>
+<td>P</td>
+<td>Esquive tirs bouclier</td>
+<td>/</td>
+<td>4</td>
+</tr>
+<tr class="survie P" data-cat="survie" data-type="P">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>SUR</td>
+<td>Inépuisable</td>
+<td>/</td>
+<td>P</td>
+<td>Malus réduits</td>
+<td>/</td>
+<td>4</td>
+</tr>
+<tr class="survie P" data-cat="survie" data-type="P">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>SUR</td>
+<td>Réflexes fulgurants</td>
+<td>/</td>
+<td>P</td>
+<td>Esquive modifiée</td>
+<td>/</td>
+<td>4</td>
+</tr>
+<tr class="survie P" data-cat="survie" data-type="P">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>SUR</td>
+<td>Volonté de fer</td>
+<td>/</td>
+<td>P</td>
+<td>Avantage résistance</td>
+<td>/</td>
+<td>4</td>
+</tr>
+<!-- FURTIVITE -->
+<!-- ===== NIVEAU 1 ===== -->
+<tr class="furtivite" data-cat="furtivite" data-type="FUR">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>FUR</td>
+<td>Exploration</td>
+<td>Toutes les A restantes</td>
+<td>T</td>
+<td>+X P</td>
+<td>Soi-même</td>
+<td>1</td>
+</tr>
+<tr class="furtivite" data-cat="furtivite" data-type="FUR">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>FUR</td>
+<td>Pas léger</td>
+<td>X MP, Y Mvt, 1A</td>
+<td>T</td>
+<td>Aucune trace</td>
+<td>Soi-même</td>
+<td>1</td>
+</tr>
+<!-- ===== NIVEAU 3 ===== -->
+<tr class="furtivite" data-cat="furtivite" data-type="FUR">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>FUR</td>
+<td>Discrétion</td>
+<td>X MP, Y Mvt</td>
+<td>T</td>
+<td>Invisible carte</td>
+<td>Soi-même</td>
+<td>3</td>
+</tr>
+<!-- ===== NIVEAU 4 ===== -->
+<tr class="furtivite" data-cat="furtivite" data-type="FUR">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>FUR</td>
+<td>Camouflage (Olympien)</td>
+<td>X MP, Y Mvt</td>
+<td>T</td>
+<td>Apparence Olympien</td>
+<td>Soi-même</td>
+<td>4</td>
+</tr>
+<tr class="furtivite" data-cat="furtivite" data-type="FUR">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>FUR</td>
+<td>Camouflage (Elfe)</td>
+<td>X MP, Y Mvt</td>
+<td>T</td>
+<td>Apparence Elfe</td>
+<td>Soi-même</td>
+<td>4</td>
+</tr>
+<tr class="furtivite" data-cat="furtivite" data-type="FUR">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>FUR</td>
+<td>Camouflage (HS)</td>
+<td>X MP, Y Mvt</td>
+<td>T</td>
+<td>Apparence HS</td>
+<td>Soi-même</td>
+<td>4</td>
+</tr>
+<tr class="furtivite" data-cat="furtivite" data-type="FUR">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>FUR</td>
+<td>Camouflage (Géant)</td>
+<td>X MP, Y Mvt</td>
+<td>T</td>
+<td>Apparence Géant</td>
+<td>Soi-même</td>
+<td>4</td>
+</tr>
+<tr class="furtivite" data-cat="furtivite" data-type="FUR">
+<td><input type="checkbox" class="skill"></td>
+<td>Com</td><td>FUR</td>
+<td>Camouflage (Nain)</td>
+<td>X MP, Y Mvt</td>
+<td>T</td>
+<td>Apparence Nain</td>
+<td>Soi-même</td>
+<td>4</td>
+</tr>
+</tbody>
+</table>
+<script>
+// POINTS
+let max = 15;
+document.querySelectorAll(".skill").forEach(cb=>{
+cb.addEventListener("change", ()=>{
+let total = document.querySelectorAll(".skill:checked").length;
+if(total > max){ cb.checked=false; return; }
+points.innerText = total;
+});
+});
+// FILTRE
 function filter(){
-  const term = search.value.toLowerCase();
+let cat = filterCat.value;
+let eff = filterEffect.value;
+let type = filterType.value;
+let s = search.value.toLowerCase();
-  rows.forEach(row=>{
+document.querySelectorAll("#skills tbody tr").forEach(r=>{
+let txt = r.innerText.toLowerCase();
-    const raceOk = raceFilter.value==="Toutes" || row.classList.contains(raceFilter.value);
+let ok =
-    const typeOk = typeFilter.value==="Tous" || row.dataset.type===typeFilter.value;
+(cat=="all" || (r.dataset.cat||"")==cat) &&
-    const effectOk = effectFilter.value==="Tous" || row.dataset.effect===effectFilter.value;
+(eff=="all" || (r.dataset.effect||"")==eff || !r.dataset.effect) &&
-    const textOk = row.innerText.toLowerCase().includes(term);
+(type=="all" || (r.dataset.type||"")==type) &&
+txt.includes(s);
-    row.style.display = (raceOk && typeOk && effectOk && textOk) ? "" : "none";
+r.style.display = ok ? "" : "none";
-  });
+});
 }
-raceFilter.onchange = filter;
+filterCat.onchange = filter;
-typeFilter.onchange = filter;
+filterEffect.onchange = filter;
-effectFilter.onchange = filter;
+filterType.onchange = filter;
 search.oninput = filter;
-function sortTable(col){
+// TRI
-  const tbody = document.querySelector("#table tbody");
+function sortTable(n){
-  const rowsArr = Array.from(tbody.rows);
+let rows = Array.from(document.querySelectorAll("#skills tbody tr"));
+let asc = document.body.dataset.sort !== "asc";
-  rowsArr.sort((a,b)=>a.cells[col].innerText.localeCompare(b.cells[col].innerText,undefined,{numeric:true}));
+rows.sort((a,b)=>{
+let x = a.cells[n].innerText.toLowerCase();
+let y = b.cells[n].innerText.toLowerCase();
+return asc ? x.localeCompare(y,undefined,{numeric:true})
+           : y.localeCompare(x,undefined,{numeric:true});
+});
-  rowsArr.forEach(r=>tbody.appendChild(r));
+document.body.dataset.sort = asc ? "asc":"desc";
+rows.forEach(r=>document.querySelector("#skills tbody").appendChild(r));
 }
 </script>
+</body>
 </html>