/* INTERFACE */
@import url('https://fonts.googleapis.com/css2?family=Jim+Nightshade&family=Electrolize&family=Metamorphous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Electrolize&display=swap');
/* font-family: "Metamorphous", serif; */
/* font-family: "Jim Nightshade", serif; */
/* font-family: "Electrolize", serif; */

.sheet-darkmode .sheetform {
  background-color: #1f1f1f;
}

.sheetform {
  background-color: transparent;
}

.charsheet {
  font-family: 'Contrail One', sans-serif;
  --color_attribut_corps: #e42525f0;
  --color_attribut_ame: #c5a600; 
  --color_attribut_esprit: #4682B4; 
  --color_attribut_matrice: #80018b;
  --color_base: #000000;
  --text_black: #333;
  color: var(--text_black);
  width: 825px;
  margin-bottom: 10px;
  background-color: white;
  border: 1px solid var(--black);
  box-shadow: 2px 2px 5px 1px #000000ba;
  background-size: cover;
}

/* VARIABLES SKIN ICI pour feuille et ligne 1150 Rolltemplate */
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  background-color: transparent;  
  border-color: var(--couleur_background_large);
  cursor: not-allowed;
}

/* Classique */
.sheetform .skin[value="0"] ~ .feuille {
  background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_0.webp);
  background-size: cover;
  --background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_0.webp);
  --background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_0.webp);
  --fond_checkbox: #eee;
  --couleur_background_large: black;
  --couleur_background_slider: rgb(255, 255, 255);
  --border_talent: #00000085;
  --decalage_systeme: 805px;
  margin: -10px;
  padding: 10px;
}

/* Western */
.sheetform .skin[value="1"] ~ .feuille {
  background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_1.webp);
  background-size: cover;
  --background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_1.webp);
  --background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_1.webp);
  --rotate_logo: rotate(2deg);
  --color_attribut_ame: #7a6800; 
  --fond_checkbox: #f7eaca;
  --couleur_background_large: #461a01;
  --couleur_background_slider: #511d007d;
  --border_talent: #00000085;
  --decalage_systeme: 805px;
  margin: -10px;
  padding: 10px;
}

/* Espionnage */
.sheetform .skin[value="2"] ~ .feuille {
  background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_2.webp);
  background-size: cover;
  --background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_2.webp);
  --background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_2.webp);
  --fond_checkbox: #f3f3f3;
  --rotate_logo: rotate(-4deg);
  --textarea-position: -10px -320px;
  --couleur_background_large: #170000;
  --couleur_background_slider: #ffffff4a;
  --border_talent: #00000085;
  --decalage_slider: 10px;
  --decalage_systeme: 795px;
  margin: -10px;
  padding: 10px;
}

/* Cyberpunk */
.sheetform .skin[value="3"] ~ .feuille {
  background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_3.webp);
  background-size: cover;
  --background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_3.webp);
  --background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_3.webp);
  --fond_checkbox: #f3f3f3;
  --rotate_logo: rotate(-4deg);
  --textarea-position: -2px -320px;
  --couleur_background_large: #5b005e;
  --couleur_background_slider: #5b005e;
  --border_talent: #5b005e;
  --decalage_slider: 205px;
  --decalage_systeme: 553px;
  margin: -10px;
  padding: 10px;
}

/* Pirate */
.sheetform .skin[value="4"] ~ .feuille {
  background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_4.webp);
  background-size: cover;
  --background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_4.webp);
  --background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_4.webp);
  --fond_checkbox: #f3f3f3;
  --rotate_logo: rotate(2deg);
  --textarea-position: -2px -320px;
  --couleur_background_large: #600202;
  --couleur_background_slider: #fff0;
  --border_talent: #600202;
  --decalage_slider: 0px;
  --decalage_systeme: 797px;
  margin: -10px;
  padding: 10px;
}

/* Demonologist */
.sheetform .skin[value="5"] ~ .feuille {
  background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_5.webp);
  background-size: cover;
  --background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_5.webp);
  --background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_5.webp);  
  --color_attribut_ame: #7a6800; 
  --fond_checkbox: #f3f3f3;
  --rotate_logo: rotate(3deg);
  --textarea-position: -77px -320px;
  --couleur_background_large: #262424;
  --couleur_background_slider: #fff0;
  --border_talent: #262424;
  --decalage_slider: 40px;
  --decalage_systeme: 759px;
  margin: -10px;
  padding: 10px;
}

/* Obscuritas */
.sheetform .skin[value="6"] ~ .feuille {
  background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_6.webp);
  background-size: cover;
  --background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_6.webp);
  --background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_6.webp);
  --fond_checkbox: #dedede;
  --rotate_logo: rotate(0deg);
  --textarea-position: -77px -320px;
  --couleur_background_large: #46373c;
  --couleur_background_slider: #d0d0d096;
  --border_talent: #46373c;
  --decalage_slider: 0px;
  --decalage_systeme: 807px;
  margin: -10px;
  padding: 10px;
}

/* Futur */
.sheetform .skin[value="7"] ~ .feuille {
  background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_7.webp);
  background-size: cover;
  --background-textarea: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_7.webp);
  --background_logo: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/logo_7.webp);  
  --color_attribut_ame: #826f04; 
  --fond_checkbox: #b7edf7;
  --rotate_logo: rotate(0deg);
  --textarea-position: -77px -320px;
  --couleur_background_large: #034048;
  --couleur_background_slider: #fff0;
  --border_talent: #034048;
  --decalage_slider: 0px;
  --decalage_systeme: 806px;
  margin: -10px;
  padding: 10px;
}

