@import url('https://fonts.googleapis.com/css?family=Ruslan+Display|Grenze+Gotisch|Trade+Winds|Open+Sans&display=swap');

/* Core Format*/
.charsheet {
    background-color: transparent;
    padding: 0 !important;	
	font-family: 'Trade Winds';
	--gris : #757070;
	--base : black;
	color: var(--base);
}

::placeholder {
    font-family: 'Trade Winds';
    font-size: 21px;
    color: #2f2f2e45;
}

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

div.sheet_selector {
	margin-left: 410px;
	margin-top: 32px;
}

div.intro,
div.creation,
div.personnage,
div.note,
div.page_perso_1,
div.page_perso_info {
	display: none;
}

.charsheet .sheet-sheettoggle[value="intro"] ~ div.intro,
.charsheet .sheet-sheettoggle[value="1"] ~ div.personnage,
.charsheet .sheet-sheettoggle[value="2"] ~ div.personnage,
.charsheet .sheet-sheettoggle[value="3"] ~ div.personnage,
.charsheet .sheet-sheettoggle[value="4"] ~ div.personnage {
    display: block;
}

.charsheet .select_page[value="1"] ~ div.page_perso_1,
.charsheet .select_page[value="2"] ~ div.page_perso_info,
.charsheet .select_page[value="3"] ~ div.creation,
.charsheet .select_page[value="4"] ~ div.note{
    display: block;
}


/* Systeme de création de personnage */

.creation_archetype,
.creation_archetype_choisi,
.creation_classe,
.creation_epee,
.creation_ombre,
.creation_sorcellerie,
.creation_aspect,
.creation_bretteur,
.creation_mercenaire,
.creation_ranger,
.creation_tueur,
.creation_gobelours,
.creation_hero,
.creation_barbare,
.creation_knight,
.creation_semi_homme,
.creation_pillard,
.creation_vagabond,
.creation_gamin,
.creation_assassin,
.creation_serrurier,
.creation_voleur,
.creation_cultiste,
.creation_magicien,
.creation_mage,
.creation_bibliothecaire,
.creation_invocateur,
.creation_ilfe,
.creation_alchimiste,
.creation_druide,
.creation_sorciere,
.creation_valider {
    display: none;
}

input[value*="parangon"].creation_role ~ div.creation_archetype_choisi,
input[value*="eclaireur"].creation_role ~ div.creation_archetype_choisi,
input[value*="guerrier"].creation_role ~ div.creation_archetype_choisi,
input[value*="sentinelle"].creation_role ~ div.creation_archetype_choisi,
input[value*="parangon"].creation_role ~ div.creation_archetype,
input[value*="eclaireur"].creation_role ~ div.creation_archetype,
input[value*="guerrier"].creation_role ~ div.creation_archetype,
input[value*="sentinelle"].creation_role ~ div.creation_archetype,
input[value*="epee"].creation_archetype ~ div.creation_classe,
input[value*="ombre"].creation_archetype ~ div.creation_classe,
input[value*="sorcellerie"].creation_archetype ~ div.creation_classe,
input[value*="epee"].creation_archetype ~ div.creation_epee,
input[value*="ombre"].creation_archetype ~ div.creation_ombre,
input[value*="sorcellerie"].creation_archetype ~ div.creation_sorcellerie,
input[value*="bretteur"].creation_classe ~ div.creation_aspect,
input[value*="mercenaire"].creation_classe ~ div.creation_aspect,
input[value*="ranger"].creation_classe ~ div.creation_aspect,
input[value*="tueur"].creation_classe ~ div.creation_aspect,
input[value*="gobelours"].creation_classe ~ div.creation_aspect,
input[value*="hero"].creation_classe ~ div.creation_aspect,
input[value*="barbare"].creation_classe ~ div.creation_aspect,
input[value*="knight"].creation_classe ~ div.creation_aspect,
input[value*="semi_homme"].creation_classe ~ div.creation_aspect,
input[value*="pillard"].creation_classe ~ div.creation_aspect,
input[value*="vagabond"].creation_classe ~ div.creation_aspect,
input[value*="gamin"].creation_classe ~ div.creation_aspect,
input[value*="assassin"].creation_classe ~ div.creation_aspect,
input[value*="serrurier"].creation_classe ~ div.creation_aspect,
input[value*="voleur"].creation_classe ~ div.creation_aspect,
input[value*="cultiste"].creation_classe ~ div.creation_aspect,
input[value*="magicien"].creation_classe ~ div.creation_aspect,
input[value*="mage"].creation_classe ~ div.creation_aspect,
input[value*="bibliothecaire"].creation_classe ~ div.creation_aspect,
input[value*="invocateur"].creation_classe ~ div.creation_aspect,
input[value*="ilfe"].creation_classe ~ div.creation_aspect,
input[value*="alchimiste"].creation_classe ~ div.creation_aspect,
input[value*="druide"].creation_classe ~ div.creation_aspect,
input[value*="sorciere"].creation_classe ~ div.creation_aspect,
input[value*="bretteur"].creation_classe ~ div.creation_bretteur,
input[value*="mercenaire"].creation_classe ~ div.creation_mercenaire,
input[value*="ranger"].creation_classe ~ div.creation_ranger,
input[value*="tueur"].creation_classe ~ div.creation_tueur,
input[value*="gobelours"].creation_classe ~ div.creation_gobelours,
input[value*="hero"].creation_classe ~ div.creation_hero,
input[value*="barbare"].creation_classe ~ div.creation_barbare,
input[value*="knight"].creation_classe ~ div.creation_knight,
input[value*="semi_homme"].creation_classe ~ div.creation_semi_homme,
input[value*="pillard"].creation_classe ~ div.creation_pillard,
input[value*="vagabond"].creation_classe ~ div.creation_vagabond,
input[value*="gamin"].creation_classe ~ div.creation_gamin,
input[value*="assassin"].creation_classe ~ div.creation_assassin,
input[value*="serrurier"].creation_classe ~ div.creation_serrurier,
input[value*="voleur"].creation_classe ~ div.creation_voleur,
input[value*="cultiste"].creation_classe ~ div.creation_cultiste,
input[value*="magicien"].creation_classe ~ div.creation_magicien,
input[value*="mage"].creation_classe ~ div.creation_mage,
input[value*="bibliothecaire"].creation_classe ~ div.creation_bibliothecaire,
input[value*="invocateur"].creation_classe ~ div.creation_invocateur,
input[value*="ilfe"].creation_classe ~ div.creation_ilfe,
input[value*="alchimiste"].creation_classe ~ div.creation_alchimiste,
input[value*="druide"].creation_classe ~ div.creation_druide,
input[value*="sorciere"].creation_classe ~ div.creation_sorciere,
input[value*="1"].creation_validation ~ div.creation_valider {
	display: block;
}

