/* 1.002 */
html, body
{
 height:100%;
 margin:0px;
}
body
{
 background-color:#44d;
 -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; 
}
#stg
{
 position: absolute;
 left:10px;
 top:10px;
 width:360px;
 height:480px;
 display:none;
 -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; 
}
#ctrlPnl
{
 position: absolute;
 left:0px;
 top:0px;
 width:64px;
 height:64px;
 background-color:#88f;
}
#alPrev
{
 position:absolute;
 left:5%;
 top:5%;
 width:25%;
 height:25%;
}
#al
{
 position:absolute;
 left:37%;
 top:5%;
 width:25%;
 height:25%;
}
#alNext
{
 position:absolute;
 left:70%;
 top:5%;
 width:25%;
 height:25%;
 cursor:pointer;
}
#numPrev
{
 position:absolute;
 left:5%;
 top:37%;
 width:25%;
 height:25%;
}
#num
{
 position:absolute;
 left:37%;
 top:37%;
 width:25%;
 height:25%;
}
#numNext
{
 position:absolute;
 left:70%;
 top:37%;
 width:25%;
 height:25%;
 cursor:pointer;
}
#fairyWand
{
 position:absolute;
 left:12%;
 top:70%;
 width:75%;
 height:25%;
 cursor:pointer;
}
#candle, .cell, .imgM, .fBox, .ray
{
 position:absolute;
 left:0px;
 top:0px;
 width:24px;
 height:24px;
}
.cell
{
 border:solid 1px #fff;
 overflow:hidden;
}
.fBox
{
 overflow:hidden;
}
.ray
{
 display:none;
}
.topC , .leftC
{
 position:absolute;
 left:0px;
 top:0px;
 width:24px;
 height:24px;
 border-right:solid 1px #0ff;
 border-bottom:solid 1px #0ff;
}
.topC
{
 border-left:solid 1px #0ff;
}
.leftC
{
 border-top:solid 1px #0ff;
}
.entt
{
 position:absolute;
 left:0%;
 top:0%;
 width:100%;
 height:100%;
}
.topBtn
{
 position:absolute;
 top:10px;
 left:10px;
 cursor:pointer;
 display:none;
}
/*  pas de javascript */
#wrn1
{
 background-color:#fff;
 margin:8%;
 padding:8%;
 text-align:center;
}
/* Ecrans trop petits */
#wrn2
{
 margin:5%;
 padding-top:5%;
 padding-bottom:5%;
 width:90%;
 text-align:center;
 background-color:#ff8;
}
.wrnBtn
{
 margin-top:5%;
 margin-bottom:5%;
 margin-right:5%;
 margin-left:5%;
 cursor:pointer; /* c'est pour du telephone ! */
 border : outset 2px;
 background-color:#ccc;
}