.charsheet select.choix_armes {
  text-align: left;
  height: 20px;
  margin: 0px;
  padding: 0px;
  background: transparent;
  border: none;
  width: 105%;
  color: var(--text_black);
  padding-left: 5px;
  padding-top: 3px;
}

.charsheet input.armes {  
  border: none;
  outline: none;
  resize: none;
  padding: 0px;
  cursor: pointer;
  overflow: hidden;
  color: var(--black);
  font-size: 13px;
  line-height: 20px;
  background: transparent;
  text-align: center;
  width: 100%;
}

div.go_systeme,
div.go_feuille,
div.go_admin {
  position: absolute;
	margin-left: 808px;
  margin-top: -1px;
}

div.jet_normal,
div.jet_cache {
  position: absolute;
  margin-top: -28px;
  margin-left: 44px;
}

div.jet_cache {
  color: var(--color_attribut_corps);
}

div.go_systeme {
  margin-top: -30px;
  margin-left: var(--decalage_systeme);
}

div.go_admin {
  position: absolute;
	margin-left: 808px;
  margin-top: 20px;
}

/* Affichage des page dynamique */
div.feuille,
div.systeme,
div.admin,
div.jet_normal,
div.jet_cache,
div.dice_roll20,
div.dice_physique {
  display: none;
}

.charsheet .choix_page[value="0"] ~ div.feuille,
.charsheet .choix_page[value="1"] ~ div.systeme,
.charsheet .choix_page[value="2"] ~ div.admin,
.charsheet .type_jet[value="0"] ~ div.jet_normal,
.charsheet .type_jet[value="1"] ~ div.jet_cache,
.charsheet .type_roll[value="0"] ~ div.dice_roll20,
.charsheet .type_roll[value="1"] ~ div.dice_physique
 {
  display: block;
}

.charsheet input[type=number]::-webkit-inner-spin-button,
.charsheet input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type="number"] {
  appearance: unset;
  -moz-appearance: textfield;
}

.charsheet button[type=action].button_talent::before,
.charsheet button[type=roll].button_talent::before,
.charsheet button[type=action].button_competence::before,
.charsheet button[type=roll].button_competence::before,
.charsheet button[type=action].button_initiative::before,
.charsheet button[type=roll].button_initiative::before,
.charsheet button[type=action].button_go::before,
.charsheet button[type=action].button_admin::before,
.charsheet button[type=action].button_show::before,
.charsheet button[type=roll].button_roll::before,
.charsheet button[type=action].button_archetype::before {
	content: '';
}

.charsheet button[type=action].button_talent,
.charsheet button[type=roll].button_talent {
  width: 119px;
  height: 25px;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  text-shadow: none;
  background-color: transparent;
  background-image: none;
  font-size: 14px;
  text-align: right;
  line-height: 14px;
  margin-top: -5px;
  padding-right: 5px;
}

.charsheet button[type=action].button_competence,
.charsheet button[type=roll].button_competence,
.charsheet button[type=action].button_show,
.charsheet button[type=roll].button_roll {
  width: 95px;
  height: 25px;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  text-shadow: none;
  background-color: transparent;
  background-image: none;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-top: -7px;
}

.charsheet button[type=action].button_archetype {
  width: auto;
  height: 25px;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  text-shadow: none;
  background-color: transparent;
  background-image: none;
  font-size: 12px;
  line-height: 18px;
}

.charsheet button[type=action].button_go,
.charsheet button[type=action].button_admin {
  height: 25px;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
  text-shadow: none;
  background-color: transparent;
  background-image: none;
  text-align: center;
  line-height: 18px;
  margin-top: -7px;
  font-family: 'Pictos';
  color: #00000042;
  width: 25px;
  font-size: 25px;
}

.charsheet button[type=action].button_admin {
  color: #00000000;
}

.charsheet button[type=action].button_show {
  width: auto;
  font-size: 24px;
  color: #33333342;
  margin-left: 10px;
}

.charsheet button[type=roll].button_roll {
  width: auto;
  font-size: 20px;
  color: #333333c0;
}

.charsheet button[type=action].button_initiative,
.charsheet button[type=roll].button_initiative {
  width: 95px;
  height: 25px;
  border: none;
  padding: 5px;
  margin: 0;
  box-shadow: none;
  text-shadow: none;
  background-color: transparent;
  background-image: none;
  font-size: 20px;
  text-align: center;
  line-height: 20px;
  margin-top: -12px;
  color: white;
}

.charsheet button[type=action].button_talent:hover,
.charsheet button[type=roll].button_talent:hover {
    margin-left: -1px;
}

.charsheet button[type=action].button_competence:hover,
.charsheet button[type=roll].button_competence:hover{
    margin-left: -2px;
}

.charsheet button[type=action].button_archetype:hover{
  margin-left: -2px;
  color: rgba(124, 0, 0, 0.897);
}

.charsheet button[type=action].button_initiative:hover,
.charsheet button[type=roll].button_initiative:hover {
    margin-left: -2px;
    color: #a52e2e;
}

.charsheet button[type=action].button_go:hover,
.charsheet button[type=action].button_show:hover,
.charsheet button[type=roll].button_roll:hover {
  color: var(--text_black);
}

.charsheet button[type=action].button_admin:hover {
  color: rgba(0, 0, 0, 0);
}

.initiative-haut {
  position: absolute;
  z-index: 2;
  margin-top: 9%;
  margin-left: 86%;
  transform: rotate(90deg);
}

div.show_dice,
div.show_talent,
div.show_combat,
div.show_specialisation,
div.show_inventaire,
div.show_note {
  display: none;
}

