body { font-weight: bold; color: #fff; }

h1 { color:#fff; top:-20px; right: 10px; display: block; position: absolute; }
h3 a {
 color:#fff;
 text-decoration:none;
 background: #888;
 padding: 3px;
 border-radius: 5px;
width: 100%;
display: block;
 }

.h3 { display: table; width: 100%; }

menu {
 background-color: #843942;
 padding: 3px;
}
.menu {color: white ; text-decoration: none;}

#x {
 position: relative;
 float: right; 
}

input[type='range'] {
//    -webkit-appearance: none !important;  // garder les boutons au lieu d'une bande
    background:#ddd;
//    height:15px; // conflit avec windows 8
//    width: 50px;
}

input[type='number'] {
    -webkit-appearance: none !important;
//    background:gray;
//    height:7px;
    width: 40px;
}

input[type="range"]::-ms-fill-lower {
//    background-color: gray;
}

input[type="range"]:: {
//    background-color: gray;
    width: 40px;
    height:7px;
}


#admin {
 border: solid 1px;
 margin:20px;
 padding: 10px;
 float: right;
 position: fixed;
 top:30px;
 left:5%;
 width: 400px;
 background-color: #843942;
 box-shadow: 10px 10px 2px #000;
 opacity:.95;
 visibility: hidden;
 z-index: 1000;
 -ms-touch-action:none; // pour windows 8 
}


#Jeux {
 border: solid 1px;
 margin:20px;
 padding: 10px;
 position: fixed;
 top:30px;
 right:5%;
 width: 280px;
 float: right;
 background-color: #843942;
 box-shadow: 10px 10px 2px #000;
 opacity:.95;
// visibility: hidden;
 overflow: auto;
 -ms-touch-action:none; // pour windows 8
}

#generateur1, #generateur2 {
 border: solid 10px #843942;
 position: fixed;
 top:30px;
 left:55%;
 box-shadow: 10px 10px 2px #000;
 background-color: #843942;
 opacity:.95;
 visibility: hidden;
 z-index: 1000;
 -ms-touch-action:none; // pour windows 8
 overflow: hidden;
}

  .ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}
  .ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}
  .ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
  .ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}
  .ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}
  .ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}


#jetonsR {  }
#jetonsB {  }
#wKnights {  }
#bKnights {  }


#container {
// width: 0;
// height: 0;
position: absolute;
 -ms-touch-action:none; // pour windows 8
 }


#dot{
 width: 50px;
 height: 50px;
// position: absolute;
// position: fixed;
 position: relative;
 top: 0px;
 left: 450px;
 z-index: 10;
 -ms-touch-action:none; // pour windows 8
}


#lCarres {
// background-color: #fff;
// width:400px;
// height: 400px;
// position: relative;
 position: absolute ;
// top: -400px;
// opacity: .3;
 -ms-touch-action:none; // pour windows 8
 }

 #c1 {
 top:00px;
 left:500px;
 position: relative;
 opacity: .8;
 -ms-touch-action:none; // pour windows 8
 }
 
 #v {}