input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}


@font-face{
    font-family: 'pixel';
    src: url('font/nishuki_pixels-webfont.eot');
    src: url('font/nishuki_pixels-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/nishuki_pixels-webfont.woff') format('woff'),
         url('font/nishuki_pixels-webfont.ttf') format('truetype'),
         url('font/nishuki_pixels-webfont.svg#nishuki_pixelsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#calle{display:block;width:300px;margin:0 auto 110px;z-index:2;}
#leplateau{padding-bottom:120px;position:absolute;left:50%;margin:30px auto 0;z-index:5;}
#conteneur{position:relative;margin:0 auto;padding:0;overflow:hidden;min-height:100%;}
#gameBoard{overflow:hidden;background:#520300 url(i/bgField.jpg) repeat 0 0;border:14px solid #000;margin-bottom:140px;}
/* Border settings */
#gameBoard{
	-moz-border-image:url(i/borderSkull.png) 14 14 14 14 repeat;
	-webkit-border-image:url(i/borderSkull.png) 14 14 14 14 repeat;
	-o-border-image:url(i/borderSkull.png) 14 14 14 14 repeat;
	border-image:url(i/borderSkull.png) 14 14 14 14 fill repeat;
	box-shadow:0 0 15px #000, inset 0 0 10px #000;
}
/* 3d View! */
#leplateau{

	-webkit-perspective-origin:50% top;
	-webkit-perspective:280px;

	transition:all 3s ease;
  
}
#gameBoard{
	transform:rotateX(50deg) translateZ(100px);
	-webkit-transform:rotateX(50deg) translateZ(100px);
	transition:all 3s ease;
}

#leplateau.nomorepersp{
	transform:translateZ(0px);
	-webkit-transform:translateZ(500px);
	transition:all 3s ease;
}
#leplateau.nomorepersp #gameBoard{
	float:left;
	transform:rotateX(0deg) translateZ(0px);
	-webkit-transform:rotateX(0deg) translateZ(0px);
	overflow:visible;
}
#leplateau.nomorepersp.medium #gameBoard{transform:rotateX(0deg) translateZ(-100px);-webkit-transform:rotateX(0deg) translateZ(-100px);}
#leplateau.nomorepersp.small #gameBoard{transform:rotateX(0deg) translateZ(-200px);-webkit-transform:rotateX(0deg) translateZ(-200px);}
#leplateau.nomorepersp.tiny #gameBoard{transform:rotateX(0deg) translateZ(-400px);-webkit-transform:rotateX(0deg) translateZ(-400px);}

.line{clear:left;overflow:hidden;float:left;}
.case{float:left;display:block;width:64px;height:64px;margin:0;padding:0;/*border-top:1px solid #ae765d;border-left:1px solid #ae765d;*/text-align:center;line-height:64px;font-size:40px;cursor:pointer;font-weight:bold;text-indent:-9999px;}

