From 4a7848cb0420bcb2b13ee634ba34276df42b28be Mon Sep 17 00:00:00 2001
From: LeRatierBretonnien <sylvain@lahiette.com>
Date: Sat, 8 Nov 2025 00:02:51 +0100
Subject: [PATCH] Fix other CSS dakr/light theme issues

---
 .gitea/workflows/release.yaml       | 110 ++---
 css/foundryvtt-reve-de-dragon.css   |  99 ++--
 less/foundryvtt-reve-de-dragon.less | 730 +++++++++++++++++++---------
 templates/actor/astrologie.hbs      |   4 +-
 4 files changed, 603 insertions(+), 340 deletions(-)

diff --git a/.gitea/workflows/release.yaml b/.gitea/workflows/release.yaml
index 78e65d69..2c868f24 100644
--- a/.gitea/workflows/release.yaml
+++ b/.gitea/workflows/release.yaml
@@ -8,69 +8,69 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-    - run: echo "💡 The ${{ gitea.repository }} repository will cloned to the runner."
+      - run: echo "💡 The ${{ gitea.repository }} repository will cloned to the runner."
 
-    #- uses: actions/checkout@v3
-    - uses: RouxAntoine/checkout@v3.5.4
-      with:
-        ref: 'v13'
+      #- uses: actions/checkout@v3
+      - uses: RouxAntoine/checkout@v3.5.4
+        with:
+          ref: "v13"
 
-    # get part of the tag after the `v`
-    - name: Extract tag version number
-      id: get_version
-      uses: battila7/get-version-action@v2
+      # get part of the tag after the `v`
+      - name: Extract tag version number
+        id: get_version
+        uses: battila7/get-version-action@v2
 
-    # Substitute the Manifest and Download URLs in the module.json
-    - name: Substitute Manifest and Download Links For Versioned Ones
-      id: sub_manifest_link_version
-      uses: microsoft/variable-substitution@v1
-      with:
-        files: 'system.json'
-      env:
-        version: ${{steps.get_version.outputs.version-without-v}}
-        url: https://www.uberwald.me/gitea/${{gitea.repository}}
-        manifest: https://www.uberwald.me/gitea/${{gitea.repository}}/releases/download/${{github.event.release.tag_name}}/system.json
-        download: https://www.uberwald.me/gitea/${{gitea.repository}}/releases/download/${{github.event.release.tag_name}}/rddsystem.zip
+      # Substitute the Manifest and Download URLs in the module.json
+      - name: Substitute Manifest and Download Links For Versioned Ones
+        id: sub_manifest_link_version
+        uses: microsoft/variable-substitution@v1
+        with:
+          files: "system.json"
+        env:
+          version: ${{steps.get_version.outputs.version-without-v}}
+          url: https://gitea.scriptarium.org/${{gitea.repository}}
+          manifest: https://gitea.scriptarium.org/${{gitea.repository}}/releases/download/${{github.event.release.tag_name}}/system.json
+          download: https://gitea.scriptarium.org/${{gitea.repository}}/releases/download/${{github.event.release.tag_name}}/rddsystem.zip
 
-    - name: Set up Node.js
-      uses: actions/setup-node@v2
-      with:
-        node-version: '18'  # Use the node version your project requires
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: "18" # Use the node version your project requires
 
-    - name: Install dependencies
-      run: npm install
+      - name: Install dependencies
+        run: npm install
 
-    - name: Build the compendiums
-      run: node ./tools/packCompendiumsToDist.mjs
+      - name: Build the compendiums
+        run: node ./tools/packCompendiumsToDist.mjs
 
-    # Create a zip file with all files required by the module to add to the release
-    - run: |
-         apt update -y
-         apt install -y zip
+      # Create a zip file with all files required by the module to add to the release
+      - run: |
+          apt update -y
+          apt install -y zip
 
-    - run: zip -r ./rddsystem.zip system.json template.json README.md LICENSE.txt assets/ css/ fonts/ icons lang/ module/ packs/ pic/ sounds/ styles/ templates/
+      - run: zip -r ./rddsystem.zip system.json template.json README.md LICENSE.txt assets/ css/ fonts/ icons lang/ module/ packs/ pic/ sounds/ styles/ templates/
 
-    - name: setup go
-      uses: actions/setup-go@v3
-      with:
-        go-version: '>=1.20.1'
+      - name: setup go
+        uses: actions/setup-go@v3
+        with:
+          go-version: ">=1.20.1"
 
-    - name: Use Go Action
-      id: use-go-action
-      uses: https://gitea.com/actions/release-action@main
-      with:
-        files: |-
-          ./rddsystem.zip
-          system.json
-        api_key: '${{secrets.ALLOW_PUSH_RELEASE}}'
+      - name: Use Go Action
+        id: use-go-action
+        uses: https://gitea.com/actions/release-action@main
+        with:
+          files: |-
+            ./rddsystem.zip
+            system.json
+          api_key: "${{secrets.ALLOW_PUSH_RELEASE}}"
 
-    - name: Publish to Foundry server
-      uses: djlechuck/foundryvtt-publish-package-action@v1
-      with:
-        token: ${{ secrets.FOUNDRYVTT_RELEASE_TOKEN }}
-        id: 'foundryvtt-reve-de-dragon'
-        version: ${{github.event.release.tag_name}}
-        manifest: 'https://www.uberwald.me/gitea/${{gitea.repository}}/releases/download/${{github.event.release.tag_name}}/system.json'
-        notes: 'https://www.uberwald.me/gitea/public/foundryvtt-reve-de-dragon/raw/branch/v13/changelog.md'
-        compatibility-minimum: '13'
-        compatibility-verified: '13'
\ No newline at end of file
+      - name: Publish to Foundry server
+        uses: djlechuck/foundryvtt-publish-package-action@v1
+        with:
+          token: ${{ secrets.FOUNDRYVTT_RELEASE_TOKEN }}
+          id: "foundryvtt-reve-de-dragon"
+          version: ${{github.event.release.tag_name}}
+          manifest: "https://gitea.scriptarium.org/${{gitea.repository}}/releases/download/${{github.event.release.tag_name}}/system.json"
+          notes: "https://gitea.scriptarium.org/public/foundryvtt-reve-de-dragon/raw/branch/v13/changelog.md"
+          compatibility-minimum: "13"
+          compatibility-verified: "13"
diff --git a/css/foundryvtt-reve-de-dragon.css b/css/foundryvtt-reve-de-dragon.css
index 044ca8a0..ed6aebc0 100644
--- a/css/foundryvtt-reve-de-dragon.css
+++ b/css/foundryvtt-reve-de-dragon.css
@@ -765,6 +765,15 @@ select,
 .system-foundryvtt-reve-de-dragon .window-header {
   background: rgba(0, 0, 0, 0.75);
 }
+.system-foundryvtt-reve-de-dragon .journal-entry-content {
+  background: url(../assets/ui/bg_left.webp) no-repeat left top;
+  color: var(--rdd-color-text-primary);
+}
+.system-foundryvtt-reve-de-dragon .journal-page-header h1,
+.system-foundryvtt-reve-de-dragon .journal-page-header h2 .journal-page-header h3,
+.system-foundryvtt-reve-de-dragon .journal-page-header h4 {
+  color: var(--rdd-color-text-primary);
+}
 .system-foundryvtt-reve-de-dragon .application .window-content {
   margin: 0;
   padding: 0.2rem;
@@ -779,7 +788,7 @@ select,
 .system-foundryvtt-reve-de-dragon .strong-text {
   font-weight: bold;
 }
-.system-foundryvtt-reve-de-dragon i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) {
+.system-foundryvtt-reve-de-dragon i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp) {
   font-size: smaller;
 }
 .system-foundryvtt-reve-de-dragon .sheet-header h1.charname {
@@ -818,7 +827,7 @@ select,
   margin-top: -8px;
   margin-bottom: -8px;
 }
