/*1.003 */
html, body
{
 height:100%;
 margin:0px;
}
body
{
 /* evite barres si ecran trop petit lors de chgts ecran */
 overflow:hidden;
}
@font-face
{
    /* font-family: 'Cursivestandard'; */
    font-family: 'Belle Allure GS';
    /* src: url('Cursive_standard.ttf'); */
    src: url('BelleAllureGS-Fin.otf');
}
#stg
{
 position:absolute;
 left:0px;
 top:0px;
 width:360px;
 height:480px;
 background-color:#ddd;
 display:none;
 text-align:center;
}
#bar
{
 position:absolute;
 top:0%;
 left:0%;
 width:100%;
 height:6%;
 background-color:#0ff;
 display:none;
 text-align:center;
 font-family:arial;
}
.sbar
{
 color:#00f;
 font-family:arial;
}
.btn
{
 position:absolute;
 width:192px;
 height:48px;
 background-color:#ffd;
 cursor:pointer;
 overflow:hidden;
}
.btnImg
{
 position:absolute;
 left:0px;
 top:0px;
}
.key
{
 position:absolute;
 left:0px;
 top:0px;
 text-align:center;
}
.bsBox
{
 position:absolute;
 left:0px;
 top:0px;
 padding-left:16px;
 text-align:left;
 width:96px;
 top:48px;
 overflow:hidden;
}
.ltrBx
{
 margin:0px;
 padding:0px;
}
.topBtn
{
 position:absolute;
 top:10px;
 left:10px;
 cursor:pointer;
 display:none;
}
/* panneau noir et panneau score */
#black_b, #score_b, #hlp_b
{
 position:absolute;
 top:0%;
 left:0%;
 width:100%;
 height:100%;
 margin:0%;
 background-color:#000;
 display:none;
}
#black_b
{
 color:#fff;
 overflow:hidden; 
}
#score_b
{
 color:#fff;
 text-align:center;
 background-image:url('blue.png');
 overflow:auto;
}
#hlp_b
{
 opacity:0.3;
 color:#fff;
 cursor:pointer;
}
#hlpBox
{
 position:absolute;
 left:0px;
 top:0px;
 background-color:#fff;
 border:solid 2px #f00;
 display:none;
}
#hlpTbl
{
 position:absolute;
}
.hlpCl0, .hlpCl1, .hlpCl2
{
 text-align:center;
 background-color:#8ff;
}
.hlpCl2
{
 /* font-family:Cursivestandard; */
 font-family:Belle Allure GS;
}
/* images de fermeture panneau noir et panneau score */
#closeImg, #closeSc, #closeHlp
{
 position:absolute;
 top:0px;
 left:0px;
 width:48px;
 height:48px;
 cursor:pointer;
}
.star
{
 display:inline-block;
 margin:5px;
 width:32px;
 height:32px;
}
.scoreTh
{
 display:inline-block;
 margin:10px;
 padding:10px;
 width:64px;
 height:48px;
 cursor:pointer;
 border:outset 4px;
 background-color:#fff;
}
/*  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;
}