div.intro {
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/roll_background.jpg");
	background-size: 845px 510px;
	width: 845px;
	height: 510px;
	border-radius: 15px;
    box-shadow: 0px 0px 15px 5px #0a0a0ac4;
}

.wrapper_intro {  
	display: grid;
    grid-template-columns: 167px 350px 215px 110px;
}

div.boutton_intro {  
	grid-column: 2;
	width: 340px;
}

div.boutton_creation {
	grid-column: 3;
	padding: 0;
	margin: 10px;
}

div.intro_texte {
	font-size: 25px;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 93px;
	text-decoration: underline;
	color: #000000c9;
}

div.texte_creation {
	position: absolute;
	width: 145px;
	background: #fbfbfb;
	border: 4px solid black;
	border-radius: 10px;
	text-align: center;
	color: black;
	margin-left: 0px;
	padding: 5px;
	margin-top: 232px;
}

div.creation {  
	width: 845px;
	height: 720px;
	box-shadow: 0px 0px 15px 5px #0a0a0ac4;
	border-radius: 15px;
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/background_creation_character.jpg);
	background-size: 845px 720px;
	padding-top: 5px;
	padding-bottom: 20px;
	margin-left: 9px;
	margin-bottom: 20px;
}

div.note {  
	width: 830px;
	height: 520px;
	box-shadow: 0px 0px 15px 5px #0a0a0ac4;
	border-radius: 0px 15px;
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/background_creation_character.jpg);
	background-size: 830px 520px;
	padding-top: 5px;
	padding-bottom: 20px;
	margin-left: 0px;
	margin-bottom: 20px;
	border-radius: 5px 0px 0px 5px;
}

div.personnage {  
	background-image: var(--charsheet-background);
	width: 820px;
	height: 1237px;
	box-shadow: 0px 0px 15px 5px #0a0a0ac4;
	margin-bottom: 20px;
	border-radius: 5px 0px 0px 0px;
	margin-left: 10px;
	background-size: 820px 1237px;
}

div.page_perso_info {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/PJ_page_2.png);
    width: 845px;
    height: 630px;
    box-shadow: 0px 0px 15px 5px #0a0a0ac4;
    margin-bottom: 20px;
    border-radius: 0px 5px 5px 0px;
    margin-left: 10px;
}

body.sheet-darkmode div.intro,
body.sheet-darkmode div.creation,
body.sheet-darkmode div.personnage,
body.sheet-darkmode div.page_perso_info {
	box-shadow: 1px 0px 9px 3px #cdcdcdba;
}


.name::-webkit-scrollbar {
  display: none;
}

.name {
  -ms-overflow-style: none;
  scrollbar-width: none;
} 

div.sheet_selector,
div.note_titre,
div.note_data,
div.name,
div.archetype,
div.classe_epee,
div.classe_ombre,
div.classe_sorcellerie,
div.etat_custom,
div.aspect_1,
div.aspect_2,
div.aspect_3,
div.aspect_4,
div.richesse,
div.coeur,
div.etoile,
div.check_intermediaire,
div.check_vierge,
div.check_tendu,
div.check_epuise,
div.check_blesse,
div.check_marque,
div.dice,
div.type_jet,
div.reset,
div.page_suivante,
div.page_precedente,
div.page_personnage,
div.page_note,
div.total_tenebres,
div.total_tresors,
div.decompte_tenebres,
div.decompte_tresors {
	position: absolute;
	z-index: auto;
}

div.note_titre {
	margin-top: 60px;
	text-align: center;
	width: 825px;
	font-size: 40px;
}

div.note_data {
	margin-top: 140px;
	margin-left: 70px;
	width: 685px;
	margin-right: 70px;
}

div.name {
	margin-top: 95px;
	margin-left: 30px;
}

div.archetype {
	margin-top: 280px;
	margin-left: 35px;
}

div.classe_epee,
div.classe_ombre,
div.classe_sorcellerie {
	margin-top: 280px;
    margin-left: 199px;
}

div.etat_custom {
    margin-left: 111px;
    margin-top: 782px;
    width: 300px;
    height: 40px;
}

div.aspect_1 {
	margin-left: 119px;	
    margin-top: 331px;
}

div.aspect_2 {
	margin-left: 132px;
    margin-top: 434px;
}

div.aspect_3 {
	margin-left: 143px;
    margin-top: 537px;
}

div.aspect_4 {
	margin-left: 155px;
    margin-top: 641px;
}

div.check_intermediaire {    
	margin-left: 343px;
	margin-top: 710px;
}

div.check_vierge {    
	margin-left: 40px;
	margin-top: 755px;
}

div.check_tendu {    
	margin-left: 37px;
	margin-top: 831px;
}

div.check_epuise {    
	margin-left: 56px;
	margin-top: 912px;
}

div.check_blesse {    
	margin-left: 37px;
	margin-top: 989px;
}

div.check_marque {    
	margin-left: -3px;
	margin-top: 1062px;
}

div.richesse {
    margin-top: 617px;
    margin-left: 10px;
}

div.coeur {
    margin-top: 1160px;
    margin-left: 15px;
    border-radius: 35px;
}

div.etoile {
    margin-top: 1158px;
    margin-left: 357px;
}

div.dice {  
	margin-top: 1168px;
	margin-left: 87px;
}

div.type_jet {
	margin-top: 1180px;
	margin-left: 146px;
}

div.reset {
    margin-top: 1206px;
    margin-left: 4px;
    border-radius: 35px;
}

div.page_suivante {
	margin-top: 0px;
	margin-left: 820px;
	border-radius: 0px 20px 20px 0px;
	width: 25px;
	height: 1237px;
}

div.page_personnage {
	margin-top: -5px;
	margin-left: 830px;
	border-radius: 0px 20px 20px 0px;
	width: 25px;
	height: 520px;
}