.charsheet .voir_dice[value="0"] ~ div.show_dice,
.charsheet .voir_talent[value="0"] ~ div.show_talent,
.charsheet .voir_combat[value="0"] ~ div.show_combat,
.charsheet .voir_specialisation[value="0"] ~ div.show_specialisation,
.charsheet .voir_inventaire[value="0"] ~ div.show_inventaire,
.charsheet .voir_note[value="0"] ~ div.show_note {
    display: block;
}


.itd-container {
  font-family: 'Contrail One', sans-serif;
  width: 825px;
  padding-top: 20px;
}

.itd-logo-and-info {
  padding-bottom: 30px;
}

.itd-inner {
  text-align: center;
  font-size: 18px;
  margin: 0% 5% 0% 5%;
  display: block;
}

.itd-inner-text {
  margin: 25px 5% 25px 5%;
}

.itd-inner:after {
  content: "";
  display: table;
  clear: both;
}

span.rouge {
	color: var(--color_attribut_corps);
}

span.jaune {
	color: var(--color_attribut_ame);
}

span.violet {
	color: var(--color_attribut_matrice);
}

span.bleu {
	color: var(--color_attribut_esprit);
}

span.rouge-souligne {
	color: var(--color_attribut_corps);
  text-decoration: underline;
}

span.jaune-souligne {
	color: var(--color_attribut_ame);
  text-decoration: underline;
}

span.bleu-souligne {
	color: var(--color_attribut_esprit);
  text-decoration: underline;
}

span.violet-souligne {
	color: var(--color_attribut_matrice);
}

span.info-xp {
  font-size: 14px;
}

span.picto {
  font-family: 'pictos';
}

.itd-logo-table-col-titre {
  float: left;
  width: 50%;
  text-align: center;
  border-bottom: 4px solid black;
  border-top: 4px solid black;
  margin-left: 40px;
  display: grid;
  align-items: center;
  padding: 20px;
  font-size: 30px;
}
/* Logo Version seulement texte  */
/* .itd-logo-table-col1 {
  float: left;
  width: 50%;
  text-align: center;
  height: 180px;
  display: grid;
  align-items: center;
} */

/* Logo version image  */
.itd-logo-table-col1 {
  float: left;
  width: 35%;
  text-align: center;
  height: 180px;
  display: grid;
  align-items: center;
  background-image: var(--background_logo);
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 60px;
  margin-right: 38px;
  margin-bottom: 30px;
  margin-top: 20px;
  transform: var(--rotate_logo);
}

.itd-logo-table-col {
  float: left;
  width: 50%;
  text-align: center;
}

.itd-table-2col {
  float: left;
  width: 50%;
  text-align: center;
}

.itd-table-3col {
  float: left;
  width: 33.3%;
  text-align: center;
}

.itd-table-4col {
  float: left;
  width: 25%;
  text-align: center;
}

.itd-table-5col {
  float: left;
  width: 20%;
  text-align: center;
}

.itd-table-6col {
  float: left;
  width: 16%;
  text-align: center;
}

.itd-table-7col {
  float: left;
  width: 14%;
  text-align: center;
}

.itd-basic-info {
  display: inline-block;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Contrail One', sans-serif;
  font-size: 20px;
  width: 100%;
  height: 100%;
  margin-top: 8%;
}

.itd-input-basic-info {
  resize: none;
  display: inline-block;
  vertical-align: middle;
}

.input-basic-info,
.input-basic-info-symbiose {
  font-family: 'Contrail One', sans-serif;
  font-size: 20px;
  width: 100%;
  padding: 5px 5px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #ffffff52;
  resize: none;
  display: inline-block;
  vertical-align: middle;
}

.input-basic-info-symbiose {
  width: 100%;
}

.itd-label-basic-info {
  font-family: 'Contrail One', sans-serif;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;    
}

.itd-label-basic-info-col {
   position: relative;
   overflow: hidden;
   float: left;
   width: 35%;
   text-align: center;
   margin-top: 7px;
}
.input-basic-info-col {
   position: relative;
   overflow: hidden;
   float: left;
   width: 65%;
   text-align: center;
}

.itd-logo {
  width: 250px;
  height: 200px;
  text-align: center;
}

.itd-basic-attribute-cells {
  display: inline-block;
  height: 23px;
  text-align: center;
}

.itd-three-columns-td {
  width: 33.3%;
}

.itd-basic-attribute-corps,
.itd-basic-attribute-ame,
.itd-basic-attribute-esprit,
.itd-basic-attribute-initiative {
  font-family: 'Contrail One', sans-serif;
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 3px;
}

.itd-basic-attribute-corps {
  color: var(--color_attribut_corps);
}

.itd-basic-attribute-ame {
  color: var(--color_attribut_ame);;
}

.itd-basic-attribute-esprit {
  color: var(--color_attribut_esprit);;
}

.itd-basic-attribute-esprit {
  color: var(--color_base);;
}

.itd-input-basic-attribute {
  width: 60px !important;
  height: 60px !important;
  font-size: 40px;
  text-align: center;
  font-family: 'Contrail One', sans-serif;
  border-color: var(--couleur_background_large);
  background-color: transparent;
  border-radius: 0px;
  border-style: solid;
  border-width: 2px;
  box-shadow: 2px 2px 6px 0px #00000091;
}

.itd-attr-button {
  height: 25px;
  width: 25px;
  vertical-align: middle;
}

.itd-basic-talent-corps,
.itd-basic-talent-ame,
.itd-basic-talent-esprit {
  font-family: 'Contrail One', sans-serif;
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 3px;
}

.itd-basic-talent-corps {
  color: var(--color_attribut_corps);
}

.itd-basic-talent-ame {
  color: var(--color_attribut_ame);;
}

