* {
	font-family: 'Oxanium';
}
:root {
	--haut-tab: 330px;
	--hauteur: -340px;
	--haut-tab2: 180px;
	--hauteur2: -190px;
	--bgcolor: rgb(24, 24, 24);
	--bgtable: rgb(41, 41, 41);
	--bordertable: #4d4d4d;
	--bgbouton: rgb(39, 39, 39);
	--texte: #eeeeee;
	--bgbox: #5c5c5c;
	--radius: 3px;
}
body {
	background-color: var(--bgcolor);
	margin-bottom: 100px;
}
header {
	margin-top: 10px;
	width: 80%;
	height: 80px;
	/*border: 1px solid black;*/
}
header h1 {
	position:absolute;
	left:50px;
	top: 10px;
	color: var(--texte);
	text-decoration: none;
	font-weight: normal;
}
a {
	transition: 0.3s;
	color: inherit;
	text-decoration: underline;
}
a:hover {
	transition: 0.3s;
	color: #888888;
}
.donnee {
	margin-left: 5%;
	padding: 7px;
	border-radius: var(--radius);
	border: none;
	font-size: 0.9em;
	color: var(--texte);
	font-weight: bold;
	background-color: var(--bgbox);
}
.div_mise {
	color: var(--texte);
	position:absolute;
	right:30px;
	top: 20px;
	height: 80px;
	/*border: 1px solid black;*/
}
.mise {
	padding: 7px;
	border-radius: var(--radius);
	border: none;
	font-size: 0.9em;
	color: var(--texte);
	font-weight: bold;
	background-color: var(--bgbox);
	text-align: center;
	margin-left: 5px;
	width: 50%;
}
.select {
	margin-left: -5%;
	padding: 7px;
	border-radius: var(--radius);
	border: none;
	font-size: 0.9em;
	color: var(--texte);
	font-weight: bold;
	background-color: var(--bgbox);
}
select {
	padding: 7px;
	border-radius: var(--radius);
	border: none;
	margin-left: -90px;
	font-weight: bold;
	color: grey;
}
.table {
	color: var(--texte);
}
.col1 {
	width: 200px;
}
.col2 {
	width: 150px;
}
.marge1 {
	margin-left: 10px;
}
.donnee {
	width: 73%;
	text-align: center;
}
.name {
	text-align: center;
	margin-top: 10px;
	color: var(--texte);
}
.texte1 {
	height: 10px;
	margin-top: 2px;
	margin-left: 2%;
}
.rappel {
	margin-left: 10%;
	margin-right: 10%;
	color: #575757;"
}
.table_j1 {
	border-left: 5px solid var(--bordertable);
	background-color: var(--bgtable);
	color: var(--texte);
	height: var(--haut-tab);
	width: 40%;
	margin-left: 9%;
}
.table_j2 {
	border-left: 5px solid var(--bordertable);
	background-color: var(--bgtable);
	color: var(--texte);
	height: var(--haut-tab);
	width: 40%;
	margin-top: var(--hauteur);
	margin-left: 51%;
}
table,tr,td {
	/*border: 1px solid black;*/
}
.bouton {
	width: 82%;
	margin-left: 9%;
	margin-top: 15px;
	/*border: 1px solid black;*/
}
.bouton-valider {
	width: 100.5%;
	margin: 0;
	color: var(--texte);
	cursor: pointer;
	background-color: var(--bgbouton);
	font-size: 1.3em;
	padding: 7px;
	border-radius: calc(var(--radius)/2);
	border: none;
}
.table_res1 {
	margin-top: 15px;
	border-left: 5px solid var(--bordertable);
	background-color: var(--bgtable);
	color: var(--texte);
	height: var(--haut-tab2);
	width: 40%;
	margin-left: 9%;
}
.table_res2 {
	margin-top: var(--hauteur2);
	border-left: 5px solid var(--bordertable);
	background-color: var(--bgtable);
	color: var(--texte);
	height: var(--haut-tab2);
	width: 40%;
	margin-left: 51%;
}
.col1bis {
	width: 75%;
	height: 50px;
}
.col2bis {
	width: 25%;
	height: 50px;
}
#vainqueur {
	cursor: default;
	text-align: center;
	width: 87%;
	height: 30px;
	margin-top: -15px;
	font-size: 25px;
}
.table2 {
	width: 100%;
}
.col1sec input {
	font-size: 18px;
	cursor: default;
	margin-left: 0;
	text-align: center;
	width: 79%;
	margin-left: 9%;
}
.col2sec input {
	font-size: 18px;
	cursor: default;
	margin-left: 0;
	text-align: center;
	width: 85%;
}
.col1bis input {
	font-size: 18px;
	width: 90%;
	cursor: default;
}
.col2bis input {
	font-size: 18px;
	cursor: default;
}

#info_cote1,#info_cote2 {
	text-align: center;
}