div.page_precedente {
    margin-top: 0px;
    margin-left: -20px;
    border-radius: 2px 0px 0px 20px;
    width: 25px;
}

div.page_note {
    margin-top: 0px;
    margin-left: -20px;
    border-radius: 2px 0px 0px 20px;
    width: 25px;
}

div.total_tenebres {
    margin-top: 184px;
    margin-left: 201px;
    width: 78px;
    height: 68px;
    background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/check_tenebres_input.png);
    background-size: cover;
}

div.total_tresors {
    margin-top: 130px;
    margin-left: 532px;
    width: 78px;
    height: 68px;
    background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/check_tresors_input.png);
    background-size: cover;
}

div.decompte_tenebres {
    margin-top: 578px;
    margin-left: 9px;	
}

.wrapper_tenebres{  
	display: grid;
    grid-template-columns: auto;
}

.tenebres1 {
	grid-column: 1;
}

.tenebres2 {
	grid-column: 2;
    margin-left: -12px;
}

.tenebres3 {
	grid-column: 3;
    margin-left: -10px;
}

.tenebres4 {
	grid-column: 4;
    margin-left: -7px;
}

.tenebres5 {
	grid-column: 5;
    margin-left: -9px;
}

.tenebres6 {
	grid-column: 6;
    margin-left: -10px;
}

.tenebres7 {
	grid-column: 7;
    margin-left: -7px;
    margin-top: -1px;
}

.wrapper_tresors {  
	display: grid;
    grid-template-columns: auto;
}


/* #Systeme changement background */
.sheet-sheettoggle[value*="1"] ~ *{
    --charsheet-background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/bg_PJ_parangon.png);
	--dice_background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/dice_4.png);
}

.sheet-sheettoggle[value*="2"] ~ *{
	--charsheet-background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/bg_PJ_eclaireur.png);
	--dice_background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/dice_6.png);
}

.sheet-sheettoggle[value*="3"] ~ *{
    --charsheet-background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/bg_PJ_guerrier.png);
	--dice_background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/dice_8.png);
}

.sheet-sheettoggle[value*="4"] ~ *{
    --charsheet-background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/bg_PJ_sentinelle.png);
	--dice_background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/dice_10.png);
}


/* Systeme Archétype  Classe feuille de personnage */
.classe_epee, .classe_ombre, .classe_sorcellerie {
    display: none;
}

input[value*="epee"].archetype ~ div.classe_epee,
input[value*="ombre"].archetype ~ div.classe_ombre,
input[value*="sorcellerie"].archetype ~ div.classe_sorcellerie {
	display: block;
}

/* Checkbox Personnage */
* {
  box-sizing: border-box;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox]+label {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 1em;
  background: transparent; 
  cursor: pointer;
}

input[type=checkbox]:checked+label {
  background: #151414eb;
}

input[type=checkbox].tendu:checked+label {
  background: #515151;
}

input[type=checkbox].epuise:checked+label {
  background: #593838;
}

input[type=checkbox].blesse:checked+label {
  background: #9f0202;
}

input[type=checkbox].marque:checked+label {
  background: #480048;
}

/* Checkbox Personnage */
* {
  box-sizing: border-box;
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox]+label {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 1em;
  background: transparent; 
  cursor: pointer;
}

input[type=checkbox]:checked+label {
  background: #151414eb;
}

input[type=checkbox].tendu:checked+label {
  background: #515151;
}

input[type=checkbox].epuise:checked+label {
  background: #593838;
}

input[type=checkbox].blesse:checked+label {
  background: #9f0202;
}

input[type=checkbox].marque:checked+label {
  background: #480048;
}

.personnage label {
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}

/* Checkbox Ténèbres */
input[type="radio"].tenebre_checkbox,
input[type="radio"].tenebre_checkbox_max {
  display: none;
}
input[type="radio"].tenebre_checkbox + label,
input[type="radio"].tenebre_checkbox_max + label {
	padding: 0;
	border: none;
	width: 55px;
	height: 48px;
	pointer-events:none;
}

input[type="radio"].tenebre_checkbox:checked + label,
input[type="radio"].tenebre_checkbox_max:checked + label  {
    border: none;
    background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/check_progress_tenebres.png);
    background-size: contain;
}

input[type="radio"].tenebre_checkbox_max:checked + label  {
    border: none;
    background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/check_progress_tenebres_max.png);
}

/* Format de page */
.charsheet textarea {
	color: var(--base);
}

.charsheet textarea.name {  
	width: 176px;
	outline: none;
	resize: none;
	padding: 0;
	font-family: 'Trade Winds';
	font-size: 25px;
	line-height: 1.1;
	border: none;
	background: none;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	height: 60px;
}

.charsheet textarea.note {  
	width: 686px;
	outline: none;
	resize: none;
	padding: 15px;
	font-family: 'Trade Winds';
	font-size: 17px;
	line-height: 1.1;
	border: 1px solid #0000002b;
	cursor: pointer;
	box-shadow: 0px 0px 15px 1px #0d0d0deb;
	background: #f0f1ebb3;
	border-radius: 10px;
	height: 295px;
	color: #000000ba;
}

.charsheet input.etat_custom { 
    width: 298px;
    outline: none;
    resize: none;
    padding: 0;
    font-family: 'Trade Winds';
    font-size: 21px;
    line-height: 1.1;
    border: none;
    background: none;
    text-align: center;
    cursor: pointer;
    height: 38px;
    color: #252524db;
}

.charsheet select {
	width: auto;
    border: none;
    background: transparent;
    padding-left: 0px;
    padding-bottom: 0px;
	border: 1px solid red;
	color: var(--base);
	cursor: pointer;
}

select.archetype {  
    font-size: 20px;
    text-align: center;
	margin-top: 0px;
    margin-left: 0px;
    width: 155px;
    border: none;
}

select.classe {
    font-size: 15px;
    text-align: center;
	margin-top: 0px;
    margin-left: 0px;
    width: 232px;
	border: none;
}

