body {
	font-family: sans-serif;
	background-color: #8981B5;
	color: #FFFFFF;
	height: 100%;
	margin: 0;
	font-size: 100%;
}

#logobu {
    width: 53px;
    text-align: center;
    vertical-align: middle;
    display: block;
    /*position: absolute;
	left: 0;
	top: 0;*/
    text-decoration: none;
}

#logobu svg {
    fill: white;
    width: 116px;
    height: 116px;
}

#logobu .header-text {
    color: white;
    font-family: "Pochoir Pleine";
    font-size: 85px;
    padding-top: 10px;
}


.div_top {
	margin: auto;
	height: 10vh;
}

.div_middle {
	margin: auto;
	height: 90vh;
	width: 160vh;
	text-align: center;
}

.div_bottom {
	margin: auto;
	height: 10vh;
}

@media (max-aspect-ratio : 1) {
	.div_middle {
		width: 90vw;
	}
}

.text {
	margin: auto;
	font-size: 10vh;
	height: 90vh;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.table_ok {
	background-color: #008000;
	color: #FFFFFF;
}

.table-error {
	background-color: #FF0000;
	color: #FFFFFF;
}

.table-off {
	background-color: #808080;
	color: #FFFFFF;
}