body {
	color: white;
	font:normal bold 14px tahoma;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding:0px;
	margin:0px;
}

#div-sp
{
	position:relative;
    width:100%;
    height:45%;
	padding:0px;
	margin:0px;
}

.cansp{
	width:100%; 
	height:100%; 
	float:center; 
	background-color:black;	
}

#div-wf
{
	position:relative;
    width:100%;
    height:45%;
	padding:0px;
	margin:0px;
}

.canwf{
	width:100%; 
	height:100%; 
	background:#00007f;
	background-color:bleu;
}

#div-ctrl
{
	display: inline-flex;
	background-color:#171717;
	position:fixed;
    width:100%;
    height:10%;
	padding:0px;
	margin:0px;
	left: 0%;
	align-items: center; /* Vertical */
}

.ctrl_visual{
	margin: 0px 10px 0px 10px;
}

#div-scoketscontrols
{
    position: fixed;
    bottom: 0;
    right: 0;
  }

#div-scoketscontrols > img
{
	margin-right:5px;
	width:25px; 
	height:25px;
}