select.aspect {
    font-size: 17px;
    text-align: center;
    width: 265px;
	height: 90px;
	border: none;
    color: black;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

select.roll {
	font-size: 15px;
	text-align: center;
	border: 1px solid #000;
	background: #c2c2c2;
	height: 35px;
	border-radius: 30px;
	box-shadow: 2px 4px 7px 3px #0a0a0ae3;
	padding-top: 6px;
	padding-left: 10px;
	width: 215px;
}

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

input[type=number] { 
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0; 
	border-radius: 0px;
	background-color: transparent;
	outline: none;
	border: none;
	font-family: 'Trade Winds';
    font-size: 25px;
	color: var(--base);
	cursor: pointer;
}

.richesse input[type=number] {
    font-size: 50px;
    width: 70px !important;
    text-align: center;
}

.coeur input[type=number],
.etoile input[type=number] {
    font-size: 38px;
    width: 70px !important;
    text-align: center;
}

.total_tenebres  input[type=number],
.total_tresors  input[type=number] {
    font-size: 40px;
    text-align: center;
    padding-top: 8px;
    margin-left: 2px;
    height: 70px;
    width: 74px !important;
}

.total_tenebres  input[type=number] {
    color: #ff0404c4;
}

.total_tresors  input[type=number] {
    color: #b78300;
}

span.creation_titre {
	font-size: 19px;
}

/* Bouton choix intro et Roll */
span.picto_reset_intro {
	font-family: 'Pictos';
    font-size: 28px;
}

span.picto_reset {
	font-family: 'Pictos';
    font-size: 28px;
}

span.picto_creation {
	font-family: 'Pictos';
    font-size: 28px;
	margin-right: 10px;
}



select.creation_role,
select.creation_archetype_select,
select.creation_classe,
select.creation_classe_select,
select.creation_classe1,
select.creation_classe2,
select.creation_classe3
{
	font-size: 15px;
	color: #970404;
	text-align: center;
	border: none;
	width: auto;
	margin-top: -5px;
}

select.creation_classe1,
select.creation_classe2,
select.creation_classe3 {
	margin-top: 0px;
	text-align: left;
	margin-left: 10px;
}

select.creation_classe1 {
	pointer-events: none;
}

select.creation_role {
	width: 520px;
}

select.creation_archetype_select{
	width: 440px;
}

select.creation_classe {
	width: auto;
}

select.creation_classe_select {
	width: 400px;
}

div.reset_creation {
	margin-left: 5px;
	margin-top: 0px;
	background: black;
	width: 74px;
	border-radius: 30px;
	border: 1px solid #ffffffd6;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.creation_role {
	margin-right: 90px;
	border: 1px solid black;
	margin-left: 200px;
	box-shadow: 5px 5px 5px #0d0d0da6;
	text-align: center;
	background: #f0f1ebd9;
	border-radius: 25px;
	margin-top: 25px;
}

div.creation_archetype {
	margin-top: 40px;
	margin-right: 270px;
	border: 1px solid black;
	margin-left: 90px;
	box-shadow: 5px 5px 5px #0d0d0da6;
	text-align: center;
	background: #f0f1eb8c;
	border-radius: 25px;
}

div.creation_classe {
	margin-top: 40px;
	margin-left: 310px;
	border: 1px solid black;
	margin-right: 90px;
	box-shadow: 5px 5px 5px #0d0d0da6;
	text-align: center;
	background: #f0f1eb8c;
	border-radius: 25px;
}

div.creation_aspect { 
	margin-top: 40px;
	margin-left: 60px;
	border: 1px solid black;
	margin-right: 50px;
	box-shadow: 5px 5px 5px #0d0d0da6;
	text-align: left;
	background: #f0f1ebd9;
	padding-left: 12px;
	border-radius: 25px;
}

div.creation_aspect1 { 
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 30px;
}

div.creation_aspect2 {  
	margin-left: 60px;
	margin-right: 98px;
}

div.creation_aspect3 {  
	margin-left: 90px;
	margin-right: 70px;
}

div.creation_valider {
	margin-top: 20px;
    text-align: center;
}

.charsheet button[type=action].intro_reset::before,
.charsheet button[type=action].paragon_intro::before,
.charsheet button[type=action].eclaireur_intro::before,
.charsheet button[type=action].guerrier_intro::before,
.charsheet button[type=action].sentinelle_intro::before,
.charsheet button[type=roll].roll_dice::before,
.charsheet button[type=action].reset::before {
	content: '';
}

/* Boutton changement de PAGE */
.charsheet button[type=action].page_up,
.charsheet button[type=action].page_down,
.charsheet button[type=action].page_note{
    padding: 0;
    color: #ffffff54;
    border: none;
    width: 25px;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 18px;
    background: rgb(0,0,0);
}

.charsheet button[type=action].page_up {
    height: 1237px;	
	box-shadow: 3px -1px 11px 3px #0a0a0ac4;
    border-radius: 5px 20px 20px 5px;
    margin-left: -2px;
    background: linear-gradient(90deg, rgba(28,28,27,1) 20%, rgb(73 71 71) 100%);
    text-align: left;
    padding-top: 230px;
    padding-right: 2px;
    border-left: 1px solid #000000;
}

.charsheet button[type=action].page_down{
    height: 630px;
    box-shadow: -6px -3px 7px 1px #29292957;
    border-radius: 20px 0px 0px 20px;
    margin-left: -5px;
    padding-right: 3px;
    background: rgb(99,98,98);
    background: linear-gradient(90deg, rgba(99,98,98,1) 20%, rgb(0 0 0 / 73%) 100%);
    border-right: 1px solid black;
}

.charsheet button[type=action].page_note{
    height: 1237px;
    box-shadow: -6px -3px 7px 1px #29292957;
    border-radius: 20px 0px 0px 20px;
    margin-left: -5px;
    padding-right: 3px;
    background: rgb(99,98,98);
    background: linear-gradient(90deg, rgb(74, 73, 73) 20%, rgba(0, 0, 0, 0.73) 50%);
    border-right: 1px solid black;
	padding-bottom: 580px
}

body.sheet-darkmode button[type=action].page_up {
    box-shadow: 5px 0px 9px 1px #cdcdcd75;
}

body.sheet-darkmode button[type=action].page_down {
    box-shadow: -2px -3px 4px 1px #cdcdcd57;
}

body.sheet-darkmode button[type=action].page_note {
    box-shadow: -2px -3px 4px 1px #cdcdcd57;
}
 
.charsheet button[type=action].page_up:hover,
.charsheet button[type=action].page_down:hover,
.charsheet button[type=action].page_note:hover
{
    color: #ffffffb5;
}

.charsheet button[type=action].page_up:hover {
	background: linear-gradient(90deg, rgba(28,28,27,1) 20%, rgba(112,30,30,1) 100%);	
}
	

.charsheet button[type=action].page_down:hover{
	background: rgb(112,30,30);
	background: linear-gradient(90deg, rgba(112,30,30,1) 20%, rgb(0 0 0 / 73%) 100%);	
}

.charsheet button[type=action].page_note:hover{
	background: rgb(112,30,30);
	background: linear-gradient(90deg, rgba(112,30,30,1) 20%, rgb(0 0 0 / 73%) 100%);	
}

/* Boutton RESET */
.charsheet button[type=action].intro_reset{
    border: none;
    padding: 0;
    background: none;
    color: #ffffff2b;
}

.charsheet button[type=action].intro_reset:hover{
    color: #ffffffb5;
}

.charsheet button[type=action].button_creation{
    border: none;
    padding: 0;
    background: none;
    color: #ffffffc4;
}

.charsheet button[type=action].button_creation:hover{
    color: #970404;
}


.charsheet button[type=action].reset{
    border: none;
    padding: 0;
    background: none;
    color: #ffffff2b;
}

.charsheet button[type=action].reset:hover{
    color: #ffffffb5;
}

/* Bouton choix type de personnage */
.charsheet button[type=action].paragon_intro,
.charsheet button[type=action].eclaireur_intro,
.charsheet button[type=action].guerrier_intro,
.charsheet button[type=action].sentinelle_intro {
	width: 145px;
	height: 133px;
    border: none;
    padding: 0;
	background-size: cover;
    background-repeat: no-repeat;
    margin: 10px;
    box-shadow: 2px 1px 7px 3px #0000006e;
	border-radius: 10px;
}

.charsheet button[type=action].paragon_intro {
    background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/button_paragon.png);
}

