<div class="theme-astral">
  <div class="flexcol">
    <label for="signe-astral">Nombre Astral</label>
    <select name="signe-astral" class="calendar-signe-heure" data-dtype="String">
      {{#select "vaisseau"}}
      {{#each heures as |heure|}}
        <option value="{{heure.key}}">{{numberFormat heure.hh}} - {{heure.label}}</option>
      {{/each}}
      {{/select}}
    </select>
    <label for="signe-naissance">Heure de Naissance</label>
    <select name="signe-naissance" class="calendar-signe-heure" data-dtype="String">
      {{#select "vaisseau"}}
      {{#each heures as |heure|}}
        <option value="{{heure.key}}">{{numberFormat heure.hh}} - {{heure.label}}</option>
      {{/each}}
      {{/select}}
    </select>
  </div>
  <hr>
  <div><label>Heures de chance et malchance</label></div>
  <div class="astro-roue">
    <div class="astro-cercle1"></div>
    <div class="astro-disque">
      <img src="systems/foundryvtt-reve-de-dragon/styles/img/ui/astro-disque.svg" alt="">
    </div>
    {{#each heures as |heure|}}
    <div class="astro-heure heure-{{heure.hh}}"><img class="astro-heure-img" src="{{heure.webp}}" title="{{heure.label}}"></div>
    <div class="astro-ajustement ajustement-{{heure.hh}}"></div>
    {{/each}}
    <div class="astro-horloge">
      <img src="systems/foundryvtt-reve-de-dragon/styles/img/ui/rdd-aiguille-horloge.svg" alt="">
    </div>
  </div>
</div>