/* 1.004 */
html, body
{
 height:100%;
 margin:0px;
 overflow:hidden;
}
#sndPnl
{
 position:absolute;
 width:256px;
 left:50px;
 top:-64px;
 height:48px;
}
#sky
{
 position: absolute;
 left:0px;
 top:0px;
 width:576px;
 height:432px;
 background-color:#b5b5b5;
 display:none;
}
.side
{
 position: absolute;
 left:0px;
 top:0px;
 width:64px;
 height:432px;
 background-image:url('side0.png');
 display:none;
}
#scn
{
 position: absolute;
 left:0px;
 top:10px;
 width:576px;
 height:432px;
 background-color:#888;
 text-align:center;
 -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; /* Non-prefixed version, currently supported by Chrome and Opera */
 display:none;
}
#grass
{
 position: absolute;
 left:0px;
 top:0px;
 width:576px;
 height:432px;
 background-color:#0f0;
 display:none;
}
#smoke
{
 position: absolute;
 left:-16px;
 top:-62px;
 width:128px;
 height:224px;
 overflow:hidden;
 display:none;
}
.tree
{
 position: absolute;
 left:0px;
 top:256px; 
 display:none;
}
.topBtn
{
 position:absolute;
 top:10px;
 right:10px;
 left:auto;
 cursor:pointer;
 display:none;
}
.box
{
 position:absolute;
 left:0px;
 top:24px;
 width:80px;
 height:64px;
 background-color:#f00;
 cursor:pointer;
}
#warn0
{
 height:100%;
 text-align:center;
 padding:10%;
 font-size:200%;
 background-color:#fa8;
}
#warn1
{
 height:100%;
 text-align:center;
 padding:10%;
 font-size:200%;
 background-color:#f80;
 display:none;
}
.wrnBtn
{
 margin:5%;
 cursor:pointer; /* c'est pour du telephone! */
 border : outset 2px;
 background-color:#ccc;
}
#colorLayer
{
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background-color:#88a;
 text-align:center;
 padding-top:5%;
}
.colorBtn
{
 display:inline-block;
 width:16%;
 margin: 4%;
 cursor:pointer;
}