Fix multi-dialogs

Arrêter d'utiliser le jQuery $(selector) qui cause des effets de bord si
plusieurs élements de la page (ie: foundry) correspondent
au selector.

Stocker le html dans les Sheet/Dialogs lors de l'appel
activateListeners  afin de pouvoir s'y référer ensuite.

Utiliser this.html.find pour chercher dans le html de la fenêtre
courante.

Eliminer les référence par id html car l'id est unique (donc ne marche
pas en multi-fenêtres)

templates/dialog-roll-encaisser.html

@@ -1,8 +1,7 @@
 <form class="encaisse-roll-dialog">
-  <h2 class="encaisserdialog" id="encaisserTitle"></h2>
   <div class="flexrow">
     <label>Modificateurs aux Dommages:</label>
-    <select class="competence-value flex-shrink" name="modificateurDegats" id="modificateurDegats" data-dtype="number">
+    <select class="competence-value flex-shrink" name="modificateurDegats" data-dtype="number">
       {{#select modificateurDegats}}
       {{#each ajustementsEncaissement as |key|}}
       <option value={{key}}>{{numberFormat key decimals=0 sign=true}}</option>
@@ -11,11 +10,14 @@
     </select>
   </div>
   <div class="flexcol">
-    <label >Cas particuliers:</label>
-    <select name="encaisserSpecial" id="encaisserSpecial" data-dtype="String">
+    <label>Cas particuliers:</label>
+    <select name="encaisserSpecial" data-dtype="String">
       <option value="aucun">Aucun</option>
       <option value="noarmure">Ne pas compter les Armures</option>
       <option value="chute">Chute : Limiter les armures à 2 PA</option>
     </select>
   </div>
+  <div class="flexcol">
+    <label>&nbsp;</label>
+  </div>
 </form>