label,
legend{color:#fff;}
select,fieldset{margin-bottom:20px;}
fieldset{border:none;}
fieldset legend,
fieldset input,
fieldset label{text-decoration:none;color:#cc0104;text-shadow:0 1px 1px #520300,0 -1px 1px #520300,	1px 0 1px #520300,-1px 0 1px #520300,3px 2px 10px #000;}
fieldset legend{font-size:30px;text-indent:160px;}
form .p{display:block;margin:20px 0;overflow:hidden;}
form .p label{float:left;width:155px;text-align:right;padding-right:25px;}
form .p .slider{width:200px;float:left;margin-top:8px;margin-right:10px;}
form input{border:none;background:none;font-family:doomregular, Arial, sans-serif;font-size:30px;}
form .p input{width:180px;float:left;font-size:20px;}
#generatePersonnalised{text-align:center;display:block;width:210px;margin:0 auto;cursor:pointer;}
#generatePersonnalised:hover,
#generatePersonnalised:focus{background:#000;color:#ff0;}

#board{position:fixed;display:block;width:960px;margin-left:-480px;height:114px;background:transparent url(i/bgBoard.jpg) repeat-x 0 47px;clear:left;width:100%;bottom:0;padding-left:50%;z-index:6;-webkit-transform:translateZ(510px);}
#wrapBoardCentral{position:relative;background:url(i/console.jpg) no-repeat 0 0;width:960px;height:114px;display:block;box-shadow:0 0 25px #000;}

#congrats,#secretPassage{width:660px;display:block;position:absolute;padding:30px 20px;top:10px;left:50%;margin:0 0 0 -350px;
	background:url(i/bgCongrats.jpg) repeat;z-index:3000;-webkit-transform:translateZ(510px);border:6px solid #000;color:#cc0104;
	text-shadow:
	0 1px 1px #520300,
	0 -1px 1px #520300,
	1px 0 1px #520300,
	-1px 0 1px #520300,
	2px 1px 5px #000;
}
#secretPassage a,#congrats a{color:#cc0104;}
#secretPassage,#congrats{cursor:move;
	-moz-border-image:url(i/borderCongrat.png) 6 repeat;
	-webkit-border-image:url(i/borderCongrat.png) 6 repeat;
	-o-border-image:url(i/borderCongrat.png) 6 repeat;
	border-image:url(i/borderCongrat.png) 6 fill repeat;
	box-shadow:0 0 15px #000, inset 0 0 10px #000;
}
#congrats strong{display:block;width:100%;margin:10px 0;text-align:center;font-size:30px;}
#congrats strong span{font-size:20px;}
#congrats .tip{color:#999;display:block;font-size:14px;text-shadow:none;}
/* vainqueur du DIS */
.victory{margin-top:10px;}
.hero{border:1px solid #555;margin-top:10px;background:rgba(250,250,250,0.5);font-family:Arial;width:100%;box-shadow:0 0 15px #000;}
.validate{font-size:20px;cursor:pointer;width:120px;text-align:center;border:none;padding-bottom:5px;}
.validate:hover,.validate:focus{background:#000;color:#fff;}

#secretPassage{background:url(i/bgSpassage.jpg) repeat;}
#secretPassage .mainMessage{display:block;padding:0 40px 0 80px;height:100px;background:url(i/Bluefire.gif) no-repeat 20px 0;font-size:25px;}
#secretPassage button{float:right;color:#666;background:none;padding:0;margin:0;border:none;font-family:"doomregular",Arial,regular;font-size:20px;cursor:pointer;}

menu{width:700px;position:absolute;top:0px;left:50%;margin:0 0 0 -350px;background:rgba(0,0,0,0.6);z-index:3300;padding:0;-webkit-transform:translateZ(510px);}
menu a{text-decoration:none;color:#cc0104;text-shadow:0 1px 1px #520300,0 -1px 1px #520300,	1px 0 1px #520300,-1px 0 1px #520300,3px 2px 10px #000;}
menu li{list-style:none;}
menu ul{width:400px;margin:50px auto 50px;padding:0;}
menu a{display:block;text-decoration:none;margin:20px 0 20px -45px;font-size:25px;padding-left:45px;}
menu a.selected{background:url(i/selected.png) no-repeat;}

/* Animation HEAD */
@keyframes lookOnLeft{
   0%{background-position:-210px 0;}
   50%{background-position:-262px 0;}
   70%{background-position:-158px 0;}
   85%{background-position:-210px 0;}
}

#head{display:block;margin:22px 0 0 27px;width:50px;height:64px;background:url(i/doomfaces.png) no-repeat -210px 0;text-indent:-9999px;cursor:pointer;}
#head.normal{background-position:-210px 0;animation:lookOnLeft 6s steps(1) infinite;}
#head.wow{background-position:-107px -1px;}
#head.hard{background-position:-54px 0;}
#head.dead{background-position:-3px -331px;}
#head.win{background-position:-54px -329px;}
#head:hover{background-position:-1px 0;}

#wrapBoardCentral .inset{float:left;height:110px;}

.inset .bignumber{font-size:50px;line-height:80px;font-weight:normal;text-align:center;display:block;color:#cc0104;
	text-shadow:
	0 4px 1px #520300,
	0 -4px 1px #520300,
	4px 0 1px #520300,
	-4px 0 1px #520300,
	7px 5px 10px #000;
}
.inset .medium{font-size:25px;line-height:40px;}
.inset .subtitle{text-align:center;display:block;font-size:25px;color:#fff;opacity:0.5;text-shadow:3px 2px 1px #2b2b2b;}
.inset0{width:146px;}
.inset1{width:172px;}
.inset2{width:111px;}
.inset3{width:107px;position:relative;}
.inset4{width:173px;}
.inset5{width:40px;}
.inset6{width:210px;}

.reset{display:block;width:100px;height:50px;left:2px;position:absolute;top:-25px;z-index:10;}
.reset span{display:block;color:#fff;background:#CC0104;border-radius:10px;padding:10px;box-shadow:0 0 15px #000;text-align:center;text-shadow:0 1px 2px #000;}
.reset kbd{border-bottom:1px dotted #fff;}
.reset span.arrow{border-radius:0;width:0;padding:0;margin:0 0 0 35px;background:none;height:0;border-left:15px solid transparent;border-right:15px solid transparent;bottom-bottom:15px solid transparent;border-top:15px solid #CC0104;box-shadow:none;}
.reset.h{display:none;}

#numberOfBombs{clear:both;}
#explosion{position:absolute;top:0;left:0;z-index:7;transform:translateZ(0px);}

.inset1 .wslider{height:30px;padding:10px 20px 0;}
.inset4 .wslider{height:30px;padding:10px 20px 0;}
.ui-slider{
	background:#0c0b09;
	background:-moz-linear-gradient(top, #0c0b09 0%, #565857 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c0b09), color-stop(100%,#565857));
	background:-webkit-linear-gradient(top, #0c0b09 0%,#565857 100%);
	background:-o-linear-gradient(top, #0c0b09 0%,#565857 100%);
	background:linear-gradient(to bottom, #0c0b09 0%,#565857 100%);
	border:2px solid #5f6364;border-top-color :#656668;border-bottom-color:#3f3d3e;
	box-shadow:0 1px 1px #000,0 -1px 1px #000, 0 0 10px #000;
	border-radius:4px;height:5px;position:relative;text-align:left;
}
.ui-slider a{
	background:#CC0104;border-radius:5px;
	border:5px solid #5d0102;cursor:pointer;height:10px;width:10px;
    position:absolute;top:-8px;z-index:2;
    box-shadow:0 1px 1px #000,0 -1px 1px #000, 0 5px 10px #000;
    margin-left:-0.6em;
}


.inset6{font-family:"pixel",courrier, monospace;}
.inset6 ul{margin:0;padding:10px 0 0 0;}
.inset6 li{line-height:20px;padding:0 0 0 10px;list-style:none;}
.inset6 li span{float:left;font-size:20px;color:#ccc;width:100px;text-shadow:1px 1px 1px #000;font-weight:bold;}
.inset6 li div{font-size:20px;color:#fcf872;display:inline;text-shadow:1px 1px 2px #000;}
.inset6 li div span{font-family:Arial;float:none;width:auto;}
#seedGenerate2,
#seedGenerate{display:block;width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lk a{color:#fcf872;text-decoration:underline;font-size:13px;}

.revealed{background:transparent url(i/bgFieldReveld.jpg) repeat 0 0;text-indent:0;cursor:default;}
.danger{cursor:pointer;}
.case{text-shadow:2px 0 2px #000,-1px 0 2px #000;}
.danger{
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.near1{color:#0a0af6;}
.near2{color:#38bc22;}
.near3{color:#e40204;}
.near4{color:#fff;}
.near5{color:#603103;}
.near6{color:#03602b;}
.near7{color:#f60aee;}
.near8{color:#000;}

.music{background:url(i/music.jpg) no-repeat 10px 4px;display:block;height:80px;}
.music.on{background-position:10px 4px;}
.music.on:hover{background-position:16px -76px;}
.music.off{background-position:16px -76px;}
.music.off:hover{background-position:10px 4px;}

.alert.explosed.m1,
.alert.explosed.m2,
.alert.explosed.m3,
.alert.explosed.m4,
.alert.explosed.m5,
.alert.explosed.m6,
.alert.explosed.m7,
.alert.explosed.m8,
.alert.explosed.m9,
.alert.explosed.m10,
.alert.explosed.m11,
.alert.explosed.m12,
.alert.explosed,
.alert.explosed:hover{background:rgba(0,0,0,0.5) url(i/mort.png) no-repeat 2px 33px;}
.case:hover{background:url(i/bgFieldHover.jpg);}
.hide:not(.revealed){cursor:hand;}
.alert,
.alert:hover{background:url(i/alert.png) no-repeat 5px 17px;}
.revealed:hover{background:url(i/bgFieldReveld.jpg);}
.explosed:hover{background:transparent url(i/daemon.gif) no-repeat 2px 0;}
.explosed.m1{background:transparent url(i/zombiGuy.gif) no-repeat 18px 6px;}
.explosed.m2{background:transparent url(i/seargent.gif) no-repeat 14px 9px;}
.explosed.m3{background:transparent url(i/imp.gif) no-repeat 14px 0;}
.explosed.m4{background:transparent url(i/daemon.gif) no-repeat 2px 0;}
.explosed.m5{background:transparent url(i/lostsoul.gif) no-repeat 14px 0;}
.explosed.m6{background:transparent url(i/cacodaemon.gif) no-repeat 1px 0;}
.explosed.m7{background:transparent url(i/painElemental.gif) no-repeat 1px 10px;}
.explosed.m8{background:transparent url(i/chaingun.gif) no-repeat 13px 0;}
.explosed.m9{background:transparent url(i/daemon.gif) no-repeat 2px 0;}
.explosed.m10{background:transparent url(i/baronofhell.gif) no-repeat 11px 0;}
.explosed.m11{background:transparent url(i/spider.gif) no-repeat 1px 22px;}
.explosed.m12{background:transparent url(i/cyberdaemon.gif) no-repeat 12px 0px;}

.sp:hover{background:url(i/toSecret.jpg) no-repeat 0 0;}

#configOwn{width:700px;position:absolute;top:0px;left:50%;margin:0 0 0 -350px;background:rgba(0,0,0,0.6);z-index:3300;padding:0;z-index:8;
	-webkit-transform:translateZ(510px);
}