.itd-basic-talent-esprit {
  color: var(--color_attribut_esprit);;
}

.charsheet .itd-input-basic-talent {
  width: 30px !important;
  height: 30px !important;
  font-size: 16px;
  text-align: center;
  font-family: 'Contrail One', sans-serif;
  border-color: black;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  margin-top: -5px;
}

.itd-talent-button {
  height: 20px;
  width: 20px;
  vertical-align: middle;
  margin-top: -11px;
}

.wrapper_talent {
  display: grid;
  grid-template-columns: 18% 6% 17% 0% 4% 3% 0% 2% 17% 0% 4% 3% 0% 2% 17% 0% 4% 0% 0% 0%;
  grid-auto-rows: 25px;
  font-size: 14px;
  padding: 5px;
  border: 2px solid #00000061;
  box-shadow: 2px 2px 6px 0px #000000ed;
}

.wrapper_armes {
  display: grid;
  grid-template-columns: 10% 2% 28% 0.5% 36% 0% 0% 0.5% 13% 0.5% 6%;
  grid-auto-rows: 25px;
  font-size: 13px;
  padding: 5px;
  border: 2px solid #00000061;
  box-shadow: 2px 2px 6px 0px #000000ed;
}

.titre_competence_liee {
  grid-column: 1;
  grid-row: 1;
  text-align: center;
  padding-right: 0px;
  font-size: 18px;
  margin-top: 2px;
}

.titre_talent_1 {
  grid-column: 3;
  grid-row: 1;
  text-align: right;
  padding-right: 10px;
  margin-top: 2px;
  border-bottom: 2px solid var(--border_talent);
}

.valeur_talent_1 {
  grid-column: 5;
  grid-row: 1;
  border-right: 2px solid var(--border_talent);
  border-bottom: 2px solid var(--border_talent);
  margin-top: 2px;
}

.titre_talent_2 {
  grid-column: 9;
  grid-row: 1;
  text-align: right;
  padding-right: 10px;
  margin-top: 2px;
  border-bottom: 2px solid var(--border_talent);
}

.valeur_talent_2 {
  grid-column: 11;
  grid-row: 1;
  border-right: 2px solid var(--border_talent);
  border-bottom: 2px solid var(--border_talent);
  margin-top: 2px;
}

.titre_talent_3 {
  grid-column: 15;
  grid-row: 1; 
  text-align: right;
  padding-right: 10px;
  margin-top: 2px;
  border-bottom: 2px solid var(--border_talent);
}

.valeur_talent_3 {
  grid-column: 17;
  grid-row: 1;
  border-right: 2px solid var(--border_talent);
  border-bottom: 2px solid var(--border_talent);
  margin-top: 2px;
}

.titre_armes {
  grid-column: 1;
  grid-row: 1/5;
  text-align: center;
  padding-right: 0px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.type_arme,
.type_arme_titre {
  grid-column: 3;
  grid-row: 1;
  text-align: right;
  padding-right: 10px;
  margin-top: 2px;
  border: 1px solid var(--border_talent);
}

.type_arme_titre {
  background: var(--couleur_background_large);
}

.nom_arme,
.nom_arme_titre {
  grid-column: 5;
  grid-row: 1;
  margin-top: 2px;
  border: 1px solid var(--border_talent);
}

.nom_arme_titre {
  background: var(--couleur_background_large);
}

.degat_arme,
.degat_arme_titre {
  grid-column: 9;
  grid-row: 1;
  text-align: right;
  padding-right: 10px;
  margin-top: 2px;
  border: 1px solid var(--border_talent);
}

.degat_arme_titre {
  background: var(--couleur_background_large);
}

.roll_arme,
.roll_arme_titre {
  grid-column: 11;
  grid-row: 1;
  border: 1px solid var(--border_talent);
  margin-top: 2px;
}

.roll_arme_titre {
  background: var(--couleur_background_large);
}

.initiative {
  grid-column: 1/21;
  grid-row: 1;
  text-align: center;
  padding-right: 0px;
  border-bottom: 2px solid black;
  border-left: 2px solid black;
}

.charsheet .itd-black-band {
  width: 100%;
  height: 50px;
  color: white;
  font-size: 18px;
  background-color: var(--couleur_background_large);
  display: table;
  vertical-align: middle;
  margin-top: 20px;
  margin-bottom: 20px;
}

.charsheet .itd-black-band-text {
  margin: 0% 5% 0% 5%;
  padding-top: 14px;
  text-align: center;
}

.itd-marker {
  width: 100%;
  height: 15px;
  /* border-bottom: 5px solid black; */
  text-align: center;
}

.itd-marker-text {
  font-size: 24px;
  /* background-color: white; */
  padding: 0 10px;
  /* background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_feuille.webp); */
  /* background-size: cover; */
}

.wrapper-itd-marker {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-auto-rows: 25px;
}

.barre_gauche {
  grid-column: 1;
  grid-row: 1;
  text-align: center;
  padding-right: 0px;
  font-size: 18px;
  margin-top: 2px;
  border-bottom: 5px solid var(--couleur_background_large);
}

.barre_droite {
  grid-column: 3;
  grid-row: 1;
  text-align: center;
  padding-right: 0px;
  font-size: 18px;
  margin-top: 2px;
  border-bottom: 5px solid var(--couleur_background_large);
}

.texte_centrale {
  grid-column: 2;
  grid-row: 1;
  text-align: center;
  padding-right: 0px;
  margin-top: 5px;
  font-size: 24px;
  /* background-color: white; */
  padding: 0 10px;
}

textarea {
  font-family: sans-serif;
  width: 100%;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-image: var(--background-textarea);
  background-position: var(--textarea-position);
  resize: none;
  box-shadow: 3px 3px 5px 1px #000000a6;
  font-family: 'Contrail One', sans-serif;
}

.itd-experience-option {
  font-weight: bold;
  text-align: center;
}

/* CUSTOM CHECKBOX */
.charsheet .itd-checkbox-container {
  display: inline;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 15px;
}

/* Hide the browser's checkbox */
.charsheet .itd-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.charsheet .itd-checkbox-checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--fond_checkbox);
  border-radius: 0px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 2px 2px 3px 0px #000000a6;
}

