html{margin:0;padding:0;}
body{color:rgba(50,50,50,0.8);min-width:1218px;margin:0;padding:0;background:url(bg.png) rgb(41,41,49) no-repeat center top;font-family:Open Sans,sans-serif;font-size:15px;}
#wrap{min-width:1111px;width:1111px;margin:auto;}

/* ----------------NAVBAR---------------- */

#navbar{
	position:fixed;
	background:rgba(255,255,255,0.9);
	padding:0;
	margin:0;
	width:100%;
	height:59px;
	z-index:99;
}
ul.navbar{
	list-style:none;
	width:951px;
	height:50px;
	padding:0;
	margin:0;
	text-align:center;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.navbar li{
	display:inline;
	height:auto;
	width:135.8px;
	float:left;
	text-align:center;
	list-style:none;
	font:normal;
	padding:0;
	margin:0;
}
.navbar a{
	padding:18px 0;
	text-decoration:none;
	color:rgb(50,50,50);
	display:block;
	border-top:5px solid rgba(0,0,0,0);
}
.navbar a.discord{
	background:rgb(114,137,217);
	color:rgb(255,255,255);
	font-weight:bold;
	border-top:5px solid rgba(0,0,0,0);
}
.navbar a.discord:hover{border-top:5px solid rgb(255,255,255);}
.navbar a:hover{border-top:5px solid rgb(114,137,217);}
.navbar li ul{
	display:none;
	height:auto;
	margin:0;
	padding:0;
}
.navbar li:hover ul{
	display:block;
}
.navbar li ul li{
	background-color:rgba(255,255,255,0.9);
}
.navbar li ul li a{
	border-top:5px solid rgba(0,0,0,0);
}
.navbar li ul li a:hover {
	border-top:5px solid rgb(114,137,217);
}

/* ----------------HEADER---------------- */

#header{height:550px;}

/* ---------------SIDEBAR---------------- */

#sidebar{float:left;width:201px;margin:0;padding:0;position:relative;}
#sidemenu{
	background:rgba(0,0,0,0.4);
	color:rgb(255,255,255);
	box-shadow:0 0 12px 0px rgb(20,20,20);
	/*background:rgba(255,255,255,0.9);*/
	padding:18px;
	border-radius:15px;
	text-align:center;
	margin-bottom: 30px;
}
#sidemenu table{margin:0 auto;border-spacing:0;}
#sidemenu th, #sidemenu td{padding:5px;}
#sidemenu h1{
	border-bottom: 1px solid rgb(255,186,0);
	color:rgb(255,186,0);
	line-height:30px;
	margin:0 0 30px 0;
	padding:0 0 5px 0;
	text-align:center;
	font-size:14px;
}
#sidemenu input[type=text], #sidemenu input[type=password], #sidemenu input[type=text]:active, #sidemenu input[type=password]:active{
	width:156px;
	background:rgb(230,230,230);
	border-radius:5px;
	border: 1px solid rgb(150,150,150);
	padding:3px 0 3px 33px;
	margin:0 0 17px 0;
	line-height:30px;
}
input[type=submit], .button{
	border:0;
	background:rgb(32,108,51);
	color:rgb(255,255,255);
	padding:15px 20px 15px 20px;
	margin:10px 0 17px 0;
	border-radius: 4px;
	text-decoration:none;
}
input[type=submit]:hover, 
#sidemenu .button-lost:hover, 
.button:hover,
.button-dl:hover,
.button-mega:hover{
	box-shadow:inset 0 -15px 0 rgba(0,0,0,0.1);
}
input[type=submit]:active, 
#sidemenu .button-lost:active, 
.button:active,
.button-dl:active,
.button-mega:active{
	box-shadow:inset 0 -15px 0 rgba(150,150,150,0.1);
}
input[type=submit].button{margin:0;}
.button-lost{
	border:0;
	background:rgb(141,24,18);
	color:rgb(255,255,255);
	padding:15px 20px 15px 20px;
	border-radius: 4px;
	display:inline-block;
	height:14px;
	text-decoration:none;
}
.button-dl{
	border:0;
	background:rgb(53,90,217);
	color:rgb(255,255,255);
	padding:15px 20px 30px 20px;
	border-radius: 4px;
	display:inline-block;
	height:14px;
	text-decoration:none;
	margin:10px 0 17px 0;
}
.button-mega{
	border:0;
	background:rgb(206,63,45);
	color:rgb(255,255,255);
	padding:15px 20px 30px 20px;
	border-radius: 4px;
	display:inline-block;
	height:14px;
	text-decoration:none;
	margin:10px 0 17px 0;
}

/* ---------------CONTENU---------------- */
#content{
	background:rgba(0,0,0,0.4);
	color:rgb(255,255,255);
	box-shadow:0 0 12px 0px rgb(20,20,20);
	/*background:rgba(255,255,255,0.9);*/
	margin-left:221px;
	padding:15px;
	min-height:500px;
	border-radius: 15px;
}
#content h1{
	border-bottom: 1px solid rgb(255,186,0);
	color:rgb(255,186,0);
	line-height:30px;
	margin:0 0 30px 0;
	padding:0 0 5px 0;
	text-align:center;
	font-size:14px;
}
#content h2{
	color:rgb(255,186,0);
	line-height:2px;
	text-align:left;
	font-size:14px;
}
#content table{border-spacing:0;}
#content table th, #content table td{border:1px solid rgba(50,50,50,0.5);padding:10px;}
.rank{width:45px;overflow:hidden;max-width:45px;}
.name{width:213px;overflow:hidden;max-width:213px;}
.guild{width:191px;overflow:hidden;max-width:191px;}
.classe{width:70px;overflow:hidden;max-width:70px;}
.lvl{width:30px;overflow:hidden;max-width:30px;}
.exp{width:90px;overflow:hidden;max-width:90px;}
.grade{width:45px;overflow:hidden;max-width:45px;}
.empire{width:55px;overflow:hidden;max-width:55px;}
.blue{color:blue;}
.red{color:red;}
.yellow{color:yellow;}
.siderank{width:17px;overflow:hidden;max-width:17px;}
.sidename{width:210px;overflow:hidden;max-width:210px;}
.sidelvl{width:26px;overflow:hidden;max-width:26px;}
#sidemenu table {margin-bottom:30px;}
#sidemenu .completrank{line-height:37px;}
form.inscription{text-align:center;width:auto;margin:auto;}
form.inscription input[name=password],
form.inscription input[name=password2],
form.inscription input[name=real_name], 
form.inscription input[name=email], 
form.inscription input[name=user],
form.inscription input[name=social_id]{
	display:block;
	width:200px;
	background:rgb(230,230,230);
	border-radius:5px;
	border: 1px solid rgb(150,150,150);
	padding:3px 0 3px 33px;
	margin:0 auto 17px;
	line-height:30px;
}
form.inscription input[type=submit]{display:block;margin:16px auto;}
input[name=email2]{display:none;}
a{color:rgb(255,186,0);}
span.center{text-align:center;}