body        { font-family:Arial,Geneva,Arial,sans-serif; overflow:hidden; }
/* ---- le jeu ---- */ 
#gameDiv    { width:590px; height:420px; padding:10px; position:absolute;top:0px;left:0px; background-color:#DDEEFF; }
/* ---- les boutons ---- */ 
#boutonStart  { width:159px; position:absolute; padding:0px 0px 1px 15px;top:20px; left:30px; cursor:pointer; color:white; font-size:26px; border:3px solid #FFbF00; background-color:#FF9000; font-weight:bold;font-variant:small-caps;} 
#language     { font-size:12px; }
img.bouton  { position:absolute;top:0px;left:0px;}
#boutonPause  { width:80px; position:absolute; top:20px; left:30px;  cursor:pointer; border:3px solid #FFC000; color:white; font-size:15px; font-weight:bold; background-color:#28A1E7; text-align:center; padding:5px 0px; font-variant:small-caps} 
#boutonResume { width:80px; position:absolute; top:20px; left:30px;  cursor:pointer; border:3px solid #FFC000; color:white; font-size:15px; font-weight:bold; background-color:#28A1E7; text-align:center; padding:5px 0px; font-variant:small-caps} 
#boutonStop   { width:80px; position:absolute; top:20px; left:122px; cursor:pointer; border:3px solid #FFC000; color:white; font-size:15px; font-weight:bold; background-color:#28A1E7; text-align:center; padding:5px 0px; font-variant:small-caps} 

/* ---- les infos ---- */ 
#infoDiv  { width:175px; position:absolute; left:30px; top:60px; border:2px solid #8888BB; background-color:white; margin:0px;padding:0px;}
/* ---- le score ---- */ 
#scoreDiv { margin:0px;padding:5px 0px; background-color:#FFBBDD;width:175px;font-family:tahoma;font-size:18px;font-weight:bold;color:#FFFFFF;}
#scoreLabel {float:left;}
#scoreValue {margin:0px;padding:6px;height:20px;display:inline;}
/* ---- le dernier mot trouvé ---- */ 
#wordDiv  { margin:0px;padding:3px 0px 0px 10px;height:25px;background-color:#FFFFFF;clear:both; }
#lastWording {font-family:tahoma;font-size:18px;color:#C61786;}
#lastScore   {font-family:tahoma;font-size:9px;color:#C61786;}
/* ---- la liste des mots trouvés ---- */ 
#foundDiv { height:260px;margin:0px;padding:5px 0px 0px 10px;overflow:auto; }
.fWord {font-family:tahoma;font-size:11px;margin:0px;}
.fWord a {color:#C68617;text-decoration:none;}
.fWord a:hover {color:blue;text-decoration:underline;}
/* ---- le nombre de mots trouvés ---- */ 
#countDiv { margin:0px;padding:3px 0px;height:25px;background-color:#FFDDBB; color:#FFFFFF;text-align:center;font-family:tahoma;font-size:18px; }

/* ---- la prochaine lettre ---- */ 
#nextLabelDiv { position:absolute; top:20px; left:300px; color:#2222BB; width:80px; font-family:tahoma;font-size:12px;font-weight:bold; text-align:right; }
#nextDiv  {position:absolute; left:0px; height:50px; width:50px; top:15px; overflow:hidden; border:2px solid #2222BB; background-color:#FFFFFF;text-align:center;display:none;visibility:hidden;font-family:arial;font-size:24px;color:#256285;}
/* ---- le niveau ---- */ 
#levelDiv {position:absolute; left:510px; top:35px;  }
#levelLabel {font-family:tahoma;font-size:9px;font-weight:bold;color:#2222BB; }
#levelValue {font-family:tahoma;font-size:18px;font-weight:bold;color:#C61786;clear:right; }
/* ---- la grille ---- */ 
#boardDiv {position:absolute; left:300px; top:50px; z-index:1;z-index:1; border:1px solid #8888BB;}
.gCase {position:absolute;background-color:#FFFFFF;z-index:2;border:1px solid #8888BB;text-align:center;font-family:arial;font-size:24px;color:#256285;}
#ccase {position:absolute; left:0; top:0; z-index:3; background-color:white; text-align:center;border:2px solid #C68617;font-family:arial;font-size:24px;color:#256285;}

/* ---- dialogue de chargement ---- */ 
#loadingDiv    {position:absolute;top:200px;left:300px;padding:20px;font-weight:bold;border:2px solid white;color:black;}
    
/* ---- dialogue de fin de partie ---- */ 
#finalScoreDiv  { position:absolute; left:150px; top:100px; width:350px; border:3px solid #88BB77; padding:0px 10px 10px 10px; display:block; visibility:visible; background-color:#FAFFFA; z-index:100; display:none; visibility:hidden;padding:15px;}
a.link          { text-decoration:none; color:#88BB77; }
a.link:hover    { text-decoration:underline; }
p.comment       { color:#5b5b5b; font-size:11px; }
p.link          { font-size:12px; font-weight:bold; border-top:1px solid #5b5b5b; margin:10px 0px; padding:15px 0px; }
#scoreAdded     { display:none; visibility:hidden; text-align:center; }
#closeForm      { width:100%;text-align:center; margin-top:10px; display:block; clear:both; }
#sending        { display:block; margin-bottom:30px; }
#scoreForm      { display:block; visibility:visible; }
#scoreFormId    { width:120px; }
#scoreFormBadId { color:red;display:none; visibility:hidden; margin:0px 20px;padding:0px; }
.wbLabel        { margin:0px; padding:0px; font-weight:bold; }
.wbHighlited    { background-color:red; width:15px; height:15px; float:left; margin:1px; }
.wbNotHighlited { background-color:blue; width:15px; height:15px; float:left; margin:1px; }