.charsheet button[type=action].eclaireur_intro {
    background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/button_eclaireur.png);
}

.charsheet button[type=action].guerrier_intro {
    background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/button_guerrier.png);
}

.charsheet button[type=action].sentinelle_intro {
    background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/button_sentinelle.png);
}

.charsheet button[type=action].paragon_intro:hover,
.charsheet button[type=action].eclaireur_intro:hover,
.charsheet button[type=action].guerrier_intro:hover,
.charsheet button[type=action].sentinelle_intro:hover {
    box-shadow: 0px 0px 16px 4px black;
}

/* Bouton choix creation personnage */

.charsheet button[type=action].boutton_creation {
	width: 145px;
	height: 287px;
	border: 4px solid black;
	padding: 0;
	background-size: 255px 287px;
	background-repeat: no-repeat;
	box-shadow: 2px 1px 7px 3px #0000006e;
	border-radius: 10px;
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/boutton_creation_personnage.PNG);
	background-position: right 72% bottom -528%;
}

.charsheet button[type=action].boutton_creation:hover {
    box-shadow: 0px 0px 16px 4px black;
}

/* Bouton creation personnage */
.charsheet button[type=action].valider_personnage {
    width: 295px;
    height: 40px;
    border: none;
    padding: 0;
    margin: 10px;
    box-shadow: 2px 1px 7px 3px #0000006e;
    border-radius: 10px;
    background: linear-gradient(90deg, rgba(28,28,27,1) 20%, rgba(112,30,30,1) 100%);
    font-size: 18px;
    color: #ffffffc7;
}


.charsheet button[type=action].valider_personnage:hover {
    box-shadow: 1px 2px 16px 4px #ffffff;
}

/* Boutton ROLL */
.charsheet button[type=roll].roll_dice::before {
  content: '';
}

.charsheet button[type=roll].roll_dice {
    width: 60px;
    height: 60px;
    border: none;
    padding: 0;
    margin: 0;
	background-image: var(--dice_background);
	background-size: cover;
    background-repeat: no-repeat;
	background-color: transparent;
	
}

.charsheet button[type=roll].roll_dice:hover {
    margin-left: 1px;
	padding: 0px;
	background-position: 0 0px;
}


/* Roll Template DEDALE CLASSIQUE */
.sheet-rolltemplate-dedale {
	margin-left: -20px;  
	--rouge: #a20202;
	--vert: #176c17;
	--noir: #000000c7;
}

.sheet-rolltemplate-dedale .sheet-container {
	border-radius: 41px 10px 61px 10px;
	position: relative;
	margin-bottom: 15px;
	box-shadow: 5px 7px 18px 2px #000000ba;
	background-image: url('https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/roll_background.jpg');
	background-size: 282px 172px;
}

.sheet-rolltemplate-darkmode.sheet-rolltemplate-dedale .sheet-container {
    box-shadow: 5px 7px 11px -1px #a4a0a05e;
}

