@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;
}


body{background:url(i/bgHome.jpg) repeat 0 0;}

form{position:relative;background:url(i/consolEditor.png) no-repeat 0 0;width:960px;height:114px;display:block;box-shadow:0 0 25px #000;margin:0 auto;}
label,
legend{color:#fff;}
fieldset{padding:10px 0;margin:0;}
select,fieldset{margin-bottom:20px;}
fieldset{border:none;}
fieldset legend,
fieldset input,
fieldset label{display:block;text-decoration:none;color:#cc0104;margin:0 10px;text-shadow:
	0 4px 1px #520300,
	0 -4px 1px #520300,
	4px 0 1px #520300,
	-4px 0 1px #520300,
	7px 5px 10px #000;}
fieldset legend{font-size:30px;text-indent:160px;}
form .p{float:left;position:relative;margin:0;overflow:hidden;}
form fieldset .p{width:182px;}
form fieldset .form0{width:140px;}
form fieldset .form1{}
form fieldset .form2{}
form .p label{width:100px;text-align:center;text-align:center;display:block;font-size:25px;color:#fff;opacity:0.5;text-shadow:3px 2px 1px #2b2b2b;}
form .p .slider{position:absolute;top:12px;right:33px;width:2px;height:60px;float:right;margin:8px 0px 0 0;}
form input{border:none;background:none;font-family:doomregular, Arial, sans-serif;font-size:30px;}
form .p input{width:100px;display:block;font-size:45px;margin:0 10px;text-align:center;}
#generatePersonnalised{text-align:center;display:block;width:210px;margin:0 auto;cursor:pointer;}
#generatePersonnalised:hover,
#generatePersonnalised:focus{background:#000;color:#ff0;}
.backHome{display:block;float:left;text-align:center;margin:15px 0 0 5px;text-decoration:none;cursor:pointer;}

fieldset{width:700px;float:left;}
.inset{width:114px;}
.options{overflow:hidden;}
.options ul{padding:0;margin:10px 0 0 20px;}
.options li{list-style:none;float:left;color:#ccc;width:100px;text-shadow:1px 1px 1px #000;}
.options li .span{font-weight:bold;font-family:"pixel",courrier,monospace;text-transform:uppercase;font-size:20px;}
.options li .lk,
.options li a{font-family:"pixel",courrier,monospace;white-space:nowrap;text-decoration:underline;cursor:pointer;
font-size:13px;color:#fcf872;display:inline;text-shadow:1px 1px 2px #000;line-height:15px;
}
.fli{margin-bottom:15px;}


#secondStep{text-align:center;}
#leplateau.nomorepersp #gameBoard{float:left;}
.line{clear:left;overflow:hidden;border-bottom:1px solid #000;}
.case{float:left;border-left:1px solid #000;display:block;width:32px;height:32px;margin:0;padding:0;text-align:center;line-height:64px;font-size:40px;cursor:pointer;font-weight:bold;text-indent:-9999px;}
.line .case:first-child{border-left:none;}
.case:hover{background:#000;}
#plateau{padding-bottom:120px;margin:30px auto 0;z-index:5;display:block;}
#gameBoard{overflow:hidden;background:#333 url(i/bgCongrats.jpg) repeat 0 0;border:14px solid #000;margin-top:10px;margin:0 auto;}
/* 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;
	display:inline-block;
}
.monstered{background:rgba(0,0,0,0.5) url(i/barril.png) no-repeat 50% 50%;}
.monstered:hover{background:#000 url(i/barril.png) no-repeat 50% 50%;}

a#seed{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:125px;}

.inset strong{font-size:45px;line-height:60px;font-weight:normal;margin-top:6px;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;
}

.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;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;z-index:2;
    box-shadow:0 1px 1px #000,0 -1px 1px #000, 0 5px 10px #000;
    margin-left:-0.6em;
}