-.system-foundryvtt-reve-de-dragon .sheet-header :is(.header-compteurs,.header-etats,.profile-img, .profile-img-token) {
+.system-foundryvtt-reve-de-dragon .sheet-header :is(.header-compteurs, .header-etats, .profile-img, .profile-img-token) {
   padding: 0 0.4rem;
 }
 .system-foundryvtt-reve-de-dragon .sheet-header div.header-etats {
@@ -855,11 +864,11 @@ select,
   object-fit: contain;
 }
 .system-foundryvtt-reve-de-dragon img.equipement-inutilisable {
-  vertical-align: bottom ;
+  vertical-align: bottom;
   max-width: 1.4rem;
   max-height: 1.4rem;
   border: 1px;
-  background: center / contain no-repeat url('../../icons/templates/icone_parchement_vierge.webp');
+  background: center / contain no-repeat url("../../icons/templates/icone_parchement_vierge.webp");
 }
 .system-foundryvtt-reve-de-dragon .sheet-header .header-compteurs {
   width: calc(60% - 110px - 1rem);
@@ -927,7 +936,7 @@ select,
 .system-foundryvtt-reve-de-dragon div.tmrdialog div.tmr-actions {
   vertical-align: top;
   flex-basis: inherit;
-  flex: 'flex-shrink';
+  flex: "flex-shrink";
 }
 .system-foundryvtt-reve-de-dragon .tabs .item.active,
 .system-foundryvtt-reve-de-dragon .blessures-list li ul li:first-child:hover,
@@ -1054,7 +1063,7 @@ select,
   justify-content: space-between;
 }
 .system-foundryvtt-reve-de-dragon .flex-shrink {
-  flex: 'flex-shrink';
+  flex: "flex-shrink";
   flex-shrink: 0;
 }
 .system-foundryvtt-reve-de-dragon .flex-grow,
@@ -1272,7 +1281,7 @@ select,
   border: 0;
   vertical-align: bottom;
 }
