.div-file {
	display: inline-block;
	margin: auto;
}

.div-infos {
	display: block;
	margin: auto;
	text-align: left;
	max-width: 318px;
}

.div-navigation, .div-moves {
	display: block;
	margin: auto;
	padding-top: 4px;
	padding-bottom: 4px;
}

.div-board-container {
	display: inline-block;
	margin: auto;
}

.div-board {
	display: contents;
	width: 400px;
	height: 400px;
	margin: auto;
}

.table-board {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
}

.table-board-td {
	text-align: left;
}

.table-board-td-evalbar {
	text-align: left;
	vertical-align: middle;
	padding-right: 2px;
}

.div-evalbar {
	display: block;
	margin: auto;
	width: 12px;
	height: 300px;
}

.div-evalbar-color {
	float: left;
	width: 100%;
	height: 150px;
}

.div-evalbar-separator {
	position: relative;
	width: 100%;
	height: 2px;
	background-color: #ff0000;
	top: 149px;
	z-index: 999;
}

.div-evalbar-midblack-separator {
	position: relative;
	width: 100%;
	height: 2px;
	background-color: #88bebf;
	top: 74px;
	z-index: 999;
}

.div-evalbar-midwhite-separator {
	position: relative;
	width: 100%;
	height: 2px;
	background-color: #88bebf;
	top: 224px;
	z-index: 999;
}