.sheet-rolltemplate-dedale .sheet-header {
	color: var(--header-text-color);
	height: 107px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sheet-rolltemplate-dedale .sheet-title {
	font-weight: bold;
	padding-bottom: 2px;
	color: var(--noir);
	text-align: center;
	font-size: 20px;
	font-family: 'Trade Winds', 'Proxima Nova';
	line-height: 1.2;
	padding-left: 37px;
	padding-right: 37px;
	padding-top: 19px;
}

.sheet-rolltemplate-dedale .sheet-subtitle {
    font-size: 14px;
    margin-top: 2px;
    color: var(--noir);
    text-align: center;
    font-style: italic;
}

.sheet-rolltemplate-dedale .sheet-container {
  --border-roll-color: #000000a6;
  --header-text-color: #FFF;
  --result-bg-color: #772d34;
  --header-bg-color: #475e66;
}

.sheet-rolltemplate-dedale .sheet-content {
    display: grid;
    grid-template-columns: auto auto;
    line-height: 1.4em;
    color: #475e66;
    border: none;
}

.sheet-rolltemplate-dedale .sheet-content2 {
	display: grid;
	grid-template-columns: 60px 30px 60px;
	line-height: 1.4em;
	color: #475e66;
	border: none;
	margin-left: 60px;
}

.sheet-rolltemplate-dedale .sheet-content > div {
	padding: 5px;
}

.sheet-rolltemplate-dedale .sheet-content .sheet-key {
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
}

.sheet-rolltemplate-dedale .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-dedale .sheet-content :nth-child(4n) {
    background: #6150451c;
}

.sheet-rolltemplate-dedale .sheet-desc,
.sheet-rolltemplate-dedale .sheet-desc-red,
.sheet-rolltemplate-dedale .sheet-desc-green,
.sheet-rolltemplate-dedale .sheet-desc-effet {
	grid-column: span 2;
	text-align: center;
	padding-top: 5px !important;
	padding-bottom: 18px !important;
	height: 45px;
	color: var(--noir) !important;
	font-size: 25px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale .sheet-desc-effet1-green,
.sheet-rolltemplate-dedale .sheet-desc-effet1-red {
	grid-column: 1;
	text-align: center;
	padding-top: 5px !important;
	padding-bottom: 18px !important;
	height: 45px;
	color: var(--noir) !important;
	font-size: 25px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale .sheet-desc-effet2 {
	grid-column: 2;
	text-align: center;
	padding-top: 5px !important;
	padding-bottom: 18px !important;
	height: 45px;
	color: var(--noir) !important;
	font-size: 25px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale .sheet-desc-effet1-green,
.sheet-rolltemplate-dedale .sheet-desc-effet2-green {
	color: green;
}

.sheet-rolltemplate-dedale .sheet-desc-effet1-red,
.sheet-rolltemplate-dedale .sheet-desc-effet2-red {
	color: red;
}

.sheet-rolltemplate-dedale .sheet-desc-effet3-green,
.sheet-rolltemplate-dedale .sheet-desc-effet3-red {
	grid-column: 3;
	text-align: center;
	padding-top: 5px !important;
	padding-bottom: 18px !important;
	height: 45px;
	color: var(--noir) !important;
	font-size: 25px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale .inlinerollresult,
.sheet-rolltemplate-dedale .inlinerollresult.importantroll {
	border: none !important;
    background-color: transparent !important;
    color: #475e66 !important;
}

.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult.fullfail {
	color: var(--noir) !important;
    font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult.fullfail {
	color: var(--rouge) !important;
}

.sheet-rolltemplate-dedale .sheet-desc .inlinerollresult.fullcrit {
	color: var(--vert) !important;
}

.sheet-rolltemplate-dedale .sheet-desc-red .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-red .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale .sheet-desc-red .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-red .inlinerollresult.fullfail {
	color: var(--rouge) !important; 
	font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale .sheet-desc-green .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-green .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale .sheet-desc-green .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-green .inlinerollresult.fullcrit {
	color: var(--vert) !important;
	font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale .sheet-desc-effet1-green .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-effet1-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-effet1-green .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale .sheet-desc-effet1-green .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-effet3-green .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-effet3-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-effet3-green .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-effet3-green .inlinerollresult.fullcrit {
	color: var(--vert) !important;
	font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale .sheet-desc-effet1-red .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-effet1-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-effet1-red .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale .sheet-desc-effet1-red .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-effet3-red .inlinerollresult,
.sheet-rolltemplate-dedale .sheet-desc-effet3-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale .sheet-desc-effet3-red .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale .sheet-desc-effet3-red .inlinerollresult.fullcrit{
	color: var(--rouge) !important; 
	font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

/* DEDALE ALT */
.sheet-rolltemplate-dedale-alt {
  margin-left: -20px;
  --rouge: #a20202;
  --vert: #176c17;
  --noir: #000000c7;
}

.sheet-rolltemplate-dedale-alt .sheet-container {
    border-radius: 41px 10px 61px 10px;
	position: relative;
	margin-bottom: 15px;
	box-shadow: 5px 7px 18px 2px #000000ba;
	background-image: url('https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/roll_background.jpg');
	background-size: 282px 172px;
}

.sheet-rolltemplate-dedale-alt .sheet-container-2,
.sheet-rolltemplate-dedale-alt .sheet-container-3 {
    border-radius: 10px 10px 10px 10px;
    position: relative;
    margin-bottom: 15px;
    margin-top: -25px;
    background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/roll_info.png);
    box-shadow: 13px 10px 15px 0px #000000ba;
    background-size: 246px 98px;
}

 .sheet-rolltemplate-dedale-alt .sheet-container-2 {  
    margin-left: -11px;
    margin-right: 51px;
    margin-top: -102px;
}

.sheet-rolltemplate-dedale-alt .sheet-container-3 {  
	margin-left: 40px;
    margin-right: 0px;
    margin-top: -26px;
}

.sheet-rolltemplate-darkmode.sheet-rolltemplate-dedale .sheet-container,
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dedale-alt .sheet-container {
    box-shadow: 5px 7px 18px 2px #a4a0a05e;
    width: 282px;
}

.sheet-rolltemplate-darkmode.sheet-rolltemplate-dedale-alt .sheet-container-2,
.sheet-rolltemplate-darkmode.sheet-rolltemplate-dedale-alt .sheet-container-3
{
    box-shadow: 13px 10px 15px 0px #a4a0a05e;
    width: 242px;
}

.sheet-rolltemplate-dedale-alt .sheet-header {
	color: var(--header-text-color);
	height: 107px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sheet-rolltemplate-dedale-alt .sheet-title {
	font-weight: bold;
	padding-bottom: 2px;
	color: var(--noir);
	text-align: center;
	font-size: 20px;
	font-family: 'Trade Winds', 'Proxima Nova';
	line-height: 1.2;
	padding-left: 37px;
	padding-right: 37px;
	padding-top: 19px;
}

.sheet-rolltemplate-dedale-alt .sheet-subtitle {
    font-size: 14px;
    margin-top: 2px;
    color: var(--noir);
    text-align: center;
    font-style: italic;
}

.sheet-rolltemplate-dedale-alt .sheet-container,
.sheet-rolltemplate-dedale-alt .sheet-container-2,
.sheet-rolltemplate-dedale-alt .sheet-container-3{
  --border-roll-color: #000000a6;
  --header-text-color: #FFF;
  --result-bg-color: #772d34;
  --header-bg-color: #475e66;
}

.sheet-rolltemplate-dedale-alt .sheet-content {
    display: grid;
    grid-template-columns: auto auto;
    line-height: 1.4em;
    color: #475e66;
    border: none;
}

.sheet-rolltemplate-dedale-alt .sheet-content-2 {
    display: grid;
    grid-template-columns: auto auto;
    line-height: 1.4em;
    color: #475e66;
    border: none;
}

.sheet-rolltemplate-dedale-alt .sheet-content-2-double {
	display: grid;
	grid-template-columns: auto auto;
	line-height: 1.4em;
	color: #475e66;
	border: none;
	margin-left: 45px;
	margin-right: 45px;
}

.sheet-rolltemplate-dedale-alt .sheet-content-2-triple {
    display: grid;
    grid-template-columns: auto auto auto;
    line-height: 1.4em;
    color: #475e66;
    border: none;
	margin-left: 35px;
	margin-right: 35px;
}

.sheet-rolltemplate-dedale-alt .sheet-content-2 {
    display: grid;
    grid-template-columns: auto auto;
    line-height: 1.4em;
    color: #475e66;
    border: none;
}

.sheet-rolltemplate-dedale-alt .sheet-content3 {
	display: grid;
	grid-template-columns: 60px 30px 60px;
	line-height: 1.4em;
	color: #475e66;
	border: none;
	margin-left: 60px;
}

.sheet-rolltemplate-dedale-alt .sheet-info,
.sheet-rolltemplate-dedale-alt .sheet-info1 {
    grid-column: span 2;
    height: 100px;
    color: var(--noir) !important;
    font-size: 18px;
    font-family: 'Trade Winds', 'Proxima Nova';
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.sheet-rolltemplate-dedale-alt .sheet-info2-1 {
    grid-column: 1;
    height: 100px;
    color: var(--noir) !important;
    font-size: 18px;
    font-family: 'Trade Winds', 'Proxima Nova';
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.sheet-rolltemplate-dedale-alt .sheet-info2-2 {
    grid-column: 2;
    height: 100px;
    color: var(--noir) !important;
    font-size: 18px;
    font-family: 'Trade Winds', 'Proxima Nova';
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.sheet-rolltemplate-dedale-alt .sheet-info2-1 {
    grid-column: 1;
    height: 100px;
    color: var(--noir) !important;
    font-size: 18px;
    font-family: 'Trade Winds', 'Proxima Nova';
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.sheet-rolltemplate-dedale-alt .sheet-info3-1 {
    grid-column: 1;
    height: 100px;
    color: var(--noir) !important;
    font-size: 18px;
    font-family: 'Trade Winds', 'Proxima Nova';
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.sheet-rolltemplate-dedale-alt .sheet-info3-2 {
    grid-column: 2;
    height: 100px;
    color: var(--noir) !important;
    font-size: 18px;
    font-family: 'Trade Winds', 'Proxima Nova';
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.sheet-rolltemplate-dedale-alt .sheet-info3-3 {
    grid-column: 3;
    height: 100px;
    color: var(--noir) !important;
    font-size: 18px;
    font-family: 'Trade Winds', 'Proxima Nova';
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
}

.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-green,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-red {
	grid-column: 1;
	text-align: center;
	padding-top: 5px !important;
	padding-bottom: 18px !important;
	height: 45px;
	color: var(--noir) !important;
	font-size: 25px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale-alt .sheet-desc-effet2 {
	grid-column: 2;
	text-align: center;
	padding-top: 5px !important;
	padding-bottom: 18px !important;
	height: 45px;
	color: var(--noir) !important;
	font-size: 25px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-green,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-red {
	grid-column: 3;
	text-align: center;
	padding-top: 5px !important;
	padding-bottom: 18px !important;
	height: 45px;
	color: var(--noir) !important;
	font-size: 25px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale-alt .sheet-desavantage,
.sheet-rolltemplate-dedale-alt .sheet-avantage {
    position: absolute;
    margin-top: 7px;
    margin-left: 49px;
    font-family: 'Trade Winds', 'Proxima Nova';
    font-size: 18px;
    color: var(--vert);
    text-decoration: underline;
}

.sheet-rolltemplate-dedale-alt .sheet-desavantage {
    color: var(--rouge);
}

.sheet-rolltemplate-dedale-alt .sheet-avantage {
    color: var(--vert);
}

.sheet-rolltemplate-dedale-alt .sheet-rappel_base_1,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_2,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_3,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_4,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_5,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_6,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_7,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_8,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_9,
.sheet-rolltemplate-dedale-alt .sheet-rappel_base_10,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_1,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_2,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_3,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_4,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_5,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_6,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_7,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_8,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_9,
.sheet-rolltemplate-dedale-alt .sheet-rappel_vert_10,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_1,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_2,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_3,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_4,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_5,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_6,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_7,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_8,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_9,
.sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_10
 {
    position: absolute;
    margin-top: 7px;
    margin-left: 12px;
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_1.png);
    background-size: 35px 30px;
    width: 35px;
    height: 30px;
}

.sheet-rolltemplate-dedale-alt .sheet-rappel_base_1 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_1.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_base_2 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_2.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_base_3 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_3.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_base_4 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_4.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_base_5 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_5.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_base_6 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_6.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_base_7 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_7.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_base_8 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_8.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_base_9 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_9.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_base_10 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_base_10.png);
 }
 
 .sheet-rolltemplate-dedale-alt .sheet-rappel_vert_1 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_1.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_vert_2 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_2.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_vert_3 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_3.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_vert_4 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_4.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_vert_5 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_5.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_vert_6 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_6.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_vert_7 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_7.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_vert_8 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_8.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_vert_9 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_9.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_vert_10 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_vert_10.png);
 }
 
  .sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_1 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_1.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_2 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_2.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_3 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_3.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_4 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_4.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_5 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_5.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_6 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_6.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_7 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_7.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_8 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_8.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_9 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_9.png);
 }
 .sheet-rolltemplate-dedale-alt .sheet-rappel_rouge_10 {
    background-image: url(https://imgsrv.roll20.net/?src=https%3A//raw.githubusercontent.com/ctotone/JdR/main/Dedales/img/hexa_rouge_10.png);
 }

.sheet-rolltemplate-dedale-alt .sheet-content > div {
	padding: 5px;
}

.sheet-rolltemplate-dedale-alt .sheet-content .sheet-key {
	font-weight: bold;
	padding-right: 10px;
	text-align: right;
}

.sheet-rolltemplate-dedale-alt .sheet-content :nth-child(4n+3),
.sheet-rolltemplate-dedale-alt .sheet-content :nth-child(4n) {
    background: #6150451c;
}

.sheet-rolltemplate-dedale-alt .sheet-desc,
.sheet-rolltemplate-dedale-alt .sheet-desc-red,
.sheet-rolltemplate-dedale-alt .sheet-desc-green,
.sheet-rolltemplate-dedale-alt .sheet-desc-orange,
.sheet-rolltemplate-dedale-alt .sheet-desc-image {
	grid-column: span 2;
	text-align: center;
	padding-top: 5px !important;
	padding-bottom: 18px !important;
	height: 45px;
	color: var(--noir) !important;
	font-size: 25px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale-alt .sheet-desc-red {
	color: var(--rouge) !important;
}

.sheet-rolltemplate-dedale-alt .sheet-desc-green {
	color: var(--vert) !important;
}

.sheet-rolltemplate-dedale-alt .sheet-desc-orange {
	color: #b17300 !important;
}

.sheet-rolltemplate-dedale-alt .inlinerollresult,
.sheet-rolltemplate-dedale-alt .inlinerollresult.importantroll {
	border: none !important;
    background-color: transparent !important;
    color: #475e66 !important;
}

.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult.fullfail {
	color: var(--noir) !important;
    font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale-alt .sheet-desc-image .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-image .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-image .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-image .inlinerollresult.fullfail {
	color: var(--noir) !important;
    font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult.fullfail {
	color: var(--rouge) !important;
}

.sheet-rolltemplate-dedale-alt .sheet-desc .inlinerollresult.fullcrit {
	color: var(--vert) !important;
}

.sheet-rolltemplate-dedale-alt .sheet-desc-red .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-red .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-red .inlinerollresult.fullfail {
	color: var(--rouge) !important; 
	font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale-alt .sheet-desc-orange .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-orange .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-orange .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-orange .inlinerollresult.fullfail {
	color: #b17300 !important;
	font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale-alt .sheet-desc-green .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-green .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-green .inlinerollresult.fullfail {
	color: var(--vert) !important;
	font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale-alt .sheet-rappel_1 .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-rappel_1 .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-rappel_1 .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-rappel_1 .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale-alt .sheet-rappel_2 .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-rappel_2 .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-rappel_2 .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-rappel_2 .inlinerollresult.fullfail{  
	color: #000 !important;
	font-size: 20px;
	font-family: 'Trade Winds', 'Proxima Nova';
	background-color: #dbdbdb !important;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #151515 !important;
	text-align: center;
}


.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-green .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-green .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-green .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-green .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-green .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-green .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-green .inlinerollresult.fullcrit {
	color: var(--vert) !important;
	font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-red .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-red .inlinerollresult.fullcrit,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet1-red .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-red .inlinerollresult,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-red .inlinerollresult.importantroll,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-red .inlinerollresult.fullfail,
.sheet-rolltemplate-dedale-alt .sheet-desc-effet3-red .inlinerollresult.fullcrit{
	color: var(--rouge) !important; 
	font-size: 45px;
	font-family: 'Trade Winds', 'Proxima Nova';
}

.sheet-rolltemplate-dedale-alt .sheet-cle,
.sheet-rolltemplate-dedale-alt .sheet-bouquins,
.sheet-rolltemplate-dedale-alt .sheet-bottes,
.sheet-rolltemplate-dedale-alt .sheet-baston,
.sheet-rolltemplate-dedale-alt .sheet-bravoure,
.sheet-rolltemplate-dedale-alt .sheet-couronne {
	width: 70px;
	height: 70px;
	background-size: cover;
	background-repeat: no-repeat;
    margin-top: 10px;
}

.sheet-rolltemplate-dedale-alt .sheet-cle-double,
.sheet-rolltemplate-dedale-alt .sheet-bouquins-double,
.sheet-rolltemplate-dedale-alt .sheet-bottes-double,
.sheet-rolltemplate-dedale-alt .sheet-baston-double,
.sheet-rolltemplate-dedale-alt .sheet-bravoure-double,
.sheet-rolltemplate-dedale-alt .sheet-couronne-double {
	width: 60px;
	height: 60px;
	background-size: cover;
	background-repeat: no-repeat;
    margin-top: 10px;
}

.sheet-rolltemplate-dedale-alt .sheet-cle-triple,
.sheet-rolltemplate-dedale-alt .sheet-bouquins-triple,
.sheet-rolltemplate-dedale-alt .sheet-bottes-triple,
.sheet-rolltemplate-dedale-alt .sheet-baston-triple,
.sheet-rolltemplate-dedale-alt .sheet-bravoure-triple,
.sheet-rolltemplate-dedale-alt .sheet-couronne-triple {
	width: 50px;
	height: 50px;
	background-size: cover;
	background-repeat: no-repeat;
    margin-top: 10px;
}


.sheet-rolltemplate-dedale-alt .sheet-cle,
.sheet-rolltemplate-dedale-alt .sheet-cle-double,
.sheet-rolltemplate-dedale-alt .sheet-cle-triple {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_cle.png);
}


.sheet-rolltemplate-dedale-alt .sheet-bouquins,
.sheet-rolltemplate-dedale-alt .sheet-bouquins-double,
.sheet-rolltemplate-dedale-alt .sheet-bouquins-triple {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_bouquins.png);
}

.sheet-rolltemplate-dedale-alt .sheet-bottes,
.sheet-rolltemplate-dedale-alt .sheet-bottes-double,
.sheet-rolltemplate-dedale-alt .sheet-bottes-triple {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_bottes.png);
}

.sheet-rolltemplate-dedale-alt .sheet-baston,
.sheet-rolltemplate-dedale-alt .sheet-baston-double,
.sheet-rolltemplate-dedale-alt .sheet-baston-triple {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_baston.png);
}

.sheet-rolltemplate-dedale-alt .sheet-bravoure,
.sheet-rolltemplate-dedale-alt .sheet-bravoure-double,
.sheet-rolltemplate-dedale-alt .sheet-bravoure-triple {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_bravoure.png);
}

.sheet-rolltemplate-dedale-alt .sheet-couronne,
.sheet-rolltemplate-dedale-alt .sheet-couronne-double,
.sheet-rolltemplate-dedale-alt .sheet-couronne-triple {
	background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dedales/img/info_couronne.png);
}