.charsheet .itd-checkbox-container:hover input~.itd-checkbox-checkmark {
  background-color: #ccc;
}

.charsheet .itd-checkbox-container input:checked~.itd-checkbox-checkmark {
  background-color: black;
}

.charsheet .itd-checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.charsheet .itd-checkbox-container input:checked~.itd-checkbox-checkmark:after {
  display: block;
}

/* Custom checkmark */
.charsheet .itd-checkbox-container .itd-checkbox-checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  border-color: #dcca00;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* CUSTOM RADIO BUTTONS */
.charsheet .itd-radio-container {
  display: inline;
  position: relative;
  padding-left: 15px; /* 22px; outside roll20 */
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.charsheet .itd-radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


.charsheet .itd-radio-checkmark {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  background-color: var(--fond_checkbox);
}

.charsheet .itd-radio-container:hover input~.itd-radio-checkmark {
  background-color: #ccc;
}

.charsheet .itd-radio-container input:checked~.protection-color {
  background-color: #018610;
}

.charsheet .itd-radio-container input:checked~.wound-color {
  background-color: #b70000;
}

.charsheet .itd-radio-container input:checked~.wound-color1 {
  background-color: #660000;
}

.charsheet .itd-radio-container input:checked~.wound-color2 {
  background-color: #7A0000;
}

.charsheet .itd-radio-container input:checked~.wound-color3 {
  background-color: #8E0000;
}

.charsheet .itd-radio-container input:checked~.wound-color4 {
  background-color: #A20000;
}

.charsheet .itd-radio-container input:checked~.wound-color5 {
  background-color: #b70000;
}

.charsheet .itd-radio-container input:checked~.stress-color {
  background-color: #940094;
}
.charsheet .itd-radio-container input:checked~.stress-color1 {
  background-color: #540054;
}
.charsheet .itd-radio-container input:checked~.stress-color2 {
  background-color: #680068;
}
.charsheet .itd-radio-container input:checked~.stress-color3 {
  background-color: #7C007C;
}
.charsheet .itd-radio-container input:checked~.stress-color4 {
  background-color: #900090;
}
.charsheet .itd-radio-container input:checked~.stress-color5 {
  background-color: #940094;
}

.charsheet .itd-radio-container input:checked~.zero-color {
  background-color: #404040;
}

.charsheet .itd-radio-container input:checked~.experience-color {
  background-color: #dcca00;
}

/* Hide indicator when not checked */
.charsheet .itd-radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator when checked */
.charsheet .itd-radio-container input:checked~.itd-radio-checkmark:after {
  display: inline;
}

/* Style the indicator */
.charsheet .itd-radio-container .itd-radio-checkmark:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  background: black;
}

/* CSS de la partie systeme */
.summary-d100 {
  line-height: 20px;
  color: #333333e5;
  margin-left: 25px;
  padding-right: 260px;
}

.summary-d100 h2 {
  text-align: center;
  color: #444;
  margin-left: -25px;
  border: 2px solid black;
  border-left: none;
  border-right: none;
}

.summary-d100 h3 {
  color: #555;
}

.summary-d100 ul {
  margin-left: 20px;
}

.summary-d100 ul li {
  margin-bottom: 5px;
}

/* CSS Partie ARCHETYPE */
.admin_warning {
  color: rgba(255, 0, 0, 0.829);
  padding: 150px;
  padding-top: 25px;
  padding-bottom: 50px;
  text-align: center;
}

.admin_mineur,
.admin_normal,
.admin_majeur {
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid grey;
  background: grey;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 15px;
}

/* SLIDER GM */
span.classic {
	color: #000000de;
}

span.cache {
	color: var(--text_input_info);
}

.switch_w {
  margin-left: var(--decalage_slider);
}

.charsheet input.sheet-prouesse-switch {
	display: none;
}


.charsheet .classic,
.charsheet .cache
{
	display: none;
}

.pouvoir_data .prouesse_roll {
	display: inline-block;
}

.charsheet input.sheet-prouesse-switch {
	display: none;
}

input.sheet-prouesse-switch:not(:checked) ~ span.classic,
input.sheet-prouesse-switch:checked ~  span.cache {
    display: inline-block;
}

.slider_prouesse {  
  display: inline-block;
  cursor: pointer;
  background-color: var(--couleur_background_slider);
  -webkit-transition: .2s;
  transition: .2s;
  width: 30px;
  height: 15px;
  padding: 2px;
  border: 1px solid #000;
  box-shadow: 3px 2px 5px #435861ba;
  margin-top: -2px;
  margin-left: 0px;
}


.slider_prouesse:before {
  display: inline-block;
  content: "";
  background-color: #000000de;
  -webkit-transition: .2s;
  transition: .2s;
  width: 15px;
  height: 15px;
}

input:checked + .slider_prouesse:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
    background-color: var(--color_attribut_corps);
}

/* Rounded sliders */
.slider_prouesse.round_prouesse {
  border-radius: 34px;
}

.slider_prouesse.round_prouesse:before {
  border-radius: 50%;
}

/* Structure Roll */

