root { 
    display: block;
}

*, *:before, *:after {
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
    
input, input:before, input:after {
   -webkit-user-select: initial;
   -khtml-user-select: initial;
   -moz-user-select: initial;
   -ms-user-select: initial;
   user-select: initial;
}

::selection { background: transparent;color:inherit; }
::-moz-selection { background: transparent;color:inherit; }

#canvas_wrapper {	
	background:transparent;
	display:block;
	margin-left:auto;margin-right:auto;
	border:none;padding:0px;
	border-radius:10px;
	width:100%;height:auto;
	max-width:728px;
	text-align:center;	
	box-sizing: border-box;
}
#canvas_wrapper_cell  {
	display:block;
	width:100%;height:auto;max-width:728px;
	margin-left:auto;margin-right:auto;
	border:none;padding:0px;
	box-sizing: border-box;
}
#canvas_conteiner {
	background:transparent;
	display:block;
	width:100%;height:auto;
	max-width:728px;
	margin-left:auto;margin-right:auto;
	border:none;padding:0px;
	border-radius:10px;
	text-align:center;
	box-sizing: border-box;
  position: relative;  
	clear:both;
	 box-sizing: border-box;
	 margin-top:-15px;
}

body.FullScreenMode {
	background:#F6F6F6;
}

body.FullScreenMode #canvas_conteiner {
	margin-top:0px;
	width:100%;height:auto;
	max-width:728px;
	box-sizing: border-box;
}
#canvas_conteiner:-ms-fullscreen {
	margin-top:0px;
	box-sizing: border-box;
}
body.FullScreenMode #canvas_wrapper {
	background:#F6F6F6;
	display:table;
	width: 100%;
	height:100%;
	max-width:100%;
	box-sizing: border-box;
}

body.FullScreenMode #canvas_wrapper_cell  {
	vertical-align:middle;
	display:table-cell;
	padding:10px;
	width: 100vw;
	height:100%;
	margin-left:auto;margin-right:auto;
	border:none;padding:0px;
	box-sizing: border-box;
	background:#F6F6F6;
}

#canvas_wrapper:-ms-fullscreen {	
	background:#F6F6F6;
	display:table;
	box-sizing: border-box;
	width: 100%;
	height:100%;
	max-width:100%;
	margin-left:auto;margin-right:auto;
	border:none;padding:0px;
	text-align:center;
	box-sizing: border-box;
  position: relative;  
	clear:both;	
	/* doit être entièrement dupliqué (sans héritage) sinon ne fonctionne pas sous IE 11 */
}

#canvas_wrapper_cell:-ms-fullscreen  {
	vertical-align:middle;
	display:table-cell;
	padding:10px;
	box-sizing: border-box;
	background:#F6F6F6!important;
	width: 100vw;
	height:100%;
	margin-left:auto;margin-right:auto;
	border:none;padding:0px;
	text-align:center;
	/* doit être entièrement dupliqué (sans héritage) sinon ne fonctionne pas sous IE 11 */
}

#canvas{ 
		background:transparent;
		width:100%;height:auto;
		max-width:728px;
		display:block;
		border:none;padding:0px;
		border-radius:10px;
		margin-left:auto;margin-right:auto;
}

canvas {
   /* image-rendering: optimizeSpeed;
    image-rendering:-o-crisp-edges;
    image-rendering:-webkit-optimize-contrast;*/
    -ms-interpolation-mode: nearest-neighbor;
		-ms-touch-action: none;
}

.ani_hack{
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;    
    -webkit-touch-callout: none;
		-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-tap-highlight-color: transparent; /* mobile webkit */
}



/* ------------------------------------------------------------------------------------------- */
/* ---------------------------------------------- IE8 ---------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
div.browser_to_old {
	display:none;
}
div.ie8 div.puzzle_wrapper {
	display:none!important;
}
div.ie8 div.browser_to_old {
	display:block;
	color:#FFFFFF;
	background-color:#FF0000;
	font-weight:bold;
	padding:10px;
}