@font-face {
	font-family: "Minecraftia";
	/*src: url('minecraftia-regular.woff') format('woff');*/
	src: url('Minecraftia-Regular.ttf');
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


body {
	font-family: "Minecraftia", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
	position:fixed;
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	background-color:#777;
    background-repeat: repeat;
	-webkit-font-smoothing : none;
	
}

b { 
    font-weight: bold;
}

i {
	font-style: italic;	
}

p {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 0;
    margin-right: 0;
	font-weight: normal;
	line-height: 1.5em;
	
}

h1 { 
    display: block;
    font-size: 2em;
    font-weight: bold;
	line-height: 1.5em;
}

h2 {
    display: block;
    font-size: 1.5em;
    font-weight: normal;
	line-height: 1.4em;
}

h1 {
	margin:0.2em;
	font-size:2em;
}

h2 {
	margin:0.1em;
	 font-style: italic;
	 font-size:1.2em;
}

#divcadre {
	position:absolute;
	padding:0;
	margin:0;
}

.divpanel {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	/*background-color:green;*/
}

.ombrecadre {
	background-color:#C6C6C6;
	border-top:0.2em solid white;
	border-left:0.2em solid white;
	border-bottom:0.2em solid #555555;
	border-right:0.2em solid #555555;
	box-shadow: 0.5em 0.5em 1em 0.5em #666;
	box-sizing:border-box;
}

img {
	margin:0;
	padding:0;
}

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.noselect {
  -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 */
}

.table { display: table;
table-layout: fixed;
}
.row { 
display: table-row; 
}

.cell { 
background-color:#8b8b8b;
position:relative;
display: table-cell;
width:4em;height:4em;max-width:4em;max-height:4em;
overflow: hidden;
}

.tablecpt { display: table;
box-sizing:border-box;
table-layout: fixed;
overflow: hidden;
height:100%;
border-top:0.1em solid #444;
border-left:0.1em solid #444;
border-bottom:0.1em solid #DDD;
border-right:0.1em solid #DDD;
}
.rowcpt { 
box-sizing:border-box;
display: table-row; 
overflow: hidden;
height:100%;
}

.cellcpt { 
box-sizing:border-box;
display: table-cell;
background-image:linear-gradient(#666, black,#666);
border-left:0.05em solid #BBB;
border-right:0.05em solid #777;
vertical-align: middle;
padding:0;
margin:0;
padding-top:0.7em;
padding-left:0.25em;
font-size:1.6em;
line-height:1em;
color:white;
position:relative;
width:0.8em;
height:0.85em;
max-height:0.5em;
overflow: hidden;
}

.cellcpteau { 
display: table-cell;
padding:0;
margin:0;
height:100%;
}

.cptpoint { 
display: table-cell;
background-image:linear-gradient(#666, black,#666);
vertical-align: middle;
padding:0;
margin:0;
font-size:1.6em;
line-height:1em;
color:white;
position:relative;
width:0.25em;
height:0.85em;
overflow: hidden;
}

.caseDamier {
	cursor:pointer;
	width:4em;height:4em;
	overflow:hidden;
	border-bottom:0.2em solid white;
	border-right:0.2em solid white;
	border-top:0.2em solid #555555;
	border-left:0.2em solid #555555;
	box-sizing:border-box;
}

.cadreDroite {
	font-size:1.08em;
	background-color:#E0E0E0;
	border-top:0.2em solid white;
	border-left:0.2em solid white;
	border-bottom:0.2em solid #555555;
	border-right:0.2em solid #555555;	
}

.ongletActif {
	font-size:0.9em;
	top:2.6em;
	text-align:center;
	cursor:default;
	width:9em;
	height:2em;
	background-color:#E0E0E0;
	border-top:0.2em solid white;
	border-left:0.2em solid white;
	/* border-bottom:0.2em solid #555555; */
	border-right:0.2em solid #555555;	
}

.ongletInactif {
	font-size:0.9em;
	top:2.7em;
	text-align:center;
	cursor:pointer;
	width:9em;
	height:2em;
	color:#444;
	background-color:#B0B0B0;
	border-top:0.2em solid #DDD;
	border-left:0.2em solid #DDD;
	/*border-bottom:0.2em solid #333;*/
	border-right:0.2em solid #333;	
}

.impix { 
	width:3.6em;
	height:3.6em;
	margin:0;
	padding:0;
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated; /* Chrome */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
	image-rendering: pixelated
}

.pix { 
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated; /* Chrome */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
	image-rendering: pixelated;

}

.imagecarac {
	width:1.6em;
	height:1.8em;
	display: inline-block;
	background-size:contain;
	background-repeat:no-repeat;	
}


.nombre {
	pointer-events:none;
	position:absolute;
	font-size:1em;
	left:2.2em;
	top:2.5em;
	width:1em;
	height:1em;
	z-index:5;
}


.cacheClair {
	position:absolute;left:0.2em;top:0.2em;width:3.6em;height:3.6em;background-color:rgba(255,255,255,0.5);z-index:9;pointer-events:none;display:none;
}

.dragPic {
	position:absolute;left:1em;top:1em;width:3.6em;height:3.6em;background-image:url();background-size: contain;pointer-events:none;z-index:19;
	display:none;
	cursor:none;
}

.recette {
	display: inline-block;
	height:1em;
	width:auto;
	cursor:pointer;
	line-height:1.2em;
}

sup { 
    vertical-align: super;
    font-size: smaller;
}

.butraz {
	z-index:9;
	cursor:pointer;	
	pointer-events: auto;
	position:absolute;
	bottom:5%;
	left:50%;
	display:inline-block;
	box-sizing:border-box;
	width:2em;
	height:2em;
	background-color:#999;
	border-top:0.2em solid #EEE;
	border-left:0.2em solid #EEE;
	border-right:0.2em solid #444;
	border-bottom:0.2em solid #444;
}

.butraz:active {
	background-color:#888;
	border-top:0.2em solid #444;
	border-left:0.2em solid #444;
	border-right:0.2em solid #EEE;
	border-bottom:0.2em solid #EEE;
}



.bulle {
	pointer-events:none;
	font-size:1em;
	width:auto;
  content: attr(atitle);
  padding: 0.2em;
  padding-left:0.5em;
  padding-right:0.5em;
  color: #333;
  position: absolute;
  left: 0;
  top: 4em;
  z-index: 200;

  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-box-shadow: 0px 0px 0.2em #222;
  -webkit-box-shadow: 0px 0px 0.2em #222;
  box-shadow: 0px 0px 0.2em #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}