span.lettre {
  font-weight: bold;
  font-size: 20px;
  color: var(--couleur_background_large);
}

.wrapper_roll_dice {  
  display: grid;
  grid-template-columns: 75px 80px 80px 80px 80px 80px 80px 80px;
  grid-auto-rows: 45px;
  color: var(--noir);
  padding-top: 10px;
  border-radius: 10px 10px 0px 0px;
  border: var(--border_competence);
  border-style: var(--border_style_competence);
border-bottom: none;
}

.wrapper_roll {  
  display: grid;
  grid-template-columns: 75px 80px 80px 80px 80px 80px 80px 80px;
  grid-auto-rows: 33px;
  color: var(--noir);	
  border-radius: 0px 0px 10px 10px;
  border: var(--border_competence);
  border-style: var(--border_style_competence);
border-top: none;
}

div.roll_titre {
grid-column: 2;
  margin-left: 5px;
  letter-spacing: -1.5px;
  font-size: 22px;
}

div.roll_d4 {
grid-column: 2;
text-align: center;
}

div.roll_d6 {
grid-column: 3;
text-align: center;
}

div.roll_d8 {
grid-column: 4;
text-align: center;
}

div.roll_d10 {
grid-column: 5;
text-align: center;
}

div.roll_d12 {
grid-column: 6;
text-align: center;
}

div.roll_d20 {
grid-column: 7;
text-align: center;
}

div.roll_d100 {
grid-column: 8;
text-align: center;
}

/* Boutton ROLL */
.charsheet button[type=roll].roll_dice::before,
.charsheet button[type=roll].roll_text::before,
.charsheet button[type=roll].roll_d4::before,
.charsheet button[type=roll].roll_d6::before,
.charsheet button[type=roll].roll_d8::before,
.charsheet button[type=roll].roll_d10::before,
.charsheet button[type=roll].roll_d12::before,
.charsheet button[type=roll].roll_d20::before,
.charsheet button[type=roll].roll_chance::before {
  content: '';
}

.charsheet button[type=roll].roll_d4,
.charsheet button[type=roll].roll_d6,
.charsheet button[type=roll].roll_d8,
.charsheet button[type=roll].roll_d10,
.charsheet button[type=roll].roll_d12,
.charsheet button[type=roll].roll_d20,
.charsheet button[type=roll].roll_chance {
    width: 45px;
    height: 45px;
    border: none;
    padding: 0;
    margin: 0;
	background-size: contain;
    background-repeat: no-repeat;
	background-color: transparent;
	cursor: pointer;
    box-shadow: none;
}

.charsheet button[type=roll].roll_d4 {
	background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_4.png);
}

.charsheet button[type=roll].roll_d6 {
	background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_6.png);
}

.charsheet button[type=roll].roll_d8 {
	background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_8.png);
}

.charsheet button[type=roll].roll_d10 {
	background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_10.png);
}

.charsheet button[type=roll].roll_d12 {
	background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_12.png);
}

.charsheet button[type=roll].roll_d20 {
	background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_20.png);
}

.charsheet button[type=roll].roll_chance {
	background-image: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/dice_100.png);
}

.charsheet button[type=roll].roll_dice:hover,
.charsheet button[type=roll].roll_text:hover,
.charsheet button[type=roll].roll_d4:hover,
.charsheet button[type=roll].roll_d6:hover,
.charsheet button[type=roll].roll_d8:hover,
.charsheet button[type=roll].roll_d10:hover,
.charsheet button[type=roll].roll_d12:hover,
.charsheet button[type=roll].roll_d20:hover,
.charsheet button[type=roll].roll_chance:hover {
    margin-left: 2px;
	padding: 0px;
	background-position: 0 0px;
}

