div.charsheet > div.content {
  display: flex;
  flex-wrap: wrap;
  min-width: 852px;
  justify-content: space-between;
  font-family: "Segoe UI", Arial;
}
div.charsheet > div.content .itemcontrol {
  z-index: 200;
}
div.charsheet > div.content .btn {
  border-radius: 0px;
}
div.charsheet > div.content label {
  padding: 0px;
  margin: 0px;
}
div.charsheet > div.content select {
  margin-bottom: 0px;
  border-radius: 0px;
}
div.charsheet > div.content input[type=number]::-webkit-outer-spin-button,
div.charsheet > div.content input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
div.charsheet > div.content input[type=number],
div.charsheet > div.content input[type=text] {
  -moz-appearance: textfield;
  border-radius: 0px;
}
div.charsheet > div.content textarea {
  border: none;
  width: 100%;
  padding: 0px;
  text-align: justify;
  border-radius: 0px;
  margin: 0px;
}
div.charsheet > div.content div.repcontainer {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.repcontainer div.repitem {
  width: 100%;
}
div.charsheet > div.content .repcontrol {
  display: flex;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  justify-content: space-between;
  flex-direction: row-reverse;
}
div.charsheet > div.content .repcontrol > .btn {
  padding-bottom: 0px;
  border-radius: 0px;
  border: 0px;
  padding-top: 0px;
}
div.charsheet > div.content .itemcontrol > .btn {
  padding-bottom: 2px;
  border-radius: 0px;
  padding-top: 1px;
}
div.charsheet > div.content div.autoex {
  line-height: 1.4em;
  min-height: 1.4em;
  cursor: text;
  text-align: left;
  position: relative;
  width: 100%;
}
div.charsheet > div.content div.autoex > span {
  visibility: hidden;
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: pre-wrap;
  text-align: inherit;
  min-height: inherit;
  height: 100%;
  word-wrap: anywhere;
  padding-left: 2px;
  padding-right: 2px;
}
div.charsheet > div.content div.autoex > textarea {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% - 4px);
  overflow: hidden;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  white-space: pre-wrap;
  text-align: inherit;
  min-height: inherit;
  resize: none;
  margin: 0px;
  padding-left: 2px;
  padding-right: 2px;
}
div.charsheet > div.content div.autoex > textarea::placeholder {
  font-family: "Contrail One";
  color: rgba(87, 89, 87, 0.8549019608);
  text-transform: capitalize;
  font-style: italic;
  text-align: center;
  font-size: 95%;
  font-weight: normal;
}
div.charsheet > div.content div.autoex22 {
  min-height: 22px;
}
div.charsheet > div.content div.autoex24 {
  min-height: 24px;
}
div.charsheet > div.content div.autoex28 {
  min-height: 28px;
}
div.charsheet > div.content div.autoex40 {
  min-height: 40px;
}
div.charsheet > div.content div.autoex100 {
  min-height: 100px;
}
div.charsheet > div.content input[type=hidden][value="14"].version ~ div.container {
  display: none;
}
div.charsheet > div.content input[type=hidden][value="14"].version ~ div.MAJV15 {
  display: flex;
}
div.charsheet > div.content div.MAJV15 {
  display: none;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 100px;
  flex-wrap: wrap;
}
div.charsheet > div.content div.MAJV15 > span {
  display: flex;
  width: 100%;
  line-height: 25px;
}
div.charsheet > div.content div.MAJV15 > span > b {
  display: contents;
}
div.charsheet > div.content div.MAJV15 > button[type=action] {
  display: flex;
  width: 100px;
  height: 25px;
  line-height: 25px;
  border-radius: 0px;
  font-variant: small-caps;
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  justify-content: center;
}
div.charsheet > div.content div.MAJV15 > button[type=action]::before {
  content: "";
}
div.charsheet > div.content div.tabDossier,
div.charsheet > div.content div.tabArmure,
div.charsheet > div.content div.tabCombat,
div.charsheet > div.content div.tabModules,
div.charsheet > div.content div.tabOverdrive,
div.charsheet > div.content div.tabIA,
div.charsheet > div.content div.tabIAIncarnee,
div.charsheet > div.content div.tabHistorique,
div.charsheet > div.content div.tabArt,
div.charsheet > div.content div.tabHeroisme,
div.charsheet > div.content div.tabVehicule,
div.charsheet > div.content div.tabMechaArmure,
div.charsheet > div.content div.tabEquipage,
div.charsheet > div.content .fichePJ,
div.charsheet > div.content .fichePNJ,
div.charsheet > div.content .ficheCreature,
div.charsheet > div.content .ficheBande,
div.charsheet > div.content .ficheVehicule {
  display: none;
}
div.charsheet > div.content div {
  display: flex;
}
div.charsheet > div.content input.ficheType[value="0"] ~ div .fichePJ {
  display: flex;
}
div.charsheet > div.content input.ficheType[value="1"] ~ div .fichePNJ {
  display: flex;
}
div.charsheet > div.content input.ficheType[value="2"] ~ div .ficheCreature {
  display: flex;
}
div.charsheet > div.content input.ficheType[value="3"] ~ div .ficheBande {
  display: flex;
}
div.charsheet > div.content input.ficheType[value="4"] ~ div .ficheVehicule {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=dossier] ~ div button[type=action].dossier {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=dossier] ~ div.tabDossier {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=armure] ~ div button[type=action].armure, div.charsheet > div.content input[type=hidden].tabMenu[value=capacites] ~ div button[type=action].armure {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=armure] ~ div.tabArmure, div.charsheet > div.content input[type=hidden].tabMenu[value=capacites] ~ div.tabArmure {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=combat] ~ div button[type=action].combat {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=combat] ~ div.tabCombat {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=module] ~ div button[type=action].module {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=module] ~ div.tabModules {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=overdrive] ~ div button[type=action].overdrive {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=overdrive] ~ div.tabOverdrive {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=ia] ~ div button[type=action].ia {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=ia] ~ div.tabIA {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=ia-incarnee] ~ div button[type=action].ia-incarnee {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=ia-incarnee] ~ div.tabIAIncarnee {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=historique] ~ div button[type=action].historique {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=historique] ~ div.tabHistorique {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=art] ~ div button[type=action].art {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=art] ~ div.tabArt {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=heroisme] ~ div button[type=action].heroisme {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=heroisme] ~ div.tabHeroisme {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=vehicule] ~ div button[type=action].vehicule,
div.charsheet > div.content input[type=hidden].tabMenu[value=vehicule] ~ div button[type=action].ficheVehicule {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=vehicule] ~ div.tabVehicule {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=mecha-armure] ~ div button[type=action].mechaArmures {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=mecha-armure] ~ div.tabMechaArmure {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=equipage] ~ div button[type=action].equipage {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content input[type=hidden].tabMenu[value=equipage] ~ div.tabEquipage {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .armure, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .wizard, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .MAL {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=sans] ~ div .sans {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .wizard, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .MAL {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=guardian] ~ div .guardian {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=barbarian] ~ div .barbarian {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=bard] ~ div .bard {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=berserk] ~ div .berserk {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=druid] ~ div .druid {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=monk] ~ div .monk {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=necromancer] ~ div .necromancer {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=paladin] ~ div .paladin {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=priest] ~ div .priest {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=psion] ~ div .psion {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=ranger] ~ div .ranger {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=rogue] ~ div .rogue {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=shaman] ~ div .shaman {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=sorcerer] ~ div .sorcerer {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=warlock] ~ div .warlock {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .warrior, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=warmaster] ~ div .warmaster {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .wizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=warrior] ~ div .warrior {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .personnalise, div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .warrior {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=wizard] ~ div .wizard {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .sans, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .guardian, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .barbarian, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .bard, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .berserk, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .druid, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .monk, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .necromancer, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .paladin, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .priest, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .psion, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .ranger, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .rogue, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .shaman, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .sorcerer, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .warlock, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .warmaster, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .wizard, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .noPersonnalise, div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .warrior {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureListe[value=personnalise] ~ div .personnalise {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MAL, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=sans] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=barbarian] ~ div .MALBarbarian {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=bard] ~ div .MALBard {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=druid] ~ div .MALDruid {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=paladin] ~ div .MALPaladin {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=priest] ~ div .MALPriest {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=psion] ~ div .MALPsion {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=ranger] ~ div .MALRanger {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=rogue] ~ div .MALRogue {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=shaman] ~ div .MALShaman {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warlock] ~ div .MALWarlock {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALWarrior, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warmaster] ~ div .MALWarmaster {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALWizard {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=warrior] ~ div .MALWarrior {
  display: flex;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALBarbarian, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALBard, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALDruid, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALPaladin, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALPriest, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALPsion, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALRanger, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALRogue, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALShaman, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALWarlock, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALWarmaster, div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALWarrior {
  display: none;
}
div.charsheet > div.content input[type=hidden].armureLegendeListe[value=wizard] ~ div .MALWizard {
  display: flex;
}
div.charsheet > div.content input[type=hidden].tabEgide[value="0"] ~ div div.egide {
  display: none;
}
div.charsheet > div.content input[type=hidden].tabResilience[value="0"] ~ div div.resilience {
  display: none;
}
div.charsheet > div.content input[type=hidden].tabArmureLegende[value="0"] ~ div label.armureLegende {
  display: none;
}
div.charsheet > div.content input[type=hidden].tabArmureLegende[value="0"] ~ div div.MAL {
  display: none;
}
div.charsheet > div.content input[type=hidden].tabArmureLegende[value=druid] ~ div div.MALDruidCompanions {
  display: none;
}
div.charsheet > div.content input[type=hidden].capacitesFanMade[value="0"] ~ div div.capacitesFanMade {
  display: none;
}
div.charsheet > div.content input[type=hidden].phase2[value="0"] ~ div div.phase2 {
  display: none;
}
div.charsheet > div.content input[type=hidden].phase2[value="1"] ~ div button[type=action].phase2 {
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content input[type=hidden].herauts[value="0"] ~ div div.herauts {
  display: none;
}
div.charsheet > div.content div.topLeft {
  display: flex;
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/knightLogo.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position-y: calc(50% - 20px);
  background-position-x: left;
  width: calc(50% - 5px);
  height: auto;
  min-height: 115px;
}
div.charsheet > div.content div.topLeft button[type=roll].rollDice,
div.charsheet > div.content div.topLeft button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.topLeft button[type=roll].rollDice::before,
div.charsheet > div.content div.topLeft button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.topLeft button[type=roll].rollDice:hover,
div.charsheet > div.content div.topLeft button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.topLeft div.affichage {
  width: 100%;
  margin-top: auto;
  justify-content: space-between;
  margin-bottom: 2px;
}
div.charsheet > div.content div.topLeft div.affichage div.defense,
div.charsheet > div.content div.topLeft div.affichage div.reaction,
div.charsheet > div.content div.topLeft div.affichage div.initiative {
  display: flex;
  width: calc(33.3333333333% - 20px);
  background-color: RGB(93, 111, 179);
  border: 1px solid black;
  justify-content: space-between;
  flex-wrap: nowrap;
}
div.charsheet > div.content div.topLeft div.affichage div.defense div.base,
div.charsheet > div.content div.topLeft div.affichage div.reaction div.base,
div.charsheet > div.content div.topLeft div.affichage div.initiative div.base {
  display: flex;
  width: calc(100% - 25px);
  justify-content: center;
}
div.charsheet > div.content div.topLeft div.affichage div.defense div.modificateurs,
div.charsheet > div.content div.topLeft div.affichage div.reaction div.modificateurs,
div.charsheet > div.content div.topLeft div.affichage div.initiative div.modificateurs {
  display: none;
}
div.charsheet > div.content div.topLeft div.affichage div.defense h1,
div.charsheet > div.content div.topLeft div.affichage div.reaction h1,
div.charsheet > div.content div.topLeft div.affichage div.initiative h1 {
  width: max-content;
  justify-content: center;
  color: white;
  background: transparent;
  font-size: 14px;
  line-height: 28px;
}
div.charsheet > div.content div.topLeft div.affichage div.defense span.score,
div.charsheet > div.content div.topLeft div.affichage div.reaction span.score,
div.charsheet > div.content div.topLeft div.affichage div.initiative span.score {
  display: flex;
  width: 26px;
  justify-content: center;
  background: RGB(213, 215, 237);
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
}
div.charsheet > div.content div.topLeft div.affichage div.defense label.bOptions,
div.charsheet > div.content div.topLeft div.affichage div.reaction label.bOptions,
div.charsheet > div.content div.topLeft div.affichage div.initiative label.bOptions {
  width: 15px;
  height: 15px;
  margin-left: -15px;
}
div.charsheet > div.content div.topLeft div.affichage div.defense label.bOptions input[type=checkbox],
div.charsheet > div.content div.topLeft div.affichage div.reaction label.bOptions input[type=checkbox],
div.charsheet > div.content div.topLeft div.affichage div.initiative label.bOptions input[type=checkbox] {
  width: 15px;
  height: 15px;
  position: absolute;
  opacity: 0;
  z-index: 99;
}
div.charsheet > div.content div.topLeft div.affichage div.defense label.bOptions input[type=checkbox] ~ span,
div.charsheet > div.content div.topLeft div.affichage div.reaction label.bOptions input[type=checkbox] ~ span,
div.charsheet > div.content div.topLeft div.affichage div.initiative label.bOptions input[type=checkbox] ~ span {
  width: 100%;
  height: 15px;
}
div.charsheet > div.content div.topLeft div.affichage div.defense label.bOptions input[type=checkbox] ~ span::before,
div.charsheet > div.content div.topLeft div.affichage div.reaction label.bOptions input[type=checkbox] ~ span::before,
div.charsheet > div.content div.topLeft div.affichage div.initiative label.bOptions input[type=checkbox] ~ span::before {
  display: flex;
  width: 100%;
  height: 15px;
  font-family: pictos;
  content: "y";
  opacity: 0.5;
  color: RGB(213, 215, 237);
  font-size: 15px;
  line-height: 15px;
}
div.charsheet > div.content div.topLeft div.affichage div.defense label.bOptions input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.topLeft div.affichage div.reaction label.bOptions input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.topLeft div.affichage div.initiative label.bOptions input[type=checkbox]:checked ~ span::before {
  opacity: 1;
}
div.charsheet > div.content div.topLeft div.affichage div.defense div.Options,
div.charsheet > div.content div.topLeft div.affichage div.reaction div.Options,
div.charsheet > div.content div.topLeft div.affichage div.initiative div.Options {
  display: none;
}
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options,
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options,
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options {
  display: flex;
  height: min-content;
  position: absolute;
  width: 325px;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
  position: absolute;
  margin-top: 28px;
  margin-left: -1px;
  z-index: 100;
  flex-wrap: wrap;
}
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div,
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div,
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div {
  width: 100%;
  justify-content: space-between;
  height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div span,
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div span,
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div span {
  display: flex;
  justify-content: center;
  align-items: center;
  background: RGB(213, 215, 237);
  color: black;
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
}
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div span.dice,
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div span.dice,
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div span.dice {
  width: 33px;
}
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div span.signe,
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div span.signe,
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div span.signe {
  width: 11px;
}
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div span.titleSimple,
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div span.titleSimple,
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div span.titleSimple {
  width: calc(23.3333333333% - 11px);
}
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div span.titleDouble,
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div span.titleDouble,
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div span.titleDouble {
  width: calc(23.3333333333% - 11px);
}
div.charsheet > div.content div.topLeft div.affichage div.defense input[type=hidden][value="1"] ~ div.Options div input[type=number],
div.charsheet > div.content div.topLeft div.affichage div.reaction input[type=hidden][value="1"] ~ div.Options div input[type=number],
div.charsheet > div.content div.topLeft div.affichage div.initiative input[type=hidden][value="1"] ~ div.Options div input[type=number] {
  width: calc(23.3333333333% - 11px);
  text-align: center;
  padding: 0px;
  height: 28px;
  border: 0px;
}
div.charsheet > div.content div.topRight {
  display: flex;
  width: calc(50% - 5px);
  flex-wrap: wrap;
}
div.charsheet > div.content div.topRight div.topLine {
  margin-left: auto;
  width: 200px;
}
div.charsheet > div.content div.topRight div.topLine label.selector {
  position: relative;
  width: 130px;
  height: 22px;
  margin-right: auto;
}
div.charsheet > div.content div.topRight div.topLine label.selector input[type=radio] {
  display: none;
  width: 100%;
  height: 22px;
  position: absolute;
  z-index: 99;
  opacity: 0;
}
div.charsheet > div.content div.topRight div.topLine label.selector span {
  display: none;
  width: 100%;
}
div.charsheet > div.content div.topRight div.topLine label.selector span::before {
  display: flex;
  width: 100%;
  content: attr(title);
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
  line-height: 20px;
}
div.charsheet > div.content div.topRight div.topLine label.selector input[type=hidden][value="0"] ~ .fichePJ, div.charsheet > div.content div.topRight div.topLine label.selector input[type=hidden][value="1"] ~ .fichePNJ, div.charsheet > div.content div.topRight div.topLine label.selector input[type=hidden][value="2"] ~ .ficheCreature, div.charsheet > div.content div.topRight div.topLine label.selector input[type=hidden][value="3"] ~ .ficheBande, div.charsheet > div.content div.topRight div.topLine label.selector input[type=hidden][value="4"] ~ .ficheVehicule {
  display: block;
}
div.charsheet > div.content div.topRight div.topLine div.settings {
  position: absolute;
  width: 200px;
  min-width: 200px;
  height: 23px;
  flex-wrap: wrap;
}
div.charsheet > div.content div.topRight div.topLine div.settings label.config {
  position: absolute;
  width: 23px;
  height: 23px;
  right: 0;
}
div.charsheet > div.content div.topRight div.topLine div.settings label.config span {
  width: 23px;
  height: 23px;
}
div.charsheet > div.content div.topRight div.topLine div.settings label.config span::before {
  content: "y";
  color: RGB(93, 111, 179);
  font-family: "pictos";
  font-variant: initial;
  font-size: 26px;
  line-height: 23px;
  height: 23px;
  width: 23px;
  display: block;
  text-align: center;
  opacity: 0.5;
}
div.charsheet > div.content div.topRight div.topLine div.settings label.config input[type=checkbox] {
  position: absolute;
  width: 23px;
  height: 23px;
  opacity: 0;
  z-index: 999;
}
div.charsheet > div.content div.topRight div.topLine div.settings label.config input[type=checkbox]:checked ~ span::before {
  opacity: 1;
}
div.charsheet > div.content div.topRight div.topLine div.settings input[type=hidden][value="1"] ~ div.config {
  display: flex;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config {
  display: none;
  position: absolute;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 400px;
  padding: 5px;
  background: RGB(213, 215, 237);
  border: 1px solid black;
  border-radius: 5px;
  right: 0px;
  z-index: 9999;
  margin-right: 13px;
  margin-top: 13px;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div {
  flex-grow: 1;
  align-items: center;
  padding: 2px;
  font-size: 10px;
  min-height: 24px;
  line-height: 20px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label {
  display: flex;
  margin: 0;
  padding: 0;
  width: auto;
  font: inherit;
  justify-content: space-between;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label span {
  font: inherit;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label select {
  min-width: 80px;
  width: auto;
  margin: 0 0 0 0;
  padding: 0;
  height: 20px;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label input[type=checkbox] {
  margin-right: 5px;
  width: 20px;
  height: 20px;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label.plainText span {
  width: 100%;
  font-weight: bold;
  justify-content: center;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label.plainText span:nth-of-type(2) {
  font-variant: small-caps;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label.plainText textarea {
  height: 50px;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div label.plainText button[type=action] {
  width: 100%;
  padding: 0px;
  justify-content: center;
  font-variant: small-caps;
  border: 1px solid black;
  font-weight: bold;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.full {
  width: 100%;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.half {
  width: calc(50% - 4px);
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea label {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea label span {
  display: flex;
  width: 100%;
  justify-content: center;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea label span:first-of-type {
  font-weight: bold;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea label span:last-of-type {
  font-weight: normal;
  font-variant: small-caps;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea label textarea {
  height: 50px;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 0px;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.textarea button[type=action] {
  width: 100%;
  padding: 0px;
  justify-content: center;
  font-variant: small-caps;
  border: 1px solid black;
  font-weight: bold;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.armorCustom {
  display: none;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config div.armorCustom input {
  padding: 0px;
  width: 100%;
  padding-left: 5px;
  border: 0px;
  background: white;
}
div.charsheet > div.content div.topRight div.topLine div.settings div.config input[type=hidden].armorCustom[value=personnalise] ~ div.armorCustom {
  display: block;
}
div.charsheet > div.content div.topRight div.menu {
  display: flex;
  width: 100%;
  min-width: 127px;
  flex-wrap: wrap;
  margin-top: 10px;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.topRight div.menu button[type=action] {
  padding: 0px;
  width: 126px;
  height: 26px;
  margin-left: 4px;
  margin-bottom: 2px;
  justify-content: center;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.topRight div.menu input[type=hidden].heroisme[value="1"] ~ div button[type=action].heroisme, div.charsheet > div.content div.topRight div.menu input[type=hidden].heroisme[value="2"] ~ div button[type=action].heroisme {
  display: flex;
}
div.charsheet > div.content div.topRight div.menu input[type=hidden].ia[value="1"] ~ div button[type=action].ia {
  display: flex;
}
div.charsheet > div.content div.topRight div.menu input[type=hidden].ia-incarnee[value="1"] ~ div button[type=action].ia-incarnee {
  display: flex;
}
div.charsheet > div.content div.topRight div.menu input[type=hidden].vehicule[value="1"] ~ div button[type=action].vehicule {
  display: flex;
}
div.charsheet > div.content div.topRight div.menu input[type=hidden].art[value="1"] ~ div button[type=action].art {
  display: flex;
}
div.charsheet > div.content div.topRight div.menu input[type=hidden].modulePNJ[value="1"] ~ div button[type=action].modulePNJ {
  display: flex;
}
div.charsheet > div.content div.topRight div.menu input[type=hidden].mechaArmures[value="1"] ~ div button[type=action].mechaArmures {
  display: flex;
}
div.charsheet > div.content div.topRight div.menu button[type=action].heroisme, div.charsheet > div.content div.topRight div.menu button[type=action].ia, div.charsheet > div.content div.topRight div.menu button[type=action].ia-incarnee, div.charsheet > div.content div.topRight div.menu button[type=action].vehicule, div.charsheet > div.content div.topRight div.menu button[type=action].art, div.charsheet > div.content div.topRight div.menu button[type=action].modulePNJ, div.charsheet > div.content div.topRight div.menu button[type=action].mechaArmures {
  display: none;
}
div.charsheet > div.content div.topRight div.menu > div {
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content input[type=hidden].popup[value="1"] ~ div.popup {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="1"] ~ div.popup div.popupChoixArmure {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="1"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="1"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="1"] ~ div.tab {
  opacity: 0.5;
}
div.charsheet > div.content input[type=hidden].popup[value="2"] ~ div.popup {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="2"] ~ div.popup div.popupResilience {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="2"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="2"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="2"] ~ div.tab {
  opacity: 0.5;
}
div.charsheet > div.content input[type=hidden].popup[value="3"] ~ div.popup {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="3"] ~ div.popup div.popupWarrior {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="3"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="3"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="3"] ~ div.tab {
  opacity: 0.5;
}
div.charsheet > div.content input[type=hidden].popup[value="4"] ~ div.popup {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="4"] ~ div.popup div.popupPriest {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="4"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="4"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="4"] ~ div.tab {
  opacity: 0.5;
}
div.charsheet > div.content input[type=hidden].popup[value="5"] ~ div.popup {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="5"] ~ div.popup div.popupWarmaster {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="5"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="5"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="5"] ~ div.tab {
  opacity: 0.5;
}
div.charsheet > div.content input[type=hidden].popup[value="6"] ~ div.popup {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="6"] ~ div.popup div.popupPsion {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="6"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="6"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="6"] ~ div.tab {
  opacity: 0.5;
}
div.charsheet > div.content input[type=hidden].popup[value="7"] ~ div.popup {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="7"] ~ div.popup div.popupWarlock {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="7"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="7"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="7"] ~ div.tab {
  opacity: 0.5;
}
div.charsheet > div.content input[type=hidden].popup[value="8"] ~ div.popup {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="8"] ~ div.popup div.popupDruid {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="8"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="8"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="8"] ~ div.tab {
  opacity: 0.5;
}
div.charsheet > div.content input[type=hidden].popup[value="9"] ~ div.popup {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="9"] ~ div.popup div.popupWarmasterWarlord {
  display: flex;
}
div.charsheet > div.content input[type=hidden].popup[value="9"] ~ div.topLeft, div.charsheet > div.content input[type=hidden].popup[value="9"] ~ div.topRight, div.charsheet > div.content input[type=hidden].popup[value="9"] ~ div.tab {
  opacity: 0.5;
}
div.charsheet > div.content div.popup {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 852px;
  height: 100%;
  z-index: 999;
}
div.charsheet > div.content div.popup div {
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  display: none;
  position: absolute;
  width: 200px;
  height: 130px;
  border: 1px solid black;
  left: calc(50% - 110px);
  top: calc(50% - 100px);
  background: RGB(93, 111, 179);
  z-index: 99;
  flex-wrap: wrap;
  padding: 20px;
  border-radius: 30px;
  align-content: center;
}
div.charsheet > div.content div.popup div h1.titre {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.popup div div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.popup div h1 {
  display: flex;
  border-top: 1px solid RGB(213, 215, 237);
  border-right: 1px solid RGB(213, 215, 237);
  border-left: 1px solid RGB(213, 215, 237);
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.popup div select {
  width: 100%;
  text-align: center;
  border: 0px;
}
div.charsheet > div.content div.popup div select:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.popup div input.personnalise {
  display: none;
  padding: 0px;
  width: 100%;
  border: 0px;
  background: white;
  text-align: center;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.popup div input.armorCustom[value=personnalise] ~ input.personnalise {
  display: block;
}
div.charsheet > div.content div.popup div span {
  word-break: break-word;
  text-align: justify;
  font-size: 12px;
  font-variant: small-caps;
  color: white;
  border-left: 1px solid RGB(213, 215, 237);
  border-right: 1px solid RGB(213, 215, 237);
  padding: 2px;
}
div.charsheet > div.content div.popup div button[type=action] {
  width: 100%;
  height: 23px;
  color: black;
  padding: 0px;
  justify-content: center;
  align-items: center;
  background: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
  border-right: 1px solid RGB(213, 215, 237);
  border-left: 1px solid RGB(213, 215, 237);
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.popup div button[type=action]:hover {
  box-shadow: inset 1px 1px 2px 2px black;
}
div.charsheet > div.content div.tabDossier {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
}
div.charsheet > div.content div.tabDossier div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(50% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabDossier div.identite {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabDossier div.identite h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabDossier div.identite div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.identite div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabDossier div.identite div.titre button[type=action].rollSpecial {
  width: 98px;
  height: 23px;
  color: black;
  padding: 0px;
  margin-top: auto;
  margin-right: 0px;
  margin-bottom: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  background: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  z-index: 50;
}
div.charsheet > div.content div.tabDossier div.identite div.titre button[type=action].rollSpecial::before {
  content: "";
}
div.charsheet > div.content div.tabDossier div.identite div.titre button[type=action].rollSpecial:hover {
  box-shadow: inset 1px 1px 2px 2px black;
}
div.charsheet > div.content div.tabDossier div.identite label.fakeButton {
  position: relative;
  width: 140px;
  height: 22px;
  font-size: 14px;
  align-self: center;
}
div.charsheet > div.content div.tabDossier div.identite label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabDossier div.identite label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 22px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabDossier div.identite label.fakeButton span {
  display: flex;
  height: 20px;
}
div.charsheet > div.content div.tabDossier div.identite label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 20px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(213, 215, 237);
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabDossier div.identite > label {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
  background: RGB(213, 215, 237);
  color: black;
  font-size: 14px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.identite > label span {
  display: inline-block;
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabDossier div.identite > label input[type=text],
div.charsheet > div.content div.tabDossier div.identite > label select {
  display: inline-block;
  width: 50%;
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabDossier div.identite div.button {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
  background: RGB(213, 215, 237);
  color: black;
  font-size: 14px;
}
div.charsheet > div.content div.tabDossier div.identite div.button div {
  width: 75%;
}
div.charsheet > div.content div.tabDossier div.identite div.button div > span {
  display: flex;
  width: max-content;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  margin-right: 5px;
}
div.charsheet > div.content div.tabDossier div.identite div.button div label.fakeButton {
  font-size: 12px;
}
div.charsheet > div.content div.tabDossier div.identite div.button div label.fakeButton span:last-of-type {
  display: none;
}
div.charsheet > div.content div.tabDossier div.identite div.button div label.fakeButton input[type=checkbox]:checked ~ span:first-of-type {
  display: none;
}
div.charsheet > div.content div.tabDossier div.identite div.button div label.fakeButton input[type=checkbox]:checked ~ span:last-of-type {
  display: flex;
}
div.charsheet > div.content div.tabDossier div.identite div.button div label.fakeButton input[type=checkbox]:checked ~ span:last-of-type::before {
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabDossier div.identite div.button input[type=number] {
  display: inline-block;
  width: 25%;
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabDossier div.identite .repeating {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabDossier div.identite .repeating .repcontainer {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabDossier div.identite .repeating .repcontainer .repitem {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.identite .repeating .repcontrol {
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabDossier div.identite .armurePorte {
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=choix] ~ button[type=action].choix, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=barbarian] ~ button[type=action].barbarian, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=bard] ~ button[type=action].bard, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=berserk] ~ button[type=action].berserk, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=druid] ~ button[type=action].druid, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=monk] ~ button[type=action].monk, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=necromancer] ~ button[type=action].necromancer, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=paladin] ~ button[type=action].paladin, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=priest] ~ button[type=action].priest, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=psion] ~ button[type=action].psion, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=ranger] ~ button[type=action].ranger, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=rogue] ~ button[type=action].rogue, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=shaman] ~ button[type=action].shaman, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=sorcerer] ~ button[type=action].sorcerer, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=warlock] ~ button[type=action].warlock, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=warmaster] ~ button[type=action].warmaster, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=warrior] ~ button[type=action].warrior, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=wizard] ~ button[type=action].wizard, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=personnalise] ~ button[type=action].personnalise {
  display: flex;
}
div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=sans] ~ button[type=action].sans, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=guardian] ~ button[type=action].guardian, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=barbarian] ~ button[type=action].barbarian, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=bard] ~ button[type=action].bard, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=berserk] ~ button[type=action].berserk, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=druid] ~ button[type=action].druid, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=monk] ~ button[type=action].monk, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=necromancer] ~ button[type=action].necromancer, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=paladin] ~ button[type=action].paladin, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=priest] ~ button[type=action].priest, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=psion] ~ button[type=action].psion, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=ranger] ~ button[type=action].ranger, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=rogue] ~ button[type=action].rogue, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=shaman] ~ button[type=action].shaman, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=sorcerer] ~ button[type=action].sorcerer, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=warlock] ~ button[type=action].warlock, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=warmaster] ~ button[type=action].warmaster, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=warrior] ~ button[type=action].warrior, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=wizard] ~ button[type=action].wizard, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].porte[value=personnalise] ~ button[type=action].personnalise {
  background: RGB(93, 111, 179);
  color: white;
  border: 2px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabDossier div.identite .armurePorte button[type=action] {
  height: 28px;
  color: black;
  padding: 0px;
  margin-right: 2px;
  margin-left: 2px;
  justify-content: center;
  align-items: center;
  background: RGB(213, 215, 237);
  border: 2px solid RGB(93, 111, 179);
  font-size: 14px;
  font-variant: small-caps;
  font-weight: bold;
  z-index: 50;
}
div.charsheet > div.content div.tabDossier div.identite .armurePorte button[type=action].principalA {
  display: none;
  width: calc(100% - 15px);
  margin-bottom: 2px;
  margin-top: 2px;
}
div.charsheet > div.content div.tabDossier div.identite .armurePorte button[type=action].principalB {
  display: none;
  width: calc(33.3333333333% - 15px);
  margin-top: 2px;
  margin-bottom: 2px;
}
div.charsheet > div.content div.tabDossier div.identite .armurePorte button[type=action].secondaire {
  display: flex;
  width: calc(33.3333333333% - 15px);
  margin-top: 2px;
  margin-bottom: 2px;
}
div.charsheet > div.content div.tabDossier div.identite .armurePorte button[type=action]:hover {
  box-shadow: inset 1px 1px 2px 2px black;
}
div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=necromancer] ~ button[type=action].secondaire, div.charsheet > div.content div.tabDossier div.identite .armurePorte input[type=hidden].choixArmure[value=sorcerer] ~ button[type=action].secondaire {
  display: none;
}
div.charsheet > div.content div.tabDossier div.jet {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabDossier div.jet h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabDossier div.jet div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.jet div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabDossier div.jet div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabDossier div.jet div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabDossier div.jet div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabDossier div.jet button[type=roll].rollDice,
div.charsheet > div.content div.tabDossier div.jet button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabDossier div.jet button[type=roll].rollDice::before,
div.charsheet > div.content div.tabDossier div.jet button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabDossier div.jet button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabDossier div.jet button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabDossier div.jet select {
  border: 0px;
}
div.charsheet > div.content div.tabDossier div.jet label {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabDossier div.jet label span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabDossier div.jet label input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabDossier div.jet div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.jet div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabDossier div.jet div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.jet div.rollPNJ {
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.jet div.rollPNJ select {
  width: 100%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabDossier div.jet div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.jet div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabDossier div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.dataArmure {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabDossier div.dataArmure h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabDossier div.dataArmure div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.dataArmure div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabDossier div.dataArmure div.titre button[type=action].actionSpecial {
  width: 98px;
  height: 23px;
  color: black;
  padding: 0px;
  margin-top: auto;
  margin-right: 0px;
  margin-bottom: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  background: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  z-index: 50;
}
div.charsheet > div.content div.tabDossier div.dataArmure div.titre button[type=action].actionSpecial::before {
  content: "";
}
div.charsheet > div.content div.tabDossier div.dataArmure div.titre button[type=action].actionSpecial:hover {
  box-shadow: inset 1px 1px 2px 2px black;
}
div.charsheet > div.content div.tabDossier div.dataArmure input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabDossier div.dataArmure h1.titre span {
  text-transform: capitalize;
}
div.charsheet > div.content div.tabDossier div.dataArmure div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabDossier div.dataArmure div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabDossier div.dataArmure div.ligneTitre span:first-of-type {
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabDossier div.dataArmure div.ligneTitre span:not(:first-of-type) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne3 div {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne1 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne1 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne1 div {
  width: 23%;
}
div.charsheet > div.content div.tabDossier div.dataArmure div.ligne1 div:nth-of-type(1), div.charsheet > div.content div.tabDossier div.dataArmure div.ligne1 div:nth-of-type(2) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.physiqueMental {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabDossier div.physiqueMental h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabDossier div.physiqueMental div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.physiqueMental input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligneTitre span:first-of-type {
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligneTitre span:not(:first-of-type) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabDossier div.physiqueMental div.ligne3 div {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.egide {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabDossier div.egide h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabDossier div.egide div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.egide div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabDossier div.egide button[type=roll].rollDice,
div.charsheet > div.content div.tabDossier div.egide button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabDossier div.egide button[type=roll].rollDice::before,
div.charsheet > div.content div.tabDossier div.egide button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabDossier div.egide button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabDossier div.egide button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabDossier div.egide input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabDossier div.egide div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabDossier div.egide div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabDossier div.egide div.ligneTitre span:first-of-type {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabDossier div.egide div.ligneTitre span:not(:first-of-type) {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.egide div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.egide div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabDossier div.egide div.ligne3 div:first-of-type {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabDossier div.egide div.ligne3 div:not(:first-of-type) {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.PES {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabDossier div.PES h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabDossier div.PES div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.PES input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabDossier div.PES div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabDossier div.PES div.ligneTitre span {
  display: flex;
  width: 33.3333333333%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabDossier div.PES div.ligneTitre span:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.PES div.ligne2 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.PES div.ligne2 span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  width: calc(33.3333333333% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabDossier div.PES div.ligne2 div {
  width: 33.3333333333%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.PES div.resilience {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.PES div.resilience div span {
  display: flex;
  width: calc(100% - 70px);
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabDossier div.PES div.resilience div:first-of-type {
  width: calc(33.3333333333% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabDossier div.PES div.resilience div:first-of-type button[type=action] {
  width: 68px;
  height: 26px;
  padding: 0px;
  justify-content: center;
  align-items: center;
  background: RGB(93, 111, 179);
  border: 1px solid RGB(213, 215, 237);
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  color: white;
}
div.charsheet > div.content div.tabDossier div.PES div.resilience div:first-of-type button[type=action]:hover {
  box-shadow: inset 1px 1px 2px 2px black;
}
div.charsheet > div.content div.tabDossier div.PES div.resilience div:not(:first-of-type) {
  width: 33.3333333333%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.debordement {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabDossier div.debordement h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabDossier div.debordement div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.debordement div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabDossier div.debordement button[type=roll].rollDice,
div.charsheet > div.content div.tabDossier div.debordement button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabDossier div.debordement button[type=roll].rollDice::before,
div.charsheet > div.content div.tabDossier div.debordement button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabDossier div.debordement button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabDossier div.debordement button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabDossier div.debordement input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabDossier div.debordement div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabDossier div.debordement div.ligneTitre span {
  display: flex;
  width: 50%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabDossier div.debordement div.ligneTitre span:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.debordement div.ligne2 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.debordement div.ligne2 span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  width: 50%;
  padding-left: 2px;
}
div.charsheet > div.content div.tabDossier div.debordement div.ligne2 div {
  width: 50%;
}
div.charsheet > div.content div.tabDossier div.debordement div.ligne2 div:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.stats {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabDossier div.stats h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabDossier div.stats div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.stats h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabDossier div.stats div.ligne {
  display: flex;
  justify-content: space-between;
}
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ {
  width: 60%;
  flex-wrap: wrap;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div label {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div label span {
  display: flex;
  width: calc(100% - 52px);
  font-size: 14px;
  padding-left: 2px;
  line-height: 28px;
  align-items: center;
  font-weight: bold;
}
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div label input[type=number] {
  width: 50px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border: 0px;
}
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div label:first-of-type {
  width: 60%;
}
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div label:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
  width: 40%;
}
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePJ div:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePNJ {
  width: 60%;
  flex-wrap: wrap;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePNJ span {
  display: flex;
  width: 100%;
  line-height: 28px;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabDossier div.stats div.ligne div.fichePNJ select {
  width: 100%;
  height: 29px;
  text-align: center;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
  padding: 0px;
}
div.charsheet > div.content div.tabDossier div.stats input[type=number].aspect {
  width: 40%;
  text-align: center;
  padding: 0px;
  border: 0px;
  height: 87px;
  font-size: 48px;
  font-weight: bold;
}
div.charsheet > div.content div.tabDossier div.stats div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.ptsFaibles {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabDossier div.ptsFaibles h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabDossier div.ptsFaibles div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabDossier div.col > div:not(:first-of-type) {
  margin-top: 10px;
}
div.charsheet > div.content div.tabArmure {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(50% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabArmure div.dataArmure {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.dataArmure h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.dataArmure div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.dataArmure div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.dataArmure div.titre button[type=action].actionSpecial {
  width: 98px;
  height: 23px;
  color: black;
  padding: 0px;
  margin-top: auto;
  margin-right: 0px;
  margin-bottom: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  background: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  z-index: 50;
}
div.charsheet > div.content div.tabArmure div.dataArmure div.titre button[type=action].actionSpecial::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.dataArmure div.titre button[type=action].actionSpecial:hover {
  box-shadow: inset 1px 1px 2px 2px black;
}
div.charsheet > div.content div.tabArmure div.dataArmure div.titre,
div.charsheet > div.content div.tabArmure div.dataArmure h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.dataArmure h1.titre {
  text-transform: capitalize;
}
div.charsheet > div.content div.tabArmure div.dataArmure input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.dataArmure div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.dataArmure div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.dataArmure div.ligneTitre span:first-of-type {
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabArmure div.dataArmure div.ligneTitre span:not(:first-of-type) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne3 div {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne1 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne1 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne1 div {
  width: 23%;
}
div.charsheet > div.content div.tabArmure div.dataArmure div.ligne1 div:nth-of-type(1), div.charsheet > div.content div.tabArmure div.dataArmure div.ligne1 div:nth-of-type(2) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererPE {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
}
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.sorcererPE button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.sorcererPE h1 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.sorcererPE h1 {
  position: absolute;
  width: calc(100% - 2px);
  align-content: baseline;
  background: transparent;
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: left;
  font-size: 14px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.sorcererPE select {
  position: absolute;
  width: calc(50% - 28px);
  text-align: center;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  padding: 0px;
  right: 29px;
}
div.charsheet > div.content div.tabArmure div.physiqueMental {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.physiqueMental h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.physiqueMental div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.physiqueMental h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.physiqueMental input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligneTitre span:first-of-type {
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligneTitre span:not(:first-of-type) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabArmure div.physiqueMental div.ligne3 div {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.egide {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.egide h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.egide div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.egide div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.egide button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.egide button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.egide button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.egide button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.egide button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.egide button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.egide div.titre,
div.charsheet > div.content div.tabArmure div.egide h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.egide input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.egide div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.egide div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.egide div.ligneTitre span:first-of-type {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabArmure div.egide div.ligneTitre span:not(:first-of-type) {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.egide div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.egide div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabArmure div.egide div.ligne3 div:first-of-type {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabArmure div.egide div.ligne3 div:not(:first-of-type) {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.evolution {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabArmure div.evolution h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.evolution div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton {
  position: relative;
  width: 100px;
  height: 21px;
  font-size: 14px;
  align-self: center;
}
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 21px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton span {
  display: flex;
  height: 21px;
}
div.charsheet > div.content div.tabArmure div.evolution label.fakeButton span::before {
  display: flex;
  width: calc(100% - 2px);
  line-height: 21px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.evolution h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneStd {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneStd div {
  display: flex;
  width: calc(100% - 104px);
  flex-wrap: wrap;
  padding-left: 4px;
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneStd div b {
  min-width: max-content;
  font-weight: bold;
  font-size: 14px;
  padding-right: 2px;
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneStd div span {
  display: inline-block;
  font-size: 14px;
  text-align: justify;
  padding-right: 4px;
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneStd:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc label.ligne1 {
  display: flex;
  background: RGB(213, 215, 237);
  width: 100%;
  font-size: 14px;
  height: 28px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc label.ligne1 span {
  width: calc(50% - 2px);
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc label.ligne1 input[type=number] {
  width: 50%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding: 0px;
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 {
  display: flex;
  background: RGB(213, 215, 237);
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 label {
  display: flex;
  font-size: 14px;
  height: auto;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 label span {
  display: flex;
  width: 100%;
  color: black;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  justify-content: center;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 label input[type=number] {
  width: 100%;
  color: black;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding: 0px;
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 label:first-of-type {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabArmure div.evolution div.ligneSpc div.ligne3 label:not(:first-of-type) {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.MALegende {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  border: 1px solid RGB(93, 111, 179) !important;
}
div.charsheet > div.content div.tabArmure div.MALegende h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.MALegende div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.MALegende h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MALegende div.info {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.MALegende div.info div.autoex textarea {
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button input[type=hidden][value="1"] ~ button[type=action].passive {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button input[type=hidden][value="2"] ~ button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button > button[type=action] {
  display: flex;
  justify-content: center;
  margin: 0px;
  padding: 0px;
  height: 24px;
  font-size: 14px;
  font-weight: bold;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  position: relative;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 24px;
}
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button > button[type=action]:first-of-type {
  width: calc(50% - 50px);
}
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button > button[type=action]:last-of-type {
  width: calc(50% - 50px - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button div {
  display: flex;
  width: 100px;
  justify-content: space-between;
  border-left: 1px solid black;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button div button[type=action] {
  width: 20px;
  padding: 0px;
  font-weight: bold;
  background: RGB(93, 111, 179);
  color: white;
  border-color: RGB(213, 215, 237);
  border-width: 1px;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.MALegende div.capaciteUltime div.button div input[type=number] {
  width: 77px;
  height: 25px;
  border: 0px;
  padding: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.AEBlock {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.AEBlock div.AE {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  display: none;
}
div.charsheet > div.content div.tabArmure div.AEBlock div.AE h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.AEBlock div.AE h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div {
  display: none;
  justify-content: space-between;
  width: 100%;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div span {
  display: flex;
  font-size: 14px;
  color: black;
}
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div span:first-of-type {
  width: 70px;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  line-height: 28px;
}
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div span:last-of-type {
  width: calc(100% - 70px - 4px - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  text-align: justify;
  padding: 2px;
}
div.charsheet > div.content div.tabArmure div.AEBlock div.AE div:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="1"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="1"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="2"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="2"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="3"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="3"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="4"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="4"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="5"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="5"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="6"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="6"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="7"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="7"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="8"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="8"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="9"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="9"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="10"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="10"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="11"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="11"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="12"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="12"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="13"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="13"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="14"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="14"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="15"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="15"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="16"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="16"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="17"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="17"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="18"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="18"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="19"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="19"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="20"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMineur[value="20"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="1"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="1"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="2"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="2"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="3"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="3"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="4"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="4"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="5"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="5"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="6"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="6"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="7"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="7"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="8"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="8"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="9"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="9"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="10"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="10"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="11"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="11"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="12"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="12"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="13"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="13"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="14"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="14"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="15"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="15"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="16"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="16"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="17"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="17"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="18"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="18"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="19"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="19"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="20"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="20"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="1"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="1"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="2"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="2"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="3"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="3"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="4"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="4"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="5"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="5"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="6"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="6"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="7"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="7"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="8"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="8"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="9"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="9"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="10"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="10"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="11"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="11"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="12"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="12"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="13"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="13"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="14"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="14"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="15"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="15"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="16"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="16"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="17"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="17"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="18"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="18"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="19"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="19"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="20"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="20"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="1"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="1"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="2"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="2"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="3"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="3"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="4"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="4"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="5"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="5"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="6"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="6"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="7"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="7"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="8"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="8"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="9"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="9"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="10"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="10"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="11"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="11"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="12"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="12"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="13"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="13"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="14"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="14"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="15"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="15"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="16"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="16"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="17"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="17"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="18"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="18"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="19"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="19"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="20"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMineur[value="20"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="1"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="1"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="2"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="2"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="3"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="3"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="4"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="4"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="5"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="5"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="6"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="6"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="7"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="7"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="8"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="8"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="9"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="9"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="10"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="10"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="11"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="11"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="12"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="12"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="13"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="13"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="14"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="14"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="15"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="15"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="16"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="16"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="17"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="17"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="18"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="18"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="19"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="19"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="20"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="20"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.AEBlock > div:not(:first-of-type) {
  margin-top: 10px;
}
div.charsheet > div.content div.tabArmure div.styleCombat {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.styleCombat h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.styleCombat div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.styleCombat h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.styleCombat select {
  width: 100%;
  padding: 0px;
  border: 0px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.styleCombat div.puissant {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  border-bottom: 1px solid RGB(93, 111, 179);
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.styleCombat div.puissant span {
  width: 70px;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 2px;
  color: black;
}
div.charsheet > div.content div.tabArmure div.styleCombat div.puissant select {
  width: calc(50% - 35px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.styleCombat div.puissant input[type=number] {
  width: calc(50% - 35px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  border-bottom: 1px solid RGB(93, 111, 179);
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression label {
  display: flex;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression label span {
  width: 150px;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 2px;
  color: black;
}
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression label input[type=number] {
  width: calc(100% - 150px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression label:first-of-type {
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.styleCombat div.suppression label:not(:first-of-type) {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.styleCombat input[type=hidden][value=puissant] ~ div.puissant {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.styleCombat input[type=hidden][value=suppression] ~ div.suppression {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.herauts {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.herauts h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.herauts div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.herauts h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.herauts div {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  flex-wrap: wrap;
  padding-right: 2px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.herauts div button[type=action] {
  display: flex;
  width: calc(50% - 5px);
  background: RGB(213, 215, 237);
  color: black;
  justify-content: center;
  border: 1px solid black;
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
}
div.charsheet > div.content div.tabArmure div.herauts div button[type=action]:nth-of-type(3) {
  margin-left: auto;
  margin-right: auto;
}
div.charsheet > div.content div.tabArmure div.herauts div input[type=hidden].devasterAnatheme[value="1"] ~ button[type=action].devasterAnatheme, div.charsheet > div.content div.tabArmure div.herauts div input[type=hidden].bourreauTenebres[value="1"] ~ button[type=action].bourreauTenebres, div.charsheet > div.content div.tabArmure div.herauts div input[type=hidden].equilibreBalance[value="1"] ~ button[type=action].equilibreBalance {
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath span {
  display: flex;
  font-size: 13px;
  font-weight: bold;
  padding-left: 2px;
  line-height: 28px;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath input[type=number],
div.charsheet > div.content div.tabArmure div.barbarianGoliath input[type=text] {
  text-align: center;
  padding: 0px;
  height: 28px;
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.ligne {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.ligne span {
  width: calc(50% - 2px);
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.ligne input[type=number] {
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col {
  display: flex;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col span {
  width: 100%;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col input[type=number],
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col input[type=text] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col:nth-of-type(even) {
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.col:nth-of-type(odd) {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.barbarianGoliath label.borderTop {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.bardChangeling {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.bardChangeling h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.bardChangeling div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.bardChangeling div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.bardChangeling div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.bardChangeling button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.bardChangeling div.titre,
div.charsheet > div.content div.tabArmure div.bardChangeling h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.bardChangeling div.firstTitre {
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.bardChangeling input[type=text] {
  text-align: center;
  padding: 0px;
  height: 28px;
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.bardChangeling div.bard250 {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.bardChangeling label.ligne {
  background: RGB(213, 215, 237);
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.bardChangeling label.ligne span {
  display: flex;
  width: calc(50% - 2px);
  font-size: 13px;
  font-weight: bold;
  padding-left: 2px;
  line-height: 28px;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.bardChangeling label.ligne input[type=text] {
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
}
div.charsheet > div.content div.tabArmure div.bardChangeling input[type=text] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.bardChangeling div.bard250,
div.charsheet > div.content div.tabArmure div.bardChangeling label.bard250,
div.charsheet > div.content div.tabArmure div.bardChangeling input[type=text].bard250 {
  display: none;
}
div.charsheet > div.content div.tabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ div.bard250, div.charsheet > div.content div.tabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ label.bard250, div.charsheet > div.content div.tabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ input[type=text].bard250 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.bardChangeling input[type=hidden].active[value^="{{modeChangeling"] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.berserkIllumination h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse button[type=action].active {
  width: 100px;
  height: 26px;
  margin-right: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.berserkIllumination button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.berserkIllumination div.button button[type=action] {
  display: flex;
  width: 100px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination h1.titre,
div.charsheet > div.content div.tabArmure div.berserkIllumination h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre,
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse {
  display: none;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre:not(:first-of-type),
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titre input[type=hidden][value=on] ~ button[type=action],
div.charsheet > div.content div.tabArmure div.berserkIllumination div.titreInverse input[type=hidden][value=on] ~ button[type=action] {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkIllumination label {
  display: none;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination label span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination label input[type=text],
div.charsheet > div.content div.tabArmure div.berserkIllumination label input[type=number] {
  width: 100%;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
  min-width: 0px;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination label.col1 {
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination label.col2 {
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination label.col2BL {
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkIllumination label.col3 {
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination label.col3BL {
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=text].ligne {
  display: none;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  min-width: 0px;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].blaze[value=on] ~ div.button button[type=action].blaze {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].blaze[value=on] ~ .blaze {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].candle[value=on] ~ div.button button[type=action].candle {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].candle[value=on] ~ .candle {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].beacon[value=on] ~ div.button button[type=action].beacon {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].beacon[value=on] ~ .beacon {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].torch[value=on] ~ div.button button[type=action].torch {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].torch[value=on] ~ .torch {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].projector[value=on] ~ div.button button[type=action].projector {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].projector[value=on] ~ .projector {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].lighthouse[value=on] ~ div.button button[type=action].lighthouse {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].lighthouse[value=on] ~ .lighthouse {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].lantern[value=on] ~ div.button button[type=action].lantern {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkIllumination input[type=hidden].lantern[value=on] ~ .lantern {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkRage {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.berserkRage h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.berserkRage h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.berserkRage button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.berserkRage button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.berserkRage button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.berserkRage button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.berserkRage button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.berserkRage button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.button button[type=action] {
  display: flex;
  width: 100px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.button,
div.charsheet > div.content div.tabArmure div.berserkRage div.passif,
div.charsheet > div.content div.tabArmure div.berserkRage div.niveaux,
div.charsheet > div.content div.tabArmure div.berserkRage div.N1,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 {
  display: none;
}
div.charsheet > div.content div.tabArmure div.berserkRage h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="1"] ~ div button[type=action].N1 {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="1"] ~ div.niveaux div.N1 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="2"] ~ div button[type=action].N2 {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="2"] ~ div.niveaux div.N2 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="3"] ~ div button[type=action].N3 {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].niveau[value="3"] ~ div.niveaux div.N3 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].active[value=on] ~ div button[type=action].rageActive {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.button, div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.passif, div.charsheet > div.content div.tabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.niveaux {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.button {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.espoir {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.espoir span {
  width: max-content;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.espoir button[type=action] {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif h2.titreBis {
  display: flex;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif h2.titreBis:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4 {
  display: flex;
  flex-wrap: wrap;
  width: 25%;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4 div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4 div input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4 div input[type=text] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4BL {
  display: flex;
  flex-wrap: wrap;
  width: calc(25% - 1px);
  background: RGB(213, 215, 237);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4BL div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4BL div input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.passif div.col4BL div input[type=text] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.niveaux {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 {
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2 {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2 span,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2 span,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2 input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2 input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2 input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2 input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2 input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2 input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2BL,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2BL,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2BL {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2BL span,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2BL span,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2BL input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col2BL input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2BL input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col2BL input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2BL input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col2BL input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3 {
  display: flex;
  flex-wrap: wrap;
  width: 33.3333333333%;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3 span,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3 span,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3 input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3 input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3 input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3 input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3 input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3 input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3BL,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3BL,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3BL {
  display: flex;
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3BL span,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3BL span,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3BL input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3BL input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3BL input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3BL input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3BL input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3BL input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3SBL,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3SBL,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3SBL {
  display: flex;
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3SBL span,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3SBL span,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3SBL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3SBL div,
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3SBL div,
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3SBL div {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3SBL div input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N1 label.col3SBL div input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3SBL div input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N2 label.col3SBL div input[type=number],
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3SBL div input[type=text],
div.charsheet > div.content div.tabArmure div.berserkRage div.N3 label.col3SBL div input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.berserkRage div.borderTop,
div.charsheet > div.content div.tabArmure div.berserkRage label.borderTop {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.effetsArmes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.effetsArmes h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.effetsArmes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.effetsArmes h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.effetsArmes select {
  width: 100%;
  padding: 0px;
  border: 0px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.effetsArmes span {
  display: flex;
  width: 100%;
  background-color: #f5f5f5;
  min-height: 28px;
  padding-right: 2px;
  padding-left: 2px;
  text-align: justify;
  white-space: pre-line;
}
div.charsheet > div.content div.tabArmure div.druidModJetCompagnons {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
}
div.charsheet > div.content div.tabArmure div.druidModJetCompagnons h1 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.druidModJetCompagnons h1 {
  position: absolute;
  width: calc(100% - 2px);
  align-content: baseline;
  background: transparent;
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: left;
  font-size: 14px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.druidModJetCompagnons input[type=text],
div.charsheet > div.content div.tabArmure div.druidModJetCompagnons input[type=number] {
  position: absolute;
  width: 30%;
  height: 28px;
  text-align: center;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  padding: 0px;
  right: 0px;
}
div.charsheet > div.content div.tabArmure div.information {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.information h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.information div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.information h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.information div.autoex textarea {
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.druidModCompanions {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.druidModCompanions h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.druidModCompanions div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.druidModCompanions div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.druidModCompanions div.titre select.liste {
  width: 70px;
  text-align: center;
  padding: 0px;
  border: 0px;
  height: 27px;
  margin-left: auto;
  z-index: 99;
}
div.charsheet > div.content div.tabArmure div.druidModCompanions div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.druidModCompanions div.button button[type=action] {
  display: flex;
  width: 100px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabArmure div.druidModCompanions div.titre,
div.charsheet > div.content div.tabArmure div.druidModCompanions h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.druidModCompanions div.titre {
  border-bottom: 0px;
}
div.charsheet > div.content div.tabArmure div.druidModCompanions input[type=hidden].choix[value=aucun] ~ .button button[type=action].aucun {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.druidModCompanions input[type=hidden].choix[value=lion] ~ .button button[type=action].lion {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.druidModCompanions input[type=hidden].choix[value=wolf] ~ .button button[type=action].wolf {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.druidModCompanions input[type=hidden].choix[value=crow] ~ .button button[type=action].crow {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.monkModeZen {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.monkModeZen h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.monkModeZen div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.monkModeZen div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.monkModeZen button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.monkModeZen div.titre,
div.charsheet > div.content div.tabArmure div.monkModeZen h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.monkModeZen div.ligne {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.monkModeZen div.ligne span {
  width: 70%;
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.monkModeZen div.ligne input[type=number] {
  width: 30%;
  text-align: center;
  border: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabArmure div.monkModeZen input[type=number].col2 {
  width: 50%;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
  border-right: 0px;
  border-bottom: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.monkModeZen input[type=number].col2:first-of-type {
  border-left: 0px;
}
div.charsheet > div.content div.tabArmure div.monkModeZen input[type=number].col2:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.monkModeCea {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.monkModeCea h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.monkModeCea button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre,
div.charsheet > div.content div.tabArmure div.monkModeCea h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.monkModeCea div.titre {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.monkModeCea select {
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2Special {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2Special span {
  width: calc(70% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.monkModeCea label.ligne2Special input[type=number] {
  width: 30%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.monkModeCea div.rollPJ {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.monkModeCea div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.monkModeCea div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.monkModeCea div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.monkModeCea div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4 {
  display: flex;
  width: 25%;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4BL {
  display: flex;
  width: calc(25% - 1px);
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4 span,
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4 input[type=number],
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4 input[type=text],
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4BL input[type=number],
div.charsheet > div.content div.tabArmure div.monkModeCea label.col4BL input[type=text] {
  width: 100%;
  min-width: 0px;
  border-top: 1px solid RGB(93, 111, 179);
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.monkModeCea input[type=text].ligne {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.paladinShrine {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.paladinShrine h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.paladinShrine div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.paladinShrine div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.paladinShrine div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.paladinShrine div.titre,
div.charsheet > div.content div.tabArmure div.paladinShrine h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3 {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3 input[type=number] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3BL {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.paladinShrine label.col3BL input[type=number] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.paladinShrine input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.paladinWatchtower {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.paladinWatchtower h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.paladinWatchtower div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.paladinWatchtower div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.paladinWatchtower div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.paladinWatchtower div.titre,
div.charsheet > div.content div.tabArmure div.paladinWatchtower h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.paladinWatchtower label.ligne {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.paladinWatchtower label.ligne span {
  display: flex;
  width: calc(50% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.paladinWatchtower label.ligne input[type=number] {
  width: 50%;
  border: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.paladinWatchtower input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.paladinLenteEtLourde {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.paladinLenteEtLourde h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.paladinLenteEtLourde div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.paladinLenteEtLourde h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.paladinLenteEtLourde span {
  background: RGB(213, 215, 237);
  width: 100%;
  padding: 2px;
  text-align: justify;
}
div.charsheet > div.content div.tabArmure input[type=hidden].paladinLeL[value=on] ~ div.paladinLenteEtLourde {
  display: none;
}
div.charsheet > div.content div.tabArmure div.priestMechanic {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.priestMechanic h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.priestMechanic div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.priestMechanic button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.priestMechanic h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.priestMechanic div {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.priestMechanic div span {
  width: calc(50% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.priestMechanic div input[type=text],
div.charsheet > div.content div.tabArmure div.priestMechanic div input[type=number] {
  position: absolute;
  width: calc(50% - 29px);
  height: 28px;
  text-align: center;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  padding: 0px;
  right: 29px;
}
div.charsheet > div.content div.tabArmure div.priestMechanic div:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.priestNanoC {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.priestNanoC h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.priestNanoC button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre,
div.charsheet > div.content div.tabArmure div.priestNanoC h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.priestNanoC div.titre {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.priestNanoC select {
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.priestNanoC label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.priestNanoC label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.priestNanoC label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.priestNanoC div.rollPJ {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.priestNanoC div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.priestNanoC div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.priestNanoC div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.priestNanoC div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure .psion150,
div.charsheet > div.content div.tabArmure .psion200 {
  display: none;
}
div.charsheet > div.content div.tabArmure input[type=hidden].psion150PG[value="0"] ~ div .psion150 {
  display: none !important;
}
div.charsheet > div.content div.tabArmure input[type=hidden].psion150PG[value=on] ~ div .psion150 {
  display: flex;
}
div.charsheet > div.content div.tabArmure input[type=hidden].psion200PG[value="0"] ~ div .psion200 {
  display: none !important;
}
div.charsheet > div.content div.tabArmure input[type=hidden].psion200PG[value=on] ~ div .psion200 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.psionPuppetMaster button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.titre,
div.charsheet > div.content div.tabArmure div.psionPuppetMaster h1.titre,
div.charsheet > div.content div.tabArmure div.psionPuppetMaster h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster select {
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
  display: none;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionDiscord {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.psionDiscord h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.psionDiscord h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.psionDiscord button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.titre,
div.charsheet > div.content div.tabArmure div.psionDiscord h1.titre,
div.charsheet > div.content div.tabArmure div.psionDiscord h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.psionDiscord select {
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.psionDiscord label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.psionDiscord label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.psionDiscord label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.rollPJ select {
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.rollPJ select:first-of-type {
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.rollPJ select:last-of-type {
  width: calc(50% - 29px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionDiscord div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
  display: none;
}
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3 {
  display: flex;
  width: 33.3333333333%;
  justify-content: space-between;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3 span {
  display: flex;
  justify-content: center;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3 input[type=text],
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3 input[type=number] {
  width: 100%;
  border: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3BL {
  display: flex;
  width: calc(33.3333333333% - 1px);
  justify-content: space-between;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3BL span {
  display: flex;
  justify-content: center;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3BL input[type=text],
div.charsheet > div.content div.tabArmure div.psionDiscord label.col3BL input[type=number] {
  width: 100%;
  border: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionDiscord input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.psionWindtalker {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.psionWindtalker h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.psionWindtalker h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.psionWindtalker div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.psionWindtalker h1.titre,
div.charsheet > div.content div.tabArmure div.psionWindtalker h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.psionWindtalker h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerVision {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.rangerVision h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.rangerVision div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerVision div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.rangerVision div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.rangerVision div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.rangerVision div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArmure div.rangerVision button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.rangerVision button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.rangerVision button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.rangerVision button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.rangerVision button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.rangerVision button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.rangerVision div.titre,
div.charsheet > div.content div.tabArmure div.rangerVision h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerVision div.titre {
  border-bottom: 0px;
}
div.charsheet > div.content div.tabArmure div.rangerVision select {
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.rangerVision div.rollPJ {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerVision div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.rangerVision div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerVision div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerVision div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.portee {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.portee h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.portee div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.portee h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.portee div.col5 {
  display: flex;
  justify-content: center;
  width: 20%;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.portee div.col5BL {
  display: flex;
  justify-content: center;
  width: calc(20% - 1px);
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.portee div.col5 span,
div.charsheet > div.content div.tabArmure div.portee div.col5BL span {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 14px;
  line-height: 28px;
}
div.charsheet > div.content div.tabArmure div.portee div.col5 span:first-of-type,
div.charsheet > div.content div.tabArmure div.portee div.col5BL span:first-of-type {
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.portee div.col5 span:last-of-type,
div.charsheet > div.content div.tabArmure div.portee div.col5BL span:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure label.BMJets {
  display: flex;
  background: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
}
div.charsheet > div.content div.tabArmure label.BMJets span {
  position: absolute;
  width: calc(100% - 2px);
  align-content: baseline;
  background: transparent;
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: left;
  font-size: 14px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure label.BMJets input[type=number] {
  position: absolute;
  width: 50%;
  height: 28px;
  text-align: center;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  padding: 0px;
  right: 0px;
}
div.charsheet > div.content div.tabArmure div.rogueGhost {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.rogueGhost h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.rogueGhost h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.rogueGhost button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.titre,
div.charsheet > div.content div.tabArmure div.rogueGhost h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rogueGhost select {
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.rogueGhost label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.rogueGhost label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.rogueGhost label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.rollPJ select {
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.rollPJ select:first-of-type {
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.rollPJ select:last-of-type {
  width: calc(50% - 29px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rogueGhost div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
  display: none;
}
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rogueGhost input[type=hidden].active[value^="{{modeGhost"] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation,
div.charsheet > div.content div.tabArmure div.jet {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation h1.titre,
div.charsheet > div.content div.tabArmure div.jet h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre,
div.charsheet > div.content div.tabArmure div.jet div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre h1.titre,
div.charsheet > div.content div.tabArmure div.jet div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL2,
div.charsheet > div.content div.tabArmure div.jet div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.jet div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL2,
div.charsheet > div.content div.tabArmure div.jet div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=action].rollDice,
div.charsheet > div.content div.tabArmure div.jet button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.jet button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=action].rollDice::before,
div.charsheet > div.content div.tabArmure div.jet button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.jet button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.shamanImpregnation button[type=action].rollDice:hover,
div.charsheet > div.content div.tabArmure div.jet button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.jet button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.titre,
div.charsheet > div.content div.tabArmure div.shamanImpregnation h1.titre,
div.charsheet > div.content div.tabArmure div.jet div.titre,
div.charsheet > div.content div.tabArmure div.jet h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation select,
div.charsheet > div.content div.tabArmure div.jet select {
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation label.ligne2,
div.charsheet > div.content div.tabArmure div.jet label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation label.ligne2 span,
div.charsheet > div.content div.tabArmure div.jet label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation label.ligne2 input[type=number],
div.charsheet > div.content div.tabArmure div.jet label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.rollPJ,
div.charsheet > div.content div.tabArmure div.jet div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.rollPJ select,
div.charsheet > div.content div.tabArmure div.jet div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.rollPJ select:last-of-type,
div.charsheet > div.content div.tabArmure div.jet div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.rollPNJ,
div.charsheet > div.content div.tabArmure div.jet div.rollPNJ {
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.rollPNJ select,
div.charsheet > div.content div.tabArmure div.jet div.rollPNJ select {
  width: 100%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.bonusCarac,
div.charsheet > div.content div.tabArmure div.jet div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation div.bonusCarac select,
div.charsheet > div.content div.tabArmure div.jet div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac,
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type,
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2,
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac,
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type,
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type,
div.charsheet > div.content div.tabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanTotem {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.shamanTotem h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.shamanTotem div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanTotem h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.shamanTotem label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanTotem label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.shamanTotem label.ligne2 input[type=number],
div.charsheet > div.content div.tabArmure div.shamanTotem label.ligne2 select {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.shamanTotem label.totem1,
div.charsheet > div.content div.tabArmure div.shamanTotem label.totem2,
div.charsheet > div.content div.tabArmure div.shamanTotem label.totem3 {
  display: none;
}
div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="1"] ~ label.totem1 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="2"] ~ label.totem1, div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="2"] ~ label.totem2 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem1, div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem2, div.charsheet > div.content div.tabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem3 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.shamanAscension {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.shamanAscension h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.shamanAscension div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanAscension div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.shamanAscension div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.shamanAscension div.titre,
div.charsheet > div.content div.tabArmure div.shamanAscension h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.shamanAscension input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligneTitre {
  display: none;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligneTitre span:first-of-type {
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligneTitre span:not(:first-of-type) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanAscension label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.shamanAscension label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.shamanAscension label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligne3 {
  display: none;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabArmure div.shamanAscension div.ligne3 div {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.ligne3, div.charsheet > div.content div.tabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.ligneTitre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.col > div.choixShaman {
  width: 100%;
  margin-bottom: 0px;
}
div.charsheet > div.content div.tabArmure div.col > div.choixShaman > * {
  width: 100%;
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabArmure input[type=hidden].choixShaman[value=shaman] ~ div.choixShaman {
  display: flex;
}
div.charsheet > div.content div.tabArmure input[type=hidden].choixShaman[value=shaman] ~ div.choixShaman input[type=hidden].PG200[value="1"] ~ div.shaman {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabArmure div.sorcererMorph h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis h2.titreBis {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton {
  position: relative;
  width: 102px;
  height: 27px;
  font-size: 14px;
  align-self: center;
  margin-left: auto;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 27px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton span {
  display: flex;
  height: 27px;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.fakeButton span::before {
  display: flex;
  width: calc(100% - 2px);
  line-height: 27px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titre,
div.charsheet > div.content div.tabArmure div.sorcererMorph h1.titre,
div.charsheet > div.content div.tabArmure div.sorcererMorph div.titreBis,
div.charsheet > div.content div.tabArmure div.sorcererMorph h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph select {
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2 {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2 input[type=text],
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2 input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2BL {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2BL input[type=text],
div.charsheet > div.content div.tabArmure div.sorcererMorph label.col2BL input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph .borderCTop {
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph .borderSBottom {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph .borderS {
  border-bottom: 1px solid RGB(93, 111, 179);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph button[type=action].PG250 {
  display: none;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
  display: none;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1, div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.titreBis button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2, div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titreBis button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titreBis button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].sorcerer250[value=on] ~ div button[type=action].PG250 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].sorcerer250[value=on] ~ div label.not250PG {
  display: none;
}
div.charsheet > div.content div.tabArmure div.sorcererMorph input[type=hidden].activateModeMorph250[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warlockForward,
div.charsheet > div.content div.tabArmure div.warlockRewind {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.warlockForward h1.titre,
div.charsheet > div.content div.tabArmure div.warlockRewind h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.warlockForward h2.titreBis,
div.charsheet > div.content div.tabArmure div.warlockRewind h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.warlockForward div.titre,
div.charsheet > div.content div.tabArmure div.warlockRewind div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warlockForward div.titre h1.titre,
div.charsheet > div.content div.tabArmure div.warlockRewind div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.warlockForward div.titre button[type=action].active,
div.charsheet > div.content div.tabArmure div.warlockRewind div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.warlockForward div.titre,
div.charsheet > div.content div.tabArmure div.warlockForward h1.titre,
div.charsheet > div.content div.tabArmure div.warlockRewind div.titre,
div.charsheet > div.content div.tabArmure div.warlockRewind h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warlockForward input[type=hidden].active[value="1"] ~ div button[type=action].active,
div.charsheet > div.content div.tabArmure div.warlockRewind input[type=hidden].active[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warlockForward div.titre {
  border-bottom: 0px;
}
div.charsheet > div.content div.tabArmure div.warlockRecord {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.warlockRecord h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.warlockRecord h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.warlockRecord div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warlockRecord div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.warlockRecord div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.warlockRecord div.titre,
div.charsheet > div.content div.tabArmure div.warlockRecord h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warlockRecord label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.warlockRecord label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.warlockRecord label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.warlockRecord label.ligne2:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warlockRecord input[type=hidden].active[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warlockContrecoups {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.warlockContrecoups h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.warlockContrecoups div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warlockContrecoups div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.warlockContrecoups button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.warlockContrecoups div.titre,
div.charsheet > div.content div.tabArmure div.warlockContrecoups h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warlockContrecoups div.titre {
  border-bottom: 0px;
}
div.charsheet > div.content div.tabArmure div.warmasterFalcon {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.warmasterFalcon h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.warmasterFalcon h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.warmasterFalcon div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warmasterFalcon h1.titre,
div.charsheet > div.content div.tabArmure div.warmasterFalcon h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warmasterFalcon h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.titre button[type=action].personnel {
  width: 100px;
  height: 26px;
  margin-right: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton {
  position: relative;
  width: 102px;
  height: 27px;
  font-size: 14px;
  align-self: center;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 27px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton span {
  display: flex;
  height: 27px;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.fakeButton span::before {
  display: flex;
  width: calc(100% - 2px);
  line-height: 27px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.button button[type=action] {
  display: flex;
  width: 100px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.energie {
  border-bottom: 0px;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord div.action {
  border-bottom: 1px solid RGB(213, 215, 237);
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.ligne2 {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.ligne2:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2 {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2 input[type=number],
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2 input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2BL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2BL input[type=number],
div.charsheet > div.content div.tabArmure div.warmasterWarlord label.col2BL input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord .action,
div.charsheet > div.content div.tabArmure div.warmasterWarlord .esquive,
div.charsheet > div.content div.tabArmure div.warmasterWarlord .force,
div.charsheet > div.content div.tabArmure div.warmasterWarlord .guerre,
div.charsheet > div.content div.tabArmure div.warmasterWarlord .energie {
  display: none;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].active[value=on] ~ button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].personnel[value=on] ~ button[type=action].personnel {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].action[value=on] ~ div.button button[type=action].action {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].action[value=on] ~ .action {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].esquive[value=on] ~ div.button button[type=action].esquive {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].esquive[value=on] ~ .esquive {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].force[value=on] ~ div.button button[type=action].force {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].force[value=on] ~ .force {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].guerre[value=on] ~ div.button button[type=action].guerre {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].guerre[value=on] ~ .guerre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].energie[value=on] ~ div.button button[type=action].energie {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].energie[value=on] ~ .energie {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ div.button, div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ h2.titreBis {
  display: none;
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .action {
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .action, div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .esquive, div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .force, div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .guerre, div.charsheet > div.content div.tabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .energie {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warriorTypes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabArmure div.warriorTypes h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.warriorTypes h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.warriorTypes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warriorTypes div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton {
  position: relative;
  width: 100px;
  height: 27px;
  font-size: 14px;
  align-self: center;
  margin-left: auto;
}
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 27px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton span {
  display: flex;
  height: 27px;
}
div.charsheet > div.content div.tabArmure div.warriorTypes label.fakeButton span::before {
  display: flex;
  width: calc(100% - 2px);
  line-height: 27px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.warriorTypes div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.warriorTypes div.button button[type=action] {
  display: flex;
  width: 100px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabArmure div.warriorTypes h1.titre,
div.charsheet > div.content div.tabArmure div.warriorTypes h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warriorTypes h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3 {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3 input[type=number],
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3 input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3BL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3BL input[type=number],
div.charsheet > div.content div.tabArmure div.warriorTypes label.col3BL input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.warriorTypes .soldier,
div.charsheet > div.content div.tabArmure div.warriorTypes .hunter,
div.charsheet > div.content div.tabArmure div.warriorTypes .scholar,
div.charsheet > div.content div.tabArmure div.warriorTypes .herald,
div.charsheet > div.content div.tabArmure div.warriorTypes .scout {
  display: none;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].soldier[value=on] ~ div.button button[type=action].soldier {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].soldier[value=on] ~ .soldier {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].hunter[value=on] ~ div.button button[type=action].hunter {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].hunter[value=on] ~ .hunter {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].scholar[value=on] ~ div.button button[type=action].scholar {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].scholar[value=on] ~ .scholar {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].herald[value=on] ~ div.button button[type=action].herald {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].herald[value=on] ~ .herald {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].scout[value=on] ~ div.button button[type=action].scout {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].scout[value=on] ~ .scout {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .soldier, div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .hunter, div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .scholar, div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .herald, div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .scout {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ h1.titre {
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ h2.titreBis, div.charsheet > div.content div.tabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ div.button {
  display: none;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.wizardBorealis h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titreBis {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titreBis h2.titreBis {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titre,
div.charsheet > div.content div.tabArmure div.wizardBorealis h1.titre,
div.charsheet > div.content div.tabArmure div.wizardBorealis div.titreBis,
div.charsheet > div.content div.tabArmure div.wizardBorealis h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis select {
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis label.ligne2 input[type=number],
div.charsheet > div.content div.tabArmure div.wizardBorealis label.ligne2 select {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3 {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: 33.3333333333%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3 input[type=number],
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3 input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3BL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3BL input[type=number],
div.charsheet > div.content div.tabArmure div.wizardBorealis label.col3BL input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis .borderTop {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis button[type=action].rollDice {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].active[value=on] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardBorealis input[type=text] {
  width: 100%;
  text-align: center;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.wizardOriflamme button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme div.titre,
div.charsheet > div.content div.tabArmure div.wizardOriflamme h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme select {
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3 {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3 input[type=number],
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3 input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3BL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3BL input[type=number],
div.charsheet > div.content div.tabArmure div.wizardOriflamme label.col3BL input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme .wizard250 {
  display: none;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=roll].wizard250 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=roll].wizardNot250 {
  display: none;
}
div.charsheet > div.content div.tabArmure div.MAL {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.MAL > h1.titre {
  display: flex;
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest,
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion,
div.charsheet > div.content div.tabArmure div.MAL div.MALShaman,
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock,
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster {
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest > div,
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion > div,
div.charsheet > div.content div.tabArmure div.MAL div.MALShaman > div,
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock > div,
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster > div {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.MAL div.druidModJetCompagnons {
  border-top: 0px;
  border-bottom: 0px;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon button[type=action].lion,
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon button[type=action].wolf,
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon button[type=action].crow {
  display: none;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="1"] ~ div.button button[type=action].lion {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="2"] ~ div.button button[type=action].wolf {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="3"] ~ div.button button[type=action].crow {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPaladin,
div.charsheet > div.content div.tabArmure div.MAL div.MALRanger,
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior,
div.charsheet > div.content div.tabArmure div.MAL div.MALWizard {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest > div {
  display: none;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="1"] ~ div.priestMechanic {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="1"] ~ div.priestMechanic div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="2"] ~ div.priestNanoC {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="2"] ~ div.priestNanoC div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion > div {
  display: none;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion > div:not(:first-of-type) {
  border-top: 5px double RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion > div:first-of-type {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="1"] ~ div.psionPuppetMaster,
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="1"] ~ div.psionPuppetMaster {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="2"] ~ div.psionDiscord,
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="2"] ~ div.psionDiscord {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="3"] ~ div.psionWindtalker,
div.charsheet > div.content div.tabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="3"] ~ div.psionWindtalker {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALShaman {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock > div {
  display: none;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock div.warlockContrecoups {
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockContrecoups, div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockRecord {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockContrecoups div.titre, div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockRecord div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockContrecoups, div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockRewind {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockContrecoups div.titre, div.charsheet > div.content div.tabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockRewind div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster > div {
  display: none;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="1"] ~ div.action, div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="1"] ~ div.esquive {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="2"] ~ div.action, div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="2"] ~ div.force {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="3"] ~ div.action, div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="3"] ~ div.guerre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="4"] ~ div.action, div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="4"] ~ div.energie {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="1"] ~ div.warmasterWarlord {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="1"] ~ div.warmasterWarlord div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="2"] ~ div.warmasterFalcon {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="2"] ~ div.warmasterFalcon div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="1"] ~ .soldier {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="2"] ~ .hunter {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="3"] ~ .scholar {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="4"] ~ .herald {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="5"] ~ .scout {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.capacitesFanMade {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabArmure div.capacitesFanMade h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.capacitesFanMade div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.capacitesFanMade label.fakeButton {
  position: relative;
  width: 150px;
  height: 23px;
  font-size: 14px;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}
div.charsheet > div.content div.tabArmure div.capacitesFanMade label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.capacitesFanMade label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.capacitesFanMade label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabArmure div.capacitesFanMade label.fakeButton span::before {
  display: flex;
  width: calc(100% - 2px);
  line-height: 23px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(213, 215, 237);
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.capacitesFanMade h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.capacitesFanMade div {
  display: flex;
  width: 100%;
  justify-content: center;
  background: RGB(213, 215, 237);
  padding: 2px;
}
div.charsheet > div.content div.tabArmure div.capacitesFanMade input[type=checkbox]:checked ~ span::before {
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabArmure div.capacitesSpeciales {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.capacitesSpeciales h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.capacitesSpeciales div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.capacitesSpeciales h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.capacitesSpeciales div {
  display: flex;
  width: 100%;
  justify-content: center;
  background: RGB(213, 215, 237);
  padding: 2px;
}
div.charsheet > div.content div.tabArmure div.capacitesSpeciales div button[type=action] {
  display: flex;
  width: 150px;
  height: 23px;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 22px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabArmure div.capacites,
div.charsheet > div.content div.tabArmure div.capacitePhase2 {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.capacites h1.titre,
div.charsheet > div.content div.tabArmure div.capacitePhase2 h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.capacites div.titre,
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.capacites details[open] summary::before,
div.charsheet > div.content div.tabArmure div.capacitePhase2 details[open] summary::before {
  content: "-";
}
div.charsheet > div.content div.tabArmure div.capacites details summary::before,
div.charsheet > div.content div.tabArmure div.capacitePhase2 details summary::before {
  display: flex;
  content: "+";
  width: 25px;
  height: 27px;
  background-color: RGB(93, 111, 179);
  justify-content: center;
  line-height: 21px;
  font-size: 25px;
  color: white;
  cursor: pointer;
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.capacites h1.titre,
div.charsheet > div.content div.tabArmure div.capacitePhase2 h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.capacites div.repcontainer,
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repcontainer {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.capacites div.repcontainer div.repitem,
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repcontainer div.repitem {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.capacites div.repitem details,
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repitem details {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.capacites div.repitem details summary,
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repitem details summary {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.capacites div.repitem details summary input[type=text],
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repitem details summary input[type=text] {
  width: calc(100% - 25px);
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 25px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.capacites div.repitem div.autoex,
div.charsheet > div.content div.tabArmure div.capacitePhase2 div.repitem div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.notes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.notes h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.notes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.notes h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.notes div.repcontainer {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.notes div.repcontainer div.repitem {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.notes div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCLion, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCWolf, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCCrow, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=aucun] ~ h1.titre {
  display: none;
}
div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=lion] ~ div.DCWolf, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=lion] ~ div.DCCrow {
  display: none;
}
div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=wolf] ~ div.DCLion, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=wolf] ~ div.DCCrow {
  display: none;
}
div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=crow] ~ div.DCLion, div.charsheet > div.content div.tabArmure input[type=hidden].druidCompanions[value=crow] ~ div.DCWolf {
  display: none;
}
div.charsheet > div.content div.tabArmure div.DCLion {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.DCLion h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.DCLion button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.DCLion button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.DCLion button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.DCLion button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.DCLion button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.DCLion button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 28px;
  justify-content: center;
  line-height: 28px;
  font-size: 1.2em;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL {
  width: 25%;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 > h1.titre,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL > h1.titre {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.ligne,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.ligne {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.ligne span,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.ligne span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.ligne div.blockR,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.ligne div.blockR {
  width: 50%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.ligne:not(:first-of-type),
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.ligne:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.aspect span,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.aspect span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.aspect div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.aspect div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE {
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE span.mineur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE span.majeur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE span.mineur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE span.majeur {
  display: none;
  margin-right: 2px;
  width: min-content;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE span.value,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE span.value {
  display: flex;
  width: min-content;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE span.value::before,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE span.value::before {
  content: "(";
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE span.value::after,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE span.value::after {
  content: ")";
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="0"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="1"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="2"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="3"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="4"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="5"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="0"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="1"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="2"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="3"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="4"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="5"] ~ span.mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="6"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="7"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="8"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="9"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.AE input[type=hidden][value="10"] ~ span.majeur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="6"] ~ span.majeur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="7"] ~ span.majeur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="8"] ~ span.majeur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="9"] ~ span.majeur,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="10"] ~ span.majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.defense span,
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.reaction span,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.defense span,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.reaction span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.reaction div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.reaction div.blockR input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.initiative span,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.initiative span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.initiative div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.initiative div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.armure span,
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.energie span,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.armure span,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.energie span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.armure div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.energie div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.armure div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.energie div.blockR input[type=number] {
  width: calc(100% - 3px);
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.armure div.blockR b,
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.energie div.blockR b,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.armure div.blockR b,
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.energie div.blockR b {
  display: flex;
  width: 6px;
  align-items: center;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4 div.CDF input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL div.CDF input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL > h1.titre {
  border-left: 1px solid white;
}
div.charsheet > div.content div.tabArmure div.DCLion div.col4BL > div {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.DCLion div.armes label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre span {
  display: flex;
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 680px);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.firstCol span {
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.midCol {
  background: RGB(213, 215, 237);
  width: 169px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.midCol span {
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.lastCol {
  background: RGB(213, 215, 237);
  width: 169px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.ligneTitre div.lastCol span {
  width: calc(100% - 28px);
  margin-right: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
  display: block;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
  padding-right: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
  width: 99px;
  margin-right: 0px !important;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 100%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BL {
  width: calc(100% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BR {
  width: calc(100% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 680px);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.midCol,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 169px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Nom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number].nbre,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number].bonus,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats b,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Portee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.ligne div.aB1Aspect select {
  width: calc(100% - 28px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.double label.fakeButton {
  width: calc(100% - 30px);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border: 1px solid black;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="2"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="3"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="3"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repcontainer,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.data {
  display: none;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 680px);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.midCol,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 169px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aNom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number].nbre,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number].bonus,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats b,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aPortee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ligne div.aAspect select {
  width: calc(100% - 28px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.bonus {
  display: none;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets label.simple,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.double,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.double label.fakeButton,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.double input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte {
  width: 150px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=text],
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=text].borderBottom,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=text].borderBottom,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=text].borderBottom {
  border-bottom: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte .borderTop,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte .borderTop,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte .borderTop {
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number].R,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number].L,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple div span,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.effets div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="2"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="3"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="3"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.cadence {
  display: none;
  width: 382px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.cadence span {
  width: 236px;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.cadence select {
  width: 142px;
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage {
  display: none;
  margin-top: 1px;
  width: 140px;
  height: 28px;
  margin: 0px;
  margin-right: 29px;
  border-right: 1px solid RGB(93, 111, 179);
  border: 0px;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.actif,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.inactif {
  display: none;
  text-align: center;
  color: black;
  height: 28px;
  line-height: 28px;
  align-items: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.actif::before,
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.inactif::before {
  height: 28px;
  line-height: 28px;
  background: transparent;
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.actif {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage span.actif::before {
  background: RGB(93, 111, 179);
  color: white;
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox] {
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabArmure div.DCLion div.armes input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
  display: none;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules {
  display: none;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules button[type=action].buttonPlus {
  display: flex;
  background: RGB(93, 111, 179);
  color: white;
  width: 27px;
  font-size: 25px;
  height: 28px;
  line-height: 21px;
  justify-content: center;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 1px solid RGB(213, 215, 237);
  padding: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules button[type=action].buttonPlus span {
  display: none;
  width: 100%;
  font-size: 25px;
  justify-content: center;
  line-height: 23px;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules button[type=action].buttonArrow {
  content: "]";
  width: 17px;
  color: white;
  font-size: 20px;
  font-weight: bold;
  font-family: pictos;
  line-height: 18px;
  transform: rotate(90deg);
  padding: 0px;
  background: transparent;
  border: 0px;
  transition: transform 2s;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules .ligne {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6,
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 > span,
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL > span {
  width: max-content;
  font-weight: bold;
  font-variant: small-caps;
  line-height: 28px;
  padding-left: 3px;
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 div,
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL div {
  width: 45px;
  height: 28px;
  margin: 0px;
  padding: 0px;
  align-items: center;
  flex-wrap: nowrap;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 div input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL div input[type=number] {
  background: transparent;
  border: none;
  line-height: 28px;
  height: 28px;
  padding: 0px;
  width: 19px;
  font-weight: bold;
  font-size: 13px;
  margin-left: auto;
  text-align: right;
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 div b,
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL div b {
  font-size: 14px;
  line-height: 28px;
  color: RGB(55, 53, 53);
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 div span,
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL div span {
  line-height: 28px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: auto;
  text-align: center;
  font-size: 13px;
  margin-right: 2px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6 {
  width: 16.6666666667%;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.slots div.col6BL {
  width: calc(16.6666666667% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem {
  display: flex;
  width: calc(50% - 10px);
  justify-content: space-between;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(213, 215, 237);
  align-self: flex-start;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.titre {
  display: flex;
  position: initial;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.ligne {
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandSlots[value="1"] ~ div button[type=action].buttonArrow {
  transform: rotate(-90deg);
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandSlots[value="1"] ~ .hSlots {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ div button[type=action].buttonPlus span.plus {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ .hModule, div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ .hSlots {
  display: none;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="1"] ~ div button[type=action].buttonPlus span.moins {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="1"] ~ .hModule {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.titreModule input[type=text] {
  width: calc(100% - 28px);
  height: 28px;
  text-align: center;
  background: transparent;
  color: white;
  font-weight: bold;
  font-variant: small-caps;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 25px;
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.activation {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: calc(100% - 100px);
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.activation span {
  display: flex;
  width: 78px;
  padding-left: 2px;
  font-size: 13px;
  line-height: 28px;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.activation input[type=text] {
  width: calc(100% - 80px);
  height: 28px;
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.PE {
  width: 100px;
  height: 28px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.PE button[type=action] {
  width: 20px;
  padding: 0px;
  font-weight: bold;
  background: RGB(93, 111, 179);
  color: white;
  border-color: RGB(213, 215, 237);
  border-width: 1px;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.PE input[type=number] {
  width: calc(100% - 23px);
  height: 28px;
  border: 0px;
  padding: 0px;
  text-align: center;
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.duree {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 100%;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.duree span {
  display: flex;
  width: 78px;
  padding-left: 2px;
  font-size: 13px;
  line-height: 28px;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.duree input[type=text] {
  width: calc(100% - 80px);
  height: 28px;
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.titreSlots input[type=number] {
  width: 20px;
  height: 28px;
  margin: 0px;
  padding: 0px;
  background: transparent;
  border: 0px;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slot,
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slotBL {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slot span,
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slotBL span {
  display: flex;
  width: 105px;
  height: 28px;
  line-height: 28px;
  padding-left: 2px;
  font-size: 13px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slot input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slotBL input[type=number] {
  width: calc(100% - 107px);
  height: 28px;
  border: 0px;
  padding: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slot {
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem label.slotBL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem div.bTop {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem .hModule,
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem .hSlots {
  display: none;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repitem:not(:nth-of-type(1)):not(:nth-of-type(2)) {
  margin-top: 10px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repcontainer {
  width: 100%;
  flex-wrap: wrap;
  padding: 2px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repcontainer.editmode .repitem {
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.DCLion div.modules div.repcontainer.editmode .repitem:nth-of-type(2) {
  margin-top: 10px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions {
  display: none;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects {
  display: flex;
  width: calc(50% - 10px);
  background: RGB(213, 215, 237);
  border-right: 1px solid RGB(93, 111, 179);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligneTitre {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span:first-of-type {
  width: calc(20% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
  width: calc(40% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 span {
  display: flex;
  width: calc(20% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 div {
  display: flex;
  width: calc(40% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 div input[type=number],
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 div select {
  width: 100%;
  text-align: center;
  border: 0px;
  padding: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.aspects div.ligne2 div select {
  padding-left: 20px;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD {
  display: flex;
  width: calc(50% - 10px);
  background: RGB(213, 215, 237);
  border-left: 1px solid RGB(93, 111, 179);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD div.ligneTitre {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD div.ligneTitre span:first-of-type {
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD div.ligneTitre span:not(:first-of-type) {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD label.ligne1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD label.ligne1 span {
  display: flex;
  width: calc(50% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCLion div.evolutions div.VD label.ligne1 input[type=number] {
  width: 50%;
  text-align: center;
  border: 0px;
  padding: 0px;
  height: 28px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="1"] ~ div button[type=action].armes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="1"] ~ div.armes {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="2"] ~ div button[type=action].modules {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="2"] ~ div.modules {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.DCLion > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.DCWolf h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.DCWolf button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.DCWolf button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.DCWolf button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.DCWolf button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.DCWolf button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.DCWolf button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 100%;
  height: 28px;
  justify-content: center;
  line-height: 28px;
  font-size: 1.2em;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu button[type=action].BL {
  width: calc(100% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu button[type=action].BR {
  width: calc(100% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCWolf > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.DCWolf .labor,
div.charsheet > div.content div.tabArmure div.DCWolf .medik,
div.charsheet > div.content div.tabArmure div.DCWolf .tech,
div.charsheet > div.content div.tabArmure div.DCWolf .fighter,
div.charsheet > div.content div.tabArmure div.DCWolf .recon,
div.charsheet > div.content div.tabArmure div.DCWolf .N1,
div.charsheet > div.content div.tabArmure div.DCWolf .N2,
div.charsheet > div.content div.tabArmure div.DCWolf .N3 {
  display: none;
}
div.charsheet > div.content div.tabArmure div.DCWolf h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL {
  width: 25%;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 > h1.titre,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL > h1.titre {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.ligne,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.ligne {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.ligne span,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.ligne span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.ligne div.blockR,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.ligne div.blockR {
  width: 50%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.ligne:not(:first-of-type),
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.ligne:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.aspect span,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.aspect span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.aspect div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.aspect div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE {
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE span.mineur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE span.majeur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE span.mineur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE span.majeur {
  display: none;
  margin-right: 2px;
  width: min-content;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE span.value,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE span.value {
  display: flex;
  width: min-content;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE span.value::before,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE span.value::before {
  content: "(";
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE span.value::after,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE span.value::after {
  content: ")";
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="0"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="1"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="2"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="3"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="4"] ~ span.mineur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="5"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="0"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="1"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="2"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="3"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="4"] ~ span.mineur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="5"] ~ span.mineur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="6"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="7"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="8"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="9"] ~ span.majeur, div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="10"] ~ span.majeur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="6"] ~ span.majeur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="7"] ~ span.majeur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="8"] ~ span.majeur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="9"] ~ span.majeur,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="10"] ~ span.majeur {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.defense span,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.reaction span,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.defense span,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.reaction span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.reaction div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.reaction div.blockR input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.initiative span,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.initiative span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.initiative div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.initiative div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.armure span,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.energie span,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.armure span,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.energie span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.armure div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.energie div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.armure div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.energie div.blockR input[type=number] {
  width: calc(100% - 3px);
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.armure div.blockR b,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.energie div.blockR b,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.armure div.blockR b,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.energie div.blockR b {
  display: flex;
  width: 6px;
  align-items: center;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.CDF input[type=number],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.CDF input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.configuration select,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.configuration select {
  width: calc(100% - 21px - 30px);
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.configuration button[type=action],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.configuration button[type=action] {
  width: 20px;
  padding: 0px;
  font-weight: bold;
  background: RGB(93, 111, 179);
  color: white;
  border-color: RGB(213, 215, 237);
  border-width: 1px;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.configuration input[type=number],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.configuration input[type=number] {
  width: 30px;
  height: 28px;
  border: 0px;
  padding: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.nbreCompanions select,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.nbreCompanions select {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.fighter span,
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.fighter span {
  width: max-content;
  line-height: 28px;
  font-size: 14px;
  padding-left: 2px;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4 div.fighter button[type=action],
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL div.fighter button[type=action] {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL > h1.titre {
  border-left: 1px solid white;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.col4BL > div {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.description {
  width: 100%;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.description span {
  width: 100%;
  text-align: justify;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions {
  display: none;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects {
  display: flex;
  width: calc(50% - 10px);
  background: RGB(213, 215, 237);
  border-right: 1px solid RGB(93, 111, 179);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span:first-of-type {
  width: calc(20% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
  width: calc(40% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 span {
  display: flex;
  width: calc(20% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div {
  display: flex;
  width: calc(40% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div input[type=number],
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div select {
  width: 100%;
  text-align: center;
  border: 0px;
  padding: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div select {
  padding-left: 20px;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions {
  display: flex;
  width: calc(50% - 10px);
  background: RGB(213, 215, 237);
  align-content: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions:nth-of-type(even) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions:nth-of-type(odd) {
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions div.tCompanions {
  display: flex;
  width: 100%;
  border-bottom: 1px solid RGB(93, 111, 179);
  position: relative;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions div.tCompanions h2 {
  position: absolute;
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions div.tCompanions select {
  width: 85px;
  height: 28px;
  line-height: 28px;
  padding: 0px;
  border: 0px;
  margin-left: auto;
  color: black;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.companions span {
  padding: 2px;
  text-align: justify;
}
div.charsheet > div.content div.tabArmure div.DCWolf div.evolutions div.mT {
  margin-top: 10px;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="1"] ~ div.labor .N1, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="1"] ~ div div.cLabor .N1 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="2"] ~ div.labor .N2, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="2"] ~ div div.cLabor .N2 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="3"] ~ div.labor .N3, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].laborNiveau[value="3"] ~ div div.cLabor .N3 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="1"] ~ div.medik .N1, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="1"] ~ div div.cMedik .N1 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="2"] ~ div.medik .N2, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="2"] ~ div div.cMedik .N2 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="3"] ~ div.medik .N3, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].medikNiveau[value="3"] ~ div div.cMedik .N3 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="1"] ~ div.tech .N1, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="1"] ~ div div.cTech .N1 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="2"] ~ div.tech .N2, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="2"] ~ div div.cTech .N2 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="3"] ~ div.tech .N3, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].techNiveau[value="3"] ~ div div.cTech .N3 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="1"] ~ div.fighter .N1, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="1"] ~ div div.cFighter .N1 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="2"] ~ div.fighter .N2, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="2"] ~ div div.cFighter .N2 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="3"] ~ div.fighter .N3, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="3"] ~ div div.cFighter .N3 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="1"] ~ div.recon .N1, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="1"] ~ div div.cRecon .N1 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="2"] ~ div.recon .N2, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="2"] ~ div div.cRecon .N2 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="3"] ~ div.recon .N3, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].reconNiveau[value="3"] ~ div div.cRecon .N3 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Labor] ~ .labor, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Labor] ~ div .labor {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Medic] ~ .medik, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Medic] ~ div .medik {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Tech] ~ .tech, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Tech] ~ div .tech {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Fighter] ~ .fighter, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Fighter] ~ div .fighter {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Recon] ~ .recon, div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Recon] ~ div .recon {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.DCWolf > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCCrow {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.DCCrow h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCCrow div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.DCCrow button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.DCCrow button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.DCCrow button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.DCCrow button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.DCCrow button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.DCCrow button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 100%;
  height: 28px;
  justify-content: center;
  line-height: 28px;
  font-size: 1.2em;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu button[type=action].BL {
  width: calc(100% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu button[type=action].BR {
  width: calc(100% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.DCCrow > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.DCCrow h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL {
  width: 33.3333333333%;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 > h1.titre,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL > h1.titre {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.ligne,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.ligne {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.ligne span,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.ligne span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.ligne div.blockR,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.ligne div.blockR {
  width: 50%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.ligne:not(:first-of-type),
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.ligne:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.aspect span,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.aspect span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.aspect div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.aspect div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.defense span,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.reaction span,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.debordement span,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.defense span,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.reaction span,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.debordement span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.reaction div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.debordement div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.reaction div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.debordement div.blockR input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.initiative span,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.initiative span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.initiative div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.initiative div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.cohesion span,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.cohesion span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.cohesion div.blockR input[type=number],
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.cohesion div.blockR input[type=number] {
  width: calc(100% - 3px);
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.cohesion div.blockR b,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.cohesion div.blockR b {
  display: flex;
  width: 6px;
  align-items: center;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.CDF input[type=number],
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.CDF input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.tourCombat span,
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.tourCombat span {
  width: max-content;
  line-height: 28px;
  font-size: 14px;
  padding-left: 2px;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.tourCombat input[type=number],
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.tourCombat input[type=number] {
  width: calc(100% - 29px);
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4 div.tourCombat button[type=action],
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL div.tourCombat button[type=action] {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL > h1.titre {
  border-left: 1px solid white;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.col4BL > div {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCCrow span.specificites {
  display: inline-block;
  width: 100%;
  padding: 2px;
  background: RGB(213, 215, 237);
  text-align: justify;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions {
  display: none;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects {
  display: flex;
  width: calc(50% - 10px);
  background: RGB(213, 215, 237);
  border-right: 1px solid RGB(93, 111, 179);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span:first-of-type {
  width: calc(40% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
  width: calc(60% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 span {
  display: flex;
  width: calc(40% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div {
  display: flex;
  width: calc(60% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div input[type=number],
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div select {
  width: 100%;
  text-align: center;
  border: 0px;
  padding: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div select {
  padding-left: 20px;
}
div.charsheet > div.content div.tabArmure div.DCCrow > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.DCCrow > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.rangerLongbow h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=roll].rollDice,
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArmure div.rangerLongbow button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 50%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu button[type=action].BL {
  width: calc(50% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu button[type=action].BR {
  width: calc(50% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.titre h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow > div.titre span.depense {
  font-size: 11px;
  position: absolute;
  right: 40px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.bonus,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.bonusCarac,
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnage,
div.charsheet > div.content div.tabArmure div.rangerLongbow .PG50,
div.charsheet > div.content div.tabArmure div.rangerLongbow .PG50_2,
div.charsheet > div.content div.tabArmure div.rangerLongbow .PG100 {
  display: none;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL {
  display: flex;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5 span,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL span,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5 select,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL select,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL select {
  border-top: 1px solid RGB(93, 111, 179);
  text-align: center;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 0px;
  margin: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5 {
  width: 20%;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5 select,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL select {
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL {
  width: calc(20% - 1px);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5BL,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL {
  width: calc(40% - 1px);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL select {
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.col5LargeBL select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL {
  flex-wrap: wrap;
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 h1.titre,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL h1.titre {
  background: RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 h1.notPG100,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL h1.notPG100 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-evenly;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton input[type=radio],
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton span,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton span::before,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.simple,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double label.fakeButton,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double input[type=number],
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL {
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL h1.titre {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.bonus {
  width: 100%;
  justify-content: flex-end;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.bonusCarac {
  display: none;
  width: calc(40% - 1px);
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.bonusCarac select {
  display: none;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnage {
  display: none;
  width: 40%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnage span {
  width: calc(50% - 2px);
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnage input[type=number] {
  width: 50%;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnageDetails {
  display: none;
  width: calc(60% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnageDetails span {
  width: max-content;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow label.pilonnageDetails select {
  width: calc(33.3333333333% - 0.5px);
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  padding-left: 15px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow label.cadence {
  display: none;
  width: calc(60% - 1px);
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow label.cadence span {
  width: max-content;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow label.cadence select {
  width: calc(33.3333333333% - 0.5px);
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton input[type=radio],
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton span,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton span::before,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabArmure div.rangerLongbow div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabArmure div.rangerLongbow div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].subMenu[value="1"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].subMenu[value="1"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].subMenu[value="2"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].subMenu[value="2"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnage span {
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnage input[type=number] {
  border-left: 0px;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnage {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnageDetails {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.eCol3, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.eCol3BL {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.PG50, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div .PG50 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ .PG50_2, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ div .PG50_2 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ .notPG50_2, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ div .notPG50_2 {
  display: none;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ .PG100, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ div .PG100 {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ .notPG100, div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ div .notPG100 {
  display: none;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.rangerLongbow input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.customCapacite {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.customCapacite h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.customCapacite div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.customCapacite h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.customCapacite input {
  width: 100%;
  border: 0px;
  text-align: center;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.customCapacite div.repitem {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.customCapacite div.repitem:not(:first-of-type) input {
  border-top: 5px double RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.customEvolutions {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabArmure div.customEvolutions h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.customEvolutions div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 14px;
  align-self: center;
}
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton span {
  display: flex;
  height: 100%;
}
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton span::before {
  display: flex;
  width: calc(100% - 2px);
  line-height: 100%;
  content: attr(title);
  background: RGB(213, 215, 237);
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabArmure div.customEvolutions label.fakeButton span::before {
  width: 100%;
  line-height: 23px;
  border-left: 1px solid RGB(93, 111, 179);
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.customEvolutions h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.customEvolutions div.lineHeader {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 150px;
}
div.charsheet > div.content div.tabArmure div.customEvolutions div.lineHeader input {
  width: 100%;
  border: 0px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.customEvolutions div.repitem {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.customEvolutions div.repitem:not(:first-of-type) input {
  border-top: 5px double RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.slots {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArmure div.slots h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.slots div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.slots h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArmure div.slots div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.slots div.ligneTitre span {
  display: flex;
  width: 16.6666666667%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabArmure div.slots div.ligneTitre span:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.slots div.ligne6 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.slots div.ligne6 div {
  width: 16.6666666667%;
}
div.charsheet > div.content div.tabArmure div.slots div.ligne6 div:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.slots div.ligne6 input {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabArmure > div.MAL {
  margin-top: 10px;
}
div.charsheet > div.content div.tabArmure div.MALDruidCompanions {
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArmure div.MALDruidCompanions h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArmure div.MALDruidCompanions div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArmure div.MALDruidCompanions div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArmure div.MALDruidCompanions > h1.titre {
  display: flex;
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArmure div.col > * {
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabCombat {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(50% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabCombat div.col3 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(33.3333333333% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabCombat > div.subTab {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat > div.subTab button[type=action] {
  display: flex;
  padding: 0px;
  width: 20%;
  height: 28px;
  justify-content: center;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabCombat > div.subTab button[type=action].BL {
  width: calc(20% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat > div.subTab button[type=action].BR {
  width: calc(20% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat > div.subTab button[type=action].BLR {
  width: calc(20% - 2px);
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat > div.subTab button[type=action].BLRWLL {
  width: calc(20% - 2px);
  border-right: 1px solid black;
  border-left: 1px solid black;
  margin-left: 1px;
}
div.charsheet > div.content div.tabCombat > div.subTab button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.dataArmure {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.dataArmure h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.dataArmure div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.dataArmure div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.dataArmure div.titre button[type=action].actionSpecial {
  width: 98px;
  height: 23px;
  color: black;
  padding: 0px;
  margin-top: auto;
  margin-right: 0px;
  margin-bottom: auto;
  margin-left: auto;
  justify-content: center;
  align-items: center;
  background: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  z-index: 50;
}
div.charsheet > div.content div.tabCombat div.dataArmure div.titre button[type=action].actionSpecial::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.dataArmure div.titre button[type=action].actionSpecial:hover {
  box-shadow: inset 1px 1px 2px 2px black;
}
div.charsheet > div.content div.tabCombat div.dataArmure input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.dataArmure h1.titre {
  text-transform: capitalize;
}
div.charsheet > div.content div.tabCombat div.dataArmure div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.dataArmure div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.dataArmure div.ligneTitre span:first-of-type {
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabCombat div.dataArmure div.ligneTitre span:not(:first-of-type) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne3 div {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne1 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne1 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne1 div {
  width: 23%;
}
div.charsheet > div.content div.tabCombat div.dataArmure div.ligne1 div:nth-of-type(1), div.charsheet > div.content div.tabCombat div.dataArmure div.ligne1 div:nth-of-type(2) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.sorcererPE {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
}
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.sorcererPE button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.sorcererPE h1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.sorcererPE h1 {
  position: absolute;
  width: calc(100% - 2px);
  align-content: baseline;
  background: transparent;
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: left;
  font-size: 14px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.sorcererPE select {
  position: absolute;
  width: calc(50% - 28px);
  text-align: center;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  padding: 0px;
  right: 29px;
}
div.charsheet > div.content div.tabCombat div.physiqueMental {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.physiqueMental h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.physiqueMental div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.physiqueMental input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligneTitre span:first-of-type {
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligneTitre span:not(:first-of-type) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabCombat div.physiqueMental div.ligne3 div {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.egide {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.egide h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.egide div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.egide div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.egide button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.egide button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.egide button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.egide button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.egide button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.egide button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.egide input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.egide div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.egide div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.egide div.ligneTitre span:first-of-type {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabCombat div.egide div.ligneTitre span:not(:first-of-type) {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.egide div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.egide div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabCombat div.egide div.ligne3 div:first-of-type {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabCombat div.egide div.ligne3 div:not(:first-of-type) {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.PES {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.PES h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.PES div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.PES input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.PES div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.PES div.ligneTitre span {
  display: flex;
  width: 33.3333333333%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.PES div.ligneTitre span:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.PES div.ligne2 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.PES div.ligne2 span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  width: calc(33.3333333333% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.PES div.ligne2 div {
  width: 33.3333333333%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.PES div.resilience {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.PES div.resilience div span {
  display: flex;
  width: calc(100% - 70px);
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.PES div.resilience div:first-of-type {
  width: calc(33.3333333333% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.PES div.resilience div:first-of-type button[type=action] {
  width: 68px;
  height: 26px;
  padding: 0px;
  justify-content: center;
  align-items: center;
  background: RGB(93, 111, 179);
  border: 1px solid RGB(213, 215, 237);
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  color: white;
}
div.charsheet > div.content div.tabCombat div.PES div.resilience div:first-of-type button[type=action]:hover {
  box-shadow: inset 1px 1px 2px 2px black;
}
div.charsheet > div.content div.tabCombat div.PES div.resilience div:not(:first-of-type) {
  width: 33.3333333333%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.bandeDebordement {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.bandeDebordement h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.bandeDebordement div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.bandeDebordement div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.bandeDebordement button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.bandeDebordement input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligneTitre span {
  display: flex;
  width: 50%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligneTitre span:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligne2 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligne2 span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  width: 50%;
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligne2 div {
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.bandeDebordement div.ligne2 div:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.nods {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.nods h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.nods div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.nods div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.nods button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.nods button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.nods button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.nods button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.nods button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.nods button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.nods h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.nods div.ligne {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.nods div.ligne span {
  display: flex;
  background: RGB(213, 215, 237);
  width: calc(33.3333333333% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.nods div.ligne div.blockM {
  display: flex;
  width: calc(66.6666666667% - 28px - 2px);
  height: 28px;
  justify-content: space-between;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.nods div.ligne div.blockM input[type=number] {
  width: calc(50% - 3px);
  height: 28px;
  border: 0px;
  padding: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.nods div.ligne div.blockM b {
  display: flex;
  width: 6px;
  height: 28px;
  background: white;
  font-weight: bold;
  align-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.nods div.ligne:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.styleCombat {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.styleCombat h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.styleCombat div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.styleCombat h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.styleCombat select {
  width: 100%;
  padding: 0px;
  border: 0px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.styleCombat div.puissant {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  border-bottom: 1px solid RGB(93, 111, 179);
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.styleCombat div.puissant span {
  width: 70px;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 2px;
  color: black;
}
div.charsheet > div.content div.tabCombat div.styleCombat div.puissant select {
  width: calc(50% - 35px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.styleCombat div.puissant input[type=number] {
  width: calc(50% - 35px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  border-bottom: 1px solid RGB(93, 111, 179);
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression label {
  display: flex;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression label span {
  width: 150px;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 2px;
  color: black;
}
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression label input[type=number] {
  width: calc(100% - 150px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression label:first-of-type {
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.styleCombat div.suppression label:not(:first-of-type) {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.styleCombat input[type=hidden][value=puissant] ~ div.puissant {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.styleCombat input[type=hidden][value=suppression] ~ div.suppression {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.herauts {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.herauts h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.herauts div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.herauts h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.herauts div {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  flex-wrap: wrap;
  padding-right: 2px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.herauts div button[type=action] {
  display: flex;
  width: calc(50% - 5px);
  background: RGB(213, 215, 237);
  color: black;
  justify-content: center;
  border: 1px solid black;
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
}
div.charsheet > div.content div.tabCombat div.herauts div button[type=action]:nth-of-type(3) {
  margin-left: auto;
  margin-right: auto;
}
div.charsheet > div.content div.tabCombat div.herauts div input[type=hidden].devasterAnatheme[value="1"] ~ button[type=action].devasterAnatheme, div.charsheet > div.content div.tabCombat div.herauts div input[type=hidden].bourreauTenebres[value="1"] ~ button[type=action].bourreauTenebres, div.charsheet > div.content div.tabCombat div.herauts div input[type=hidden].equilibreBalance[value="1"] ~ button[type=action].equilibreBalance {
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabCombat label.BMJets {
  display: flex;
  background: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
}
div.charsheet > div.content div.tabCombat label.BMJets span {
  position: absolute;
  width: calc(100% - 2px);
  align-content: baseline;
  background: transparent;
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: left;
  font-size: 14px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat label.BMJets input[type=number] {
  position: absolute;
  width: 50%;
  height: 28px;
  text-align: center;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  padding: 0px;
  right: 0px;
}
div.charsheet > div.content div.tabCombat div.portee {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.portee h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.portee div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.portee h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.portee div.col5 {
  display: flex;
  justify-content: center;
  width: 20%;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.portee div.col5BL {
  display: flex;
  justify-content: center;
  width: calc(20% - 1px);
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.portee div.col5 span,
div.charsheet > div.content div.tabCombat div.portee div.col5BL span {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 14px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.portee div.col5 span:first-of-type,
div.charsheet > div.content div.tabCombat div.portee div.col5BL span:first-of-type {
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.portee div.col5 span:last-of-type,
div.charsheet > div.content div.tabCombat div.portee div.col5BL span:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure {
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure > div {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.complet {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath h1.borderBottom {
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath span {
  display: flex;
  font-size: 13px;
  font-weight: bold;
  padding-left: 2px;
  line-height: 28px;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath input[type=text] {
  text-align: center;
  padding: 0px;
  height: 28px;
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.ligne {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.ligne span {
  width: calc(50% - 2px);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.ligne input[type=number] {
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.col {
  display: flex;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.col span {
  width: 100%;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.col input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.col input[type=text] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.colBL {
  display: flex;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.colBL span {
  width: 100%;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.colBL input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.colBL input[type=text] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.barbarianGoliath label.borderTop {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.firstTitre {
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=text] {
  text-align: center;
  padding: 0px;
  height: 28px;
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.bard250 {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling label.ligne {
  background: RGB(213, 215, 237);
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling label.ligne span {
  display: flex;
  width: calc(50% - 2px);
  font-size: 13px;
  font-weight: bold;
  padding-left: 2px;
  line-height: 28px;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling label.ligne input[type=text] {
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=text] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling div.bard250,
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling label.bard250,
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=text].bard250 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ div.bard250, div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ label.bard250, div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=hidden].bard250[value=on] ~ input[type=text].bard250 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.bardChangeling input[type=hidden].active[value^="{{modeChangeling"] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titreInverse {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.button button[type=action] {
  display: flex;
  width: 100px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titreInverse {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre:not(:first-of-type),
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titreInverse:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titre input[type=hidden][value=on] ~ button[type=action],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination div.titreInverse input[type=hidden][value=on] ~ button[type=action] {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label input[type=number] {
  width: 100%;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label.col1 {
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label.col2 {
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label.col2BL {
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label.col3 {
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination label.col3BL {
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=text].ligne {
  display: none;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].blaze[value=on] ~ div.button button[type=action].blaze {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].blaze[value=on] ~ .blaze {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].candle[value=on] ~ div.button button[type=action].candle {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].candle[value=on] ~ .candle {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].beacon[value=on] ~ div.button button[type=action].beacon {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].beacon[value=on] ~ .beacon {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].torch[value=on] ~ div.button button[type=action].torch {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].torch[value=on] ~ .torch {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].projector[value=on] ~ div.button button[type=action].projector {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].projector[value=on] ~ .projector {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].lighthouse[value=on] ~ div.button button[type=action].lighthouse {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].lighthouse[value=on] ~ .lighthouse {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].lantern[value=on] ~ div.button button[type=action].lantern {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkIllumination input[type=hidden].lantern[value=on] ~ .lantern {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.button button[type=action] {
  display: flex;
  width: 100px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.button,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.niveaux,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="1"] ~ div button[type=action].N1 {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="1"] ~ div.niveaux div.N1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="2"] ~ div button[type=action].N2 {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="2"] ~ div.niveaux div.N2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="3"] ~ div button[type=action].N3 {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].niveau[value="3"] ~ div.niveaux div.N3 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].active[value=on] ~ div button[type=action].rageActive {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.button, div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.passif, div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage input[type=hidden].active[value=on] ~ div.niveaux {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.espoir {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.espoir span {
  width: max-content;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.espoir button[type=roll],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.espoir button[type=action] {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif h2.titreBis {
  display: flex;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif h2.titreBis:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4 {
  display: flex;
  flex-wrap: wrap;
  width: 25%;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4 div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4 div input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4 div input[type=text] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4BL {
  display: flex;
  flex-wrap: wrap;
  width: calc(25% - 1px);
  background: RGB(213, 215, 237);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4BL div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4BL div input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.passif div.col4BL div input[type=text] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.niveaux {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 {
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2 {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2 span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2 span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2 input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2 input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2 input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2 input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2BL,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2BL,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2BL {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2BL span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2BL span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2BL input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col2BL input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2BL input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col2BL input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2BL input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col2BL input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3 {
  display: flex;
  flex-wrap: wrap;
  width: 33.3333333333%;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3 span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3 span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3 input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3 input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3 input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3 input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3BL,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3BL,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3BL {
  display: flex;
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3BL span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3BL span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3BL input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3BL input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3BL input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3BL input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3BL input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3BL input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3SBL,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3SBL,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3SBL {
  display: flex;
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3SBL span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3SBL span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3SBL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3SBL div,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3SBL div,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3SBL div {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3SBL div input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N1 label.col3SBL div input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3SBL div input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N2 label.col3SBL div input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3SBL div input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.N3 label.col3SBL div input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage div.borderTop,
div.charsheet > div.content div.tabCombat div.subTabArmure div.berserkRage label.borderTop {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModJetCompagnons {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModJetCompagnons h1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModJetCompagnons h1 {
  position: absolute;
  width: calc(100% - 2px);
  align-content: baseline;
  background: transparent;
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: left;
  font-size: 14px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModJetCompagnons input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModJetCompagnons input[type=number] {
  position: absolute;
  width: 30%;
  height: 28px;
  text-align: center;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  padding: 0px;
  right: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.titre select.liste {
  width: 70px;
  text-align: center;
  padding: 0px;
  border: 0px;
  height: 27px;
  margin-left: auto;
  z-index: 99;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.button button[type=action] {
  display: flex;
  width: 100px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions div.titre {
  border-bottom: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions input[type=hidden].choix[value=aucun] ~ .button button[type=action].aucun {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions input[type=hidden].choix[value=lion] ~ .button button[type=action].lion {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions input[type=hidden].choix[value=wolf] ~ .button button[type=action].wolf {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.druidModCompanions input[type=hidden].choix[value=crow] ~ .button button[type=action].crow {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCLion, div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCWolf, div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=aucun] ~ div.DCCrow {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=lion] ~ div.DCWolf, div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=lion] ~ div.DCCrow {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=wolf] ~ div.DCLion, div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=wolf] ~ div.DCCrow {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=crow] ~ div.DCLion, div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].druidCompanions[value=crow] ~ div.DCWolf {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 28px;
  justify-content: center;
  line-height: 28px;
  font-size: 1.2em;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL {
  width: 25%;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 > h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL > h1.titre {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.ligne,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.ligne {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.ligne span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.ligne span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.ligne div.blockR,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.ligne div.blockR {
  width: 50%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.ligne:not(:first-of-type),
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.ligne:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.aspect span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.aspect span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.aspect div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.aspect div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE {
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE span.majeur {
  display: none;
  margin-right: 2px;
  width: min-content;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE span.value,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE span.value {
  display: flex;
  width: min-content;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE span.value::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE span.value::before {
  content: "(";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE span.value::after,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE span.value::after {
  content: ")";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="0"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="1"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="2"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="3"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="4"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="5"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="0"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="1"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="2"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="3"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="4"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="5"] ~ span.mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="6"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="7"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="8"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="9"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.AE input[type=hidden][value="10"] ~ span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="6"] ~ span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="7"] ~ span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="8"] ~ span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="9"] ~ span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.AE input[type=hidden][value="10"] ~ span.majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.defense span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.reaction span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.defense span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.reaction span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.reaction div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.reaction div.blockR input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.initiative span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.initiative span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.initiative div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.initiative div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.armure span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.energie span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.armure span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.energie span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.armure div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.energie div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.armure div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.energie div.blockR input[type=number] {
  width: calc(100% - 3px);
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.armure div.blockR b,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.energie div.blockR b,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.armure div.blockR b,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.energie div.blockR b {
  display: flex;
  width: 6px;
  align-items: center;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4 div.CDF input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL div.CDF input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL > h1.titre {
  border-left: 1px solid white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.col4BL > div {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre span {
  display: flex;
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 680px);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.firstCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.midCol {
  background: RGB(213, 215, 237);
  width: 169px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.midCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.lastCol {
  background: RGB(213, 215, 237);
  width: 169px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.ligneTitre div.lastCol span {
  width: calc(100% - 28px);
  margin-right: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
  display: block;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
  width: 99px;
  margin-right: 0px !important;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 100%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BL {
  width: calc(100% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BR {
  width: calc(100% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 680px);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.midCol,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 169px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Nom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number].nbre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats input[type=number].bonus,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Degats b,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Violence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Portee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.ligne div.aB1Aspect select {
  width: calc(100% - 28px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.double label.fakeButton {
  width: calc(100% - 30px);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border: 1px solid black;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="2"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="3"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.coups input[type=hidden].subMenu[value="3"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repcontainer,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.data {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 680px);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.midCol,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 169px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aNom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number].nbre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats input[type=number].bonus,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aDegats b,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aViolence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aPortee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ligne div.aAspect select {
  width: calc(100% - 28px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.bonus {
  display: none;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets label.simple,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.double,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.double input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte {
  width: 150px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte input[type=text].borderBottom,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte input[type=text].borderBottom,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte input[type=text].borderBottom {
  border-bottom: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.doubleTexte .borderTop,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.doubleTexte .borderTop,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.doubleTexte .borderTop {
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple div span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.effets div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="2"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="3"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.repitem input[type=hidden].subMenu[value="3"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.cadence {
  display: none;
  width: 382px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.cadence span {
  width: 236px;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.cadence select {
  width: 142px;
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage {
  display: none;
  margin-top: 1px;
  width: 140px;
  height: 28px;
  margin: 0px;
  margin-right: 29px;
  border-right: 1px solid RGB(93, 111, 179);
  border: 0px;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.actif,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.inactif {
  display: none;
  text-align: center;
  color: black;
  height: 28px;
  line-height: 28px;
  align-items: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.actif::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.inactif::before {
  height: 28px;
  line-height: 28px;
  background: transparent;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.actif {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage span.actif::before {
  background: RGB(93, 111, 179);
  color: white;
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox] {
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.armes input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules {
  display: none;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules button[type=action].buttonPlus {
  display: flex;
  background: RGB(93, 111, 179);
  color: white;
  width: 27px;
  font-size: 25px;
  height: 28px;
  line-height: 21px;
  justify-content: center;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 1px solid RGB(213, 215, 237);
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules button[type=action].buttonPlus span {
  display: none;
  width: 100%;
  font-size: 25px;
  justify-content: center;
  line-height: 23px;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules button[type=action].buttonArrow {
  content: "]";
  width: 17px;
  color: white;
  font-size: 20px;
  font-weight: bold;
  font-family: pictos;
  line-height: 18px;
  transform: rotate(90deg);
  padding: 0px;
  background: transparent;
  border: 0px;
  transition: transform 2s;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules .ligne {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 > span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL > span {
  width: max-content;
  font-weight: bold;
  font-variant: small-caps;
  line-height: 28px;
  padding-left: 3px;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 div,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL div {
  width: 45px;
  height: 28px;
  margin: 0px;
  padding: 0px;
  align-items: center;
  flex-wrap: nowrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 div input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL div input[type=number] {
  background: transparent;
  border: none;
  line-height: 28px;
  height: 28px;
  padding: 0px;
  width: 19px;
  font-weight: bold;
  font-size: 13px;
  margin-left: auto;
  text-align: right;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 div b,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL div b {
  font-size: 14px;
  line-height: 28px;
  color: RGB(55, 53, 53);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 div span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL div span {
  line-height: 28px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: auto;
  text-align: center;
  font-size: 13px;
  margin-right: 2px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6 {
  width: 16.6666666667%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.slots div.col6BL {
  width: calc(16.6666666667% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem {
  display: flex;
  width: calc(50% - 10px);
  justify-content: space-between;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(213, 215, 237);
  align-self: flex-start;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.titre {
  display: flex;
  position: initial;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.ligne {
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandSlots[value="1"] ~ div button[type=action].buttonArrow {
  transform: rotate(-90deg);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandSlots[value="1"] ~ .hSlots {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ div button[type=action].buttonPlus span.plus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ .hModule, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="0"] ~ .hSlots {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="1"] ~ div button[type=action].buttonPlus span.moins {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem input[type=hidden].expandModule[value="1"] ~ .hModule {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.titreModule input[type=text] {
  width: calc(100% - 28px);
  height: 28px;
  text-align: center;
  background: transparent;
  color: white;
  font-weight: bold;
  font-variant: small-caps;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 25px;
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.activation {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: calc(100% - 100px);
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.activation span {
  display: flex;
  width: 78px;
  padding-left: 2px;
  font-size: 13px;
  line-height: 28px;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.activation input[type=text] {
  width: calc(100% - 80px);
  height: 28px;
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.PE {
  width: 100px;
  height: 28px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.PE button[type=action] {
  width: 20px;
  padding: 0px;
  font-weight: bold;
  background: RGB(93, 111, 179);
  color: white;
  border-color: RGB(213, 215, 237);
  border-width: 1px;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.PE input[type=number] {
  width: calc(100% - 23px);
  height: 28px;
  border: 0px;
  padding: 0px;
  text-align: center;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.duree {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 100%;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.duree span {
  display: flex;
  width: 78px;
  padding-left: 2px;
  font-size: 13px;
  line-height: 28px;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.duree input[type=text] {
  width: calc(100% - 80px);
  height: 28px;
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.titreSlots input[type=number] {
  width: 20px;
  height: 28px;
  margin: 0px;
  padding: 0px;
  background: transparent;
  border: 0px;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slot,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slotBL {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slot span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slotBL span {
  display: flex;
  width: 105px;
  height: 28px;
  line-height: 28px;
  padding-left: 2px;
  font-size: 13px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slot input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slotBL input[type=number] {
  width: calc(100% - 107px);
  height: 28px;
  border: 0px;
  padding: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slot {
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem label.slotBL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem div.bTop {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem .hModule,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem .hSlots {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repitem:not(:nth-of-type(1)):not(:nth-of-type(2)) {
  margin-top: 10px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repcontainer {
  width: 100%;
  flex-wrap: wrap;
  padding: 2px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repcontainer.editmode .repitem {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.modules div.repcontainer.editmode .repitem:nth-of-type(2) {
  margin-top: 10px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions {
  display: none;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects {
  display: flex;
  width: calc(50% - 10px);
  background: RGB(213, 215, 237);
  border-right: 1px solid RGB(93, 111, 179);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligneTitre {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span:first-of-type {
  width: calc(20% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
  width: calc(40% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 span {
  display: flex;
  width: calc(20% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 div {
  display: flex;
  width: calc(40% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 div input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 div select {
  width: 100%;
  text-align: center;
  border: 0px;
  padding: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.aspects div.ligne2 div select {
  padding-left: 20px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD {
  display: flex;
  width: calc(50% - 10px);
  background: RGB(213, 215, 237);
  border-left: 1px solid RGB(93, 111, 179);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD div.ligneTitre {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD div.ligneTitre span:first-of-type {
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD div.ligneTitre span:not(:first-of-type) {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD label.ligne1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD label.ligne1 span {
  display: flex;
  width: calc(50% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion div.evolutions div.VD label.ligne1 input[type=number] {
  width: 50%;
  text-align: center;
  border: 0px;
  padding: 0px;
  height: 28px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="1"] ~ div button[type=action].armes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="1"] ~ div.armes {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="2"] ~ div button[type=action].modules {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="2"] ~ div.modules {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCLion > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 100%;
  height: 28px;
  justify-content: center;
  line-height: 28px;
  font-size: 1.2em;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu button[type=action].BL {
  width: calc(100% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu button[type=action].BR {
  width: calc(100% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .labor,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .medik,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .tech,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .fighter,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .recon,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .N1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .N2,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf .N3 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL {
  width: 25%;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 > h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL > h1.titre {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.ligne,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.ligne {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.ligne span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.ligne span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.ligne div.blockR,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.ligne div.blockR {
  width: 50%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.ligne:not(:first-of-type),
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.ligne:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.aspect span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.aspect span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.aspect div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.aspect div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE {
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE span.majeur {
  display: none;
  margin-right: 2px;
  width: min-content;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE span.value,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE span.value {
  display: flex;
  width: min-content;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE span.value::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE span.value::before {
  content: "(";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE span.value::after,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE span.value::after {
  content: ")";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="0"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="1"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="2"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="3"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="4"] ~ span.mineur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="5"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="0"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="1"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="2"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="3"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="4"] ~ span.mineur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="5"] ~ span.mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="6"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="7"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="8"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="9"] ~ span.majeur, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.AE input[type=hidden][value="10"] ~ span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="6"] ~ span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="7"] ~ span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="8"] ~ span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="9"] ~ span.majeur,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.AE input[type=hidden][value="10"] ~ span.majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.defense span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.reaction span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.defense span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.reaction span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.reaction div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.reaction div.blockR input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.initiative span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.initiative span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.initiative div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.initiative div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.armure span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.energie span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.armure span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.energie span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.armure div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.energie div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.armure div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.energie div.blockR input[type=number] {
  width: calc(100% - 3px);
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.armure div.blockR b,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.energie div.blockR b,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.armure div.blockR b,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.energie div.blockR b {
  display: flex;
  width: 6px;
  align-items: center;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.CDF input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.CDF input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.configuration select,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.configuration select {
  width: calc(100% - 21px - 30px);
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.configuration button[type=action],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.configuration button[type=action] {
  width: 20px;
  padding: 0px;
  font-weight: bold;
  background: RGB(93, 111, 179);
  color: white;
  border-color: RGB(213, 215, 237);
  border-width: 1px;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.configuration input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.configuration input[type=number] {
  width: 30px;
  height: 28px;
  border: 0px;
  padding: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.nbreCompanions select,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.nbreCompanions select {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.fighter span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.fighter span {
  width: max-content;
  line-height: 28px;
  font-size: 14px;
  padding-left: 2px;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.fighter button[type=roll],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4 div.fighter button[type=action],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.fighter button[type=roll],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL div.fighter button[type=action] {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL > h1.titre {
  border-left: 1px solid white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.col4BL > div {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.description {
  width: 100%;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.description span {
  width: 100%;
  text-align: justify;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions {
  display: none;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects {
  display: flex;
  width: calc(50% - 10px);
  background: RGB(213, 215, 237);
  border-right: 1px solid RGB(93, 111, 179);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span:first-of-type {
  width: calc(20% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
  width: calc(40% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 span {
  display: flex;
  width: calc(20% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div {
  display: flex;
  width: calc(40% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div select {
  width: 100%;
  text-align: center;
  border: 0px;
  padding: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.aspects div.ligne2 div select {
  padding-left: 20px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions {
  display: flex;
  width: calc(50% - 10px);
  background: RGB(213, 215, 237);
  align-content: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions:nth-of-type(even) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions:nth-of-type(odd) {
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions div.tCompanions {
  display: flex;
  width: 100%;
  border-bottom: 1px solid RGB(93, 111, 179);
  position: relative;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions div.tCompanions h2 {
  position: absolute;
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions div.tCompanions select {
  width: 85px;
  height: 28px;
  line-height: 28px;
  padding: 0px;
  border: 0px;
  margin-left: auto;
  color: black;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.companions span {
  padding: 2px;
  text-align: justify;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf div.evolutions div.mT {
  margin-top: 10px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="1"] ~ div.labor .N1, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="1"] ~ div div.cLabor .N1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="2"] ~ div.labor .N2, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="2"] ~ div div.cLabor .N2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="3"] ~ div.labor .N3, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].laborNiveau[value="3"] ~ div div.cLabor .N3 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="1"] ~ div.medik .N1, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="1"] ~ div div.cMedik .N1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="2"] ~ div.medik .N2, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="2"] ~ div div.cMedik .N2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="3"] ~ div.medik .N3, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].medikNiveau[value="3"] ~ div div.cMedik .N3 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="1"] ~ div.tech .N1, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="1"] ~ div div.cTech .N1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="2"] ~ div.tech .N2, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="2"] ~ div div.cTech .N2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="3"] ~ div.tech .N3, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].techNiveau[value="3"] ~ div div.cTech .N3 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="1"] ~ div.fighter .N1, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="1"] ~ div div.cFighter .N1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="2"] ~ div.fighter .N2, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="2"] ~ div div.cFighter .N2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="3"] ~ div.fighter .N3, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].fighterNiveau[value="3"] ~ div div.cFighter .N3 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="1"] ~ div.recon .N1, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="1"] ~ div div.cRecon .N1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="2"] ~ div.recon .N2, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="2"] ~ div div.cRecon .N2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="3"] ~ div.recon .N3, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].reconNiveau[value="3"] ~ div div.cRecon .N3 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Labor] ~ .labor, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Labor] ~ div .labor {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Medic] ~ .medik, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Medic] ~ div .medik {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Tech] ~ .tech, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Tech] ~ div .tech {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Fighter] ~ .fighter, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Fighter] ~ div .fighter {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Recon] ~ .recon, div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].choixConfiguration[value=Recon] ~ div .recon {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCWolf > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 100%;
  height: 28px;
  justify-content: center;
  line-height: 28px;
  font-size: 1.2em;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu button[type=action].BL {
  width: calc(100% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu button[type=action].BR {
  width: calc(100% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL {
  width: 33.3333333333%;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 > h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL > h1.titre {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.ligne,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.ligne {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.ligne span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.ligne span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.ligne div.blockR,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.ligne div.blockR {
  width: 50%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.ligne:not(:first-of-type),
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.ligne:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.aspect span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.aspect span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.aspect div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.aspect div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.defense span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.reaction span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.debordement span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.defense span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.reaction span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.debordement span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.reaction div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.debordement div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.defense div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.reaction div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.debordement div.blockR input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.initiative span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.initiative span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.initiative div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.initiative div.blockR input[type=number] {
  width: calc(100% - 28px);
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.cohesion span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.cohesion span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.cohesion div.blockR input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.cohesion div.blockR input[type=number] {
  width: calc(100% - 3px);
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.cohesion div.blockR b,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.cohesion div.blockR b {
  display: flex;
  width: 6px;
  align-items: center;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.CDF input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.CDF input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.tourCombat span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.tourCombat span {
  width: max-content;
  line-height: 28px;
  font-size: 14px;
  padding-left: 2px;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.tourCombat input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.tourCombat input[type=number] {
  width: calc(100% - 29px);
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.tourCombat button[type=roll],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4 div.tourCombat button[type=action],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.tourCombat button[type=roll],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL div.tourCombat button[type=action] {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL > h1.titre {
  border-left: 1px solid white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.col4BL > div {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow span.specificites {
  display: inline-block;
  width: 100%;
  padding: 2px;
  background: RGB(213, 215, 237);
  text-align: justify;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions {
  display: none;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects {
  display: flex;
  width: calc(50% - 10px);
  background: RGB(213, 215, 237);
  border-right: 1px solid RGB(93, 111, 179);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span:first-of-type {
  width: calc(40% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects div.ligneTitre span:not(:first-of-type) {
  width: calc(60% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 span {
  display: flex;
  width: calc(40% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div {
  display: flex;
  width: calc(60% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div select {
  width: 100%;
  text-align: center;
  border: 0px;
  padding: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow div.evolutions div.aspects label.ligne1 div select {
  padding-left: 20px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > input[type=hidden].subMenu[value="3"] ~ div button[type=action].evolutions {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.DCCrow > input[type=hidden].subMenu[value="3"] ~ div.evolutions {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.ligne {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.ligne span {
  width: 70%;
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen div.ligne input[type=number] {
  width: 30%;
  text-align: center;
  border: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen input[type=number].col2 {
  width: 50%;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
  border-right: 0px;
  border-bottom: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen input[type=number].col2:first-of-type {
  border-left: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeZen input[type=number].col2:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.titre {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.borderBottom {
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea select {
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2Special {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2Special span {
  width: calc(70% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.ligne2Special input[type=number] {
  width: 30%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.rollPJ {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4 {
  display: flex;
  width: 25%;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4BL {
  display: flex;
  width: calc(25% - 1px);
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4 span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4 input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4BL input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea label.col4BL input[type=text] {
  width: 100%;
  min-width: 0px;
  border-top: 1px solid RGB(93, 111, 179);
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.monkModeCea input[type=text].ligne {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3 {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3 input[type=number] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3BL {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine label.col3BL input[type=number] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinShrine input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower label.ligne {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower label.ligne span {
  display: flex;
  width: calc(50% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower label.ligne input[type=number] {
  width: 50%;
  border: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.paladinWatchtower input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div span {
  width: calc(50% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div input[type=number] {
  position: absolute;
  width: calc(50% - 29px);
  height: 28px;
  text-align: center;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  padding: 0px;
  right: 29px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestMechanic div:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.titre {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC select {
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.rollPJ {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.priestNanoC input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure .psion150,
div.charsheet > div.content div.tabCombat div.subTabArmure .psion200 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].psion150PG[value="0"] ~ div .psion150 {
  display: none !important;
}
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].psion150PG[value=on] ~ div .psion150 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].psion200PG[value="0"] ~ div .psion200 {
  display: none !important;
}
div.charsheet > div.content div.tabCombat div.subTabArmure input[type=hidden].psion200PG[value=on] ~ div .psion200 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster select {
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionPuppetMaster input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord select {
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.rollPJ select {
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.rollPJ select:first-of-type {
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.rollPJ select:last-of-type {
  width: calc(50% - 29px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3 {
  display: flex;
  width: 33.3333333333%;
  justify-content: space-between;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3 span {
  display: flex;
  justify-content: center;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3 input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3 input[type=number] {
  width: 100%;
  border: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3BL {
  display: flex;
  width: calc(33.3333333333% - 1px);
  justify-content: space-between;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3BL span {
  display: flex;
  justify-content: center;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3BL input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord label.col3BL input[type=number] {
  width: 100%;
  border: 0px;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionDiscord input[type=hidden].active[value^=Activ] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.psionWindtalker h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.titre {
  border-bottom: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision select {
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.rollPJ {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerVision input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 50%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu button[type=action].BL {
  width: calc(50% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu button[type=action].BR {
  width: calc(50% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow > div.titre h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.data,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.bonus,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.bonusCarac,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnage,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow .PG50,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow .PG50_2,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow .PG100 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL {
  display: flex;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5 span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5 select,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL select,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL select {
  border-top: 1px solid RGB(93, 111, 179);
  text-align: center;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 0px;
  margin: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5 {
  width: 20%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5 select,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL select {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL {
  width: calc(20% - 1px);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5BL,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL {
  width: calc(40% - 1px);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL select {
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.col5LargeBL select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL {
  flex-wrap: wrap;
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL h1.titre {
  background: RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 h1.notPG100,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL h1.notPG100 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-evenly;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.simple,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3 div.rangerBEffet div.double input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL {
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL h1.titre {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.eCol3BL div.rangerBEffet {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.bonus {
  width: 100%;
  justify-content: flex-end;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.bonusCarac {
  display: none;
  width: calc(40% - 1px);
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.bonusCarac select {
  display: none;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnage {
  display: none;
  width: 40%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnage span {
  width: calc(50% - 2px);
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnage input[type=number] {
  width: 50%;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnageDetails {
  display: none;
  width: calc(60% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnageDetails span {
  width: max-content;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.pilonnageDetails select {
  width: calc(33.3333333333% - 0.5px);
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.cadence {
  display: none;
  width: calc(60% - 1px);
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.cadence span {
  width: max-content;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow label.cadence select {
  width: calc(33.3333333333% - 0.5px);
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].subMenu[value="1"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].subMenu[value="1"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].subMenu[value="2"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].subMenu[value="2"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus label.pilonnage span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus label.pilonnageDetails span {
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus label.pilonnage input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div.bonus label.pilonnageDetails input[type=number] {
  border-left: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnage span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnageDetails span {
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnage input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div.bonus label.pilonnageDetails input[type=number] {
  border-left: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnage {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnageDetails {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.eCol3, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.eCol3BL {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div.PG50, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50[value=on] ~ div .PG50 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ .PG50_2, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ div .PG50_2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ .notPG50_2, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG50_2[value=on] ~ div .notPG50_2 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ .PG100, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ div .PG100 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ .notPG100, div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].PG100[value=on] ~ div .notPG100 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rangerLongbow input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost select {
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.rollPJ select {
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.rollPJ select:first-of-type {
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.rollPJ select:last-of-type {
  width: calc(50% - 29px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.rogueGhost input[type=hidden].active[value^="{{modeGhost"] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL2,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre button[type=action].bonusCaracL2,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=action].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=action].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation button[type=action].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation select,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet select {
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation label.ligne2,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation label.ligne2 span,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation label.ligne2 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.rollPJ,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.rollPJ select,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.rollPJ select:last-of-type,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.rollPNJ,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.rollPNJ {
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.rollPNJ select,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.rollPNJ select {
  width: 100%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.bonusCarac,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation div.bonusCarac select,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanImpregnation input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type,
div.charsheet > div.content div.tabCombat div.subTabArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.ligne2 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.ligne2 select {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.totem1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.totem2,
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem label.totem3 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="1"] ~ label.totem1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="2"] ~ label.totem1, div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="2"] ~ label.totem2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem1, div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem2, div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanTotem input[type=hidden].nbreTotem[value="3"] ~ label.totem3 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligneTitre {
  display: none;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligneTitre span:first-of-type {
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligneTitre span:not(:first-of-type) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligne3 {
  display: none;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension div.ligne3 div {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.ligne3, div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.ligneTitre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.shamanAscension input[type=hidden].active[value^="1"] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis h2.titreBis {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton {
  position: relative;
  width: 102px;
  height: 27px;
  font-size: 14px;
  align-self: center;
  margin-left: auto;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 27px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton span {
  display: flex;
  height: 27px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.fakeButton span::before {
  display: flex;
  width: calc(100% - 2px);
  line-height: 27px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.titreBis,
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph select {
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2 {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2 input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2 input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2BL {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2BL input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph label.col2BL input[type=number] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  text-align: center;
  padding: 0px;
  height: 29px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph .borderCTop {
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph .borderSBottom {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph .borderS {
  border-bottom: 1px solid RGB(93, 111, 179);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph button[type=action].PG250 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="0"] ~ div.bonusCarac {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1, div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.titreBis button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2, div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titreBis button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.titreBis button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].sorcerer250[value=on] ~ div button[type=action].PG250 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].sorcerer250[value=on] ~ div label.not250PG {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.sorcererMorph input[type=hidden].activateModeMorph250[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward h2.titreBis,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward div.titre h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward div.titre button[type=action].active,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward input[type=hidden].active[value="1"] ~ div button[type=action].active,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRewind input[type=hidden].active[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockForward div.titre {
  border-bottom: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord label.ligne2:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockRecord input[type=hidden].active[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warlockContrecoups div.titre {
  border-bottom: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterFalcon h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.titre button[type=action].personnel {
  width: 100px;
  height: 26px;
  margin-right: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton {
  position: relative;
  width: 102px;
  height: 27px;
  font-size: 14px;
  align-self: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 27px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton span {
  display: flex;
  height: 27px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.fakeButton span::before {
  display: flex;
  width: calc(100% - 2px);
  line-height: 27px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.button button[type=action] {
  display: flex;
  width: 100px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.energie {
  border-bottom: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord div.action {
  border-bottom: 1px solid RGB(213, 215, 237);
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.ligne2 {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.ligne2 input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.ligne2:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2 {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2 input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2BL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2BL input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord label.col2BL input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord .action,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord .esquive,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord .force,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord .guerre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord .energie {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].active[value=on] ~ button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].personnel[value=on] ~ button[type=action].personnel {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].action[value=on] ~ div.button button[type=action].action {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].action[value=on] ~ .action {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].esquive[value=on] ~ div.button button[type=action].esquive {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].esquive[value=on] ~ .esquive {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].force[value=on] ~ div.button button[type=action].force {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].force[value=on] ~ .force {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].guerre[value=on] ~ div.button button[type=action].guerre {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].guerre[value=on] ~ .guerre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].energie[value=on] ~ div.button button[type=action].energie {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].energie[value=on] ~ .energie {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ div.button, div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ h2.titreBis {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .action {
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .action, div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .esquive, div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .force, div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .guerre, div.charsheet > div.content div.tabCombat div.subTabArmure div.warmasterWarlord input[type=hidden].PG200[value=on] ~ .energie {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton {
  position: relative;
  width: 100px;
  height: 27px;
  font-size: 14px;
  align-self: center;
  margin-left: auto;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 27px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton span {
  display: flex;
  height: 27px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.fakeButton span::before {
  display: flex;
  width: calc(100% - 2px);
  line-height: 27px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes div.button button[type=action] {
  display: flex;
  width: 100px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h1.borderBottom {
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes h2.titreBis {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3 {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3 input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3BL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3BL input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes label.col3BL input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes .soldier,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes .hunter,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes .scholar,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes .herald,
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes .scout {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].soldier[value=on] ~ div.button button[type=action].soldier {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].soldier[value=on] ~ .soldier {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].hunter[value=on] ~ div.button button[type=action].hunter {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].hunter[value=on] ~ .hunter {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].scholar[value=on] ~ div.button button[type=action].scholar {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].scholar[value=on] ~ .scholar {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].herald[value=on] ~ div.button button[type=action].herald {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].herald[value=on] ~ .herald {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].scout[value=on] ~ div.button button[type=action].scout {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].scout[value=on] ~ .scout {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .soldier, div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .hunter, div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .scholar, div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .herald, div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ .scout {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ h1.titre {
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ h2.titreBis, div.charsheet > div.content div.tabCombat div.subTabArmure div.warriorTypes input[type=hidden].PG200[value=on] ~ div.button {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titreBis {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titreBis h2.titreBis {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.titreBis,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis select {
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.ligne2 {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.ligne2 span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.ligne2 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.ligne2 select {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3 {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: 33.3333333333%;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3 input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3BL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3BL input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis label.col3BL input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis .borderTop {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis button[type=action].rollDice {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].active[value=on] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardBorealis input[type=text] {
  width: 100%;
  text-align: center;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme select {
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3 {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3 span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3 input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3 input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3BL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3BL input[type=number],
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme label.col3BL input[type=text] {
  width: 100%;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  padding: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme .wizard250 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=roll].wizard250, div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=action].wizard250 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=roll].wizardNot250, div.charsheet > div.content div.tabCombat div.subTabArmure div.wizardOriflamme input[type=hidden].PG250[value=on] ~ div button[type=action].wizardNot250 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: transparent;
  border: 0px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL > h1.titre {
  display: flex;
  width: 100%;
  align-content: baseline;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.information {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.information h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.information div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.information h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.information div.autoex textarea {
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALShaman,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest > div,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion > div,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALShaman > div,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock > div,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster > div {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.druidModJetCompagnons {
  border-top: 0px;
  border-bottom: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon button[type=action].lion,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon button[type=action].wolf,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon button[type=action].crow {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="1"] ~ div.button button[type=action].lion {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="2"] ~ div.button button[type=action].wolf {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDCompagnon input[type=hidden].legendeChoisie[value="3"] ~ div.button button[type=action].crow {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPaladin,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALRanger,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWizard {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest > div {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="1"] ~ div.priestMechanic {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="1"] ~ div.priestMechanic div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="2"] ~ div.priestNanoC {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPriest input[type=hidden].legendeChoisie[value="2"] ~ div.priestNanoC div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion > div {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="1"] ~ div.psionPuppetMaster,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="1"] ~ div.psionPuppetMaster {
  display: flex;
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="2"] ~ div.psionDiscord,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="2"] ~ div.psionDiscord {
  display: flex;
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie[value="3"] ~ div.psionWindtalker,
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALPsion input[type=hidden].legendeChoisie2[value="3"] ~ div.psionWindtalker {
  display: flex;
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALShaman {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock > div {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock div.warlockContrecoups {
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockContrecoups, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockRecord {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockContrecoups div.titre, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="1"] ~ div.warlockRecord div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockContrecoups, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockRewind {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockContrecoups div.titre, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarlock input[type=hidden].legendeChoisie[value="2"] ~ div.warlockRewind div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster > div {
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="1"] ~ div.action, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="1"] ~ div.esquive {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="2"] ~ div.action, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="2"] ~ div.force {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="3"] ~ div.action, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="3"] ~ div.guerre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="4"] ~ div.action, div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord input[type=hidden].warlordChoisie[value="4"] ~ div.energie {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster div.warmasterWarlord div.action {
  border-bottom-color: RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="1"] ~ div.warmasterWarlord {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="1"] ~ div.warmasterWarlord div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="2"] ~ div.warmasterFalcon {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarmaster input[type=hidden].legendeChoisie[value="2"] ~ div.warmasterFalcon div.titre {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="1"] ~ .soldier {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="2"] ~ .hunter {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="3"] ~ .scholar {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="4"] ~ .herald {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALWarrior input[type=hidden].legendeChoisie[value="5"] ~ .scout {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDruidCompanions {
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDruidCompanions h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDruidCompanions div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDruidCompanions div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.MAL div.MALDruidCompanions > h1.titre {
  display: flex;
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  display: none;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div {
  display: none;
  justify-content: space-between;
  width: 100%;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div span {
  display: flex;
  font-size: 14px;
  color: black;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div span:first-of-type {
  width: 70px;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div span:last-of-type {
  width: calc(100% - 70px - 4px - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  text-align: justify;
  padding: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock div.AE div:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="1"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="1"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="2"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="2"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="3"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="3"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="4"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="4"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="5"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="5"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="6"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="6"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="7"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="7"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="8"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="8"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="9"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="9"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="10"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="10"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="11"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="11"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="12"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="12"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="13"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="13"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="14"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="14"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="15"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="15"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="16"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="16"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="17"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="17"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="18"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="18"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="19"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="19"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="20"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMineur[value="20"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="1"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="2"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="3"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="4"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="5"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="6"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="7"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="8"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="9"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="10"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="11"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="12"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="13"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="14"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="15"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="16"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="17"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="18"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="19"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEChairMajeur[value="20"] ~ div.AEChair div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="1"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="1"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="2"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="2"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="3"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="3"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="4"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="4"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="5"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="5"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="6"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="6"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="7"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="7"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="8"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="8"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="9"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="9"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="10"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="10"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="11"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="11"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="12"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="12"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="13"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="13"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="14"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="14"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="15"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="15"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="16"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="16"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="17"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="17"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="18"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="18"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="19"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="19"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="20"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMineur[value="20"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="1"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="2"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="3"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="4"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="5"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="6"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="7"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="8"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="9"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="10"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="11"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="12"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="13"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="14"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="15"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="16"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="17"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="18"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="19"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEBeteMajeur[value="20"] ~ div.AEBete div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="1"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="1"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="2"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="2"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="3"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="3"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="4"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="4"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="5"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="5"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="6"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="6"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="7"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="7"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="8"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="8"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="9"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="9"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="10"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="10"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="11"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="11"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="12"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="12"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="13"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="13"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="14"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="14"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="15"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="15"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="16"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="16"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="17"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="17"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="18"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="18"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="19"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="19"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="20"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMineur[value="20"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="1"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="2"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="3"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="4"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="5"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="6"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="7"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="8"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="9"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="10"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="11"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="12"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="13"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="14"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="15"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="16"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="17"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="18"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="19"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMachineMajeur[value="20"] ~ div.AEMachine div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="1"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="1"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="2"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="2"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="3"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="3"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="4"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="4"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="5"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="5"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="6"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="6"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="7"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="7"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="8"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="8"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="9"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="9"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="10"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="10"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="11"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="11"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="12"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="12"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="13"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="13"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="14"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="14"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="15"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="15"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="16"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="16"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="17"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="17"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="18"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="18"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="19"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="19"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="20"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMineur[value="20"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="1"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="2"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="3"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="4"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="5"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="6"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="7"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="8"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="9"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="10"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="11"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="12"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="13"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="14"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="15"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="16"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="17"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="18"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="19"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEDameMajeur[value="20"] ~ div.AEDame div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="1"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="1"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="2"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="2"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="3"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="3"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="4"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="4"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="5"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="5"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="6"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="6"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="7"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="7"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="8"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="8"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="9"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="9"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="10"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="10"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="11"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="11"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="12"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="12"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="13"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="13"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="14"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="14"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="15"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="15"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="16"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="16"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="17"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="17"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="18"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="18"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="19"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="19"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="20"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMineur[value="20"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="1"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="2"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="3"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="4"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="5"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="6"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="7"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="8"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="9"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="10"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="11"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="12"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="13"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="14"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="15"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="16"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="17"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="18"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="19"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque div.Mineur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock input[type=hidden].AEMasqueMajeur[value="20"] ~ div.AEMasque div.Majeur {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.AEBlock > div:not(:first-of-type) {
  margin-top: 10px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton {
  position: relative;
  width: 150px;
  height: 23px;
  font-size: 14px;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade label.fakeButton span::before {
  display: flex;
  width: calc(100% - 2px);
  line-height: 23px;
  content: attr(title);
  border: 0px;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesFanMade div {
  display: flex;
  width: 100%;
  justify-content: center;
  background: RGB(213, 215, 237);
  padding: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales div {
  display: flex;
  width: 100%;
  justify-content: center;
  background: RGB(213, 215, 237);
  padding: 2px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales div button[type=action] {
  display: flex;
  width: 150px;
  height: 23px;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 22px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitesSpeciales input[type=hidden][value="1"] ~ div button[type=action] {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites details[open] summary::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 details[open] summary::before {
  content: "-";
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites details summary::before,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 details summary::before {
  display: flex;
  content: "+";
  width: 25px;
  height: 27px;
  background-color: RGB(93, 111, 179);
  justify-content: center;
  line-height: 21px;
  font-size: 25px;
  color: white;
  cursor: pointer;
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites h1.titre,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repcontainer,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repcontainer {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repcontainer div.repitem,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repcontainer div.repitem {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repitem details,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repitem details {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repitem details summary,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repitem details summary {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repitem details summary input[type=text],
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repitem details summary input[type=text] {
  width: calc(100% - 25px);
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-right: 25px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  text-align: center;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacites div.repitem div.autoex,
div.charsheet > div.content div.tabCombat div.subTabArmure div.capacitePhase2 div.repitem div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes div.repcontainer {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes div.repcontainer div.repitem {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.subTabArmure div.notes div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  display: none;
  margin-top: 10px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.data {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee > div.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee > div.titre h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre span {
  display: flex;
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 363px - 289px);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.firstCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.midCol {
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.midCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.lastCol {
  background: RGB(213, 215, 237);
  width: 288px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.ligneTitre div.lastCol span {
  width: calc(100% - 28px);
  margin-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
  display: block;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
  width: 250px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
  width: 119px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
  width: 131px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
  width: 121px;
  margin-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
  width: calc(50% - 3px);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
  width: 121px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 100%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu button[type=action].BL {
  width: calc(100% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu button[type=action].BR {
  width: calc(100% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing div.bonus {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing div.bonusCarac {
  display: none;
  width: 260px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.poing div.bonusCarac select {
  display: none;
  border: 0px;
  font-size: 14px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: none;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 25%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BL,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BL {
  width: calc(25% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BR,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BR {
  width: calc(25% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BLR,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].NBT,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 div.bonus,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 div.bonus {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 label.precis,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 label.guidage,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 label.precis,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 label.guidage {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 div.bonusCarac,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 div.bonusCarac {
  display: none;
  width: 260px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection1 div.bonusCarac select,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.armeSection2 div.bonusCarac select {
  display: none;
  border: 0px;
  font-size: 14px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repcontainer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 25%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BL {
  width: calc(25% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BR {
  width: calc(25% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem div.bonus {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem label.precis {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem div.bonusCarac {
  display: none;
  width: 260px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.repitem div.bonusCarac select {
  display: none;
  border: 0px;
  font-size: 14px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 363px - 289px);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.midCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 288px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeNom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number].nbre,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number].bonus,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeDegats b,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeViolence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armePortee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ligne div.armeCaracs select {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.precis {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus input[type=hidden].allegee[value="1"] ~ label.precis {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.precis {
  display: none;
  width: 260px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.precis span {
  width: calc(50% - 3px);
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.precis select {
  width: calc(50% + 1px);
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.cadence {
  display: none;
  width: 381px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.cadence span {
  width: 251px;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.cadence select {
  width: 132px;
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage {
  display: none;
  margin-top: 1px;
  width: 130px;
  height: 28px;
  margin: 0px;
  margin-right: 29px;
  border-right: 1px solid RGB(93, 111, 179);
  border: 0px;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage span.inactif {
  display: none;
  text-align: center;
  color: black;
  height: 28px;
  line-height: 28px;
  align-items: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage span.inactif::before {
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox] {
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.simple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.simple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.double,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border: 1px solid black;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsStructurelles {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="2"] ~ div.ameliorationsStructurelles {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].styleCombat[value=precis] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].styleCombat[value=precis] ~ div label.precis {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.precis {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.precis span {
  width: 118px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.precis select {
  width: 121px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.precis {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.precis span {
  width: 118px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.precis select {
  width: 121px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].armePoing[value="0"] ~ div div.poing {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].armeSection1[value="1"] ~ div div.armeSection1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].armeSection2[value="1"] ~ div div.armeSection2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabMelee input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.data {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance > div.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance > div.titre h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre span {
  display: flex;
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 363px - 289px);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.firstCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.midCol {
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.midCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.lastCol {
  background: RGB(213, 215, 237);
  width: 288px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.ligneTitre div.lastCol span {
  width: calc(100% - 28px);
  margin-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
  display: block;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
  width: 250px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
  width: 119px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
  width: 131px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
  width: 121px;
  margin-right: 0px !important;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
  width: calc(50% - 3px);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
  width: 121px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: none;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BL,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BR,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BLR,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].NBT,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 div.bonus,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 div.bonus {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 label.guidage,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 label.guidage {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 div.bonusCarac,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 div.bonusCarac {
  display: none;
  width: 260px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection1 div.bonusCarac select,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.armeSection2 div.bonusCarac select {
  display: none;
  border: 0px;
  font-size: 14px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repcontainer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem div.bonus {
  display: none;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem label.precis {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem div.bonusCarac {
  display: none;
  width: 260px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.repitem div.bonusCarac select {
  display: none;
  border: 0px;
  font-size: 14px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 363px - 289px);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.midCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 288px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeNom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number].nbre,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number].bonus,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeDegats b,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeViolence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armePortee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ligne div.armeCaracs select {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.pilonnage, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.pilonnageDetails {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.guidage {
  margin-right: 29px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnage {
  display: none;
  width: 241px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnage span {
  width: max-content;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnage input[type=number] {
  width: 121px;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnage select {
  width: 131px;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails {
  display: none;
  width: 381px;
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails span {
  width: max-content;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails input[type=number] {
  width: 121px;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails select {
  width: 131px;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails:first-of-type {
  width: 241px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.pilonnageDetails:last-of-type {
  width: 381px;
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.cadence {
  display: none;
  width: 381px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.cadence span {
  width: 251px;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.cadence select {
  width: 132px;
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage {
  display: none;
  margin-top: 1px;
  width: 130px;
  height: 28px;
  margin: 0px;
  margin-right: 29px;
  border-right: 1px solid RGB(93, 111, 179);
  border: 0px;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.inactif {
  display: none;
  text-align: center;
  color: black;
  height: 28px;
  line-height: 28px;
  align-items: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.inactif::before {
  height: 28px;
  line-height: 28px;
  background: transparent;
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif::before {
  background: RGB(93, 111, 179);
  color: white;
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox] {
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.simple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.double,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.doubleTexte {
  width: 150px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.doubleTexte input[type=text].borderBottom,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text].borderBottom,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.doubleTexte input[type=text].borderBottom {
  border-bottom: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.doubleTexte .borderTop,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte .borderTop,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.doubleTexte .borderTop {
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].styleCombat[value=pilonnage] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnage {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnageDetails {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].styleCombat[value=pilonnage] ~ div label.guidage {
  margin-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage input[type=number] {
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.cadence {
  width: 362px;
  padding-right: 0px !important;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.cadence span {
  width: 238px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.cadence select {
  width: 121px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.guidage {
  margin-right: 0px !important;
  width: 121px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage input[type=number] {
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.cadence {
  width: 362px;
  padding-right: 0px !important;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.cadence span {
  width: 238px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.cadence select {
  width: 121px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.guidage {
  margin-right: 0px !important;
  width: 121px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].armeSection1[value="1"] ~ div div.armeSection1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].armeSection2[value="1"] ~ div div.armeSection2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabDistance input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee {
  display: none;
  flex-wrap: wrap;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton {
  position: relative;
  width: calc(50% - 50px);
  height: 26px;
  font-size: 14px;
  align-self: center;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 26px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton span {
  display: flex;
  height: 26px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 26px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.buttons {
  display: flex;
  justify-content: space-evenly;
  background: RGB(213, 215, 237);
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.bonus {
  display: none;
  width: 100%;
  justify-content: flex-end;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation div.bonusCarac select {
  display: none;
  border: 0px;
  font-size: 14px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.data {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligneTitre {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligneTitre span {
  display: flex;
  background: RGB(213, 215, 237);
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligneTitre .type {
  width: calc(100% - 1px - 440px - 29px);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligneTitre .jet {
  width: 110px;
  padding-right: 29px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .OD,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .type,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .degats,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .violence {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .OD {
  width: 110px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .degats,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .violence {
  width: 109px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste .jet {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .OD,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .degats,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .violence {
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .OD input[type=text],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .OD input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .degats input[type=text],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .degats input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .violence input[type=text],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .violence input[type=number] {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
  min-height: 28px;
  height: 100%;
  background: white;
  text-align: center;
  cursor: context-menu;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .type {
  display: flex;
  width: calc(100% - 1px - 440px - 29px - 4px);
  background: white;
  text-align: justify;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-left: 2px;
  padding-right: 2px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .jet {
  width: 139px;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.ligne .jet input[type=number] {
  width: calc(100% - 29px);
  margin: 0px;
  padding: 0px;
  border: 0px;
  min-height: 28px;
  height: 100%;
  background: white;
  text-align: center;
  cursor: context-menu;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabImprovisee div.liste div.separationTop {
  border-top: 2px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.data {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre span {
  display: flex;
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 484px - 130px - 29px);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.firstCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.midCol {
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.midCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.lastCol {
  background: RGB(213, 215, 237);
  width: 129px;
  padding-right: 29px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.ligneTitre div.lastCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
  display: block;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
  width: 250px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
  width: 119px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
  width: 131px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
  width: 121px;
  margin-right: 0px !important;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
  width: calc(50% - 3px);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
  width: 121px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repcontainer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.repitem div.bonus {
  display: none;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 484px - 130px - 29px);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.midCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 158px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeNom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number].nbre,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number].bonus,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeDegats b,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeViolence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armePortee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number] {
  width: calc(100% - 28px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeAttaque b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number] {
  width: calc(100% - 28px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.cadence {
  display: none;
  width: 372px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.cadence span {
  width: 236px;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.cadence select {
  width: 131px;
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage {
  display: none;
  margin-top: 1px;
  width: 130px;
  height: 28px;
  margin: 0px;
  margin-right: 29px;
  border-right: 1px solid RGB(93, 111, 179);
  border: 0px;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.inactif {
  display: none;
  text-align: center;
  color: black;
  height: 28px;
  line-height: 28px;
  align-items: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.inactif::before {
  height: 28px;
  line-height: 28px;
  background: transparent;
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif::before {
  background: RGB(93, 111, 179);
  color: white;
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox] {
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.simple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.double,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.doubleTexte {
  width: 150px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.doubleTexte input[type=text].borderBottom,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text].borderBottom,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.doubleTexte input[type=text].borderBottom {
  border-bottom: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.doubleTexte .borderTop,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte .borderTop,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.doubleTexte .borderTop {
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPJ div.subTabAutre input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  display: none;
  margin-top: 10px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.data {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre span {
  display: flex;
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 363px - 159px - 120px);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.firstCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.midCol {
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.midCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.midColL {
  background: RGB(213, 215, 237);
  width: 240px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.midColL span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.lastCol {
  background: RGB(213, 215, 237);
  width: 158px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.ligneTitre div.lastCol span {
  width: calc(100% - 29px);
  margin-right: 29px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
  display: block;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
  width: 250px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
  width: 119px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
  width: 131px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
  width: 121px;
  margin-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
  width: calc(50% - 3px);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
  width: 121px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: none;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 25%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BL,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BL {
  width: calc(25% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BR,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BR {
  width: calc(25% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].BLR,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 > div.subMenu button[type=action].NBT,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 div.bonus,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 div.bonus {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 label.precis,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection1 label.guidage,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 label.precis,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.armeSection2 label.guidage {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repcontainer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 25%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BL {
  width: calc(25% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BR {
  width: calc(25% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem div.bonus {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem label.precis,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.repitem label.guidage {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne label.fakeButton {
  position: relative;
  width: 120px;
  height: 28px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 28px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne label.fakeButton span {
  display: flex;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 28px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 363px - 159px - 120px);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.midCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.midColL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 240px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 158px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeNom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats div,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence div {
  width: 120px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number].nbre,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=number].bonus,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats b,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence label.fakeButton span {
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats label.fakeButton:hover span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence label.fakeButton:hover span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeDegats input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeViolence input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armePortee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeAspect select {
  width: calc(100% - 29px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeAspect button[type=roll],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ligne div.armeAspect button[type=action] {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.precis {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus input[type=hidden].allegee[value="1"] ~ label.precis {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.precis {
  display: none;
  width: 260px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.precis span {
  width: calc(50% - 3px);
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.precis select {
  width: calc(50% + 1px);
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.cadence {
  display: none;
  width: 381px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.cadence span {
  width: 251px;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.cadence select {
  width: 132px;
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage {
  display: none;
  margin-top: 1px;
  width: 130px;
  height: 28px;
  margin: 0px;
  margin-right: 29px;
  border-right: 1px solid RGB(93, 111, 179);
  border: 0px;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage span.inactif {
  display: none;
  text-align: center;
  color: black;
  height: 28px;
  line-height: 28px;
  align-items: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage span.inactif::before {
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage span.actif {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox] {
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.simple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.simple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.double,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border: 1px solid black;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsStructurelles div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="2"] ~ div button[type=action].ameliorationsStructurelles {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="2"] ~ div.ameliorationsStructurelles {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee input[type=hidden].armeSection1[value="1"] ~ div div.armeSection1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee input[type=hidden].armeSection2[value="1"] ~ div div.armeSection2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabMelee input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.data {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre span {
  display: flex;
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 363px - 159px);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.firstCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.midCol {
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.midCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.lastCol {
  background: RGB(213, 215, 237);
  width: 158px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.ligneTitre div.lastCol span {
  width: calc(100% - 29px);
  margin-right: 29px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
  display: block;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
  width: 250px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
  width: 119px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
  width: 131px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
  width: 121px;
  margin-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
  width: calc(50% - 3px);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
  width: 121px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: none;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BL,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BR,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].BLR,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 > div.subMenu button[type=action].NBT,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 div.bonus,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 div.bonus {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 label.precis,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection1 label.guidage,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 label.precis,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.armeSection2 label.guidage {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repcontainer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem div.bonus {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem label.precis,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.repitem label.guidage {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 363px - 159px);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.midCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 158px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeNom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number].nbre,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeDegats input[type=number].bonus,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeViolence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeDegats b,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeViolence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armePortee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeAspect select {
  width: calc(100% - 29px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeAspect button[type=roll],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ligne div.armeAspect button[type=action] {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.precis {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus input[type=hidden].allegee[value="1"] ~ label.precis {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.precis {
  display: none;
  width: 260px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.precis span {
  width: calc(50% - 3px);
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.precis select {
  width: calc(50% + 1px);
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.cadence {
  display: none;
  width: 381px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.cadence span {
  width: 251px;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.cadence select {
  width: 132px;
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage {
  display: none;
  margin-top: 1px;
  width: 130px;
  height: 28px;
  margin: 0px;
  margin-right: 29px;
  border-right: 1px solid RGB(93, 111, 179);
  border: 0px;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage span.inactif {
  display: none;
  text-align: center;
  color: black;
  height: 28px;
  line-height: 28px;
  align-items: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage span.inactif::before {
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage span.actif {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox] {
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.simple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.double,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance input[type=hidden].armeSection1[value="1"] ~ div div.armeSection1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance input[type=hidden].armeSection2[value="1"] ~ div div.armeSection2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabDistance input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee {
  display: none;
  flex-wrap: wrap;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton {
  position: relative;
  width: calc(50% - 50px);
  height: 26px;
  font-size: 14px;
  align-self: center;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 26px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton span {
  display: flex;
  height: 26px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 26px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.utilisation div.buttons {
  display: flex;
  justify-content: space-evenly;
  background: RGB(213, 215, 237);
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.data {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligneTitre {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligneTitre span {
  display: flex;
  background: RGB(213, 215, 237);
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligneTitre .type {
  width: calc(100% - 1px - 440px - 29px);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligneTitre .jet {
  width: 110px;
  padding-right: 29px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .OD,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .type,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .degats,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .violence {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .OD {
  width: 110px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .degats,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .violence {
  width: 109px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste .jet {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .OD,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .degats,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .violence {
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .OD input[type=text],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .OD input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .degats input[type=text],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .degats input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .violence input[type=text],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .violence input[type=number] {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
  min-height: 28px;
  height: 100%;
  background: white;
  text-align: center;
  cursor: context-menu;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .type {
  display: flex;
  width: calc(100% - 1px - 440px - 29px - 4px);
  background: white;
  text-align: justify;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-left: 2px;
  padding-right: 2px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .jet {
  width: 139px;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.ligne .jet input[type=number] {
  width: calc(100% - 29px);
  margin: 0px;
  padding: 0px;
  border: 0px;
  min-height: 28px;
  height: 100%;
  background: white;
  text-align: center;
  cursor: context-menu;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabImprovisee div.liste div.separationTop {
  border-top: 2px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.data {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre span {
  display: flex;
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 464px - 150px - 29px);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.firstCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.midCol {
  background: RGB(213, 215, 237);
  width: 115px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.midCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.lastCol {
  background: RGB(213, 215, 237);
  width: 149px;
  padding-right: 29px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.ligneTitre div.lastCol span {
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
  display: block;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
  width: 250px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
  width: 119px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
  width: 131px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
  width: 121px;
  margin-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
  width: calc(50% - 3px);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
  width: 121px;
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repcontainer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem div.bonus {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem label.precis,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.repitem label.guidage {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 464px - 150px - 29px);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.midCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 115px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 178px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeNom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number].nbre,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeDegats input[type=number].bonus,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeViolence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeDegats b,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeViolence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armePortee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number] {
  width: calc(100% - 28px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeAttaque input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeAttaque b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number] {
  width: calc(100% - 28px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ligne div.armeJet input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus input[type=hidden].deuxMains[value="0"] ~ label.precis {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus input[type=hidden].allegee[value="1"] ~ label.precis {
  display: none;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.precis {
  display: none;
  width: 260px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.precis span {
  width: calc(50% - 3px);
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.precis select {
  width: calc(50% + 1px);
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.cadence {
  display: none;
  width: 381px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.cadence span {
  width: 251px;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.cadence select {
  width: 132px;
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage {
  display: none;
  margin-top: 1px;
  width: 130px;
  height: 28px;
  margin: 0px;
  margin-right: 29px;
  border-right: 1px solid RGB(93, 111, 179);
  border: 0px;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage span.inactif {
  display: none;
  text-align: center;
  color: black;
  height: 28px;
  line-height: 28px;
  align-items: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage span.inactif::before {
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage span.actif {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox] {
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton input[type=radio],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.fakeButton span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.simple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.double,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.effets div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre div.armesListe input[type=hidden].subMenu[value="4"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].styleCombat[value=pilonnage] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnage {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnageDetails {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage input[type=number] {
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage input[type=number] {
  border-right: 0px;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].armeSection1[value="1"] ~ div div.armeSection1 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].armeSection2[value="1"] ~ div div.armeSection2 {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabCombat div.armesPNJ div.subTabAutre input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.grenade {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.grenade h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.grenade div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.grenade div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.grenade div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.grenade div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.grenade div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabCombat div.grenade button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.grenade button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.grenade button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.grenade button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.grenade button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.grenade button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 100%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu button[type=action].BL {
  width: calc(100% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu button[type=action].BR {
  width: calc(100% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenade > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.grenade div.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.grenade div.titre h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.grenade div.titre div {
  display: flex;
  height: 28px;
  width: 80px;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-left: auto;
}
div.charsheet > div.content div.tabCombat div.grenade div.titre div input[type=number] {
  width: 37px;
  height: 100%;
  text-align: center;
  padding: 0px;
  border: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.grenade div.titre div b {
  display: flex;
  width: 6px;
  height: 100%;
  color: black;
  background: white;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.grenade div.roll {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.grenade div.roll select {
  width: 50%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.grenade div.roll select:last-of-type {
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.grenade div.ligne {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.grenade div.ligne span {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.grenade div.ligne span.nom {
  width: 98px;
  padding-left: 2px;
  line-height: 28px;
  font-weight: bold;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.grenade div.ligne span.description {
  height: 100%;
  width: calc(100% - 100px - 29px - 4px);
  padding-left: 2px;
  padding-right: 2px;
  line-height: 18px;
  font-weight: normal;
  font-size: 13px;
  border-right: 1px solid RGB(93, 111, 179);
  align-items: center;
  align-content: center;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.grenade div.effets label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets label.simple {
  justify-content: space-between;
  width: 200px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.grenade div.effets div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.grenade div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.grenade div.bonusCarac select {
  display: none;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].effets[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].effets[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.grenade input[type=hidden].codexfm4[value="0"] ~ div.codexfm4 {
  display: none;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.grenadePNJ h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=roll].rollDice,
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=roll].rollDice::before,
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabCombat div.grenadePNJ button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 100%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu button[type=action].BL {
  width: calc(100% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu button[type=action].BR {
  width: calc(100% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre div {
  display: flex;
  height: 28px;
  width: 80px;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-left: auto;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre div input[type=number] {
  width: 37px;
  height: 100%;
  text-align: center;
  padding: 0px;
  border: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.titre div b {
  display: flex;
  width: 6px;
  height: 100%;
  color: black;
  background: white;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.roll {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.roll select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.ligne {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.ligne span {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.ligne span.nom {
  width: 98px;
  padding-left: 2px;
  line-height: 28px;
  font-weight: bold;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.ligne span.description {
  height: 100%;
  width: calc(100% - 100px - 29px - 4px);
  padding-left: 2px;
  padding-right: 2px;
  line-height: 18px;
  font-weight: normal;
  font-size: 13px;
  border-right: 1px solid RGB(93, 111, 179);
  align-items: center;
  align-content: center;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.simple {
  justify-content: space-between;
  width: 200px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabCombat div.grenadePNJ div.effets div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ input[type=hidden].effets[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.grenadePNJ input[type=hidden].effets[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.protections {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  display: none;
}
div.charsheet > div.content div.tabCombat div.protections h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.protections div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.protections h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.protections div.ligneTitre,
div.charsheet > div.content div.tabCombat div.protections div.repcontainer,
div.charsheet > div.content div.tabCombat div.protections div.repitem {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabCombat div.protections div.repcontainer {
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabCombat div.protections div.ligneTitre span {
  display: flex;
  font-weight: bold;
  line-height: 28px;
  font-size: 14px;
  color: black;
  align-items: center;
  justify-content: center;
}
div.charsheet > div.content div.tabCombat div.protections .col4 {
  display: flex;
  width: 25%;
  background: RGB(213, 215, 237);
  justify-content: center;
  align-items: center;
  align-content: center;
}
div.charsheet > div.content div.tabCombat div.protections .col4BL {
  display: flex;
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
  justify-content: center;
  align-items: center;
  align-content: center;
}
div.charsheet > div.content div.tabCombat div.protections .repitem {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu {
  display: flex;
  width: 25%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 100%;
  height: 26px;
  justify-content: center;
  line-height: 26px;
  font-size: 1.2em;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu button[type=action].BL {
  width: calc(100% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu button[type=action].BR {
  width: calc(100% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabCombat div.protections .repitem > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabCombat div.protections .repitem input[type=text],
div.charsheet > div.content div.tabCombat div.protections .repitem input[type=number] {
  width: 100%;
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabCombat div.protections .repitem input[type=hidden].porte[value="1"] ~ div button[type=action].porte {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat div.effetsArmes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabCombat div.effetsArmes h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabCombat div.effetsArmes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.effetsArmes h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabCombat div.effetsArmes select {
  width: 100%;
  padding: 0px;
  border: 0px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabCombat div.effetsArmes span {
  display: flex;
  width: 100%;
  background-color: #f5f5f5;
  min-height: 28px;
  padding-right: 2px;
  padding-left: 2px;
  text-align: justify;
  white-space: pre-line;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabDistance[value="1"] ~ div button[type=action].subTabDistance {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabDistance[value="1"] ~ .subTabMelee, div.charsheet > div.content div.tabCombat input[type=hidden].subTabDistance[value="1"] ~ div .subTabDistance {
  display: flex;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabMelee[value="2"] ~ div button[type=action].subTabMelee {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabMelee[value="2"] ~ .subTabMelee, div.charsheet > div.content div.tabCombat input[type=hidden].subTabMelee[value="2"] ~ div .subTabMelee {
  display: flex;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabAutre[value="3"] ~ div button[type=action].subTabAutre {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabAutre[value="3"] ~ .subTabAutre, div.charsheet > div.content div.tabCombat input[type=hidden].subTabAutre[value="3"] ~ div .subTabAutre {
  display: flex;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabDefensif[value="4"] ~ div button[type=action].subTabDefensif {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabDefensif[value="4"] ~ .protections, div.charsheet > div.content div.tabCombat input[type=hidden].subTabDefensif[value="4"] ~ div .protections {
  display: flex;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabArmure[value="5"] ~ div button[type=action].subTabArmure {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabArmure[value="5"] ~ .subTabArmure > div {
  display: flex;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabImprovisee[value="6"] ~ div button[type=action].subTabImprovisee {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabCombat input[type=hidden].subTabImprovisee[value="6"] ~ .subTabImprovisee, div.charsheet > div.content div.tabCombat input[type=hidden].subTabImprovisee[value="6"] ~ div .subTabImprovisee {
  display: flex;
}
div.charsheet > div.content div.tabCombat > div.col > * {
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabCombat div.marginTop {
  margin-top: 10px;
}
div.charsheet > div.content div.tabModules {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabModules div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(50% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabModules div.dataArmure {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabModules div.dataArmure h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabModules div.dataArmure div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.dataArmure input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabModules div.dataArmure h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabModules div.dataArmure div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabModules div.dataArmure div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabModules div.dataArmure div.ligneTitre span:first-of-type {
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabModules div.dataArmure div.ligneTitre span:not(:first-of-type) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.dataArmure div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.dataArmure div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabModules div.dataArmure div.ligne3 div {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.dataArmure div.ligne1 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.dataArmure div.ligne1 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabModules div.dataArmure div.ligne1 div {
  width: 23%;
}
div.charsheet > div.content div.tabModules div.dataArmure div.ligne1 div:nth-of-type(1), div.charsheet > div.content div.tabModules div.dataArmure div.ligne1 div:nth-of-type(2) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.PES {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabModules div.PES h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabModules div.PES div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.PES h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabModules div.PES input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabModules div.PES div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabModules div.PES div.ligneTitre span {
  display: flex;
  width: 33.3333333333%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabModules div.PES div.ligneTitre span:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.PES div.ligne2 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.PES div.ligne2 span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  width: calc(33.3333333333% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabModules div.PES div.ligne2 div {
  width: 33.3333333333%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.PES div.resilience {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.PES div.resilience div span {
  display: flex;
  width: calc(100% - 70px);
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabModules div.PES div.resilience div:first-of-type {
  width: calc(33.3333333333% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabModules div.PES div.resilience div:first-of-type button[type=action] {
  width: 68px;
  height: 26px;
  padding: 0px;
  justify-content: center;
  align-items: center;
  background: RGB(93, 111, 179);
  border: 1px solid RGB(213, 215, 237);
  font-size: 12px;
  font-variant: small-caps;
  font-weight: bold;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  color: white;
}
div.charsheet > div.content div.tabModules div.PES div.resilience div:first-of-type button[type=action]:hover {
  box-shadow: inset 1px 1px 2px 2px black;
}
div.charsheet > div.content div.tabModules div.PES div.resilience div:not(:first-of-type) {
  width: 33.3333333333%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.information {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  border-top: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabModules div.information h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabModules div.information div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.information h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabModules div.information div.autoex textarea {
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabModules div.slots {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  width: 100%;
  justify-content: space-between;
  margin-top: 10px;
}
div.charsheet > div.content div.tabModules div.slots h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabModules div.slots div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.slots div.data {
  display: none;
}
div.charsheet > div.content div.tabModules div.slots h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabModules div.slots div.col6,
div.charsheet > div.content div.tabModules div.slots div.col6BL {
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabModules div.slots div.col6 > span,
div.charsheet > div.content div.tabModules div.slots div.col6BL > span {
  width: max-content;
  font-weight: bold;
  font-variant: small-caps;
  line-height: 28px;
  padding-left: 3px;
  color: black;
}
div.charsheet > div.content div.tabModules div.slots div.col6 div,
div.charsheet > div.content div.tabModules div.slots div.col6BL div {
  width: 45px;
  height: 28px;
  margin: 0px;
  padding: 0px;
  align-items: center;
  flex-wrap: nowrap;
}
div.charsheet > div.content div.tabModules div.slots div.col6 div input[type=number],
div.charsheet > div.content div.tabModules div.slots div.col6BL div input[type=number] {
  background: transparent;
  border: none;
  line-height: 28px;
  height: 28px;
  padding: 0px;
  width: 19px;
  font-weight: bold;
  font-size: 13px;
  margin-left: auto;
  text-align: right;
  color: black;
}
div.charsheet > div.content div.tabModules div.slots div.col6 div b,
div.charsheet > div.content div.tabModules div.slots div.col6BL div b {
  font-size: 14px;
  line-height: 28px;
  color: RGB(55, 53, 53);
}
div.charsheet > div.content div.tabModules div.slots div.col6 div span,
div.charsheet > div.content div.tabModules div.slots div.col6BL div span {
  line-height: 28px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: auto;
  text-align: center;
  font-size: 13px;
  margin-right: 2px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabModules div.slots div.col6 {
  width: 16.6666666667%;
}
div.charsheet > div.content div.tabModules div.slots div.col6BL {
  width: calc(16.6666666667% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.modulesListe {
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  width: 100%;
  flex-wrap: wrap;
  margin-top: 10px;
}
div.charsheet > div.content div.tabModules div.modulesListe h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.modulesListe button[type=action].buttonPlus {
  display: flex;
  background: RGB(93, 111, 179);
  color: white;
  width: 27px;
  font-size: 25px;
  height: 28px;
  line-height: 21px;
  justify-content: center;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 1px solid RGB(213, 215, 237);
  padding: 0px;
}
div.charsheet > div.content div.tabModules div.modulesListe button[type=action].buttonPlus span {
  display: none;
  width: 100%;
  font-size: 25px;
  justify-content: center;
  line-height: 23px;
  font-weight: bold;
}
div.charsheet > div.content div.tabModules div.modulesListe button[type=action].buttonArrow {
  content: "]";
  width: 17px;
  color: white;
  font-size: 20px;
  font-weight: bold;
  font-family: pictos;
  line-height: 18px;
  transform: rotate(90deg);
  padding: 0px;
  background: transparent;
  border: 0px;
  transition: transform 2s;
}
div.charsheet > div.content div.tabModules div.modulesListe h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabModules div.modulesListe .ligne {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  display: flex;
  width: calc(50% - 10px);
  justify-content: space-between;
  align-self: flex-start;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.titre {
  display: flex;
  position: initial;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.ligne {
  height: 28px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandSlots[value="1"] ~ div button[type=action].buttonArrow {
  transform: rotate(-90deg);
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandSlots[value="1"] ~ .hSlots {
  display: flex;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandModule[value="0"] ~ div button[type=action].buttonPlus span.plus {
  display: flex;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandModule[value="0"] ~ .hModule, div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandModule[value="0"] ~ .hSlots {
  display: none;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandModule[value="1"] ~ div button[type=action].buttonPlus span.moins {
  display: flex;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem input[type=hidden].expandModule[value="1"] ~ .hModule {
  display: flex;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.titreModule input[type=text] {
  width: calc(100% - 28px);
  height: 28px;
  text-align: center;
  background: transparent;
  color: white;
  font-weight: bold;
  font-variant: small-caps;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 25px;
  border: 0px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.activation {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: calc(100% - 100px);
  height: 28px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.activation span {
  display: flex;
  width: 78px;
  padding-left: 2px;
  font-size: 13px;
  line-height: 28px;
  height: 28px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.activation input[type=text] {
  width: calc(100% - 80px);
  height: 28px;
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.PE {
  width: 100px;
  height: 28px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.PE button[type=action] {
  width: 20px;
  padding: 0px;
  font-weight: bold;
  background: RGB(93, 111, 179);
  color: white;
  border-color: RGB(213, 215, 237);
  border-width: 1px;
  justify-content: center;
  align-items: center;
  margin-left: 1px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.PE input[type=number] {
  width: calc(100% - 23px);
  height: 28px;
  border: 0px;
  padding: 0px;
  text-align: center;
  color: black;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.duree {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 100%;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.duree span {
  display: flex;
  width: 78px;
  padding-left: 2px;
  font-size: 13px;
  line-height: 28px;
  height: 28px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.duree input[type=text] {
  width: calc(100% - 80px);
  height: 28px;
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.titreSlots input[type=number] {
  width: 20px;
  height: 28px;
  margin: 0px;
  padding: 0px;
  background: transparent;
  border: 0px;
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slot,
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slotBL {
  display: flex;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slot span,
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slotBL span {
  display: flex;
  width: 105px;
  height: 28px;
  line-height: 28px;
  padding-left: 2px;
  font-size: 13px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slot input[type=number],
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slotBL input[type=number] {
  width: calc(100% - 107px);
  height: 28px;
  border: 0px;
  padding: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slot {
  width: 50%;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem label.slotBL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem div.bTop {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem .hModule,
div.charsheet > div.content div.tabModules div.modulesListe div.repitem .hSlots {
  display: none;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repitem:not(:nth-of-type(1)):not(:nth-of-type(2)) {
  margin-top: 10px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repcontainer {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repcontainer.editmode .repitem {
  width: 100%;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repcontainer.editmode .repitem:nth-of-type(2) {
  margin-top: 10px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repcontrol {
  background: none;
  border: 0px;
}
div.charsheet > div.content div.tabModules div.modulesListe div.repcontrol .btn {
  border: 1px solid black;
}
div.charsheet > div.content div.tabOverdrive {
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
}
div.charsheet > div.content div.tabOverdrive div.data {
  display: none;
}
div.charsheet > div.content div.tabOverdrive div.overdrive {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  width: calc(50% - 5px);
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabOverdrive div.overdrive h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabOverdrive div.overdrive h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabOverdrive div.overdrive div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabOverdrive div.overdrive div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabOverdrive div.overdrive div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabOverdrive div.overdrive div.titre,
div.charsheet > div.content div.tabOverdrive div.overdrive h1.titre,
div.charsheet > div.content div.tabOverdrive div.overdrive h2.titreBis {
  display: flex;
}
div.charsheet > div.content div.tabOverdrive div.overdrive div.OD {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabOverdrive div.overdrive div.OD span.score {
  display: flex;
  width: 30px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabOverdrive div.overdrive div.OD span.description {
  display: flex;
  width: calc(100% - 30px - 2px);
  text-align: justify;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
}
div.charsheet > div.content div.tabOverdrive div.overdrive input[type=hidden].afficher[value="0"] ~ .OD {
  display: none;
}
div.charsheet > div.content div.tabOverdrive div.overdrive input[type=hidden].afficher[value=on] ~ div button[type=action].active {
  box-shadow: inset 1px 1px 2px 2px black;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="0"] ~ div.deplacement .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="1"] ~ div.deplacement .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="1"] ~ div.deplacement .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="1"] ~ div.deplacement .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="1"] ~ div.deplacement .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="2"] ~ div.deplacement .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="2"] ~ div.deplacement .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="2"] ~ div.deplacement .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="3"] ~ div.deplacement .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="3"] ~ div.deplacement .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].deplacement[value="4"] ~ div.deplacement .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="0"] ~ div.force .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="1"] ~ div.force .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="1"] ~ div.force .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="1"] ~ div.force .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="1"] ~ div.force .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="2"] ~ div.force .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="2"] ~ div.force .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="2"] ~ div.force .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="3"] ~ div.force .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="3"] ~ div.force .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].force[value="4"] ~ div.force .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="0"] ~ div.endurance .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="1"] ~ div.endurance .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="1"] ~ div.endurance .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="1"] ~ div.endurance .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="1"] ~ div.endurance .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="2"] ~ div.endurance .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="2"] ~ div.endurance .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="2"] ~ div.endurance .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="3"] ~ div.endurance .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="3"] ~ div.endurance .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].endurance[value="4"] ~ div.endurance .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="0"] ~ div.hargne .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="1"] ~ div.hargne .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="1"] ~ div.hargne .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="1"] ~ div.hargne .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="1"] ~ div.hargne .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="2"] ~ div.hargne .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="2"] ~ div.hargne .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="2"] ~ div.hargne .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="3"] ~ div.hargne .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="3"] ~ div.hargne .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].hargne[value="4"] ~ div.hargne .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="0"] ~ div.combat .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="1"] ~ div.combat .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="1"] ~ div.combat .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="1"] ~ div.combat .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="1"] ~ div.combat .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="2"] ~ div.combat .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="2"] ~ div.combat .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="2"] ~ div.combat .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="3"] ~ div.combat .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="3"] ~ div.combat .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].combat[value="4"] ~ div.combat .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="0"] ~ div.instinct .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="1"] ~ div.instinct .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="1"] ~ div.instinct .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="1"] ~ div.instinct .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="1"] ~ div.instinct .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="2"] ~ div.instinct .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="2"] ~ div.instinct .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="2"] ~ div.instinct .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="3"] ~ div.instinct .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="3"] ~ div.instinct .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].instinct[value="4"] ~ div.instinct .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="0"] ~ div.tir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="1"] ~ div.tir .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="1"] ~ div.tir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="1"] ~ div.tir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="1"] ~ div.tir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="2"] ~ div.tir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="2"] ~ div.tir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="2"] ~ div.tir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="3"] ~ div.tir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="3"] ~ div.tir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].tir[value="4"] ~ div.tir .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="0"] ~ div.savoir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="1"] ~ div.savoir .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="1"] ~ div.savoir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="1"] ~ div.savoir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="1"] ~ div.savoir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="2"] ~ div.savoir .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="2"] ~ div.savoir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="2"] ~ div.savoir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="3"] ~ div.savoir .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="3"] ~ div.savoir .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].savoir[value="4"] ~ div.savoir .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="0"] ~ div.technique .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="1"] ~ div.technique .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="1"] ~ div.technique .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="1"] ~ div.technique .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="1"] ~ div.technique .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="2"] ~ div.technique .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="2"] ~ div.technique .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="2"] ~ div.technique .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="3"] ~ div.technique .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="3"] ~ div.technique .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].technique[value="4"] ~ div.technique .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="0"] ~ div.aura .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="1"] ~ div.aura .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="1"] ~ div.aura .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="1"] ~ div.aura .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="1"] ~ div.aura .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="2"] ~ div.aura .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="2"] ~ div.aura .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="2"] ~ div.aura .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="3"] ~ div.aura .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="3"] ~ div.aura .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].aura[value="4"] ~ div.aura .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="0"] ~ div.parole .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="1"] ~ div.parole .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="1"] ~ div.parole .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="1"] ~ div.parole .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="1"] ~ div.parole .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="2"] ~ div.parole .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="2"] ~ div.parole .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="2"] ~ div.parole .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="3"] ~ div.parole .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="3"] ~ div.parole .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].parole[value="4"] ~ div.parole .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="0"] ~ div.sangFroid .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="1"] ~ div.sangFroid .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="1"] ~ div.sangFroid .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="1"] ~ div.sangFroid .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="1"] ~ div.sangFroid .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="2"] ~ div.sangFroid .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="2"] ~ div.sangFroid .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="2"] ~ div.sangFroid .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="3"] ~ div.sangFroid .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="3"] ~ div.sangFroid .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].sangFroid[value="4"] ~ div.sangFroid .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="0"] ~ div.discretion .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="1"] ~ div.discretion .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="1"] ~ div.discretion .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="1"] ~ div.discretion .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="1"] ~ div.discretion .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="2"] ~ div.discretion .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="2"] ~ div.discretion .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="2"] ~ div.discretion .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="3"] ~ div.discretion .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="3"] ~ div.discretion .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].discretion[value="4"] ~ div.discretion .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="0"] ~ div.dexterite .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="1"] ~ div.dexterite .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="1"] ~ div.dexterite .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="1"] ~ div.dexterite .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="1"] ~ div.dexterite .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="2"] ~ div.dexterite .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="2"] ~ div.dexterite .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="2"] ~ div.dexterite .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="3"] ~ div.dexterite .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="3"] ~ div.dexterite .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].dexterite[value="4"] ~ div.dexterite .OD5 {
  display: none;
}
div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception .OD1, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="0"] ~ div.perception .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="1"] ~ div.perception .OD2, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="1"] ~ div.perception .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="1"] ~ div.perception .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="1"] ~ div.perception .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="2"] ~ div.perception .OD3, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="2"] ~ div.perception .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="2"] ~ div.perception .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="3"] ~ div.perception .OD4, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="3"] ~ div.perception .OD5, div.charsheet > div.content div.tabOverdrive input[type=hidden].perception[value="4"] ~ div.perception .OD5 {
  display: none;
}
div.charsheet > div.content div.tabIA {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
}
div.charsheet > div.content div.tabIA div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(50% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabIA div.donnees {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabIA div.donnees h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabIA div.donnees div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIA div.donnees h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabIA div.donnees label {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
  background: RGB(213, 215, 237);
  color: black;
  font-size: 14px;
}
div.charsheet > div.content div.tabIA div.donnees label span {
  display: inline-block;
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabIA div.donnees label input[type=text] {
  display: inline-block;
  width: 50%;
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabIA div.donnees label:not(:last-of-type) {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIA div.atoutHandicap {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabIA div.atoutHandicap h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabIA div.atoutHandicap div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIA div.atoutHandicap h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabIA div.atoutHandicap .repcontainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
div.charsheet > div.content div.tabIA div.atoutHandicap .repitem {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
div.charsheet > div.content div.tabIA div.atoutHandicap .repitem input[type=text] {
  width: 100%;
  border: 0px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabIA div.atoutHandicap .repitem div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIA div.atoutHandicap .repitem:not(:first-of-type) input[type=text] {
  border-top: 5px double RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIA div.caractere {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabIA div.caractere h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabIA div.caractere div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIA div.caractere h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabIA div.notes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabIA div.notes h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabIA div.notes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIA div.notes h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabIA div.notes .repitem {
  display: flex;
  width: 100%;
}
div.charsheet > div.content div.tabIA div.notes .repitem:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIA div.col > * {
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabIAIncarnee {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
}
div.charsheet > div.content div.tabIAIncarnee div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(50% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabIAIncarnee div.donnees {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabIAIncarnee div.donnees h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabIAIncarnee div.donnees div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIAIncarnee div.donnees h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabIAIncarnee div.donnees label {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
  background: RGB(213, 215, 237);
  color: black;
  font-size: 14px;
}
div.charsheet > div.content div.tabIAIncarnee div.donnees label span {
  display: inline-block;
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabIAIncarnee div.donnees label input[type=text] {
  display: inline-block;
  width: 50%;
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 28px;
}
div.charsheet > div.content div.tabIAIncarnee div.donnees label:not(:last-of-type) {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap .repcontainer {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap .repitem {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap .repitem input[type=text] {
  width: 100%;
  border: 0px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabIAIncarnee div.atoutHandicap .repitem div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIAIncarnee div.caractere {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabIAIncarnee div.caractere h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabIAIncarnee div.caractere div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIAIncarnee div.caractere h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabIAIncarnee div.notes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabIAIncarnee div.notes h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabIAIncarnee div.notes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIAIncarnee div.notes h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabIAIncarnee div.notes .repitem {
  display: flex;
  width: 100%;
}
div.charsheet > div.content div.tabIAIncarnee div.notes .repitem:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabIAIncarnee div.col > * {
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabHistorique {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
}
div.charsheet > div.content div.tabHistorique div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(50% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabHistorique div.experience,
div.charsheet > div.content div.tabHistorique div.gloire {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  justify-content: space-between;
}
div.charsheet > div.content div.tabHistorique div.experience h1.titre,
div.charsheet > div.content div.tabHistorique div.gloire h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabHistorique div.experience div.titre,
div.charsheet > div.content div.tabHistorique div.gloire div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.experience h1.titre,
div.charsheet > div.content div.tabHistorique div.gloire h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.experience .col3,
div.charsheet > div.content div.tabHistorique div.experience .col3BL,
div.charsheet > div.content div.tabHistorique div.gloire .col3,
div.charsheet > div.content div.tabHistorique div.gloire .col3BL {
  display: flex;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHistorique div.experience .col3 span,
div.charsheet > div.content div.tabHistorique div.experience .col3BL span,
div.charsheet > div.content div.tabHistorique div.gloire .col3 span,
div.charsheet > div.content div.tabHistorique div.gloire .col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabHistorique div.experience .col3 input[type=number],
div.charsheet > div.content div.tabHistorique div.experience .col3BL input[type=number],
div.charsheet > div.content div.tabHistorique div.gloire .col3 input[type=number],
div.charsheet > div.content div.tabHistorique div.gloire .col3BL input[type=number] {
  border-top: 1px solid RGB(93, 111, 179);
  width: 100%;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.experience .col3,
div.charsheet > div.content div.tabHistorique div.gloire .col3 {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabHistorique div.experience .col3BL,
div.charsheet > div.content div.tabHistorique div.gloire .col3BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient button[type=action].buttonPlus {
  display: flex;
  background: RGB(93, 111, 179);
  color: white;
  width: 27px;
  font-size: 25px;
  height: 28px;
  line-height: 21px;
  justify-content: center;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 1px solid RGB(213, 215, 237);
  padding: 0px;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient button[type=action].buttonPlus span {
  display: none;
  width: 100%;
  font-size: 25px;
  justify-content: center;
  line-height: 23px;
  font-weight: bold;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repcontainer {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem div.ligneTitre {
  display: flex;
  width: 100%;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem div.ligneTitre input[type=text] {
  width: calc(100% - 28px);
  height: 29px;
  text-align: center;
  background: white;
  color: black;
  font-variant: small-caps;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 25px;
  border: 0px;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem div.autoex {
  display: none;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem input[type=hidden][value="0"] ~ div button[type=action] span.plus {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem input[type=hidden][value="1"] ~ div.autoex {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem input[type=hidden][value="1"] ~ div button[type=action] span.moins {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem:first-of-type div.ligneTitre {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem:not(:first-of-type) div.ligneTitre button[type=action] {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabHistorique div.avantageInconvenient div.repitem:not(:first-of-type) div.ligneTitre input[type=text] {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.langues {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabHistorique div.langues h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabHistorique div.langues div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.langues h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.langues .repcontainer {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHistorique div.langues .repitem {
  width: 100%;
}
div.charsheet > div.content div.tabHistorique div.langues .repitem input[type=text] {
  width: 100%;
  border: 0px;
  margin: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  height: 28px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabHistorique div.langues .repitem:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.notes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabHistorique div.notes h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabHistorique div.notes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.notes h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.notes .repcontainer {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHistorique div.notes .repitem {
  width: 100%;
}
div.charsheet > div.content div.tabHistorique div.notes .repitem:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.contact {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabHistorique div.contact h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabHistorique div.contact div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.contact div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabHistorique div.contact div.titre,
div.charsheet > div.content div.tabHistorique div.contact h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.contact input[type=number] {
  width: 40px;
  height: 28px;
  text-align: center;
  padding: 0px;
  border: 0px;
  z-index: 50;
  margin-left: auto;
}
div.charsheet > div.content div.tabHistorique div.contact .repcontainer {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHistorique div.contact .repitem {
  width: 100%;
}
div.charsheet > div.content div.tabHistorique div.contact .repitem:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=roll].rollDice,
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=roll].rollDice::before,
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=action].buttonPlus {
  display: flex;
  background: RGB(93, 111, 179);
  color: white;
  width: 27px;
  font-size: 25px;
  height: 28px;
  line-height: 21px;
  justify-content: center;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 1px solid RGB(213, 215, 237);
  padding: 0px;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves button[type=action].buttonPlus span {
  display: none;
  width: 100%;
  font-size: 25px;
  justify-content: center;
  line-height: 23px;
  font-weight: bold;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.titre,
div.charsheet > div.content div.tabHistorique div.blessuresGraves h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repcontainer {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem div.ligneTitre input[type=text] {
  width: calc(100% - 28px);
  height: 28px;
  text-align: center;
  background: white;
  color: black;
  font-variant: small-caps;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 25px;
  border: 0px;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem div.autoex {
  display: none;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem input[type=hidden][value="0"] ~ div button[type=action] span.plus {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem input[type=hidden][value="1"] ~ div.autoex {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem input[type=hidden][value="1"] ~ div button[type=action] span.moins {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem:first-of-type div.ligneTitre {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem:not(:first-of-type) div.ligneTitre button[type=action] {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabHistorique div.blessuresGraves div.repitem:not(:first-of-type) div.ligneTitre input[type=text] {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.traumas {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabHistorique div.traumas h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabHistorique div.traumas div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.traumas div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabHistorique div.traumas button[type=roll].rollDice,
div.charsheet > div.content div.tabHistorique div.traumas button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabHistorique div.traumas button[type=roll].rollDice::before,
div.charsheet > div.content div.tabHistorique div.traumas button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabHistorique div.traumas button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabHistorique div.traumas button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabHistorique div.traumas button[type=action].buttonPlus {
  display: flex;
  background: RGB(93, 111, 179);
  color: white;
  width: 27px;
  font-size: 25px;
  height: 28px;
  line-height: 21px;
  justify-content: center;
  border-top: 0px;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 1px solid RGB(213, 215, 237);
  padding: 0px;
}
div.charsheet > div.content div.tabHistorique div.traumas button[type=action].buttonPlus span {
  display: none;
  width: 100%;
  font-size: 25px;
  justify-content: center;
  line-height: 23px;
  font-weight: bold;
}
div.charsheet > div.content div.tabHistorique div.traumas div.titre,
div.charsheet > div.content div.tabHistorique div.traumas h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.traumas div.data {
  display: none;
}
div.charsheet > div.content div.tabHistorique div.traumas div.repcontainer {
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.charsheet > div.content div.tabHistorique div.traumas div.repitem {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHistorique div.traumas div.repitem div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabHistorique div.traumas div.repitem div.ligneTitre input[type=text] {
  width: calc(100% - 28px);
  height: 28px;
  text-align: center;
  background: white;
  color: black;
  font-variant: small-caps;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 25px;
  border: 0px;
}
div.charsheet > div.content div.tabHistorique div.traumas div.repitem div.autoex {
  display: none;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.traumas div.repitem input[type=hidden][value="0"] ~ div button[type=action] span.plus {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.traumas div.repitem input[type=hidden][value="1"] ~ div.autoex {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.traumas div.repitem input[type=hidden][value="1"] ~ div button[type=action] span.moins {
  display: flex;
}
div.charsheet > div.content div.tabHistorique div.traumas div.repitem:first-of-type div.ligneTitre {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabHistorique div.traumas div.repitem:not(:first-of-type) div.ligneTitre button[type=action] {
  border-top: 1px solid white;
}
div.charsheet > div.content div.tabHistorique div.traumas div.repitem:not(:first-of-type) div.ligneTitre input[type=text] {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHistorique div.col > * {
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabArt {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
}
div.charsheet > div.content div.tabArt div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(50% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabArt div.domaineArtistique {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  justify-content: space-between;
}
div.charsheet > div.content div.tabArt div.domaineArtistique h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArt div.domaineArtistique h2.titreBis {
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=roll].rollDice,
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArt div.domaineArtistique button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.data {
  display: none;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre {
  display: flex;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.titre input[type=text] {
  position: absolute;
  width: 100%;
  background: transparent;
  border: 0px;
  color: white;
  padding: 0px;
  text-align: center;
  font-weight: bold;
  line-height: 28px;
}
div.charsheet > div.content div.tabArt div.domaineArtistique h2.titreBis {
  display: flex;
  border-top: 1px solid RGB(93, 111, 179);
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.domaineArtistique select {
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.rollPJ select {
  width: 50%;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabArt div.domaineArtistique label.rollBonus {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.domaineArtistique label.rollBonus span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabArt div.domaineArtistique label.rollBonus input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.ligneTitre span.firstCol {
  width: 120px;
}
div.charsheet > div.content div.tabArt div.domaineArtistique div.ligneTitre span.lastCol {
  width: calc(100% - 120px - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.autoex {
  font-size: 14px;
}
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.firstCol {
  width: 120px;
}
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.firstCol span {
  display: flex;
  align-self: stretch;
  align-items: center;
  line-height: 28px;
  color: black;
  font-weight: bold;
  font-size: 14px;
}
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.firstCol span:first-of-type {
  width: 75px;
}
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.firstCol span:last-of-type {
  width: 45px;
}
div.charsheet > div.content div.tabArt div.domaineArtistique label.ligne div.lastCol {
  width: calc(100% - 120px - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabArt div.domaineArtistique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.oeuvreArt {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArt div.oeuvreArt h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArt div.oeuvreArt div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=roll].rollDice,
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=roll].rollDice::before,
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabArt div.oeuvreArt button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabArt div.oeuvreArt h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArt div.oeuvreArt div.ligneTitre {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabArt div.oeuvreArt span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabArt div.oeuvreArt .firstCol {
  width: 120px;
}
div.charsheet > div.content div.tabArt div.oeuvreArt .lastCol {
  width: calc(100% - 120px - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.oeuvreArt .repcontainer {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArt div.oeuvreArt .repcontainer .repitem {
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.oeuvreArt .repcontainer .repitem input[type=text] {
  width: 100%;
  text-align: center;
  padding: 0px;
  height: 28px;
  border: 0px;
}
div.charsheet > div.content div.tabArt div.oeuvreArtCree {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabArt div.oeuvreArtCree h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabArt div.oeuvreArtCree div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.oeuvreArtCree h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem {
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem label {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem label span {
  width: 120px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem label input[type=text] {
  width: calc(100% - 120px - 1px);
  text-align: center;
  padding: 0px;
  height: 28px;
  border: 0px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.oeuvreArtCree .repcontainer .repitem:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabArt div.col > * {
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabHeroisme {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  justify-content: space-between;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHeroisme div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(50% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabHeroisme div.col3 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(33.3333333333% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabHeroisme div.col {
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabHeroisme div.cartes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabHeroisme div.cartes h1.titre {
  width: 100%;
  align-content: baseline;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabHeroisme div.cartes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHeroisme div.cartes h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabHeroisme div.cartes .repcontainer {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHeroisme div.cartes .repcontainer .repitem {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHeroisme div.cartes .repcontainer .repitem input[type=text] {
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}
div.charsheet > div.content div.tabHeroisme div.cartes .repcontainer .repitem:not(:first-of-type) {
  border-top: 5px double RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHeroisme div.capacites {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(213, 215, 237);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabHeroisme div.capacites h1.titre {
  width: 100%;
  align-content: baseline;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabHeroisme div.capacites div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHeroisme div.capacites h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem > input[type=text] {
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
}
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem label {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1px solid RGB(93, 111, 179);
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem label span {
  width: calc(50% - 2px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem label select,
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem label input[type=text] {
  width: calc(50% - 1px);
  height: 28px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
}
div.charsheet > div.content div.tabHeroisme div.capacites .repcontainer .repitem:not(:first-of-type) {
  border-top: 5px double RGB(93, 111, 179);
}
div.charsheet > div.content div.tabHeroisme input[type=hidden].cartes[value="0"] ~ div div.cartes {
  display: none;
}
div.charsheet > div.content div.tabHeroisme input[type=hidden].capacites[value="0"] ~ div div.capacites {
  display: none;
}
div.charsheet > div.content div.tabVehicule {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabVehicule div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(50% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabVehicule div.col3 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(33.3333333333% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabVehicule div.donnees {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabVehicule div.donnees h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabVehicule div.donnees div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.donnees h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.donnees label {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
  background: RGB(213, 215, 237);
  color: black;
  font-size: 14px;
}
div.charsheet > div.content div.tabVehicule div.donnees label span {
  display: inline-block;
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabVehicule div.donnees label input[type=text],
div.charsheet > div.content div.tabVehicule div.donnees label input[type=number],
div.charsheet > div.content div.tabVehicule div.donnees label select {
  width: 50%;
  border: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabVehicule div.donnees label:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.herauts {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabVehicule div.herauts h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabVehicule div.herauts div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.herauts h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.herauts div {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  flex-wrap: wrap;
  padding-right: 2px;
  padding-left: 2px;
}
div.charsheet > div.content div.tabVehicule div.herauts div button[type=action] {
  display: flex;
  width: calc(50% - 5px);
  background: RGB(213, 215, 237);
  color: black;
  justify-content: center;
  border: 1px solid black;
  padding: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
}
div.charsheet > div.content div.tabVehicule div.herauts div button[type=action]:nth-of-type(3) {
  margin-left: auto;
  margin-right: auto;
}
div.charsheet > div.content div.tabVehicule div.herauts div input[type=hidden].devasterAnatheme[value="1"] ~ button[type=action].devasterAnatheme, div.charsheet > div.content div.tabVehicule div.herauts div input[type=hidden].bourreauTenebres[value="1"] ~ button[type=action].bourreauTenebres, div.charsheet > div.content div.tabVehicule div.herauts div input[type=hidden].equilibreBalance[value="1"] ~ button[type=action].equilibreBalance {
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabVehicule div.jet {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabVehicule div.jet h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabVehicule div.jet div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.jet div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabVehicule div.jet div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabVehicule div.jet div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabVehicule div.jet div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabVehicule div.jet button[type=roll].rollDice,
div.charsheet > div.content div.tabVehicule div.jet button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabVehicule div.jet button[type=roll].rollDice::before,
div.charsheet > div.content div.tabVehicule div.jet button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabVehicule div.jet button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabVehicule div.jet button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabVehicule div.jet div.titre,
div.charsheet > div.content div.tabVehicule div.jet h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.jet select {
  border: 0px;
}
div.charsheet > div.content div.tabVehicule div.jet label.bonus {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabVehicule div.jet label.bonus span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabVehicule div.jet label.bonus input[type=number] {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabVehicule div.jet div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.jet div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabVehicule div.jet div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.jet div.rollPNJ {
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.jet div.rollPNJ select {
  width: 100%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabVehicule div.jet div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.jet div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabVehicule div.jet .col2,
div.charsheet > div.content div.tabVehicule div.jet .col2BL {
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.jet .col2 span,
div.charsheet > div.content div.tabVehicule div.jet .col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: black;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabVehicule div.jet .col2 input[type=number],
div.charsheet > div.content div.tabVehicule div.jet .col2BL input[type=number] {
  width: 100%;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
}
div.charsheet > div.content div.tabVehicule div.jet .col2 {
  width: 50%;
}
div.charsheet > div.content div.tabVehicule div.jet .col2BL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabVehicule div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.PE {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabVehicule div.PE h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabVehicule div.PE div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.PE h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.PE input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabVehicule div.PE div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabVehicule div.PE div.ligneTitre span {
  display: flex;
  width: 33.3333333333%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabVehicule div.PE div.ligneTitre span:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.PE div.ligne2 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.PE div.ligne2 span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  width: calc(33.3333333333% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabVehicule div.PE div.ligne2 div {
  width: 33.3333333333%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.styleCombat {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabVehicule div.styleCombat h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabVehicule div.styleCombat div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.styleCombat h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.styleCombat select {
  width: 100%;
  padding: 0px;
  border: 0px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.styleCombat div.puissant {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  border-bottom: 1px solid RGB(93, 111, 179);
  justify-content: space-between;
}
div.charsheet > div.content div.tabVehicule div.styleCombat div.puissant span {
  width: 70px;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 2px;
  color: black;
}
div.charsheet > div.content div.tabVehicule div.styleCombat div.puissant select {
  width: calc(50% - 35px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabVehicule div.styleCombat div.puissant input[type=number] {
  width: calc(50% - 35px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  border-bottom: 1px solid RGB(93, 111, 179);
  justify-content: space-between;
}
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression label {
  display: flex;
  justify-content: space-between;
}
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression label span {
  width: 150px;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 2px;
  color: black;
}
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression label input[type=number] {
  width: calc(100% - 150px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression label:first-of-type {
  width: 50%;
}
div.charsheet > div.content div.tabVehicule div.styleCombat div.suppression label:not(:first-of-type) {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.styleCombat input[type=hidden][value=puissant] ~ div.puissant {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.styleCombat input[type=hidden][value=suppression] ~ div.suppression {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.DRVehicule {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2,
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2BL {
  width: 50%;
  flex-wrap: wrap;
  background: RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2 span,
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: white;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2 input[type=number],
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2BL input[type=number] {
  width: 100%;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
}
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2 span {
  width: 100%;
}
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2 input[type=number] {
  width: 100%;
}
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2BL span {
  width: calc(100% - 1px);
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabVehicule div.DRVehicule .col2BL input[type=number] {
  width: 100%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabVehicule div.armesVehicule h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=roll].rollDice,
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=roll].rollDice::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabVehicule div.armesVehicule button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.titre {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.data {
  display: none;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ span {
  display: flex;
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 363px - 289px);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.firstCol span {
  width: 100%;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.midCol {
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.midCol span {
  width: 100%;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.lastCol {
  background: RGB(213, 215, 237);
  width: 288px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitrePJ div.lastCol span {
  width: calc(100% - 28px);
  margin-right: 28px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV span {
  display: flex;
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 484px - 130px - 29px);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.firstCol span {
  width: 100%;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.midCol {
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.midCol span {
  width: 100%;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.lastCol {
  background: RGB(213, 215, 237);
  width: 129px;
  padding-right: 29px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.ligneTitreV div.lastCol span {
  width: 100%;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
  display: block;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
  padding-right: 28px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
  width: 99px;
  margin-right: 0px !important;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repcontainer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem div.bonus {
  display: none;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem label.precis {
  display: none;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem div.bonusCarac {
  display: none;
  width: 260px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.repitem div.bonusCarac select {
  display: none;
  border: 0px;
  font-size: 14px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 363px - 289px);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.midCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 288px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeNom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeDegats input[type=number],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeViolence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeDegats input[type=number].nbre,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeViolence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeDegats input[type=number].bonus,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeViolence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeDegats b,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeViolence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armePortee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ligne div.armeCaracs select {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus input[type=hidden].deuxMains[value="0"] ~ label.pilonnage, div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus input[type=hidden].deuxMains[value="0"] ~ label.pilonnageDetails {
  display: none;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus input[type=hidden].deuxMains[value="0"] ~ label.guidage {
  margin-right: 29px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnage {
  display: none;
  width: 241px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnage span {
  width: max-content;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnage input[type=number] {
  width: 121px;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnage select {
  width: 131px;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
  padding-left: 15px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails {
  display: none;
  width: 381px;
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails span {
  width: max-content;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails input[type=number] {
  width: 121px;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails select {
  width: 131px;
  border: 0px;
  padding: 0px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
  padding-left: 15px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails:first-of-type {
  width: 241px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.pilonnageDetails:last-of-type {
  width: 381px;
  border-left: 1px solid RGB(93, 111, 179);
  padding-right: 28px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.cadence {
  display: none;
  width: 381px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.cadence span {
  width: 251px;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.cadence select {
  width: 132px;
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage {
  display: none;
  margin-top: 1px;
  width: 130px;
  height: 28px;
  margin: 0px;
  margin-right: 29px;
  border-right: 1px solid RGB(93, 111, 179);
  border: 0px;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.actif,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.inactif {
  display: none;
  text-align: center;
  color: black;
  height: 28px;
  line-height: 28px;
  align-items: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.actif::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.inactif::before {
  height: 28px;
  line-height: 28px;
  background: transparent;
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.actif {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage span.actif::before {
  background: RGB(93, 111, 179);
  color: white;
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage input[type=checkbox] {
  height: 28px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.fakeButton,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.fakeButton,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.fakeButton input[type=radio],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.fakeButton input[type=radio],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.fakeButton span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.fakeButton span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.fakeButton span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.fakeButton span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.simple,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.double,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.double label.fakeButton,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.double input[type=number],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.doubleTexte,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.doubleTexte input[type=text],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple div input[type=number],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple div input[type=number].R,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple div input[type=number].L,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple div span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.effets div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListePJ input[type=hidden].subMenu[value="4"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].guidage:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.guidage {
  display: block;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis {
  width: 250px;
  padding: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis span {
  width: 119px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].guidage:not([value="0"]) ~ div.bonus label.precis select {
  width: 131px;
  border-right: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.cadence {
  display: flex;
  padding-right: 28px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.guidage {
  width: 121px;
  margin-right: 0px !important;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis span {
  width: calc(50% - 3px);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].cadence:not([value="0"]) ~ div.bonus label.precis select {
  width: 121px;
  border-right: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repcontainer {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem {
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu button[type=action] {
  display: flex;
  padding: 0px;
  width: 33.3333333333%;
  height: 23px;
  justify-content: center;
  line-height: 23px;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: transparent;
  color: white;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu button[type=action].BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu button[type=action].BR {
  width: calc(33.3333333333% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem > div.subMenu button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.repitem div.bonus {
  display: none;
  width: 100%;
  justify-content: flex-end;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne {
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.firstCol {
  background: RGB(213, 215, 237);
  width: calc(100% - 484px - 130px - 29px);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.midCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 120px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.lastCol {
  justify-content: space-between;
  background: RGB(213, 215, 237);
  width: 158px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeNom input[type=text] {
  width: 100%;
  font-size: 14px;
  height: 28px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 4px;
  min-width: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeDegats input[type=number],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeViolence input[type=number] {
  width: calc(50% - 14px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  min-width: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeDegats input[type=number].nbre,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeViolence input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeDegats input[type=number].bonus,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeViolence input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeDegats b,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeViolence b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armePortee select {
  width: 100%;
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeAttaque input[type=number] {
  width: calc(100% - 28px);
  font-size: 14px;
  height: 28px;
  text-align: center;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  border: 0px;
  padding-left: 15px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeAttaque input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeAttaque input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeAttaque b {
  display: flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeJet input[type=number] {
  width: calc(100% - 28px);
  font-size: 14px;
  height: 28px;
  padding: 0px;
  border: 0px;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeJet input[type=number].nbre {
  text-align: right;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ligne div.armeJet input[type=number].bonus {
  text-align: left;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.cadence {
  display: none;
  width: 372px;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.cadence span {
  width: 236px;
  padding-left: 2px;
  line-height: 27px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.cadence select {
  width: 131px;
  border: 0px;
  padding: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage {
  display: none;
  margin-top: 1px;
  width: 130px;
  height: 28px;
  margin: 0px;
  margin-right: 29px;
  border-right: 1px solid RGB(93, 111, 179);
  border: 0px;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.actif,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.inactif {
  display: none;
  text-align: center;
  color: black;
  height: 28px;
  line-height: 28px;
  align-items: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.actif::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.inactif::before {
  height: 28px;
  line-height: 28px;
  background: transparent;
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.actif {
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage span.actif::before {
  background: RGB(93, 111, 179);
  color: white;
  border-bottom: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage input[type=checkbox] {
  height: 28px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage input[type=checkbox]:checked ~ span.actif {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.bonus label.guidage input[type=checkbox]:not(:checked) ~ span.inactif {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special {
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-evenly;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.fakeButton,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.fakeButton,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.fakeButton {
  position: relative;
  width: 100%;
  height: 23px;
  font-size: 14px;
  align-self: center;
  font-size: 12px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.fakeButton input[type=radio],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.fakeButton input[type=radio],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 23px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.fakeButton span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.fakeButton span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.fakeButton span {
  display: flex;
  height: 23px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.fakeButton span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.fakeButton span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 23px;
  content: attr(title);
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.simple,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.simple,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.simple {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes label.simple input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special label.simple input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.double,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.double,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.double {
  justify-content: space-between;
  width: 150px;
  height: 23px;
  margin: 2px;
  border: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.double label.fakeButton,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.double label.fakeButton,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.double label.fakeButton {
  width: calc(100% - 30px);
  border: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.double label.fakeButton input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.double input[type=number],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.double input[type=number],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.double input[type=number] {
  width: 30px;
  height: 23px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-left: 1px solid black;
  border-bottom: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.doubleTexte,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.doubleTexte,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.doubleTexte {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.doubleTexte input[type=checkbox]:not(:checked) ~ span::before {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.doubleTexte input[type=text],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.doubleTexte input[type=text],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.doubleTexte input[type=text] {
  width: 100%;
  height: 23px;
  text-align: center;
  border-top: 1px solid black;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  padding: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple {
  width: 150px;
  height: 46px;
  margin: 2px;
  flex-wrap: wrap;
  border: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple div input[type=number],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple div input[type=number],
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple div input[type=number] {
  width: calc(50% - 14px);
  height: 23px;
  border-radius: 0px;
  padding: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid black;
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple div input[type=number].R,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple div input[type=number].R,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple div input[type=number].R {
  text-align: left;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple div input[type=number].L,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple div input[type=number].L,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple div input[type=number].L {
  text-align: right;
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple div span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple div span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple div span {
  display: flex;
  background: RGB(93, 111, 179);
  width: 28px;
  height: 22px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  color: white;
  border-top: 1px solid black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple input[type=hidden][value="0"] ~ label span::before, div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.effets div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.ameliorationsArmes div.triple input[type=hidden][value="0"] ~ div span,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple input[type=hidden][value="0"] ~ label span::before,
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV div.special div.triple input[type=hidden][value="0"] ~ div span {
  background: RGB(213, 215, 237);
  color: black;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="1"] ~ div button[type=action].effets {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="1"] ~ div.effets {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="3"] ~ div button[type=action].ameliorationsArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="3"] ~ div.ameliorationsArmes {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="4"] ~ div button[type=action].special {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule div.armesListeV input[type=hidden].subMenu[value="4"] ~ div.special {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].styleCombat[value=pilonnage] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnage {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].styleCombat[value=pilonnage] ~ div label.pilonnageDetails {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].styleCombat[value=pilonnage] ~ div label.guidage {
  margin-right: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div div.bonus label.pilonnage input[type=number] {
  border-right: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage {
  width: 241px;
  padding-right: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonus label.pilonnage input[type=number] {
  border-right: 0px;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].codexfm4[value="0"] ~ div div.codexfm4, div.charsheet > div.content div.tabVehicule div.armesVehicule input[type=hidden].codexfm4[value="0"] ~ div label.codexfm4 {
  display: none;
}
div.charsheet > div.content div.tabVehicule div.notes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabVehicule div.notes h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabVehicule div.notes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.notes h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.notes .repcontainer {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabVehicule div.notes .repitem {
  width: 100%;
}
div.charsheet > div.content div.tabVehicule div.notes .repitem:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.effetsArmes {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabVehicule div.effetsArmes h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabVehicule div.effetsArmes div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.effetsArmes h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabVehicule div.effetsArmes select {
  width: 100%;
  padding: 0px;
  border: 0px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabVehicule div.effetsArmes span {
  display: flex;
  width: 100%;
  background-color: #f5f5f5;
  min-height: 28px;
  padding-right: 2px;
  padding-left: 2px;
  text-align: justify;
  white-space: pre-line;
}
div.charsheet > div.content div.tabVehicule div.col > * {
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabVehicule div.col3 {
  margin-top: 10px;
}
div.charsheet > div.content div.tabMechaArmure {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
  /*
  ///PARAMETRES EXISTANTS\\\
  - justifyContent : règle la façon dont le contenu est justifié.
  - width : width du div.
  - color : Couleur du texte.
  - background : Background des boutons
  - borderColor : couleur de la bordure
  - fontSize : font size du texte.
  - fontBold : Si le font est Bold ou non (true/false)
  - button 
      - width : width du bouton
      - widthBL : width des boutons ayant une bordure à gauche.
      - widthBLR : width des boutons ayant une bordure à gauche et à droite.
      - height : height des boutons.
      - lastLine : indique qu'il y a un bouton sur une seconde ligne (true / false)
  */
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(50% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabMechaArmure > div.subTab {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-end;
  align-content: flex-end;
}
div.charsheet > div.content div.tabMechaArmure > div.subTab button[type=action] {
  display: flex;
  padding: 0px;
  width: 25%;
  height: 28px;
  justify-content: center;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 0px;
  border-right: 0px;
  background: RGB(93, 111, 179);
  color: white;
}
div.charsheet > div.content div.tabMechaArmure > div.subTab button[type=action].BL {
  width: calc(25% - 1px);
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabMechaArmure > div.subTab button[type=action].BR {
  width: calc(25% - 1px);
  border-right: 1px solid black;
}
div.charsheet > div.content div.tabMechaArmure > div.subTab button[type=action].BLR {
  border-right: 1px solid black;
  border-left: 1px solid black;
}
div.charsheet > div.content div.tabMechaArmure > div.subTab button[type=action].NBT {
  border-top: 0px;
}
div.charsheet > div.content div.tabMechaArmure .archangel,
div.charsheet > div.content div.tabMechaArmure .nephilim,
div.charsheet > div.content div.tabMechaArmure .demon,
div.charsheet > div.content div.tabMechaArmure .subTabSpecial,
div.charsheet > div.content div.tabMechaArmure .subTabModules,
div.charsheet > div.content div.tabMechaArmure .subTabImprovisee,
div.charsheet > div.content div.tabMechaArmure .subTabArmes,
div.charsheet > div.content div.tabMechaArmure .gabriel,
div.charsheet > div.content div.tabMechaArmure .raphael,
div.charsheet > div.content div.tabMechaArmure .og,
div.charsheet > div.content div.tabMechaArmure .anak,
div.charsheet > div.content div.tabMechaArmure .djinn,
div.charsheet > div.content div.tabMechaArmure .asura {
  display: none;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.selectionMA {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.selectionMA h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.selectionMA div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.selectionMA div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabMechaArmure div.selectionMA div.button button[type=action] {
  display: flex;
  width: calc(33.3333333333% - 20px);
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 1px;
  margin-bottom: 1px;
}
div.charsheet > div.content div.tabMechaArmure div.selectionMA h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.donnees {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.donnees h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.donnees div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.donnees h1.titre {
  display: flex;
  text-transform: capitalize;
}
div.charsheet > div.content div.tabMechaArmure div.donnees input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligneTitre span {
  display: flex;
  width: 33.3333333333%;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligneTitre span:not(:first-of-type) {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligne2 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligne2 span {
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  width: calc(33.3333333333% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabMechaArmure div.donnees div.ligne2 div {
  width: 33.3333333333%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.autoReparation button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2,
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2BL {
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2 span,
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2BL span {
  display: flex;
  width: calc(100% - 31px);
  padding-left: 2px;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2 button[type=roll],
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2 button[type=action],
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2BL button[type=roll],
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2BL button[type=action] {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2 {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.autoReparation .col2BL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat select {
  width: 100%;
  padding: 0px;
  border: 0px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.puissant {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  border-bottom: 1px solid RGB(93, 111, 179);
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.puissant span {
  width: 70px;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 2px;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.puissant select {
  width: calc(50% - 35px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.puissant input[type=number] {
  width: calc(50% - 35px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  border-bottom: 1px solid RGB(93, 111, 179);
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression label {
  display: flex;
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression label span {
  width: 150px;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 2px;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression label input[type=number] {
  width: calc(100% - 150px);
  padding: 0px;
  margin: 0px;
  border: 0px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression label:first-of-type {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat div.suppression label:not(:first-of-type) {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat input[type=hidden][value=puissant] ~ div.puissant {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.styleCombat input[type=hidden][value=suppression] ~ div.suppression {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.jet {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.jet h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.jet div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.jet div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.jet div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.jet div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.jet div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabMechaArmure div.jet button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.jet button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.jet button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.jet button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.jet button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.jet button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.jet div.titre,
div.charsheet > div.content div.tabMechaArmure div.jet h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.jet select {
  border: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus input[type=number],
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus select {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus select {
  padding-left: 25px;
}
div.charsheet > div.content div.tabMechaArmure div.jet label.bonus:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.jet div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.jet div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.jet div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.jet div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.jet div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.jet input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.PE {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.PE h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.PE div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.PE h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.PE input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabMechaArmure div.PE div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabMechaArmure div.PE div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabMechaArmure div.PE div.ligneTitre span:first-of-type {
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabMechaArmure div.PE div.ligneTitre span:not(:first-of-type) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.PE div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.PE div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabMechaArmure div.PE div.ligne3 div {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2,
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2BL {
  width: 50%;
  flex-wrap: wrap;
  background: RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2 span,
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  justify-content: center;
  color: white;
  font-weight: bold;
  align-items: center;
}
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2BL input[type=number] {
  width: 100%;
  text-align: center;
  padding: 0px;
  height: 28px;
  border-top: 1px solid RGB(93, 111, 179);
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2 span {
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2 input[type=number] {
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2BL span {
  width: calc(100% - 1px);
  border-left: 1px solid RGB(213, 215, 237);
}
div.charsheet > div.content div.tabMechaArmure div.DRMechaArmure .col2BL input[type=number] {
  width: 100%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.physiqueMental {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.physiqueMental h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.physiqueMental input[type=number] {
  width: 100%;
  border: 0px;
  padding: 0px;
  text-align: center;
  height: 28px;
}
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligneTitre {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligneTitre span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  justify-content: center;
  align-items: center;
}
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligneTitre span:first-of-type {
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligneTitre span:not(:first-of-type) {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligne3 {
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligne3 span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  color: black;
  font-weight: bold;
  padding-left: 2px;
  width: calc(31% - 2px);
}
div.charsheet > div.content div.tabMechaArmure div.physiqueMental div.ligne3 div {
  width: calc(23% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.portee {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.portee h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.portee div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.portee h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.portee div.col5 {
  display: flex;
  justify-content: center;
  width: 20%;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabMechaArmure div.portee div.col5BL {
  display: flex;
  justify-content: center;
  width: calc(20% - 1px);
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.portee div.col5 span,
div.charsheet > div.content div.tabMechaArmure div.portee div.col5BL span {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 14px;
  line-height: 28px;
}
div.charsheet > div.content div.tabMechaArmure div.portee div.col5 span:first-of-type,
div.charsheet > div.content div.tabMechaArmure div.portee div.col5BL span:first-of-type {
  font-weight: bold;
}
div.charsheet > div.content div.tabMechaArmure div.portee div.col5 span:last-of-type,
div.charsheet > div.content div.tabMechaArmure div.portee div.col5BL span:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.subTab {
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.configuration {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.configuration h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.configuration div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.configuration div.button {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  flex-wrap: wrap;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabMechaArmure div.configuration div.button button[type=action] {
  display: flex;
  width: calc(100% - 10px);
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}
div.charsheet > div.content div.tabMechaArmure div.configuration h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering {
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering h1.titre,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering div.titre,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering div.titre h1.titre,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=action].rollDice,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=action].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering button[type=action].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering div.titre,
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering h1.titre,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse div.titre,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label input[type=text] {
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.ligne,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.ligne {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.ligne span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.ligne span {
  width: calc(50% - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.ligne input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.ligne input[type=number] {
  width: 50%;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2, div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2BL,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2BL {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2 span, div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2BL span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2 span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2BL span {
  width: 100%;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2 input[type=text], div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2BL input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2BL input[type=text] {
  width: 100%;
  border-top: 1px solid RGB(93, 111, 179);
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2 {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.offering label.col2BL,
div.charsheet > div.content div.tabMechaArmure div.archangel div.curse label.col2BL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  align-items: flex-start;
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.titre,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2 span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle label.col2BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL {
  display: flex;
  font-size: 14px;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL span {
  display: flex;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL input[type=text] {
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 label.ligne,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL label.ligne {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 label.ligne span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL label.ligne span {
  width: calc(100% - 50px - 2px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 label.ligne input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 label.ligne input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL label.ligne input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL label.ligne input[type=text] {
  width: 50px;
  border-left: 1px solid RGB(93, 111, 179);
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 label.ligne:not(:last-of-type),
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL label.ligne:not(:last-of-type) {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble > span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble > span {
  width: calc(100% - 100px - 4px);
  padding-left: 2px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div {
  display: flex;
  width: 102px;
  justify-content: space-between;
  background: white;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=text] {
  width: 50px;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  background: transparent;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=number]:first-of-type,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=text]:first-of-type,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=number]:first-of-type,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=text]:first-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=number]:not(:first-of-type),
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div input[type=text]:not(:first-of-type),
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=number]:not(:first-of-type),
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div input[type=text]:not(:first-of-type) {
  border-left: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble div span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble div span {
  display: flex;
  width: 2px;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2 div.ligneDouble:not(:last-of-type),
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle div.col2BL div.ligneDouble:not(:last-of-type) {
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle .col2 {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.podMiracle .col2BL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation div.titre,
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2,
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2 span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2 {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation .col2BL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.droneEvacuation input[type=hidden].active[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol div.titre,
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3,
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3 span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3 {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol .col3BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vol input[type=hidden].active[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3,
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3 span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3 {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.vagueSoin .col3BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.titre,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron select {
  border: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus select {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus select {
  padding-left: 25px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron label.bonus:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4 span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4 {
  width: 25%;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron .col4BL {
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonMetatron input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe div.titre,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2 span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3 span,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2,
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2 {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col2BL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3 {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabMechaArmure div.archangel div.canonNoe .col3BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.titreInverse {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.titreInverse h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.titreInverse button[type=action].active {
  width: 100px;
  height: 26px;
  margin-right: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.titreInverse,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2BL,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2 span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2BL span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4 span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2BL input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2 {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col2BL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4 {
  width: 25%;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite .col4BL {
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.invulnerabilite input[type=hidden].active[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .borderTop {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2BL,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2 span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2BL span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3 span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col2BL input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3L,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3 span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3L span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3BL span {
  display: flex;
  width: calc(100% - 29px - 2px);
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: flex-start;
  padding-left: 2px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3L input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3BL input[type=number] {
  width: 29px;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 1px solid RGB(93, 111, 179);
  border-bottom: 0px;
  border-right: 0px;
  border-top: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3 button[type=roll],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3 button[type=action],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3L button[type=roll],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense label.col3L button[type=action],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3BL button[type=roll],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense div.col3BL button[type=action] {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .col2 {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .col2BL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .col3,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .col3L {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense .col3BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.stationDefense input[type=hidden].active[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho div.data {
  display: none;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho div.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4 span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4 {
  width: 25%;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho .col4BL {
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.jericho div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower div.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2 span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2 {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower .col2BL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.siegeTower input[type=hidden].active[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut h1.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem h1.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut div.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem div.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut div.titre h1.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem div.titre h1.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut div.titre button[type=action].active,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem div.titre button[type=action].active,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut div.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut h1.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem div.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem h1.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain div.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4BL,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4BL,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4 > span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4BL > span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4 > span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4BL > span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4 > span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4BL > span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4 > input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4 > input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4BL > input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4BL > input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4 > input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4 > input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4BL > input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4BL > input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4 > input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4 > input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4BL > input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4BL > input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4 {
  width: 25%;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut .col4BL,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem .col4BL,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .col4BL {
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.saut input[type=hidden].active[value="1"] ~ div button[type=action].active,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem input[type=hidden].active[value="1"] ~ div button[type=action].active,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain input[type=hidden].active[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.emblem {
  margin-top: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.droneAirain .borderTop {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma h1.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre h1.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre button[type=action].bonusCaracL2,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre button[type=action].bonusCaracL2,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=action].rollDice,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=action].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma button[type=action].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma h1.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.titre,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma select,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur select {
  border: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus select,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus select {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus select,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus select {
  padding-left: 25px;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma label.bonus:last-of-type,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur label.bonus:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.rollPJ,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.rollPJ select,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.rollPJ select:last-of-type,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.bonusCarac,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.bonusCarac select,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4BL,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4 span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4BL span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4 span,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4BL input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4 {
  width: 25%;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma .col4BL,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur .col4BL {
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma div.autoex,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.nephilim div.canonMagma input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type,
div.charsheet > div.content div.tabMechaArmure div.nephilim div.surtur input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.titre,
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque select {
  border: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus select {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus select {
  padding-left: 25px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque label.bonus:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4,
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4 span,
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4 {
  width: 25%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque .col4BL {
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.souffleDemoniaque input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita div.titre,
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2,
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2BL,
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3,
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2 span,
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2BL span,
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3 span,
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2BL input[type=text],
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2 {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col2BL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3,
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3 {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita .col3BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="1"] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.bouclierAmrita input[type=hidden].active[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton {
  position: relative;
  width: 102px;
  height: 28px;
  font-size: 14px;
  align-self: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 28px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton span {
  display: flex;
  height: 28px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 28px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.titre,
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith select {
  border: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus select {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus select {
  padding-left: 25px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith label.bonus:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ select {
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ select:first-of-type {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ select:last-of-type {
  width: calc(50% - 29px);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ button[type=roll],
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.rollPJ button[type=action] {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.wraith input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume div.titre,
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3,
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3 span,
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3 {
  width: 33.3333333333%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume .col3BL {
  width: calc(33.3333333333% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="1"] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.nanobrume input[type=hidden].active[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.data {
  display: none;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.titre,
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques select {
  border: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus select {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus select {
  padding-left: 25px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques label.bonus:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4,
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4 span,
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4 {
  width: 25%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques .col4BL {
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.poingsSoniques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique div.titre,
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2,
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2 span,
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2 {
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique .col2BL {
  width: calc(50% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].active[value="1"] ~ div.titre button[type=action].active {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.chocSonique input[type=hidden].active[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut div.titre button[type=action].active {
  width: 100px;
  height: 26px;
  margin-left: auto;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut div.titre,
div.charsheet > div.content div.tabMechaArmure div.demon div.saut h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4,
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4 span,
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4 {
  width: 25%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut .col4BL {
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.saut input[type=hidden].active[value="1"] ~ div button[type=action].active {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno div.data {
  display: none;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno div.titre,
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4,
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4 span,
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4 {
  width: 25%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.inferno .col4BL {
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.data {
  display: none;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.titre,
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques select {
  border: 0px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus span {
  width: calc(50% - 2px);
  line-height: 28px;
  padding-left: 2px;
  font-size: 14px;
  font-weight: bold;
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus select {
  width: 50%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 1px solid RGB(93, 111, 179);
  color: black;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus select {
  padding-left: 25px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques label.bonus:last-of-type {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.rollPJ {
  width: 100%;
  background: RGB(213, 215, 237);
  font-size: 14px;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.rollPJ select {
  width: 50%;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.rollPJ select:last-of-type {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.bonusCarac select {
  display: none;
  padding: 0px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4,
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4 span,
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4 {
  width: 25%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques .col4BL {
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="1"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.lamesCinetiques input[type=hidden].bonusCarac[value="2"] ~ div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles div.titre,
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4,
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4BL {
  display: flex;
  font-size: 14px;
  background: RGB(213, 215, 237);
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4 span,
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4BL span {
  display: flex;
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  color: black;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4 input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4 input[type=text],
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4BL input[type=number],
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4BL input[type=text] {
  width: 100%;
  height: 28px;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  color: black;
  border-left: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4 {
  width: 25%;
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles .col4BL {
  width: calc(25% - 1px);
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.demon div.tourelles div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee {
  display: none;
  flex-wrap: wrap;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  /*
  ///PARAMETRES EXISTANTS\\\
  - label
      - width : Width du label
      - height : height du label

  - span 
      - color : La color
      - background : Le background
      - border : S'il y a une bordure (true/false)
      - width : Width du span
      - height : height du height

  - shadow : s'il y a une ombre (true/false)
  */
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.titre h1.titre {
  position: absolute;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL2 {
  width: 26px;
  height: 26px;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 25px;
  padding: 0px;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.titre button[type=action].bonusCaracL2 {
  margin-right: auto;
  margin-left: 3px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton {
  position: relative;
  width: calc(50% - 50px);
  height: 26px;
  font-size: 14px;
  align-self: center;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox],
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton input[type=radio] {
  position: absolute;
  width: 100%;
  height: 26px;
  opacity: 0;
  z-index: 9;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton input[type=checkbox]:checked ~ span::before,
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton input[type=radio]:checked ~ span::before {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton span {
  display: flex;
  height: 26px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation label.fakeButton span::before {
  display: flex;
  width: 100%;
  line-height: 26px;
  content: attr(title);
  border: 1px solid black;
  background: RGB(93, 111, 179);
  color: white;
  justify-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.buttons {
  display: flex;
  justify-content: space-evenly;
  background: RGB(213, 215, 237);
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.bonus {
  display: none;
  width: 100%;
  justify-content: flex-end;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.bonusCarac {
  display: none;
  width: 100%;
  background: RGB(213, 215, 237);
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation div.bonusCarac select {
  display: none;
  border: 0px;
  font-size: 14px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  height: 28px;
  text-align: center;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div.titre button[type=action].bonusCaracL1 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="1"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 100%;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL1,
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.titre button[type=action].bonusCaracL2 {
  box-shadow: 0px 0px 7px 0px #000000 inset;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div.bonus {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:first-of-type {
  display: inline-block;
  width: 50%;
  border-right: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.utilisation input[type=hidden].bonusCarac[value="2"] ~ div div.bonusCarac select:last-of-type {
  display: inline-block;
  width: 50%;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  margin-top: 10px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste h1.titre {
  width: 100%;
  align-content: baseline;
  background: transparent;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=roll].rollDice,
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=action].rollDice {
  background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Knight/img/whiteDice.png);
  background-color: white;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 50;
  margin-left: auto;
  box-shadow: none;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=roll].rollDice::before,
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=action].rollDice::before {
  content: "";
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=roll].rollDice:hover,
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste button[type=action].rollDice:hover {
  box-shadow: inset 0px 0px 5px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.data {
  display: none;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligneTitre {
  width: 100%;
  justify-content: space-between;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligneTitre span {
  display: flex;
  background: RGB(213, 215, 237);
  justify-content: center;
  color: black;
  font-weight: bold;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligneTitre .type {
  width: calc(100% - 1px - 330px - 28px);
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligneTitre .jetArme {
  width: 110px;
  padding-right: 29px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .type,
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .degats,
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .violence {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .degats,
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .violence {
  width: 109px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste .jetArme {
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .degats,
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .violence {
  height: 28px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .degats input[type=text],
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .degats input[type=number],
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .violence input[type=text],
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .violence input[type=number] {
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
  min-height: 28px;
  height: 100%;
  background: white;
  text-align: center;
  cursor: context-menu;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .type {
  display: flex;
  width: calc(100% - 1px - 330px - 29px - 3px);
  height: 28px;
  background: white;
  text-align: justify;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-left: 2px;
  padding-right: 2px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .jetArme {
  width: 139px;
  height: 28px;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.ligne .jetArme input[type=number] {
  width: calc(100% - 29px);
  margin: 0px;
  padding: 0px;
  border: 0px;
  min-height: 28px;
  height: 100%;
  background: white;
  text-align: center;
  cursor: context-menu;
}
div.charsheet > div.content div.tabMechaArmure div.subTabImprovisee div.liste div.separationTop {
  border-top: 2px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=archangel] ~ div div.archangel {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=archangel] ~ div button[type=action].archangel {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=nephilim] ~ div div.nephilim {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=nephilim] ~ div button[type=action].nephilim {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=demon] ~ div div.demon {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value=demon] ~ div button[type=action].demon {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].selectionMA[value="0"] ~ div .MANom {
  display: none;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabSpecial[value="1"] ~ div button[type=action].subTabSpecial {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabSpecial[value="1"] ~ .subTabSpecial, div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabSpecial[value="1"] ~ div .subTabSpecial {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabModules[value="1"] ~ div button[type=action].subTabModules {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabModules[value="1"] ~ .subTabModules, div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabModules[value="1"] ~ div .subTabModules {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabArmes[value="1"] ~ div button[type=action].subTabArmes {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabArmes[value="1"] ~ .subTabArmes, div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabArmes[value="1"] ~ div .subTabArmes {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabImprovisee[value="1"] ~ div button[type=action].subTabImprovisee {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabImprovisee[value="1"] ~ .subTabImprovisee, div.charsheet > div.content div.tabMechaArmure input[type=hidden].subTabImprovisee[value="1"] ~ div .subTabImprovisee {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].archangelConfiguration[value="1"] ~ div button[type=action].gabriel {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].archangelConfiguration[value="1"] ~ div .gabriel {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].archangelConfiguration[value="2"] ~ div button[type=action].raphael {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].archangelConfiguration[value="2"] ~ div .raphael {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].nephilimConfiguration[value="1"] ~ div button[type=action].og {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].nephilimConfiguration[value="1"] ~ div .og {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].nephilimConfiguration[value="2"] ~ div button[type=action].anak {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].nephilimConfiguration[value="2"] ~ div .anak {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].demonConfiguration[value="1"] ~ div button[type=action].djinn {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].demonConfiguration[value="1"] ~ div .djinn {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].demonConfiguration[value="2"] ~ div button[type=action].asura {
  box-shadow: 0px 0px 7px 0px black inset;
}
div.charsheet > div.content div.tabMechaArmure input[type=hidden].demonConfiguration[value="2"] ~ div .asura {
  display: flex;
}
div.charsheet > div.content div.tabMechaArmure div.col > * {
  margin-bottom: 10px;
}
div.charsheet > div.content div.tabEquipage {
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: 100%;
}
div.charsheet > div.content div.tabEquipage div.col {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  width: calc(33.3333333333% - 5px);
  flex-wrap: wrap;
  position: relative;
}
div.charsheet > div.content div.tabEquipage div.equipage {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre : Pour tous les paramètres concernant le titre principal
      - hasButton : Pour dire qu'il y a des boutons. (true / false)
      - hasRollSpecial : S'il y a un bouton "Jet spécial". (true / false)
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
      - hasButtonPersonnel : s'il s'agit d'un bouton "Personnel" (true / false)
      - hasActionSpecial : s'il s'agit d'un bouton "action spécial" (true / false)
      - hasSelect : s'il s'agit d'un select (true / false)

  - secondTitre : S'il y a un second titre (avec la classe titreBis
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - hasButton : s'il a un bouton (true/false).
      - hasBonusCarac : s'il s'agit de boutons de caracs (true / false)

  - titreInverse : Si les boutons du titre sont inversés par rapport à d'habitude.
      - actif : Pour dire qu'il est actif. (true / false)
      - hasButton : s'il a un bouton (true/false).
      - hasButtonActivate : s'il s'agit de boutons "Activé" (true / false)
  */
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabEquipage div.equipage h1.titre {
  width: 100%;
  align-content: baseline;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
div.charsheet > div.content div.tabEquipage div.equipage div.titre {
  align-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 28px;
  border-bottom: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabEquipage div.equipage h1.titre {
  display: flex;
}
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem {
  width: 100%;
  flex-wrap: wrap;
}
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem label {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
}
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem label span {
  display: flex;
  width: calc(50% - 2px);
  line-height: 28px;
  font-size: 14px;
  font-weight: bold;
  align-items: center;
  padding-left: 2px;
}
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem label input[type=text] {
  width: 50%;
  text-align: center;
  border: 0px;
  padding: 0px;
  margin: 0px;
  height: 28px;
  border-left: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem .borderTop,
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem div.autoex {
  border-top: 1px solid RGB(93, 111, 179);
}
div.charsheet > div.content div.tabEquipage div.equipage .repcontainer .repitem:not(:first-of-type) {
  border-top: 5px double RGB(93, 111, 179);
}

.sheet-rolltemplate-base,
.sheet-rolltemplate-simple,
.sheet-rolltemplate-combat,
.sheet-rolltemplate-mechaArmure {
  flex-wrap: wrap;
  width: 100%;
  align-content: baseline;
  background-color: RGB(93, 111, 179);
  border: 1px solid RGB(93, 111, 179);
  font-family: "Segoe UI";
}
.sheet-rolltemplate-base span,
.sheet-rolltemplate-simple span,
.sheet-rolltemplate-combat span,
.sheet-rolltemplate-mechaArmure span {
  color: black;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.sheet-rolltemplate-base .sheet-f10,
.sheet-rolltemplate-simple .sheet-f10,
.sheet-rolltemplate-combat .sheet-f10,
.sheet-rolltemplate-mechaArmure .sheet-f10 {
  font-size: 10px;
  font-weight: bold;
}
.sheet-rolltemplate-base .sheet-f10 > *,
.sheet-rolltemplate-simple .sheet-f10 > *,
.sheet-rolltemplate-combat .sheet-f10 > *,
.sheet-rolltemplate-mechaArmure .sheet-f10 > * {
  font-size: inherit;
  font-weight: inherit;
}
.sheet-rolltemplate-base .sheet-f10 > * > *,
.sheet-rolltemplate-simple .sheet-f10 > * > *,
.sheet-rolltemplate-combat .sheet-f10 > * > *,
.sheet-rolltemplate-mechaArmure .sheet-f10 > * > * {
  font-size: inherit;
  font-weight: inherit;
}
.sheet-rolltemplate-base .sheet-f12,
.sheet-rolltemplate-simple .sheet-f12,
.sheet-rolltemplate-combat .sheet-f12,
.sheet-rolltemplate-mechaArmure .sheet-f12 {
  font-size: 12px;
  font-weight: bold;
}
.sheet-rolltemplate-base .sheet-f12 > *,
.sheet-rolltemplate-simple .sheet-f12 > *,
.sheet-rolltemplate-combat .sheet-f12 > *,
.sheet-rolltemplate-mechaArmure .sheet-f12 > * {
  font-size: inherit;
  font-weight: inherit;
}
.sheet-rolltemplate-base .sheet-f12 > * > *,
.sheet-rolltemplate-simple .sheet-f12 > * > *,
.sheet-rolltemplate-combat .sheet-f12 > * > *,
.sheet-rolltemplate-mechaArmure .sheet-f12 > * > * {
  font-size: inherit;
  font-weight: inherit;
}
.sheet-rolltemplate-base .sheet-f14,
.sheet-rolltemplate-simple .sheet-f14,
.sheet-rolltemplate-combat .sheet-f14,
.sheet-rolltemplate-mechaArmure .sheet-f14 {
  font-size: 14px;
  font-weight: bold;
}
.sheet-rolltemplate-base .sheet-f14 > *,
.sheet-rolltemplate-simple .sheet-f14 > *,
.sheet-rolltemplate-combat .sheet-f14 > *,
.sheet-rolltemplate-mechaArmure .sheet-f14 > * {
  font-size: inherit;
  font-weight: inherit;
}
.sheet-rolltemplate-base .sheet-f14 > * > *,
.sheet-rolltemplate-simple .sheet-f14 > * > *,
.sheet-rolltemplate-combat .sheet-f14 > * > *,
.sheet-rolltemplate-mechaArmure .sheet-f14 > * > * {
  font-size: inherit;
  font-weight: inherit;
}
.sheet-rolltemplate-base div.sheet-ligne,
.sheet-rolltemplate-simple div.sheet-ligne,
.sheet-rolltemplate-combat div.sheet-ligne,
.sheet-rolltemplate-mechaArmure div.sheet-ligne {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  line-height: 28px;
}
.sheet-rolltemplate-base div.sheet-ligne > span,
.sheet-rolltemplate-simple div.sheet-ligne > span,
.sheet-rolltemplate-combat div.sheet-ligne > span,
.sheet-rolltemplate-mechaArmure div.sheet-ligne > span {
  display: flex;
}
.sheet-rolltemplate-base div.sheet-ligne > span:first-of-type,
.sheet-rolltemplate-simple div.sheet-ligne > span:first-of-type,
.sheet-rolltemplate-combat div.sheet-ligne > span:first-of-type,
.sheet-rolltemplate-mechaArmure div.sheet-ligne > span:first-of-type {
  width: calc(70% - 2px);
  padding-left: 2px;
}
.sheet-rolltemplate-base div.sheet-ligne > span:last-of-type,
.sheet-rolltemplate-simple div.sheet-ligne > span:last-of-type,
.sheet-rolltemplate-combat div.sheet-ligne > span:last-of-type,
.sheet-rolltemplate-mechaArmure div.sheet-ligne > span:last-of-type {
  width: 30%;
  text-align: center;
  justify-content: center;
}
.sheet-rolltemplate-base div.sheet-ligneM,
.sheet-rolltemplate-simple div.sheet-ligneM,
.sheet-rolltemplate-combat div.sheet-ligneM,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  line-height: 28px;
  flex-wrap: wrap;
}
.sheet-rolltemplate-base div.sheet-ligneM > span,
.sheet-rolltemplate-simple div.sheet-ligneM > span,
.sheet-rolltemplate-combat div.sheet-ligneM > span,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span {
  display: flex;
}
.sheet-rolltemplate-base div.sheet-ligneM > span.sheet-nom,
.sheet-rolltemplate-simple div.sheet-ligneM > span.sheet-nom,
.sheet-rolltemplate-combat div.sheet-ligneM > span.sheet-nom,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span.sheet-nom {
  width: calc(70% - 2px);
  padding-left: 2px;
  word-wrap: anywhere;
  text-align: justify;
  line-height: 15px;
  min-height: 18px;
  align-content: center;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
.sheet-rolltemplate-base div.sheet-ligneM > span.sheet-value,
.sheet-rolltemplate-simple div.sheet-ligneM > span.sheet-value,
.sheet-rolltemplate-combat div.sheet-ligneM > span.sheet-value,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span.sheet-value {
  width: 30%;
  text-align: center;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.sheet-rolltemplate-base div.sheet-ligneM > span.sheet-full,
.sheet-rolltemplate-simple div.sheet-ligneM > span.sheet-full,
.sheet-rolltemplate-combat div.sheet-ligneM > span.sheet-full,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span.sheet-full {
  width: 100%;
  font-size: 10px;
  line-height: 11px;
  padding-left: 2px;
  padding-right: 2px;
  word-wrap: anywhere;
}
.sheet-rolltemplate-base div.sheet-ligneM > span.sheet-full > *,
.sheet-rolltemplate-simple div.sheet-ligneM > span.sheet-full > *,
.sheet-rolltemplate-combat div.sheet-ligneM > span.sheet-full > *,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span.sheet-full > * {
  width: max-content;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding-right: 2px;
}
.sheet-rolltemplate-base div.sheet-ligneM > span.sheet-full:last-of-type,
.sheet-rolltemplate-simple div.sheet-ligneM > span.sheet-full:last-of-type,
.sheet-rolltemplate-combat div.sheet-ligneM > span.sheet-full:last-of-type,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM > span.sheet-full:last-of-type {
  margin-bottom: 3px;
}
.sheet-rolltemplate-base div.sheet-ligneM div.sheet-subValue,
.sheet-rolltemplate-simple div.sheet-ligneM div.sheet-subValue,
.sheet-rolltemplate-combat div.sheet-ligneM div.sheet-subValue,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM div.sheet-subValue {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.sheet-rolltemplate-base div.sheet-ligneM div.sheet-subValue span,
.sheet-rolltemplate-simple div.sheet-ligneM div.sheet-subValue span,
.sheet-rolltemplate-combat div.sheet-ligneM div.sheet-subValue span,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM div.sheet-subValue span {
  display: flex;
}
.sheet-rolltemplate-base div.sheet-ligneM div.sheet-subValue span:first-of-type,
.sheet-rolltemplate-simple div.sheet-ligneM div.sheet-subValue span:first-of-type,
.sheet-rolltemplate-combat div.sheet-ligneM div.sheet-subValue span:first-of-type,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM div.sheet-subValue span:first-of-type {
  width: calc(70% - 2px);
  padding-left: 2px;
  word-wrap: anywhere;
  text-align: justify;
  line-height: 13px;
  align-content: center;
  align-items: center;
  font-size: 10px;
}
.sheet-rolltemplate-base div.sheet-ligneM div.sheet-subValue span:last-of-type,
.sheet-rolltemplate-simple div.sheet-ligneM div.sheet-subValue span:last-of-type,
.sheet-rolltemplate-combat div.sheet-ligneM div.sheet-subValue span:last-of-type,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM div.sheet-subValue span:last-of-type {
  width: 30%;
  text-align: center;
  justify-content: center;
  align-content: center;
  align-items: center;
  line-height: 13px;
  font-size: 10px;
}
.sheet-rolltemplate-base div.sheet-ligneM div.sheet-subValue:last-of-type,
.sheet-rolltemplate-simple div.sheet-ligneM div.sheet-subValue:last-of-type,
.sheet-rolltemplate-combat div.sheet-ligneM div.sheet-subValue:last-of-type,
.sheet-rolltemplate-mechaArmure div.sheet-ligneM div.sheet-subValue:last-of-type {
  margin-bottom: 10px;
}
.sheet-rolltemplate-base div.sheet-ligneF,
.sheet-rolltemplate-simple div.sheet-ligneF,
.sheet-rolltemplate-combat div.sheet-ligneF,
.sheet-rolltemplate-mechaArmure div.sheet-ligneF {
  display: flex;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  line-height: 28px;
  flex-wrap: wrap;
}
.sheet-rolltemplate-base div.sheet-ligneF > span,
.sheet-rolltemplate-simple div.sheet-ligneF > span,
.sheet-rolltemplate-combat div.sheet-ligneF > span,
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span {
  display: flex;
}
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-nom,
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-nom,
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-nom,
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-nom {
  width: calc(100% - 4px);
  padding-left: 2px;
  padding-right: 2px;
  word-wrap: anywhere;
  text-align: justify;
  line-height: 15px;
  min-height: 28px;
  align-content: center;
  align-items: center;
}
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-full,
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-full,
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-full,
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-full {
  width: calc(100% - 4px);
  font-size: 10px;
  line-height: 11px;
  padding-left: 2px;
  padding-right: 2px;
  word-wrap: anywhere;
}
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-full > *,
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-full > *,
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-full > *,
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-full > * {
  width: max-content;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding-right: 2px;
}
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-full:last-of-type,
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-full:last-of-type,
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-full:last-of-type,
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-full:last-of-type {
  margin-bottom: 3px;
}
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-fullText,
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-fullText,
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-fullText,
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-fullText {
  display: inline-block;
  text-align: justify;
  width: calc(100% - 4px);
  padding-left: 2px;
  padding-right: 2px;
  word-wrap: anywhere;
  line-height: 17px;
  font-weight: normal;
}
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-fullText > *,
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-fullText > *,
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-fullText > *,
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-fullText > * {
  width: 100%;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  padding: 0px;
}
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-fullText .inlinerollresult,
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-fullText .inlinerollresult,
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-fullText .inlinerollresult,
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-fullText .inlinerollresult {
  display: inline;
  text-align: justify;
}
.sheet-rolltemplate-base div.sheet-ligneF > span.sheet-fullText:last-of-type,
.sheet-rolltemplate-simple div.sheet-ligneF > span.sheet-fullText:last-of-type,
.sheet-rolltemplate-combat div.sheet-ligneF > span.sheet-fullText:last-of-type,
.sheet-rolltemplate-mechaArmure div.sheet-ligneF > span.sheet-fullText:last-of-type {
  margin-bottom: 3px;
}
.sheet-rolltemplate-base div.sheet-ligneFullHerauts,
.sheet-rolltemplate-simple div.sheet-ligneFullHerauts,
.sheet-rolltemplate-combat div.sheet-ligneFullHerauts,
.sheet-rolltemplate-mechaArmure div.sheet-ligneFullHerauts {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  line-height: 16px;
  flex-wrap: wrap;
  justify-content: center;
  word-wrap: anywhere;
  min-height: 28px;
  align-content: center;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}
.sheet-rolltemplate-base .sheet-space > span:last-of-type,
.sheet-rolltemplate-simple .sheet-space > span:last-of-type,
.sheet-rolltemplate-combat .sheet-space > span:last-of-type,
.sheet-rolltemplate-mechaArmure .sheet-space > span:last-of-type {
  margin-left: 5px;
}
.sheet-rolltemplate-base h1.sheet-exploit,
.sheet-rolltemplate-simple h1.sheet-exploit,
.sheet-rolltemplate-combat h1.sheet-exploit,
.sheet-rolltemplate-mechaArmure h1.sheet-exploit {
  display: flex;
  width: 100%;
  align-content: baseline;
  background: green;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
.sheet-rolltemplate-base h1.sheet-echecCritique,
.sheet-rolltemplate-simple h1.sheet-echecCritique,
.sheet-rolltemplate-combat h1.sheet-echecCritique,
.sheet-rolltemplate-mechaArmure h1.sheet-echecCritique {
  display: flex;
  width: 100%;
  align-content: baseline;
  background: darkRed;
  color: white;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
.sheet-rolltemplate-base div.sheet-button,
.sheet-rolltemplate-simple div.sheet-button,
.sheet-rolltemplate-combat div.sheet-button,
.sheet-rolltemplate-mechaArmure div.sheet-button {
  display: flex;
  width: 100%;
  background: RGB(213, 215, 237);
  min-height: 28px;
  height: auto;
  align-items: center;
  justify-content: space-between;
}
.sheet-rolltemplate-base div.sheet-button a[href^="~"],
.sheet-rolltemplate-simple div.sheet-button a[href^="~"],
.sheet-rolltemplate-combat div.sheet-button a[href^="~"],
.sheet-rolltemplate-mechaArmure div.sheet-button a[href^="~"] {
  background-color: RGB(93, 111, 179);
  font-weight: bold;
  padding: 0px;
  line-height: 28px;
  width: 40px;
  justify-content: center;
  display: flex;
  border-color: RGB(213, 215, 237);
}
.sheet-rolltemplate-base .inlinerollresult,
.sheet-rolltemplate-simple .inlinerollresult,
.sheet-rolltemplate-combat .inlinerollresult,
.sheet-rolltemplate-mechaArmure .inlinerollresult {
  display: inline-block;
  min-width: 0px;
  text-align: center;
  border: 0px;
  background: none !important;
  color: black;
  font-size: inherit;
  padding: 0px !important;
}
.sheet-rolltemplate-base .inlinerollresult.fullcrit, .sheet-rolltemplate-base .inlinerollresult.fullfail, .sheet-rolltemplate-base .inlinerollresult.importantroll,
.sheet-rolltemplate-simple .inlinerollresult.fullcrit,
.sheet-rolltemplate-simple .inlinerollresult.fullfail,
.sheet-rolltemplate-simple .inlinerollresult.importantroll,
.sheet-rolltemplate-combat .inlinerollresult.fullcrit,
.sheet-rolltemplate-combat .inlinerollresult.fullfail,
.sheet-rolltemplate-combat .inlinerollresult.importantroll,
.sheet-rolltemplate-mechaArmure .inlinerollresult.fullcrit,
.sheet-rolltemplate-mechaArmure .inlinerollresult.fullfail,
.sheet-rolltemplate-mechaArmure .inlinerollresult.importantroll {
  border: 0px;
}

.sheet-rolltemplate-base {
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre2 : S'il y a un second titre
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - borderBottom : S'il y a une bordure en bas, et ses paramètres

  - titre3 : S'il y a un troisième titre
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - borderBottom : S'il y a une bordure en bas, et ses paramètres

  - sousTitre : S'il y a un sous-titre
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - borderBottom : S'il y a une bordure en bas, et ses paramètres
  */
}
.sheet-rolltemplate-base h1.sheet-titre {
  display: flex;
  width: 100%;
  align-content: baseline;
  align-items: center;
  background: transparent;
  color: white;
  line-height: 20px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
.sheet-rolltemplate-base h2.sheet-titre2 {
  display: flex;
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 20px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
  align-items: center;
  border-bottom: 1px solid RGB(93, 111, 179);
}
.sheet-rolltemplate-base div.sheet-ligne:not(:first-of-type) {
  border-top: 1px solid RGB(93, 111, 179);
}

.sheet-rolltemplate-simple {
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre2 : S'il y a un second titre
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - borderBottom : S'il y a une bordure en bas, et ses paramètres

  - titre3 : S'il y a un troisième titre
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - borderBottom : S'il y a une bordure en bas, et ses paramètres

  - sousTitre : S'il y a un sous-titre
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - borderBottom : S'il y a une bordure en bas, et ses paramètres
  */
}
.sheet-rolltemplate-simple h1.sheet-titre {
  display: flex;
  width: 100%;
  align-content: baseline;
  align-items: center;
  background: transparent;
  color: white;
  line-height: 20px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
.sheet-rolltemplate-simple h2.sheet-titre2 {
  display: flex;
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 20px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
  align-items: center;
}
.sheet-rolltemplate-simple h3.sheet-titre3 {
  display: flex;
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 12px;
}
.sheet-rolltemplate-simple h4.sheet-sousTitre {
  display: flex;
  width: 100%;
  align-content: baseline;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 16px;
  min-height: 16px;
  justify-content: center;
  font-size: 13px;
}
.sheet-rolltemplate-simple > *:not(:nth-child(1)):not(:nth-child(2)) {
  border-top: 1px solid RGB(93, 111, 179);
}

.sheet-rolltemplate-combat,
.sheet-rolltemplate-mechaArmure {
  /*
  ///PARAMETRES EXISTANTS\\\
  - titre2 : S'il y a un second titre
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - borderBottom : S'il y a une bordure en bas, et ses paramètres

  - titre3 : S'il y a un troisième titre
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - borderBottom : S'il y a une bordure en bas, et ses paramètres

  - sousTitre : S'il y a un sous-titre
      - actif : Pour dire qu'il est actif. (true / false)
      - background : pour définir le background (transparent par défaut)
      - color : pour définir la couleur du texte (white par défaut)
      - borderBottom : S'il y a une bordure en bas, et ses paramètres
  */
}
.sheet-rolltemplate-combat h1.sheet-titre,
.sheet-rolltemplate-mechaArmure h1.sheet-titre {
  display: flex;
  width: 100%;
  align-content: baseline;
  align-items: center;
  background: transparent;
  color: white;
  line-height: 20px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
}
.sheet-rolltemplate-combat h2.sheet-titre2,
.sheet-rolltemplate-mechaArmure h2.sheet-titre2 {
  display: flex;
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 20px;
  min-height: 28px;
  justify-content: center;
  font-size: 14px;
  align-items: center;
}
.sheet-rolltemplate-combat h3.sheet-titre3,
.sheet-rolltemplate-mechaArmure h3.sheet-titre3 {
  display: flex;
  width: 100%;
  align-content: baseline;
  background: RGB(213, 215, 237);
  color: black;
  line-height: 28px;
  min-height: 28px;
  justify-content: center;
  font-size: 12px;
}
.sheet-rolltemplate-combat h4.sheet-sousTitre,
.sheet-rolltemplate-mechaArmure h4.sheet-sousTitre {
  display: flex;
  width: 100%;
  align-content: baseline;
  background: RGB(93, 111, 179);
  color: white;
  line-height: 16px;
  min-height: 16px;
  justify-content: center;
  font-size: 13px;
}
.sheet-rolltemplate-combat div.sheet-ligneFull,
.sheet-rolltemplate-mechaArmure div.sheet-ligneFull {
  display: block;
  width: 100%;
  justify-content: space-between;
  background: RGB(213, 215, 237);
  line-height: 28px;
}
.sheet-rolltemplate-combat div.sheet-ligneFull > span,
.sheet-rolltemplate-mechaArmure div.sheet-ligneFull > span {
  display: block;
  width: calc(100% - 4px);
  padding: 2px;
  word-wrap: anywhere;
  text-align: justify;
  font-size: 12px;
  line-height: 16px;
}
.sheet-rolltemplate-combat > *:not(:nth-child(1)):not(:nth-child(2)),
.sheet-rolltemplate-mechaArmure > *:not(:nth-child(1)):not(:nth-child(2)) {
  border-top: 1px solid RGB(93, 111, 179);
}
.sheet-rolltemplate-combat .sheet-doubleBordureTop,
.sheet-rolltemplate-mechaArmure .sheet-doubleBordureTop {
  border-top: 5px double RGB(93, 111, 179) !important;
}