/* 1.006 */
html, body
{
 height:100%;
 margin:0px;
 -webkit-touch-callout: none; /* iOS Safari */
 -webkit-user-select: none; /* Safari */
 -khtml-user-select: none; /* Konqueror HTML */
 -moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* Internet Explorer/Edge */
 user-select: none;
}
#bkgrnd
{
 position:absolute;
 width:100%;
 height:100%;
 background-color:#4bf;
 -webkit-touch-callout: none; /* iOS Safari */
 -webkit-user-select: none; /* Safari */
 -khtml-user-select: none; /* Konqueror HTML */
 -moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* Internet Explorer/Edge */
 user-select: none;
}
#grid
{
 position: absolute;
 left:10px;
 top:10px;
 width:320px;
 height:320px;
 background-color:#888;
 text-align:center;
}
.topBtn
{
 position:absolute;
 top:10px;
 left:10px;
 cursor:pointer;
}
.tile
{
 position:absolute;
 left:0px;
 top:24px;
 width:56px;
 height:56px;
 /* au dessus des elemts ds tableau */
 z-index:1;
}
#layer
{
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background-color:#000;
 opacity:0.5;
 /* au dessus des elemts ds tableau et des cartes car insere apres */
 z-index:1;
}
#startBtn
{
 position:absolute;
 left:35%;
 top:20%;
 width:30%;
 cursor:pointer;
 /* au dessus des elemts ds tableau et des cartes car insere apres */
 z-index:1;
}