/* ROLL TEMPLATE */
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-center {
  text-align: center;
  /* margin-left: 30px; */
  --echec_2: #ff0000;
  --echec_3: #ff006f;
  --echec_1: #dc00c9;
  --reussite_3: #009700;
  --reussite_2: #0082ff;
  --reussite_1: #fffe00;
  /* Base noir */
  --echec_2: #ff0000;
  --echec_3: #ff006f;
  --echec_1: #dc00c9;
  --reussite_3: #009700;
  --reussite_2: #0082ff;
  --reussite_1: #fffe00;
  --background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_0.png) top left;
  --background-size: unset;
  --font_roll: 'Contrail One';
  --color_titre: #ffffffde;
  --color_texte_degats: #dfdfdf;
  --hr_color:  #ddd;
  --lien_color: #dfdfdf;
  --font_size_titre: 17px;
  --font_size_texte: 18px;
  --font_size_lien: 14px;
  --font_size_roll: 40px;
  --mt_titre: -1px;
  --ml_portrait: 6.5px;
  --mb_titre: -5px;  
  --pr_titre: 0px;
  --pr_titre_roll: 0px;
  --border_portrait: 2px solid rgb(129, 4, 4);
  --portrait_radius: 45px;

  /* Western */
  /* --echec_2: #ff0000;
  --echec_3: #ff006f;
  --echec_1: #dc00c9;
  --reussite_3: #009700;
  --reussite_2: #0082ff;
  --reussite_1: #05a3f0;
  --background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_1.png);
  --background-size: 100% 100%;
  --font_roll: 'rye';
  --color_titre: #020202de;
  --color_texte_degats: #020202de;
  --hr_color: #020202de;
  --lien_color: #030025de;
  --font_size_titre: 14px;
  --font_size_texte: 17px;
  --font_size_lien: 12px;
  --font_size_roll: 45px;
  --mt_titre: 8px;
  --ml_portrait: 15.5px;
  --mb_titre: -5px;
  --pr_titre: 0px;
  --pr_titre_roll: 10px;
  --border_portrait: 2px solid rgb(136, 54, 0);
  --portrait_radius: 45px; */

  /* Espionnage */
  /* --echec_2: #c60101;
  --echec_3: #c80359;
  --echec_1: #b700a7;
  --reussite_3: #009700;
  --reussite_2: #0063c1;
  --reussite_1: #02a696;
  --background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_2.png);
  --background-size: 100% 100%;
  --font_roll: "della respira";
  --color_titre: #020202de;
  --color_texte_degats: #020202de;
  --hr_color: #020202de;
  --lien_color: #030025de;
  --font_size_titre: 16px;
  --font_size_texte: 18px;
  --font_size_lien: 14px;
  --font_size_roll: 59px;
  --mt_titre: 5px;
  --ml_portrait: 12.5px;
  --mb_titre: -5px;
  --pr_titre: 0px;
  --pr_titre_roll: 15px;
  --border_portrait: none;
  --portrait_radius: 45px; */

    /* Corsaire */
    /* --echec_2: #b00101;
    --echec_3: #a40248;
    --echec_1: #99008c;
    --reussite_3: #006400;
    --reussite_2: #004d97;
    --reussite_1: #00667d;
    --background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_3.png);
    --background-size: 100% 100%;
    --font_roll: "kaushan script";
    --color_titre: #020202de;
    --color_texte_degats: #020202de;
    --hr_color: #020202de;
    --lien_color: #030025de;
    --font_size_titre: 18px;
    --font_size_texte: 22px;
    --font_size_lien: 16px;
    --font_size_roll: 65px;
    --mt_titre: 5px;
    --ml_portrait: 12.5px;
    --mb_titre: -5px;
    --pr_titre: 0px;
    --pr_titre_roll: 15px;
    --border_portrait: none;
    --portrait_radius: 45px; */

    /* Guerre */

    /* Futuriste */
    /* --echec_2: #ff0000;
    --echec_3: #ff00a7;
    --echec_1: #dc00c9;
    --reussite_3: #4ffd00;
    --reussite_2: #4aa6ff;
    --reussite_1: #2cf5ff;
    --background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_4.png);
    --background-size: 100% 100%;
    --font_roll: "Electrolize", serif;
    --color_titre: #00f3ffd9;
    --color_texte_degats: #00f3ffd9;
    --hr_color: #ada5ff;
    --lien_color: #62def2;
    --font_size_titre: 17px;
    --font_size_texte: 14px;
    --font_size_lien: 12px;
    --font_size_roll: 50px;
    --mt_titre: 2px;
    --mb_titre: -2px;
    --pr_titre: 5px;
    --pr_titre_roll: 15px;
    --ml_portrait: 12.5px;
    --border_portrait: none;
    --portrait_radius: 0px; */

    /* Demonologist */
    /* --echec_2: #c60101;
    --echec_3: #c80359;
    --echec_1: #b700a7;
    --reussite_3: #009700;
    --reussite_2: #0063c1;
    --reussite_1: #02a696;
    --background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_5.png);
    --background-size: 100% 100%;
    --font_roll: "shadows into light";
    --color_titre: #939393de;
    --color_texte_degats: #939393de;
    --hr_color: #939393de;
    --lien_color: #939393de;
    --font_size_titre: 22px;
    --font_size_texte: 20px;
    --font_size_lien: 17px;
    --font_size_roll: 63px;
    --mt_titre: 5px;
    --ml_portrait: 12.5px;
    --mb_titre: -5px;
    --pr_titre: 0px;
    --pr_titre_roll: 15px;
    --border_portrait: none;
    --portrait_radius: 45px; */

  /* Medieval */
  /* --echec_2: #ff0000;
  --echec_3: #ff006f;
  --echec_1: #dc00c9;
  --reussite_3: #009700;
  --reussite_2: #0082ff;
  --reussite_1: #05a3f0;
  --background_roll: url(https://raw.githubusercontent.com/ctotone/JdR/refs/heads/main/Feuille%20perso/Interface/images/background_roll_6.png);
  --background-size: 100% 100%;
  --font_roll: "Jim Nightshade", serif;
  --color_titre: #020202de;  
  --color_texte_degats: #020202de;
  --hr_color:  #020202de;
  --lien_color: #030025de;
  --font_size_titre: 20px;
  --font_size_texte: 26px;
  --font_size_lien: 16px;
  --font_size_roll: 75px;
  --mt_titre: 5px;
  --ml_portrait: 12.5px;
  --mb_titre: -5px;
  --pr_titre: 0px;
  --pr_titre_roll: 0px;
  --border_portrait: 2px solid orange;
  --portrait_radius: 45px; */
}

.sheet-rolltemplate-itd .sheet-rolltemplate-itd-background {
  background: var(--background_roll);
  background-repeat: no-repeat;
  background-size: var(--background-size);
  border-spacing: 0;
  /* max-height: 200px; */
  min-height: 130px;
  max-width: 250px;
  margin: 0px;
  padding-bottom: 5px;
  padding-top: 10px;
  border-radius: 10px;
}

.sheet-rolltemplate-itd .sheet-titre {
  display: grid;
  grid-template-columns: 35% 65%;
  background: var(--noir_roll);
  height: 75px;
  padding-right: var(--pr_titre);;
}

.sheet-rolltemplate-itd .sheet-rolltemplate-itd-header {
  color: #ffffffde;
  font-size: var(--font_size_titre);
  font-family: var(--font_roll);
  letter-spacing: 0px;
  word-wrap: break-word;
  /* margin-top: 25px; */
  line-height: 24px;
}