-.system-foundryvtt-reve-de-dragon :is(.button-img,.button-effect-img,.tmr-move):hover {
+.system-foundryvtt-reve-de-dragon :is(.button-img, .button-effect-img, .tmr-move):hover {
   color: var(--color-controls-hover);
   border: 1px solid var(--color-control-border-hover);
   text-shadow: 1px 0px 0px #ff6600;
@@ -1414,10 +1423,10 @@ select,
   min-height: 2rem;
   padding: 0 3px;
 }
-.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon.sheet :is(.large-editor,.editor,.medium-editor,.small-editor) {
+.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon.sheet :is(.large-editor, .editor, .medium-editor, .small-editor) {
   align-items: start;
 }
-.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon.sheet :is(.large-editor,.editor,.medium-editor,.small-editor) .editor.prosemirror {
+.system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon.sheet :is(.large-editor, .editor, .medium-editor, .small-editor) .editor.prosemirror {
   align-items: normal;
 }
 .system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .tox .tox-editor-container {
@@ -1432,8 +1441,8 @@ select,
 }
 .system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .tabs {
   height: 40px;
-  border-top: 1px solid #AAA;
-  border-bottom: 1px solid #AAA;
+  border-top: 1px solid #aaa;
+  border-bottom: 1px solid #aaa;
 }
 .system-foundryvtt-reve-de-dragon .foundryvtt-reve-de-dragon .tabs .item {
   line-height: 40px;
@@ -1641,34 +1650,34 @@ select,
   padding-right: 0.5rem;
   max-width: 7rem;
 }
-.system-foundryvtt-reve-de-dragon select:is(.number-x,.number-x2,.number-x3,.number-x4,.number-x5) {
+.system-foundryvtt-reve-de-dragon select:is(.number-x, .number-x2, .number-x3, .number-x4, .number-x5) {
   padding-right: 0.2rem;
   text-align: center;
 }
-.system-foundryvtt-reve-de-dragon input:is(.number,.number-x,.number-x2,.number-x3,.number-x4,.number-x5) {
+.system-foundryvtt-reve-de-dragon input:is(.number, .number-x, .number-x2, .number-x3, .number-x4, .number-x5) {
   padding-right: 0.2rem;
   text-align: right;
 }
-.system-foundryvtt-reve-de-dragon :is(input,select).number-x {
+.system-foundryvtt-reve-de-dragon :is(input, select).number-x {
   max-width: 1.4rem;
   min-width: 1rem;
 }
-.system-foundryvtt-reve-de-dragon :is(input,select).number-x2 {
+.system-foundryvtt-reve-de-dragon :is(input, select).number-x2 {
   max-width: 2.4rem;
   min-width: 2rem;
 }
-.system-foundryvtt-reve-de-dragon :is(input,select).number-x3 {
+.system-foundryvtt-reve-de-dragon :is(input, select).number-x3 {
   max-width: 3.4rem;
   min-width: 3rem;
 }
-.system-foundryvtt-reve-de-dragon :is(input,select).number-x4 {
+.system-foundryvtt-reve-de-dragon :is(input, select).number-x4 {
   max-width: 4.4rem;
   min-width: 4rem;
 }
-.system-foundryvtt-reve-de-dragon :is(input,select).number-x5 {
+.system-foundryvtt-reve-de-dragon :is(input, select).number-x5 {
   max-width: 4.4rem;
 }
-.system-foundryvtt-reve-de-dragon form.rdddialogchrono input[type=datetime-local] {
+.system-foundryvtt-reve-de-dragon form.rdddialogchrono input[type="datetime-local"] {
   min-width: 20px;
   padding: 0;
   background: rgba(0, 0, 0, 0.05);
@@ -1760,7 +1769,7 @@ select,
   text-align: left;
   width: 2rem;
 }
-.system-foundryvtt-reve-de-dragon .compteur a i:is(.fas,.far):hover {
+.system-foundryvtt-reve-de-dragon .compteur a i:is(.fas, .far):hover {
   opacity: 0.7;
 }
 .system-foundryvtt-reve-de-dragon .select-diff {
@@ -2238,19 +2247,19 @@ select,
   vertical-align: bottom;
 }
 .system-foundryvtt-reve-de-dragon #sidebar-tabs menu button:is(
-      [data-tab="chat"],
-      [data-tab="combat"],
-      [data-tab="scenes"],
-      [data-tab="actors"],
-      [data-tab="items"],
-      [data-tab="journal"],
-      [data-tab="cards"],
-      [data-tab="macros"],
-      [data-tab="tables"],
-      [data-tab="playlists"],
-      [data-tab="compendium"],
-      [data-tab="settings"]
-    )::before {
+        [data-tab="chat"],
+        [data-tab="combat"],
+        [data-tab="scenes"],
+        [data-tab="actors"],
+        [data-tab="items"],
+        [data-tab="journal"],
+        [data-tab="cards"],
+        [data-tab="macros"],
+        [data-tab="tables"],
+        [data-tab="playlists"],
+        [data-tab="compendium"],
+        [data-tab="settings"]
+      )::before {
   content: none;
 }
 .system-foundryvtt-reve-de-dragon #sidebar-tabs menu button {
@@ -2318,7 +2327,12 @@ select,
   max-height: calc(100vh - 156px);
   height: auto;
 }
-.system-foundryvtt-reve-de-dragon #controls :is(.scene-control.active,.control-tool.active, .scene-control:hover, .control-tool:hover) {
+.system-foundryvtt-reve-de-dragon #controls :is(
+      .scene-control.active,
+      .control-tool.active,
+      .scene-control:hover,
+      .control-tool:hover
+    ) {
   background: #482e1c;
   background-origin: padding-box;
   border-image: url(../assets/ui/footer-button.webp) 10 repeat;
@@ -2636,7 +2650,7 @@ select,
   top: calc(50% - 0.4rem + 0.5 * 28%);
   left: calc(50% - 0.4rem + -0.8660254 * 28%);
 }
-.system-foundryvtt-reve-de-dragon .calendar-boutons-heure .calendar-btn:is(.calendar-lyre,.calendar-vaisseau) img {
+.system-foundryvtt-reve-de-dragon .calendar-boutons-heure .calendar-btn:is(.calendar-lyre, .calendar-vaisseau) img {
   color: hsla(0, 0%, 100%, 0.5);
   border: none;
   vertical-align: bottom;
@@ -2676,7 +2690,7 @@ select,
 .system-foundryvtt-reve-de-dragon .calendar-vaisseau {
   grid-column: 9/10;
 }
-.system-foundryvtt-reve-de-dragon :is(.calendar-lyre,.calendar-vaisseau) {
+.system-foundryvtt-reve-de-dragon :is(.calendar-lyre, .calendar-vaisseau) {
   display: flex;
   flex-direction: row;
 }
@@ -2688,12 +2702,12 @@ select,
   visibility: hidden;
 }
 .system-foundryvtt-reve-de-dragon div.horloge-digitale {
-  color: #CCC;
+  color: #ccc;
   background: hsl(0, 0%, 20%);
   text-align: center;
   width: 100%;
 }
-.system-foundryvtt-reve-de-dragon div.horloge-digitale :is(.calendar-heure-texte,.calendar-minute-texte) {
+.system-foundryvtt-reve-de-dragon div.horloge-digitale :is(.calendar-heure-texte, .calendar-minute-texte) {
   font-size: 1rem;
   pointer-events: all;
   margin: 0;
@@ -2815,10 +2829,13 @@ select,
   max-height: 1rem;
   filter: invert(0.8);
 }
+.system-foundryvtt-reve-de-dragon .jet-astrologie {
+  color: var(--major-button-color) !important;
+}
 .system-foundryvtt-reve-de-dragon .chat-card-button {
   text-shadow: 1px 1px #4d3534;
   box-shadow: inset 1x 1px #a6827e;
-  color: var(--major-button-color);
+  color: var(--major-button-color) !important;
   background: var(--background-custom-button);
   background-color: #7d5d3b00;
 }
@@ -2903,7 +2920,7 @@ select,
   background: none;
 }
 .system-foundryvtt-reve-de-dragon #pause > h3 {
-  color: #CCC;
+  color: #ccc;
 }
 .system-foundryvtt-reve-de-dragon #pause > img {
   content: url(../assets/ui/rdd_pause.webp);
@@ -2918,7 +2935,7 @@ select,
   height: 68px;
 }
 .system-foundryvtt-reve-de-dragon div.vl {
-  border: 1px solid ;
+  border: 1px solid;
   border-color: hsla(0, 0%, 0%, 0.5);
   height: inherit;
   min-height: max-content;
diff --git a/less/foundryvtt-reve-de-dragon.less b/less/foundryvtt-reve-de-dragon.less
index 96179d0e..e00b0c5b 100644
--- a/less/foundryvtt-reve-de-dragon.less
+++ b/less/foundryvtt-reve-de-dragon.less
@@ -8,8 +8,20 @@
   @import "item/tarot.less";
   @import "roll-dialog.less";
   @import "roll-chat.less";
-  .window-header{
-    background: rgba(0,0,0,0.75);
+
+  .window-header {
+    background: rgba(0, 0, 0, 0.75);
+  }
+
+  .journal-entry-content {
+    background: url(../assets/ui/bg_left.webp) no-repeat left top;
+    color: var(--rdd-color-text-primary);
+  }
+
+  .journal-page-header h1,
+  .journal-page-header h2 .journal-page-header h3,
+  .journal-page-header h4 {
+    color: var(--rdd-color-text-primary);
   }
 
   .application .window-content {
@@ -28,7 +40,7 @@
   .strong-text {
     font-weight: bold;
   }
-  i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp ) {
+  i:is(.fas, .far, .fa-solid, .fa-regular, .fa-sharp) {
     font-size: smaller;
   }
 
@@ -41,7 +53,11 @@
     border: 0;
   }
 
-  .window-app.sheet .window-content .sheet-header h1.charname input[type="text"] {
+  .window-app.sheet
+    .window-content
+    .sheet-header
+    h1.charname
+    input[type="text"] {
     width: 100%;
     height: 100%;
     margin: 0;
@@ -75,7 +91,8 @@
     margin-bottom: -8px;
   }
 
-  .sheet-header :is(.header-compteurs,.header-etats,.profile-img, .profile-img-token){
+  .sheet-header
+    :is(.header-compteurs, .header-etats, .profile-img, .profile-img-token) {
     padding: 0 0.4rem;
   }
   .sheet-header div.header-etats {
@@ -84,13 +101,13 @@
     max-width: fit-content;
     flex: initial;
     flex-grow: 3;
-    div div{
+    div div {
       display: flex;
       flex-direction: row;
     }
   }
 
-  .sheet-header :is(.profile-img, .profile-img-token)  {
+  .sheet-header :is(.profile-img, .profile-img-token) {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 110px;
     flex: 0 0 110px;
@@ -114,11 +131,12 @@
     object-fit: contain;
   }
   img.equipement-inutilisable {
-    vertical-align: bottom ;
+    vertical-align: bottom;
     max-width: 1.4rem;
     max-height: 1.4rem;
     border: 1px;
-    background: center / contain no-repeat url('../../icons/templates/icone_parchement_vierge.webp');
+    background: center / contain no-repeat
+      url("../../icons/templates/icone_parchement_vierge.webp");
   }
 
   .sheet-header .header-compteurs {
@@ -145,9 +163,10 @@
     border-top: 0 none;
     border-bottom: 0 none;
     color: rgba(52, 52, 52, 0.95);
-    background: rgb(245,245,240) url(../assets/ui/bg_menu.webp) no-repeat left top;
+    background: rgb(245, 245, 240) url(../assets/ui/bg_menu.webp) no-repeat left
+      top;
   }
-  .sheet nav.sheet-tabs .item ,
+  .sheet nav.sheet-tabs .item,
   nav.sheet-tabs .item {
     position: relative;
     padding: 0.1rem 0.2rem;
@@ -181,7 +200,7 @@
     height: fit-content;
     max-height: 1024px;
   }
-  div.tmrdialog div.tmr-actions{
+  div.tmrdialog div.tmr-actions {
     width: 12rem;
     max-height: fit-content;
   }
@@ -193,7 +212,7 @@
   div.tmrdialog div.tmr-actions {
     vertical-align: top;
     flex-basis: inherit;
-    flex: 'flex-shrink';
+    flex: "flex-shrink";
   }
 
   /* =================== Autres ============ */
@@ -208,15 +227,19 @@
     }
   }
 
-  .rollable:hover, .rollable:focus {
+  .rollable:hover,
+  .rollable:focus {
     color: #000;
     text-shadow: 0 0 10px red;
     cursor: pointer;
   }
 
-  table {border: 1px solid #7a7971;}
+  table {
+    border: 1px solid #7a7971;
+  }
 
-  .grid, .grid-2col {
+  .grid,
+  .grid-2col {
     display: grid;
     grid-column: span 2 / span 2;
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -336,10 +359,11 @@
     justify-content: space-between;
   }
   .flex-shrink {
-    flex: 'flex-shrink' ;
+    flex: "flex-shrink";
     flex-shrink: 0;
   }
-  .flex-grow, .flex-grow-3 {
+  .flex-grow,
+  .flex-grow-3 {
     display: flex;
     flex-grow: 3;
   }
@@ -361,7 +385,7 @@
     text-align: left;
   }
   .equipement-nom {
-    flex-grow : 3;
+    flex-grow: 3;
     margin: 0;
     justify-content: center;
     text-align: left;
@@ -435,11 +459,11 @@
     justify-content: flex-start;
   }
   .blessure-inactive {
-    color:rgba(150, 150, 150, 0.4);
+    color: rgba(150, 150, 150, 0.4);
   }
   .blessure-active-2,
   .blessure-active-legere {
-    color:rgba(60, 60, 60, 0.9);
+    color: rgba(60, 60, 60, 0.9);
     text-shadow: 1px 1px 4px rgba(60, 60, 60, 1);
   }
   .blessure-active-4,
@@ -527,13 +551,33 @@
     padding: 0.2em;
     border-width: 0;
   }
-  .grid-move-tmr { display: grid; }
-  .move-tmr-topleft { grid-column: 2/2; grid-row: 2/4;}
-  .move-tmr-top { grid-column: 3/3; grid-row: 1/3; }
-  .move-tmr-topright { grid-column: 4/4; grid-row: 2/4; }
-  .move-tmr-bottomleft { grid-column: 2/2; grid-row: 4/6; }
-  .move-tmr-bottom { grid-column: 3/3; grid-row: 5/7; }
-  .move-tmr-bottomright{ grid-column: 4/4; grid-row: 4/6; }
+  .grid-move-tmr {
+    display: grid;
+  }
+  .move-tmr-topleft {
+    grid-column: 2/2;
+    grid-row: 2/4;
+  }
+  .move-tmr-top {
+    grid-column: 3/3;
+    grid-row: 1/3;
+  }
+  .move-tmr-topright {
+    grid-column: 4/4;
+    grid-row: 2/4;
+  }
+  .move-tmr-bottomleft {
+    grid-column: 2/2;
+    grid-row: 4/6;
+  }
+  .move-tmr-bottom {
+    grid-column: 3/3;
+    grid-row: 5/7;
+  }
+  .move-tmr-bottomright {
+    grid-column: 4/4;
+    grid-row: 4/6;
+  }
 
   .tmr-move {
     max-height: 32px;
@@ -541,7 +585,7 @@
     border: 0;
     vertical-align: bottom;
   }
-  :is(.button-img,.button-effect-img,.tmr-move):hover {
+  :is(.button-img, .button-effect-img, .tmr-move):hover {
     color: var(--color-controls-hover);
     border: 1px solid var(--color-control-border-hover);
     text-shadow: 1px 0px 0px #ff6600;
@@ -594,8 +638,12 @@
       overflow: hidden;
       .sheet-body {
         overflow-y: scroll;
-        .tab {padding-bottom: 30px;}
-        .competence-list {width: 100%;}
+        .tab {
+          padding-bottom: 30px;
+        }
+        .competence-list {
+          width: 100%;
+        }
         .carac-list {
           width: 100%;
           flex-grow: 0;
@@ -619,7 +667,7 @@
               flex-basis: 13%;
               flex-grow: 0;
             }
-            .derivee-label  {
+            .derivee-label {
               flex-grow: 1;
             }
             .derivee-value {
@@ -657,14 +705,13 @@
     align-items: center;
   }
   .prosemirror {
-    menu{
+    menu {
       background-color: var(--color-background-chat-message);
     }
   }
   .app.sheet .editor.prosemirror {
     height: fit-content;
     min-height: 5rem;
-
   }
   .app.sheet .editor.prosemirror .editor-container {
     min-height: 5rem;
@@ -700,11 +747,14 @@
     padding: 0 3px;
   }
 
-  .foundryvtt-reve-de-dragon.sheet :is(.large-editor,.editor,.medium-editor,.small-editor){
+  .foundryvtt-reve-de-dragon.sheet
+    :is(.large-editor, .editor, .medium-editor, .small-editor) {
     align-items: start;
   }
 
-  .foundryvtt-reve-de-dragon.sheet :is(.large-editor,.editor,.medium-editor,.small-editor) .editor.prosemirror{
+  .foundryvtt-reve-de-dragon.sheet
+    :is(.large-editor, .editor, .medium-editor, .small-editor)
+    .editor.prosemirror {
     align-items: normal;
   }
 
@@ -723,8 +773,8 @@
 
   .foundryvtt-reve-de-dragon .tabs {
     height: 40px;
-    border-top: 1px solid #AAA;
-    border-bottom: 1px solid #AAA;
+    border-top: 1px solid #aaa;
+    border-bottom: 1px solid #aaa;
   }
 
   .foundryvtt-reve-de-dragon .tabs .item {
@@ -742,7 +792,7 @@
     padding: 0;
     overflow-y: auto;
   }
-  .item-list-title{
+  .item-list-title {
     flex: 0;
   }
 
@@ -753,11 +803,11 @@
   .foundryvtt-reve-de-dragon .item-list .item img {
     display: inline;
   }
-  
+
   .foundryvtt-reve-de-dragon .item-list .item-name {
     margin: 0;
   }
-  
+
   .competence-list .item-controls,
   .competence-list .item-actions-controls {
     display: contents !important;
@@ -773,19 +823,19 @@
     // }
 
     img {
-        display: inline;
-        max-width: 1rem;
-        max-height: 1rem;
-        margin: 0 0.1rem;
-        border: none;
-        filter: invert(0.8);
+      display: inline;
+      max-width: 1rem;
+      max-height: 1rem;
+      margin: 0 0.1rem;
+      border: none;
+      filter: invert(0.8);
     }
-    
+
     i:is(.fas, .fa, .fa-solid, .fa-regular) {
       font-size: 0.8em;
       color: var(--color-controls-light);
     }
-    
+
     img:hover,
     i:is(.fas, .far, .fa-solid, .fa-regular):hover {
       opacity: 0.6;
@@ -798,45 +848,53 @@
   .rdd-roll-dialog div.dialog-content input {
     font-size: 1rem;
   }
-  .rdd-roll-dialog div.dialog-content input[type="checkbox"]{
+  .rdd-roll-dialog div.dialog-content input[type="checkbox"] {
     width: 1rem;
     vertical-align: sub;
   }
   .rdd-roll-part {
     align-items: center;
-    border-radius: 0.5rem; padding: 3px;
+    border-radius: 0.5rem;
+    padding: 3px;
     background: var(--gradient-gold);
   }
-  .rdd-roll-sign{
-    border-radius: 0.5rem; padding: 3px;
+  .rdd-roll-sign {
+    border-radius: 0.5rem;
+    padding: 3px;
     background: var(--gradient-silver);
   }
-  .rdd-roll-norm{
-    border-radius: 0.5rem; padding: 3px;
+  .rdd-roll-norm {
+    border-radius: 0.5rem;
+    padding: 3px;
     background: var(--gradient-green);
   }
-  .rdd-roll-notSign, .rdd-roll-echec{
-    border-radius: 0.5rem; padding: 3px;
+  .rdd-roll-notSign,
+  .rdd-roll-echec {
+    border-radius: 0.5rem;
+    padding: 3px;
     background: var(--gradient-red);
   }
-  .rdd-roll-epart{
-    border-radius: 0.5rem; padding: 3px;
+  .rdd-roll-epart {
+    border-radius: 0.5rem;
+    padding: 3px;
     background: var(--gradient-violet);
   }
-  .rdd-roll-etotal{
-    border-radius: 0.5rem; padding: 3px;
+  .rdd-roll-etotal {
+    border-radius: 0.5rem;
+    padding: 3px;
     background: var(--gradient-purple-black);
   }
-  .rdd-diviseur{
-    border-radius: 0.5rem; padding: 3px;
+  .rdd-diviseur {
+    border-radius: 0.5rem;
+    padding: 3px;
     background: var(--gradient-red);
   }
 
-  .rdd-niveau-requis{
+  .rdd-niveau-requis {
     font-size: 0.8rem;
     text-align: right;
   }
-  
+
   .placeholder-ajustements {
     flex-direction: column;
   }
@@ -849,7 +907,7 @@
     background-color: lightblue;
   }
 
-  span.table-proba-reussite{
+  span.table-proba-reussite {
     font-size: 0.8rem;
     padding: 5px;
   }
@@ -862,7 +920,7 @@
     overflow-y: scroll;
     width: 100%;
   }
-  
+
   .poesie-reference {
     font-size: 0.7rem;
     text-align: right;
@@ -876,9 +934,9 @@
   .journal-entry .journal-sidebar {
     background: url(../assets/ui/bg_left.webp) no-repeat left top;
     color: var(--rdd-color-text-primary);
-    label ,
-    .hint ,
-    .permissions-list ,
+    label,
+    .hint,
+    .permissions-list,
     nav.tabs,
     nav.tabs button,
     nav.tabs button .count,
@@ -892,19 +950,19 @@
       color: var(--color-dark-1);
     }
   }
-  
+
   /* ======================================== */
   /* Sheet  */
-  .window-app .window-content{
+  .window-app .window-content {
     background: url(../assets/ui/bg_left.webp) no-repeat left top;
     color: var(--rdd-color-text-primary);
-    
+
     .sheet-header {
       background: #011d33 url(../assets/ui/bg_header.webp) no-repeat left top;
 
-      label ,
-      .hint ,
-      .permissions-list ,
+      label,
+      .hint,
+      .permissions-list,
       nav.tabs,
       nav.tabs button,
       nav.tabs button .count,
@@ -923,8 +981,7 @@
         color: rgba(255, 255, 255, 0.75);
       }
     }
-  } 
-
+  }
 
   input[type="number"] {
     text-align: right;
@@ -932,35 +989,35 @@
     max-width: 7rem;
   }
 
-  select:is(.number-x,.number-x2,.number-x3,.number-x4,.number-x5) {
+  select:is(.number-x, .number-x2, .number-x3, .number-x4, .number-x5) {
     padding-right: 0.2rem;
     text-align: center;
   }
-  input:is(.number,.number-x,.number-x2,.number-x3,.number-x4,.number-x5) {
+  input:is(.number, .number-x, .number-x2, .number-x3, .number-x4, .number-x5) {
     padding-right: 0.2rem;
     text-align: right;
   }
-  :is(input,select).number-x {
+  :is(input, select).number-x {
     max-width: 1.4rem;
     min-width: 1rem;
   }
-  :is(input,select).number-x2 {
+  :is(input, select).number-x2 {
     max-width: 2.4rem;
     min-width: 2rem;
   }
-  :is(input,select).number-x3 {
+  :is(input, select).number-x3 {
     max-width: 3.4rem;
     min-width: 3rem;
   }
-  :is(input,select).number-x4 {
+  :is(input, select).number-x4 {
     max-width: 4.4rem;
     min-width: 4rem;
   }
-  :is(input,select).number-x5 {
+  :is(input, select).number-x5 {
     max-width: 4.4rem;
   }
 
-  form.rdddialogchrono input[type=datetime-local] {
+  form.rdddialogchrono input[type="datetime-local"] {
     min-width: 20px;
     padding: 0;
     background: rgba(0, 0, 0, 0.05);
@@ -973,11 +1030,11 @@
   }
   form.app-personnage-aleatoire {
     h2 {
-      min-width: 30rem,
+      min-width: 30rem;
     }
   }
-  .app-calendar-astrologie{
-    div.theme-astral{
+  .app-calendar-astrologie {
+    div.theme-astral {
       width: 14rem;
       margin: 0.4rem;
     }
@@ -1011,7 +1068,7 @@
   .sheet header.sheet-header h1 {
     flex: 3;
   }
-  .sheet header.sheet-header img.button-img{
+  .sheet header.sheet-header img.button-img {
     padding: 1px;
     margin: 1px;
   }
@@ -1049,12 +1106,11 @@
     word-break: break-all;
     display: ruby;
   }
-  a.roll-text i.fas{
+  a.roll-text i.fas {
     color: var(--color-text-dark-inactive);
     margin-right: 0.25em;
   }
 
-
   li label.compteur {
     display: inline-block;
     flex-direction: row;
@@ -1064,8 +1120,8 @@
     text-align: left;
     width: 2rem;
   }
-  .compteur a i:is(.fas,.far):hover {
-    opacity: 0.7  ;
+  .compteur a i:is(.fas, .far):hover {
+    opacity: 0.7;
   }
 
   .select-diff {
@@ -1080,7 +1136,10 @@
     max-width: 90%;
   }
 
-  .window-app.sheet .window-content :is(.tooltip, .tooltip-overflow):hover .tooltiptext {
+  .window-app.sheet
+    .window-content
+    :is(.tooltip, .tooltip-overflow):hover
+    .tooltiptext {
     top: 2rem;
     left: 2rem;
     margin: 0;
@@ -1121,15 +1180,20 @@
 
   /* ======================================== */
 
-  h1, h2, h3, h4 {
+  h1,
+  h2,
+  h3,
+  h4 {
     font-weight: bold;
   }
 
-  ul, ol {
-      margin: 0;
-      padding: 0;
+  ul,
+  ol {
+    margin: 0;
+    padding: 0;
   }
-  ul, li {
+  ul,
+  li {
     list-style-type: none;
   }
   .sheet .caracteristique li {
@@ -1161,7 +1225,7 @@
     background: rgba(100, 100, 50, 0.25);
   }
   .alterne-list > .list-item:nth-child(even) {
-    background: rgba(80, 60, 0, 0.10);
+    background: rgba(80, 60, 0, 0.1);
   }
   .alterne-list > .list-item:nth-child(odd) {
     background: rgba(160, 130, 100, 0.05);
@@ -1283,7 +1347,7 @@
     flex-grow: 0;
     flex-basis: 1;
   }
-  div.competence-column div.categorie-competence{
+  div.competence-column div.categorie-competence {
     width: 100%;
   }
   .competence-header {
@@ -1350,7 +1414,7 @@
   table.table-nombres-astraux {
     border: 2px solid rgba(0, 0, 0, 0.8);
   }
-  table.table-nombres-astraux th >td {
+  table.table-nombres-astraux th > td {
     font-size: 1rem;
   }
   table.table-nombres-astraux tr td {
@@ -1413,7 +1477,8 @@
     display: flex;
     flex-direction: row;
     align-items: center;
-    select, label {
+    select,
+    label {
       font-size: 1rem;
     }
   }
@@ -1439,10 +1504,10 @@
     display: none !important;
   }
 
-  .imgAppelAuMoral	 {
+  .imgAppelAuMoral {
     height: 20px;
     width: 20px;
-    border:none;
+    border: none;
     outline: none;
     background-size: cover;
   }
@@ -1506,59 +1571,60 @@
   .table-fatigue .fatigue-malus {
     font-size: 0.8rem;
   }
-  .flex-actions-bar  {
+  .flex-actions-bar {
     flex-grow: 2;
   }
 
   /* ======================================== */
   /* Sidebar CSS */
   #sidebar {
-    .chat-message{
+    .chat-message {
       font-size: 1rem;
     }
-    background: rgb(105,85,65) url(../assets/ui/bg_sid_dark.webp) no-repeat right bottom;
+    background: rgb(105, 85, 65) url(../assets/ui/bg_sid_dark.webp) no-repeat
+      right bottom;
     background-position: 100%;
-    color: rgba(220,220,220,0.75);
+    color: rgba(220, 220, 220, 0.75);
   }
 
-  #sidebar-tabs > .collapsed, #chat-controls .chat-control-icon {
-    color: rgba(220,220,220,0.75);
-    text-shadow: 1px 1px 0 rgba(0,0,0,0.75);
+  #sidebar-tabs > .collapsed,
+  #chat-controls .chat-control-icon {
+    color: rgba(220, 220, 220, 0.75);
+    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
   }
 
   .sidebar-tab .directory-list .entity {
-      border-top: 1px dashed rgba(0,0,0,0.25);
-      border-bottom: 0 none;
-      padding: 0.2rem 0;
+    border-top: 1px dashed rgba(0, 0, 0, 0.25);
+    border-bottom: 0 none;
+    padding: 0.2rem 0;
   }
 
   .sidebar-tab .directory-list .entity:hover {
-    background: rgba(0,0,0,0.05);
+    background: rgba(0, 0, 0, 0.05);
     cursor: pointer;
   }
 
   .chat-message {
     background: var(--color-background-chat-message);
-    
+
     h4 {
       font-size: 0.9rem;
     }
     .message-content {
       text-align: justify;
     }
-    header.message-header{
+    header.message-header {
       .heure-rdd {
         font-size: 0.7rem;
         flex-grow: 3;
       }
-     .message-metadata {
+      .message-metadata {
         flex-grow: 3.5;
-     }
-    } 
+      }
+    }
     hr {
       margin: 0.2rem 0;
     }
-    
   }
   .chat-message.whisper {
     background: var(--color-background-chat-whisper);
@@ -1590,19 +1656,21 @@
 
   #sidebar-tabs menu {
     button:is(
-      [data-tab="chat"],
-      [data-tab="combat"],
-      [data-tab="scenes"],
-      [data-tab="actors"],
-      [data-tab="items"],
-      [data-tab="journal"],
-      [data-tab="cards"],
-      [data-tab="macros"],
-      [data-tab="tables"],
-      [data-tab="playlists"],
-      [data-tab="compendium"],
-      [data-tab="settings"]
-    )::before{ content: none; }
+        [data-tab="chat"],
+        [data-tab="combat"],
+        [data-tab="scenes"],
+        [data-tab="actors"],
+        [data-tab="items"],
+        [data-tab="journal"],
+        [data-tab="cards"],
+        [data-tab="macros"],
+        [data-tab="tables"],
+        [data-tab="playlists"],
+        [data-tab="compendium"],
+        [data-tab="settings"]
+      )::before {
+      content: none;
+    }
 
     button {
       background-repeat: no-repeat;
@@ -1615,30 +1683,54 @@
       background-color: hsla(30, 100%, 90%, 0.6);
       box-shadow: 0 0 3px inset hsla(15, 80%, 30%, 1);
     }
-    button[data-tab="chat"] { background-image: url("../assets/ui/icon_sidebar_chat.svg"); }
-    button[data-tab="combat"] { background-image: url("../assets/ui/icon_sidebar_fight.svg"); }
-    button[data-tab="scenes"] { background-image: url("../assets/ui/icon_sidebar_scene.svg"); }
-    button[data-tab="actors"] { background-image: url("../assets/ui/icon_sidebar_actor.svg"); }
-    button[data-tab="items"] { background-image: url("../assets/ui/icon_sidebar_item.svg"); }
-    button[data-tab="journal"] { background-image: url("../assets/ui/icon_sidebar_journal.svg"); }
-    button[data-tab="cards"] { background-image: url("../assets/ui/icon_sidebar_cards.svg"); }
-    button[data-tab="macros"] { background-image: url("../assets/ui/icon_sidebar_macros.svg"); }
-    button[data-tab="tables"] { background-image: url("../assets/ui/d100.svg"); }
-    button[data-tab="playlists"] { background-image: url("../assets/ui/icon_sidebar_music.svg"); }
-    button[data-tab="compendium"] { background-image: url("../assets/ui/icon_sidebar_compendium.svg"); }
-    button[data-tab="settings"] { background-image: url("../assets/ui/icon_sidebar_settings.svg"); }
+    button[data-tab="chat"] {
+      background-image: url("../assets/ui/icon_sidebar_chat.svg");
+    }
+    button[data-tab="combat"] {
+      background-image: url("../assets/ui/icon_sidebar_fight.svg");
+    }
+    button[data-tab="scenes"] {
+      background-image: url("../assets/ui/icon_sidebar_scene.svg");
+    }
+    button[data-tab="actors"] {
+      background-image: url("../assets/ui/icon_sidebar_actor.svg");
+    }
+    button[data-tab="items"] {
+      background-image: url("../assets/ui/icon_sidebar_item.svg");
+    }
+    button[data-tab="journal"] {
+      background-image: url("../assets/ui/icon_sidebar_journal.svg");
+    }
+    button[data-tab="cards"] {
+      background-image: url("../assets/ui/icon_sidebar_cards.svg");
+    }
+    button[data-tab="macros"] {
+      background-image: url("../assets/ui/icon_sidebar_macros.svg");
+    }
+    button[data-tab="tables"] {
+      background-image: url("../assets/ui/d100.svg");
+    }
+    button[data-tab="playlists"] {
+      background-image: url("../assets/ui/icon_sidebar_music.svg");
+    }
+    button[data-tab="compendium"] {
+      background-image: url("../assets/ui/icon_sidebar_compendium.svg");
+    }
+    button[data-tab="settings"] {
+      background-image: url("../assets/ui/icon_sidebar_settings.svg");
+    }
   }
-  
-  
+
   // #sidebar #sidebar-tabs i.fa-th-list {background: url("../assets/ui/icon_sidebar_rolltable.svg") no-repeat;}
   #combat #combat-controls {
-    box-shadow: inset 0 0 2rem rgba(0,0,0,0.5);
+    box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.5);
   }
 
   /*--------------------------------------------------------------------------*/
   /* Control, Tool, hotbar & navigation */
 
-  #controls .scene-control, #controls .control-tool {
+  #controls .scene-control,
+  #controls .control-tool {
     box-shadow: 0 0 3px #000;
     margin: 0 0 8px;
     border-radius: 0;
@@ -1652,7 +1744,13 @@
     max-height: calc(100vh - 156px);
     height: auto;
   }
-  #controls :is(.scene-control.active,.control-tool.active, .scene-control:hover, .control-tool:hover) {
+  #controls
+    :is(
+      .scene-control.active,
+      .control-tool.active,
+      .scene-control:hover,
+      .control-tool:hover
+    ) {
     background: rgba(72, 46, 28, 1);
     background-origin: padding-box;
     border-image: url(../assets/ui/footer-button.webp) 10 repeat;
@@ -1698,7 +1796,8 @@
     border-image-outset: 0px;
   }
 
-  #navigation #scene-list .scene.view, #navigation #scene-list .scene.context {
+  #navigation #scene-list .scene.view,
+  #navigation #scene-list .scene.context {
     background: rgba(72, 46, 28, 1);
     background-origin: padding-box;
     border-image: url(../assets/ui/footer-button.webp) 10 repeat;
@@ -1723,27 +1822,48 @@
 
   div.horloge-roue div.horloge-cercle {
     background: hsla(60, 20%, 90%, 0.8);
-    top: 2%; left: 2%; width: 96%; height: 96%; border-radius: 50%;
+    top: 2%;
+    left: 2%;
+    width: 96%;
+    height: 96%;
+    border-radius: 50%;
   }
 
   div.horloge-roue div.horloge-cercle1 {
     background: var(--gradient-daylight);
     border: 0.2rem solid rgba(100, 45, 124, 0.6);
-    top: 2%; left: 2%; width: 96%; height: 96%; border-radius: 50%;
+    top: 2%;
+    left: 2%;
+    width: 96%;
+    height: 96%;
+    border-radius: 50%;
   }
 
   div.horloge-roue div.horloge-cercle2 {
     border: 0.1rem solid rgba(100, 45, 124, 0.4);
-    top: 17%; left: 17%; width: 66%; height: 66%; border-radius: 50%;
+    top: 17%;
+    left: 17%;
+    width: 66%;
+    height: 66%;
+    border-radius: 50%;
   }
   div.horloge-roue div.disque-astro {
-    top: 28%; left: 28%; width: 44%; height: 44%;
+    top: 28%;
+    left: 28%;
+    width: 44%;
+    height: 44%;
   }
   div.horloge-roue div.horloge-aiguille-heure {
-    top: 25%; left: 25%; width: 50%; height: 50%;
+    top: 25%;
+    left: 25%;
+    width: 50%;
+    height: 50%;
   }
   div.horloge-roue div.horloge-aiguille-minute {
-    top: 20%; left: 20%; width: 60%; height: 60%;
+    top: 20%;
+    left: 20%;
+    width: 60%;
+    height: 60%;
   }
   div.horloge-roue div.horloge-ajustement {
     width: 0.8rem;
@@ -1759,10 +1879,8 @@
   div.horloge-roue div img {
     border: none;
   }
-  
-  
+
   .calendar {
-    
     display: inline-block;
     background: none;
     margin: 0;
@@ -1770,7 +1888,7 @@
     box-shadow: none;
     pointer-events: none;
     max-height: fit-content;
-    
+
     header.window-header {
       min-width: fit-content;
       height: 1.4rem;
@@ -1786,7 +1904,7 @@
       flex-direction: column;
       min-width: 250px;
       height: fit-content;
-      background: hsla(0, 0%, 0%, 0.0);
+      background: hsla(0, 0%, 0%, 0);
       font-family: "GoudyAcc";
       pointer-events: none;
       div.calendar-boutons-heure {
@@ -1822,50 +1940,158 @@
       }
     }
 
-    div.horloge-heure.heure-01 { top: calc(50% - 0.7rem + sin(-180deg) *38%); left: calc(50% - 0.7rem + cos(-180deg) *38%); }
-    div.horloge-heure.heure-02 { top: calc(50% - 0.7rem + sin(-150deg) *38%); left: calc(50% - 0.7rem + cos(-150deg) *38%); }
-    div.horloge-heure.heure-03 { top: calc(50% - 0.7rem + sin(-120deg) *38%); left: calc(50% - 0.7rem + cos(-120deg) *38%); }
-    div.horloge-heure.heure-04 { top: calc(50% - 0.7rem + sin(-90deg) *38%); left: calc(50% - 0.7rem + cos(-90deg) *38%); }
-    div.horloge-heure.heure-05 { top: calc(50% - 0.7rem + sin(-60deg) *38%); left: calc(50% - 0.7rem + cos(-60deg) *38%); }
-    div.horloge-heure.heure-06 { top: calc(50% - 0.7rem + sin(-30deg) *38%); left: calc(50% - 0.7rem + cos(-30deg) *38%); }
-    div.horloge-heure.heure-07 { top: calc(50% - 0.7rem + sin(-0deg) *38%); left: calc(50% - 0.7rem + cos(-0deg) *38%); }
-    div.horloge-heure.heure-08 { top: calc(50% - 0.7rem + sin(30deg) *38%); left: calc(50% - 0.7rem + cos(30deg) *38%); }
-    div.horloge-heure.heure-09 { top: calc(50% - 0.7rem + sin(60deg) *38%); left: calc(50% - 0.7rem + cos(60deg) *38%); }
-    div.horloge-heure.heure-10 { top: calc(50% - 0.7rem + sin(90deg) *38%); left: calc(50% - 0.7rem + cos(90deg) *38%); }
-    div.horloge-heure.heure-11 { top: calc(50% - 0.7rem + sin(120deg) *38%); left: calc(50% - 0.7rem + cos(120deg) *38%); }
-    div.horloge-heure.heure-12 { top: calc(50% - 0.7rem + sin(150deg) *38%); left: calc(50% - 0.7rem + cos(150deg) *41%); }
+    div.horloge-heure.heure-01 {
+      top: calc(50% - 0.7rem + sin(-180deg) * 38%);
+      left: calc(50% - 0.7rem + cos(-180deg) * 38%);
+    }
+    div.horloge-heure.heure-02 {
+      top: calc(50% - 0.7rem + sin(-150deg) * 38%);
+      left: calc(50% - 0.7rem + cos(-150deg) * 38%);
+    }
+    div.horloge-heure.heure-03 {
+      top: calc(50% - 0.7rem + sin(-120deg) * 38%);
+      left: calc(50% - 0.7rem + cos(-120deg) * 38%);
+    }
+    div.horloge-heure.heure-04 {
+      top: calc(50% - 0.7rem + sin(-90deg) * 38%);
+      left: calc(50% - 0.7rem + cos(-90deg) * 38%);
+    }
+    div.horloge-heure.heure-05 {
+      top: calc(50% - 0.7rem + sin(-60deg) * 38%);
+      left: calc(50% - 0.7rem + cos(-60deg) * 38%);
+    }
+    div.horloge-heure.heure-06 {
+      top: calc(50% - 0.7rem + sin(-30deg) * 38%);
+      left: calc(50% - 0.7rem + cos(-30deg) * 38%);
+    }
+    div.horloge-heure.heure-07 {
+      top: calc(50% - 0.7rem + sin(-0deg) * 38%);
+      left: calc(50% - 0.7rem + cos(-0deg) * 38%);
+    }
+    div.horloge-heure.heure-08 {
+      top: calc(50% - 0.7rem + sin(30deg) * 38%);
+      left: calc(50% - 0.7rem + cos(30deg) * 38%);
+    }
+    div.horloge-heure.heure-09 {
+      top: calc(50% - 0.7rem + sin(60deg) * 38%);
+      left: calc(50% - 0.7rem + cos(60deg) * 38%);
+    }
+    div.horloge-heure.heure-10 {
+      top: calc(50% - 0.7rem + sin(90deg) * 38%);
+      left: calc(50% - 0.7rem + cos(90deg) * 38%);
+    }
+    div.horloge-heure.heure-11 {
+      top: calc(50% - 0.7rem + sin(120deg) * 38%);
+      left: calc(50% - 0.7rem + cos(120deg) * 38%);
+    }
+    div.horloge-heure.heure-12 {
+      top: calc(50% - 0.7rem + sin(150deg) * 38%);
+      left: calc(50% - 0.7rem + cos(150deg) * 41%);
+    }
   }
 
   .calendar-astrologie {
-    div.horloge-heure.heure-01 { top: calc(50% - 1rem + sin(-180deg) *41%); left: calc(50% - 1rem + cos(-180deg) *41%); }
-    div.horloge-heure.heure-02 { top: calc(50% - 1rem + sin(-150deg) *41%); left: calc(50% - 1rem + cos(-150deg) *41%); }
-    div.horloge-heure.heure-03 { top: calc(50% - 1rem + sin(-120deg) *41%); left: calc(50% - 1rem + cos(-120deg) *41%); }
-    div.horloge-heure.heure-04 { top: calc(50% - 1rem + sin(-90deg) *41%); left: calc(50% - 1rem + cos(-90deg) *41%); }
-    div.horloge-heure.heure-05 { top: calc(50% - 1rem + sin(-60deg) *41%); left: calc(50% - 1rem + cos(-60deg) *41%); }
-    div.horloge-heure.heure-06 { top: calc(50% - 1rem + sin(-30deg) *41%); left: calc(50% - 1rem + cos(-30deg) *41%); }
-    div.horloge-heure.heure-07 { top: calc(50% - 1rem + sin(-0deg) *41%); left: calc(50% - 1rem + cos(-0deg) *41%); }
-    div.horloge-heure.heure-08 { top: calc(50% - 1rem + sin(30deg) *41%); left: calc(50% - 1rem + cos(30deg) *41%); }
-    div.horloge-heure.heure-09 { top: calc(50% - 1rem + sin(60deg) *41%); left: calc(50% - 1rem + cos(60deg) *41%); }
-    div.horloge-heure.heure-10 { top: calc(50% - 1rem + sin(90deg) *41%); left: calc(50% - 1rem + cos(90deg) *41%); }
-    div.horloge-heure.heure-11 { top: calc(50% - 1rem + sin(120deg) *41%); left: calc(50% - 1rem + cos(120deg) *41%); }
-    div.horloge-heure.heure-12 { top: calc(50% - 1rem + sin(150deg) *41%); left: calc(50% - 1rem + cos(150deg) *41%); }
-  
-    div.horloge-ajustement.heure-01 { top: calc(50% - 0.4rem + sin(180deg) * 28%); left: calc(50% - 0.4rem + cos(180deg) * 28%); }
-    div.horloge-ajustement.heure-02 { top: calc(50% - 0.4rem + sin(-150deg) * 28%); left: calc(50% - 0.4rem + cos(-150deg) * 28%); }
-    div.horloge-ajustement.heure-03 { top: calc(50% - 0.4rem + sin(-120deg) * 28%); left: calc(50% - 0.4rem + cos(-120deg) * 28%); }
-    div.horloge-ajustement.heure-04 { top: calc(50% - 0.4rem + sin(-90deg) * 28%); left: calc(50% - 0.4rem + cos(-90deg) * 28%); }
-    div.horloge-ajustement.heure-05 { top: calc(50% - 0.4rem + sin(-60deg) * 28%); left: calc(50% - 0.4rem + cos(-60deg) * 28%); }
-    div.horloge-ajustement.heure-06 { top: calc(50% - 0.4rem + sin(-30deg) * 28%); left: calc(50% - 0.4rem + cos(-30deg) * 28%); }
-    div.horloge-ajustement.heure-07 { top: calc(50% - 0.4rem + sin(0deg) * 28%); left: calc(50% - 0.4rem + cos(0deg) * 28%); }
-    div.horloge-ajustement.heure-08 { top: calc(50% - 0.4rem + sin(30deg) * 28%); left: calc(50% - 0.4rem + cos(30deg) * 28%); }
-    div.horloge-ajustement.heure-09 { top: calc(50% - 0.4rem + sin(60deg) * 28%); left: calc(50% - 0.4rem + cos(60deg) * 28%); }
-    div.horloge-ajustement.heure-10 { top: calc(50% - 0.4rem + sin(90deg) * 28%); left: calc(50% - 0.4rem + cos(90deg) * 28%); }
-    div.horloge-ajustement.heure-11 { top: calc(50% - 0.4rem + sin(120deg) * 28%); left: calc(50% - 0.4rem + cos(120deg) * 28%); }
-    div.horloge-ajustement.heure-12 { top: calc(50% - 0.4rem + sin(150deg) * 28%); left: calc(50% - 0.4rem + cos(150deg) * 28%); }
-  }  
+    div.horloge-heure.heure-01 {
+      top: calc(50% - 1rem + sin(-180deg) * 41%);
+      left: calc(50% - 1rem + cos(-180deg) * 41%);
+    }
+    div.horloge-heure.heure-02 {
+      top: calc(50% - 1rem + sin(-150deg) * 41%);
+      left: calc(50% - 1rem + cos(-150deg) * 41%);
+    }
+    div.horloge-heure.heure-03 {
+      top: calc(50% - 1rem + sin(-120deg) * 41%);
+      left: calc(50% - 1rem + cos(-120deg) * 41%);
+    }
+    div.horloge-heure.heure-04 {
+      top: calc(50% - 1rem + sin(-90deg) * 41%);
+      left: calc(50% - 1rem + cos(-90deg) * 41%);
+    }
+    div.horloge-heure.heure-05 {
+      top: calc(50% - 1rem + sin(-60deg) * 41%);
+      left: calc(50% - 1rem + cos(-60deg) * 41%);
+    }
+    div.horloge-heure.heure-06 {
+      top: calc(50% - 1rem + sin(-30deg) * 41%);
+      left: calc(50% - 1rem + cos(-30deg) * 41%);
+    }
+    div.horloge-heure.heure-07 {
+      top: calc(50% - 1rem + sin(-0deg) * 41%);
+      left: calc(50% - 1rem + cos(-0deg) * 41%);
+    }
+    div.horloge-heure.heure-08 {
+      top: calc(50% - 1rem + sin(30deg) * 41%);
+      left: calc(50% - 1rem + cos(30deg) * 41%);
+    }
+    div.horloge-heure.heure-09 {
+      top: calc(50% - 1rem + sin(60deg) * 41%);
+      left: calc(50% - 1rem + cos(60deg) * 41%);
+    }
+    div.horloge-heure.heure-10 {
+      top: calc(50% - 1rem + sin(90deg) * 41%);
+      left: calc(50% - 1rem + cos(90deg) * 41%);
+    }
+    div.horloge-heure.heure-11 {
+      top: calc(50% - 1rem + sin(120deg) * 41%);
+      left: calc(50% - 1rem + cos(120deg) * 41%);
+    }
+    div.horloge-heure.heure-12 {
+      top: calc(50% - 1rem + sin(150deg) * 41%);
+      left: calc(50% - 1rem + cos(150deg) * 41%);
+    }
+
+    div.horloge-ajustement.heure-01 {
+      top: calc(50% - 0.4rem + sin(180deg) * 28%);
+      left: calc(50% - 0.4rem + cos(180deg) * 28%);
+    }
+    div.horloge-ajustement.heure-02 {
+      top: calc(50% - 0.4rem + sin(-150deg) * 28%);
+      left: calc(50% - 0.4rem + cos(-150deg) * 28%);
+    }
+    div.horloge-ajustement.heure-03 {
+      top: calc(50% - 0.4rem + sin(-120deg) * 28%);
+      left: calc(50% - 0.4rem + cos(-120deg) * 28%);
+    }
+    div.horloge-ajustement.heure-04 {
+      top: calc(50% - 0.4rem + sin(-90deg) * 28%);
+      left: calc(50% - 0.4rem + cos(-90deg) * 28%);
+    }
+    div.horloge-ajustement.heure-05 {
+      top: calc(50% - 0.4rem + sin(-60deg) * 28%);
+      left: calc(50% - 0.4rem + cos(-60deg) * 28%);
+    }
+    div.horloge-ajustement.heure-06 {
+      top: calc(50% - 0.4rem + sin(-30deg) * 28%);
+      left: calc(50% - 0.4rem + cos(-30deg) * 28%);
+    }
+    div.horloge-ajustement.heure-07 {
+      top: calc(50% - 0.4rem + sin(0deg) * 28%);
+      left: calc(50% - 0.4rem + cos(0deg) * 28%);
+    }
+    div.horloge-ajustement.heure-08 {
+      top: calc(50% - 0.4rem + sin(30deg) * 28%);
+      left: calc(50% - 0.4rem + cos(30deg) * 28%);
+    }
+    div.horloge-ajustement.heure-09 {
+      top: calc(50% - 0.4rem + sin(60deg) * 28%);
+      left: calc(50% - 0.4rem + cos(60deg) * 28%);
+    }
+    div.horloge-ajustement.heure-10 {
+      top: calc(50% - 0.4rem + sin(90deg) * 28%);
+      left: calc(50% - 0.4rem + cos(90deg) * 28%);
+    }
+    div.horloge-ajustement.heure-11 {
+      top: calc(50% - 0.4rem + sin(120deg) * 28%);
+      left: calc(50% - 0.4rem + cos(120deg) * 28%);
+    }
+    div.horloge-ajustement.heure-12 {
+      top: calc(50% - 0.4rem + sin(150deg) * 28%);
+      left: calc(50% - 0.4rem + cos(150deg) * 28%);
+    }
+  }
 
   .calendar-boutons-heure {
-    .calendar-btn:is(.calendar-lyre,.calendar-vaisseau) img {
+    .calendar-btn:is(.calendar-lyre, .calendar-vaisseau) img {
       color: hsla(0, 0%, 100%, 0.5);
       border: none;
       vertical-align: bottom;
@@ -1883,16 +2109,31 @@
     }
   }
 
-
-  .calendar-1min     { grid-column: 1/1; }
-  .calendar-5min     { grid-column: 2/2; }
-  .calendar-15min    { grid-column: 3/3; }
-  .calendar-30min    { grid-column: 4/4; }
-  .calendar-60min    { grid-column: 5/5; }
-  .calendar-1heure   { grid-column: 6/6; }
-  .calendar-lyre     { grid-column: 7/8; }
-  .calendar-vaisseau { grid-column: 9/10; }
-  :is(.calendar-lyre,.calendar-vaisseau) {
+  .calendar-1min {
+    grid-column: 1/1;
+  }
+  .calendar-5min {
+    grid-column: 2/2;
+  }
+  .calendar-15min {
+    grid-column: 3/3;
+  }
+  .calendar-30min {
+    grid-column: 4/4;
+  }
+  .calendar-60min {
+    grid-column: 5/5;
+  }
+  .calendar-1heure {
+    grid-column: 6/6;
+  }
+  .calendar-lyre {
+    grid-column: 7/8;
+  }
+  .calendar-vaisseau {
+    grid-column: 9/10;
+  }
+  :is(.calendar-lyre, .calendar-vaisseau) {
     display: flex;
     flex-direction: row;
   }
@@ -1906,11 +2147,11 @@
   }
 
   div.horloge-digitale {
-    color: #CCC;
+    color: #ccc;
     background: hsla(0, 0%, 20%, 1);
     text-align: center;
     width: 100%;
-    :is(.calendar-heure-texte,.calendar-minute-texte) {
+    :is(.calendar-heure-texte, .calendar-minute-texte) {
       font-size: 1rem;
       pointer-events: all;
       margin: 0;
@@ -1937,7 +2178,7 @@
   .tooltip-overflow {
     display: inline-block;
   }
-  
+
   .tooltip-dotted {
     border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
   }
@@ -1959,8 +2200,7 @@
     }
   }
   /* html Tooltips html*/
-  :is(.tooltip, .tooltip-overflow){
-  
+  :is(.tooltip, .tooltip-overflow) {
     .tooltiptext {
       text-align: center;
       /* Position the tooltip text */
@@ -2024,8 +2264,8 @@
     color: var(--color-tooltip-faint);
   }
 
-
-  .chat-card-button, .chat-card-button-pushed {
+  .chat-card-button,
+  .chat-card-button-pushed {
     border-radius: 0.2rem;
     cursor: pointer;
     font-family: CaslonPro;
@@ -2042,7 +2282,7 @@
       max-height: 1rem;
     }
   }
-  .chat-card-info{
+  .chat-card-info {
     font-size: 1.1rem;
     display: flex;
     flex-direction: row;
@@ -2053,18 +2293,22 @@
       max-height: 1rem;
       filter: invert(0.8);
     }
-  } 
+  }
 
-  .chat-card-button{
+  .jet-astrologie {
+    color: var(--major-button-color) !important;
+  }
+
+  .chat-card-button {
     text-shadow: 1px 1px #4d3534;
     box-shadow: inset 1x 1px #a6827e;
-    color: var(--major-button-color);
+    color: var(--major-button-color) !important;
     background: var(--background-custom-button);
     background-color: #7d5d3b00;
   }
 
   .chat-card-button-pushed {
-    text-shadow: 1px 1px  hsla(202, 30%, 70%, 0.5);
+    text-shadow: 1px 1px hsla(202, 30%, 70%, 0.5);
     box-shadow: inset -1px -1px #a6827e;
     color: hsla(202, 42%, 14%, 0.7);
     background: var(--major-button-color);
@@ -2079,9 +2323,10 @@
     background: var(--background-custom-button-hover);
   }
 
-  .chat-card-button:active, .chat-card-button-pushed:active {
-    position:relative;
-    top:1px;
+  .chat-card-button:active,
+  .chat-card-button-pushed:active {
+    position: relative;
+    top: 1px;
   }
 
   /* Dropdown Content (Hidden by Default) */
@@ -2089,8 +2334,8 @@
     display: none;
     position: absolute;
     width: max-content;
-    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-    background: var(--background-tooltip) ;
+    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+    background: var(--background-tooltip);
     overflow-y: scroll;
     max-height: 14rem;
     z-index: 10;
@@ -2105,7 +2350,9 @@
     text-shadow: 1px 0px 0px #ff6600;
   }
   /* Show the dropdown menu on hover */
-  .button-dropdown:hover .button-dropdown-content {display: block;}
+  .button-dropdown:hover .button-dropdown-content {
+    display: block;
+  }
 
   /* Links inside the dropdown */
   .button-dropdown-content a {
@@ -2116,7 +2363,9 @@
   }
 
   /* Change color of dropdown links on hover */
-  .button-dropdown-content a:hover {background-color: #ddd;}
+  .button-dropdown-content a:hover {
+    background-color: #ddd;
+  }
 
   /* ======== autocomplete ======= */
   .autocomplete {
@@ -2155,15 +2404,13 @@
   }
 
   /*************************************************************/
-  #pause
-  {
+  #pause {
     font-family: CaslonAntique;
     font-size: 2rem;
     background: none;
   }
-  #pause > h3
-  {
-    color: #CCC
+  #pause > h3 {
+    color: #ccc;
   }
   #pause > img {
     content: url(../assets/ui/rdd_pause.webp);
@@ -2174,13 +2421,13 @@
   }
 
   #logo {
-    content : url(../assets/ui/logo.webp);
+    content: url(../assets/ui/logo.webp);
     width: 80px;
     height: 68px;
   }
 
   div.vl {
-    border: 1px solid ;
+    border: 1px solid;
     border-color: hsla(0, 0%, 0%, 0.5);
     height: inherit;
     min-height: max-content;
@@ -2206,11 +2453,10 @@
     flex: auto;
     flex-flow: row wrap;
     flex-direction: row;
-    align-content: flex-start  ;
+    align-content: flex-start;
   }
   div.fenetre-recherche div.liste-resultats-recherche div.resultat {
     width: fit-content;
     margin: 0.2rem 0.5rem;
   }
-
 }
diff --git a/templates/actor/astrologie.hbs b/templates/actor/astrologie.hbs
index 4d42a9c8..04f9d700 100644
--- a/templates/actor/astrologie.hbs
+++ b/templates/actor/astrologie.hbs
@@ -1,7 +1,7 @@
 <h3>Astrologie</h3>
 <span class="astrologie-label chat-card-button">
-  <a name="jet-astrologie">
+  <a name="jet-astrologie" class="jet-astrologie">
     <i class="fa-solid fa-moon-over-sun"></i>
     Astrologie: Nombres Astraux
   </a>
-</span>
+</span>
\ No newline at end of file