body {
	background-color: black;
	color : blanchedalmond;
	font-size:x-large;
}

.ordi {display:none}

.wiki {
	background-color: white;
	color : black;
	font-size: 0.875em ;//x-small;
	font-family : sans-serif;
}

h3 {font-family:sw_symbol;}

.css-form input.ng-invalid {background-color:#FA787E;}

button {
	color : blanchedalmond;
	background-color: black;
	border-color : blanchedalmond;
	border-width : thick;
}

button[disabled] {
	background-color: darkred;
}

button.important {
	border-color : blue;
}

input[type=number] {
	width:6ch;
}

input {
	color : blanchedalmond;
	background-color: black;
	border-color : blanchedalmond;
}

input[disabled] {
	background-color: darkred;
}

select {
	color : blanchedalmond;
	background-color: black;
	border-color : blanchedalmond;
}

div.colonnes {
    display: table;
		table-layout : fixed;
		/*empty-cells:hide;*/
}
.colonne, .contenu, .equipCol {
    display: table-cell;

    padding: 5px;
    border: 1px solid blanchedalmond;
}

.equipColOpt {
    display: none;
    padding: 5px;
    border: 1px solid blanchedalmond;
}

.menuListe {column-count:3;}
.menuListe li {
	display:flex;
}

a{color:blue;}

div.entoure {border-width:1px;border-style:solid;border-color:almond}

.xp {
		opacity:0.7;
		position: relative;
    top: 0px;
    right: 0px;
    font-size: x-large;
}
.xp:hover {opacity:1}

.wiki .xp {
	font-size: small;
	background-color:unset;
}

.bold {font-weight:bold; color:burlywood;}
.ital {font-style:italic;}
.conflict {color:red;}
.wiki .bold {color : black;}

div.skills {column-count: 1;}
div.caracs {column-count: 2;}

.skillLigne {display:table-row;}
.skillName {
	width : 6em;
	padding:0px;
	padding-left:5px;
}
.wiki .skillName {width : 90px;}

.dice {
	width : 6em;
	padding:0px;
}
.wiki .dice {width : 70px;}
.skillCase {
	width : 20px;
	padding:0px;
}
.titre {
	font-weight:bold;
}

button.active {/* voir si doublon semble inutilisé*/
	color:white;
	background-color:black;
	font-weight:bold;
}

.c1 {color:yellow;font-family:sw_symbol;}
.wiki .c1 {color:gold}

.c2 {color:green;font-family:sw_symbol;}

.fixedHeader {
  /*background-color: rgba(0, 0, 0, 0.2);
  /*height: 50px;
  position: fixed;*/
	right: 0;
}

.absoluteHeader {position:absolute;}

.fixedHeader > a {
  display: block;/*was inline-block*/
  margin: 5px 15px;
}

.network {width:90vw;height:50vh;border:1px solid blue}

.talents {left:0;position:relative};

.utils *{font-size:x-large;}

.stuff {
	background-color:black;
	color:blanchedalmond;
	width : 95vw;
}

.statusInput {width:7em}

@media (max-width: 850px) and (min-width: 625px)
{
	body {font-size:large;}
	.menuListe {column-count:4;}
	.menuListe li a{color:green;}
	div.skills {column-count: 2;}
	div.caracs {column-count: 3;}
	.ordi {display:block}
	.telephone {display:none}
	.equipColOpt {display: table-cell;}
}

@media (min-width: 850px) /*large screen*/
{
	.ordi {display:block}
	.telephone {display:none}
	a{color:red;}
	.menuListe {column-count:unset;}
	.menuListe li {display:inline;}
	body {font-size:unset;}
	.xp {position: fixed;}
	div.skills {column-count: 3;}
	div.caracs {column-count: 6;}
	.wiki div.skills {column-count: 4;}
	.utils *{font-size:unset;}
	.fixedHeader {height: 50px;position: fixed;}
	.wiki .fixedHeader {height: 50px;position: unset;}
	.fixedHeader > a {display:table-row;}
	.network {width:80vw;height:100vh;}
	.equipColOpt {display: table-cell;}
}

.menuCourant {color:unset !important}