/*Stylesheet*/

@font-face{
    font-family:'gamefont';
    src:url("../fonts/game.ttf");
}


BODY, HTML {
	margin: 			0;
	padding: 			0;
	font-family: 		Arial, Verdana, sans-serif;
	font-size: 			12px;
	font-weight:		normal;
	color: 				#ccc;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

BODY {}


p {
	margin:	10px 0;
}

#banniere_score{
    position: absolute;
    z-index: 2;
    margin : 5px;
}

a:link, a:visited {
	color:			#e7841d;
	font-weight:	bold;
}
a:hover {
}

#header {
	padding:			20px;
	background-color:	#222;
}
	#header h1 {
		font-weight:	normal;
		font-size:		24px;
		margin:			0;
		padding:		0;
	}

	#header p {
		margin:		0;
		padding:	0;

		font-size:	14px;
		color:		#777;
	}

	#header:after{
		content:	"";
		position:	absolute;
	}
	
	#header code {
		font-weight: bold;
		color: #999;
	}


.content {
	width:		980px;
	height:		420px;
	padding:	10px;

	position:		absolute;
	top:			50%;
	left:			50%;
	margin-top:		-210px;
	margin-left:	-490px;

	color:			#777;

	border:				1px solid #555;
	background-color:	#ccc;
}

#loader {
	display: none;
}
.loader {
	width: 100%;
	height: 50px;
	position: absolute;
	text-align:center;
	margin-top: calc(50% - 25px);
	background: url('../asset/loader.gif') no-repeat;
	background-position: 50% 50%;
	display: block !important;
}

#error {
	display:none;
	width: 960px;
	text-align: left;
	padding: 10px;
}

.canvasHolder{
	width: 100%;
	height: 100%;
    position: absolute;
    z-index: 1;
}

#testCanvas{
	width: 100%;
	height: 100%;
}

#gameOver{
    text-align: center;
    color: #DB835E;
    font-family: gamefont;
}


.btn_option_modal{
    margin-right: 135px;  
}

h4,h3{
    color: black;
    font-family: gamefont;
}

a:link, a:visited {
    background-color:#EA8F8F;
    font-family: gamefont;
    color:white;
}