.sheet-rolltemplate-itd .sheet-rolltemplate-itd-titre-roll,
.sheet-rolltemplate-itd .sheet-portrait_roll,
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-header {
  word-wrap: break-word;
  letter-spacing: -0.7px;
  /* padding-top: 17px; */
  /* padding-bottom: 12px; */
  font-weight: bold;
  width: auto;
  margin-left: 0px;
  line-height: 23px;  
  margin-top: var(--mt_titre);
  margin-bottom: var(--mb_titre);
  background: var(--noir_roll);
  color: var(--color_titre);
  font-family: var(--font_roll);
  color: var(--color_titre);
  font-size: var(--font_size_titre);
}

.sheet-rolltemplate-itd .sheet-portrait_roll {  
  margin-left: var(--ml_portrait);  
  border: var(--border_portrait);
  border-radius: var(--portrait_radius);
  /* background-color: red; */
}

.sheet-rolltemplate-itd .sheet-rolltemplate-itd-titre-roll {
  display: inline-block;
  align-self: center;  
  padding-right: var(--pr_titre_roll);
}

.sheet-rolltemplate-itd span.sheet-texte_degats {
  color: var(--color_texte_degats);
}

.sheet-rolltemplate-itd hr {
  border-top-color: var(--hr_color);
}

.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader,
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec-tragique,
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec-critique,
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec,
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite-exceptionnelle,
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite-critique,
.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite {
  background-color: transparent;
  color: #ffffffde;
  font-size: var(--font_size_roll);
  font-family: var(--font_roll);
  letter-spacing: 0px;
  padding: 15px;
  margin-top: 25px;
}

.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec-tragique {
  color: var(--echec_1);
}

.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec-critique{
  color: var(--echec_2);
}

.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-echec{
  color: var(--echec_3);
}

.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite-exceptionnelle {
  color: var(--reussite_1);
}

.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite-critique {
  color: var(--reussite_2);
}

.sheet-rolltemplate-itd .sheet-rolltemplate-itd-subheader-reussite {
  color: var(--reussite_3);
}

.sheet-rolltemplate-itd .sheet-template-itd-result {
  font-size: 36px;
  font-family: var(--font_roll);
  padding: 15px;
}

.sheet-rolltemplate-itd .sheet-template-itd-texte,
.sheet-rolltemplate-itd .sheet-template-itd-texte-echec-tragique,
.sheet-rolltemplate-itd .sheet-template-itd-texte-echec-critique,
.sheet-rolltemplate-itd .sheet-template-itd-texte-echec,
.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite-exceptionnelle,
.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite-critique,
.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite

 {
  font-size: var(--font_size_texte);
  line-height: 20px;
  font-family: var(--font_roll);
  padding: 15px;
}

.sheet-rolltemplate-itd .sheet-template-itd-texte {
  color: var(--color_titre);
}

.sheet-rolltemplate-itd .sheet-template-itd-texte-echec-tragique {
  color: var(--echec_1);
}

.sheet-rolltemplate-itd .sheet-template-itd-texte-echec-critique{
  color: var(--echec_2);
}

.sheet-rolltemplate-itd .sheet-template-itd-texte-echec{
  color: var(--echec_3);
}

.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite-exceptionnelle {
  color: var(--reussite_1);
}

.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite-critique {
  color: var(--reussite_2);
}

.sheet-rolltemplate-itd .sheet-template-itd-texte-reussite {
  color: var(--reussite_3);
}

.sheet-rolltemplate-itd .sheet-template-itd-succeeds {
  color: #148c00;
}

.sheet-rolltemplate-itd .sheet-template-itd-misses {
  color: #a90000;
}

.sheet-rolltemplate-itd .inlinerollresult {
  background-color: transparent !important;
  border: none !important;
  color: unset !important;
}

.sheet-rolltemplate-itd-header .inlinerollresult {
  background-color: transparent !important;
  border: none !important;
  color: unset !important;
}
 
.sheet-rolltemplate-itd .inlinerollresult.fullcrit {
  background-color: transparent !important;
  border: none !important;
  color: unset !important;
}
 
.sheet-rolltemplate-itd .inlinerollresult.fullfail {
  background-color: transparent !important;
  border: none !important;
  color: unset !important;
}
 
.sheet-rolltemplate-itd .inlinerollresult.importantroll {
  background-color: transparent !important;
  border: none !important;
  color: unset !important;
}

/* Boutons liens */
/* Roll Buttons */
.sheet-rolltemplate-itd a[href^='!'],
.sheet-rolltemplate-itd a[href^='~'],
.sheet-rolltemplate-itd a[href^='`']{
  color: var(--lien_color);
  border: none;
  background: none;
  font-size:  var(--font_size_lien);
  line-height: 6px;
  text-align: left;
}
.sheet-rolltemplate-itd a[href^='!']:hover,
.sheet-rolltemplate-itd a[href^='~']:hover,
.sheet-rolltemplate-itd a[href^='`']:hover{
  top: -1px;
  color: #ff0039;
}
/* hyperlinks */
.sheet-rolltemplate-itd a:not([href^='~']):not([href^='!']):not([href^='`']){
    font-weight: bold;
    color:#3f8aa6;
}
.sheet-rolltemplate-itd a:not([href^='~']):not([href^='!']):not([href^='`']):hover {
  font-weight: bold;
  color:#70c0dd;
}
.sheet-rolltemplate-itd a:not([href^='~']):not([href^='!']):not([href^='`']):visited{
  color:purple;
}
.sheet-rolltemplate-itd a:not([href^='~']):not([href^='!']):not([href^='`']):visited:hover{
  color:rgb(187, 45, 187);
}