@charset "utf-8";
html{overflow:hidden;-webkit-user-select: none;}
body{position:absolute;margin:0px;padding:0px;background:#000;width:100%;height:100%;}
h2{text-align:center;}
#screen{position:absolute;width:100%;height:100%;background:#333;overflow:hidden;font-family:SegoeUI,Verdana,Arial,Sans-Serif;color:#fff;font-size:13px;}
#screen canvas{position:absolute;left:0px;top:0px;width:100%;height:100%;background:#333;-webkit-user-select: none;}
#command{position:absolute;left:50%;margin-left:-400px;bottom:3px;height:35px;width:800px;text-align:center;z-index:1000;}
#screen .background{position:absolute;width:100%;height:100%;background:#000;opacity:0.3;-webkit-user-select: none;}
#screen .content{position:absolute;padding:2px;width:100%;height:100%;}
#options{position:relative;top:3px;width:100%;font-size:9pt;}
#options a{color:yellow;}
#options a:visited{color:white;}
#infopanel{position:absolute;text-align:center;top:1px;left:1px;width:99%;height:50px;color:#fff;}
#fps{font-size:3em;font-weight:bold;}
#npoly{font-size:2em;font-weight:bold;margin-top:10px;}
#titra{font-size:1.4em;font-weight:bold;color:red;}
#legend{color:red;text-transform: capitalize;}
form {float:right;position:relative;}
.tooltip{text-decoration:none;position:relative;}
.tooltip span{display:none;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;color:black;background:white;font-weight:normal}
.tooltip span img{float:left;margin:0px 8px 8px 0;}
.tooltip:hover span{display:block;position:relative;top:0;left:0;z-index:1000;width:auto;max-width:340px;min-height:128px;border:1px solid black;margin-top:-330px;margin-left:32px;overflow:hidden;padding:8px;}
.bouton{color:red;font-size:1em;font-weight:bold;}
.bouton:hover{background:#460046;color:#f7f5ef;}
@media screen and (max-width: 700px) {
#command {display:none!important;}
}