/* Copyright (C) Aube du Temps (Code), Inc - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * Proprietary and confidential
 * Written by Mestoph <mestophounet@hotmail.com>, Aout 2014
 */

/* Mise en page */
 
body {
	background-color:	#000000;
	background-image:	url(../images/style_1/header.jpg), url(../images/style_1/cloud.jpg);
	background-repeat: 	no-repeat, round;
	background-position:center top;
	height:				100%;
	color:				#cacaca;
	margin:				0 auto;
	padding:			0;
	min-height:			100%;
	position:			relative;
	width:				100%;
	font-family: 		Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:			11px;
	text-align: 		center;
	-webkit-background-size: contain, contain;
	-moz-background-size: contain, contain;
	-o-background-size: contain, contain;
	background-size: contain, contain;
}

#header {
	margin: 			0 auto 0;
	width:				100%;
	height:				335px;
	position: 			relative;
}	

#status {
	width:				780px;
	height:				28px; /* 34 - 6 de padding */
	margin: 			0 auto 0;
	padding:			6px;
	position: 			relative;
	background:			url(../images/style_1/statut.png) no-repeat top center;
	font-size:			13px;
}

#status p {
	margin:				0;
	padding:			0;
}

#stats {
	width:				780px;
	height:				28px;
	margin: 			0 auto 0;
	padding:			6px;
	position: 			relative;
	background:			url(../images/style_1/statut.png) no-repeat top center;
	background-size: 	90% 75%;
	font-size:			13px;
	top:				-9px;
}

#stats p {
	margin:				0;
	padding:			0;
}

#stats b {
	color:				#c59129;
}

#stats a:hover {
	text-decoration:	underline;
	color:				#ef9f4f;
	font-weight:		bold;	
}	

#stats a {
	text-decoration:	none;
	color:				#c59129;
	font-weight:		bold;	
}	

#toll {
	width:				780px;
	height:				34px; /* 34 - 6 de padding */
	margin: 			0 auto 0;
	padding:			3px;
	position: 			relative;
	background:			url(../images/style_1/statut.png) no-repeat top center;
	background-size: 	60% 75%;
	font-size:			13px;
	top:				-22px;
}

#toll p {
	margin:				0;
	padding:			0;
	
}

#toll b {
	color:				#c59129;
}

#toll img {
	vertical-align:		middle;
}

#aion_logo {
	width:				595px;
	height:				215px;
	/*background:			url(../images/style_1/aion.png) no-repeat top center;*/
	left:				50%;
	margin-left:		-297px;
	position:			absolute;
	top:				50px;
	z-index: 			-2;
}

#title {
	width:				595px;
	height:				120px;
	left:				50%;
	margin-left:		-297px;
	position:			absolute;
	top:				175px;
}

.fr {
	background:			url(../images/style_1/title_fr.png) no-repeat top center;
}

.en {
	background:			url(../images/style_1/title_en.png) no-repeat top center;
}

#pub {
	margin: 			25px 0 0;
	width:				488px; /* 519 - les 31 du padding */
	height:				82px;
	position: 			relative;
	background:			url(../images/style_1/pub.png) no-repeat top center;
	padding-top: 		11px;
	padding-left: 		31px;
}

#content {
	margin: 			0 auto 0;
	width: 				1052px;
	position: 			relative;
}	

#head_menu {
	margin: 			0 auto 0;
	width: 				980px;
	height:				40px;
	position: 			relative;
}	

#page {
	margin: 			0 auto 0;
	padding:			0 0 21px 0;
	width: 				1000px;
	position: 			relative;
	overflow: 			hidden;
}	

#menu_left {
	width:				200px;
	padding: 			0;
	margin:				0;
	float:				left;
}

#menu_right {
	width: 				200px;
	padding: 			0;
	margin:				0;
	float:				right;
}

#main {
	width: 				600px;
	padding: 			0;
	margin:				0 200px 0 200px;
}

#news {
	width: 				552px;
	padding: 			0;
	margin:				0;
}

#global {
	height: 			auto;
	width:				100%;
	position:			relative;
	/*z-index:			-1;*/
	color:				#cacaca;
	padding:			0;
	margin:				0;
}

#copyright_l {
    width: 				400px;
    text-align: 		left;
    color: 				#ffffff;
    padding: 			0px;
    margin: 			45px 0px 0px 80px;
    float: 				left;
}

#copyright_r {
    width: 				400px;
    text-align: 		right;
    color: 				#ffffff;
    padding: 			0px;
    margin: 			45px 80px 0 0;
    float: 				right;
}

#error {
	margin:					0 auto 0 auto;
	width:					502px;
	min-height:				128px;
	background: 			url(../images/style_1/error.png) center no-repeat;
	background-position: 	0px 0px;
	vertical-align:			middle;
}

#error_text{
	position:				relative;
	margin:					0px 0px 0px 150px;
	text-align:				left;
	vertical-align:			middle;
}

/* Contenu */
.content_h {
	width:				1052px;
	height:				11px;
	background:			url(../images/style_1/c_up.png) no-repeat;
	margin:				0 auto 0 auto;
}

.content_c {
	width:				1052px;
	background-image:	url(../images/style_1/c_bg.png), url(../images/style_1/c_bk.png);
	background-repeat: 	repeat-y, repeat;
	margin:				0 auto 0 auto;
}

.content_f {
	width:				1052px;
	height:				11px;
	background:			url(../images/style_1/c_down.png) no-repeat;
	padding:			30px 0 0 0;
	margin:				-11px auto 0 auto;
}

/* Head Menu */
.head_button *{
/*	background:			url(../images/style_1/b_140.png) no-repeat top center;
	width:				140px;
	height:				35px;
	padding:			13px 0 0 0;
	margin:				0 auto 0 auto;
	font-size:			14px;
	font-weight:		bold;	
	float: 				left;	
	color:				#c59129;
	text-decoration:	none;*/
	background-size: 	122px 35px;
	background-image:	url(../images/style_1/b_h.png);
	background-repeat: 	no-repeat;
	background-position:top center;
	width:				122px;
	height:				30px; /* 48 - 13 de padding */
	padding:			5px 0 0 0; /* 12px 0 0 0; */
	margin:				0 auto 0 auto;
	font-size:			12px;
	font-weight:		bold;	
	float: 				left;	
	color:				#c59129;
	text-decoration:	none;	
}

.head_button *:hover{
/*	background:			url(../images/style_1/b_h_140.png) no-repeat top center;
	color:				#ef9f4f;*/
	background-size: 	122px 35px;
	background-image:	url(../images/style_1/b.png);
	background-repeat: 	no-repeat;
	background-position:top center;	
	color:				#ef9f4f;
}

/* Slider */
.slider_h {
	width:				982px;
	height:				7px;
	background:			url(../images/style_1/s_up.png) no-repeat bottom;
	padding:			0 0 0 0;
	margin:				0 auto 0 auto;
}

.slider_c {
	width:				978px; /* 982px - 4 de padding */
	background:			url(../images/style_1/s_bg.png);
	padding:			3px;
	margin:				0 auto;
}

.slider-wrapper {
	border-width:		1px;
	border-style:		solid;
	border-color:		#494137;
	width:				962px;
	height:				320px;
	margin-left: 		auto;
    margin-right: 		auto;
}

.slider_f {
	width:				982px;
	height:				7px;
	background:			url(../images/style_1/s_down.png) no-repeat;
	padding:			0 0 11px 0;
	margin:				0 auto;
}

/* Menu */
.menu_h {
	width:				180px;
	height:				39px; /* 27px; 39 - les 12 du padding */
	background:			url(../images/style_1/m_up.png) no-repeat;
	padding:			0 0 0 0; /* 12px 0 0 0; */
	margin:				0 auto;
	font-size:			12px;
	font-weight:		bold;
}

.menu_f {
	width:				180px;
	height:				12px;
	background:			url(../images/style_1/m_down.png) no-repeat;
	padding:			0;
	margin:				0 auto;
}	

.menu_c {
	width:				180px;
	padding:			0;
	margin:				0 auto;
	color:				#cacaca;
	background:			url(../images/style_1/m_bg.png);
	font-size:			10px;
}

.menu_c a {
	color:				#c59129;
	text-decoration:	none;
	font-weight:		bold;
}

.menu_c a:hover {

	color:				#ef9f4f;
	font-weight:		bold;	
}

.menu_c ul {
	width:				180px;
	padding:			0;
	margin:				0;
	list-style:			none;
}

.menu_c ul li {
	height:				24px;
	padding:			3px 0 0 0;
	background:			url(../images/style_1/m_separator.png) no-repeat;
} 

.menu_c ul li a {
	display: 			block;
	outline:			none;
	height:				16px;
	padding:			5px 16px 0 16px;
	margin:				0 0 0 0;
	color:				#c59129;
}	
.menu_c ul li a:hover {
	color: 				#ef9f4f;
	background:			url(../images/style_1/m_sel.png) no-repeat;
	padding:			5px 16px 0 16px;
	margin:				0px 16px 0 16px;	
}	

/* Page */	
.main_h {
	width:				591px;
	height:				39px; /* 27px; 39 - 12 de padding */
	background:			url(../images/style_1/p_up.png) no-repeat bottom;
	padding:			0 0 0 0; /* 12px 0 0 0; */
	margin:				0 auto 0 auto;
	font-size:			11px;
	font-weight:		bold;	
}

.main_c {
	width:				551px; /* - les 40 de padding */
	background:			url(../images/style_1/p_bg.png);
	padding:			20px;
	margin:				0 auto;
	text-align:			left;
	color:				#cacaca;
}

.main_c p {
	margin:				0;
	padding:			15px 0 0 0;
	text-align:			center;
}

.main_c b {
	color:				#c59129;
}

.main_c a {
	color:				#c59129;
	font-weight:		bold;
}

.main_c a:hover {

	color:				#ef9f4f;
	font-weight:		bold;	
}

.main_c img {
	vertical-align:		top;
	border:				0;
}

.main_f {
	width:				591px;
	height:				11px;
	background:			url(../images/style_1/p_down.png) no-repeat;
	padding:			11px 0 0 0;
	margin:				0 auto;
}

/* News */
.news_h {
	width:				531px;
	height:				23px; /* 33 - 10 de padding */
	background:			url(../images/style_1/n_up.png) no-repeat bottom;
	padding:			10px 0 0 20px;
	margin:				0 auto 0 auto;
	font-size:			11px;
	font-weight:		bold;	
	color:				#cacaca;
}

.news_h a {
	text-decoration:	none;
}

.news_c {
	width:				552px;
	background:			url(../images/style_1/n_bg.png);
	padding:			0;
	margin:				0 auto;
	text-align:			center;
	color:				#cacaca;
}

.news_c p {
	text-align:			center;
}

.news_c a {
	text-decoration:	none;
}
.news_c p.left {
	text-align:			left;
	padding:			0;
	margin:				0;
}	

.news_c_right {
	text-align:			right;
}

.news_c_left {
	text-align:			left;
}

.news_c_left p {
	text-align:			left;
}

.news_c table {
	border:				0px;
	border-collapse:	collapse;
	margin:				auto;
	font-size:			11px;
	color:				#cacaca;
}

.news_c td, th {
	padding:			5px;
	text-align:			center;
}

.news_c td.left {
	text-align:			left;
}

.news_c td.sieges {
	background-color:	#2d669a;
}

.news_c td.tiamat {
	background-color:	#247259;
}

.news_c td.agents {
	background-color:	#904135;
}

.news_c td.beritra {
	background-color:	#6d4d7f;
}

.news_c td.bingo {
	background-color:	#c6792f;
}

.news_c th {
	height:				22px;
	color:				#c59129;
	font-size:			10px;
	padding:			0;
	background:			url(../images/style_1/n_t_h.png) repeat-x;	 
}

.news_c td {
	border:				1px solid #55422f;
}

.news_c_padding {
	padding:			0 16px;
}

.news_c_padding table {
	border:				none;
	padding:			0;
	margin:				0;
}

.news_c_padding td, th {
	border:				none;
	padding:			0;
	margin:				0;	
}

.news_c_padding_center {
	padding:			0 16px;
	text-align:			center;		
}

.news_c_padding_center table {
	border:				none;
}

.news_c_padding_center td, th {
	border:				none;
}

.news_f {
	width:				511px;
	height:				40px; /* 51 - 11 de padding */
	background:			url(../images/style_1/n_down.png) no-repeat;
	padding:			11px 20px 0 20px;
	margin:				0 auto;
}

.copyright {
	margin: 			0 auto;
	width:				981px;
	height:				100px;
	background:			url(../images/style_1/copyright.png) no-repeat top center;
	color:				#cacaca;
	clear:				both;
}

.legal {
	height:				100px;
	color:				#cacaca;
}

.legal a {
	color:				#c59129;
	text-decoration:	none;
	font-weight:		bold;
}

.legal a:hover {

	color:				#ef9f4f;
	font-weight:		bold;	
}

.status {
	display:			inline-block;
	width:				150px;
	vertical-align:		top;
}

.status_rss{
	display:			inline-block;
	width:				15px;
	vertical-align:		middle;
	top:				2px;
}

.status_fb{
	display:			inline-block;
	width:				15px;
	vertical-align:		middle;
	top:				2px;
}

.status img {
	vertical-align:		top;
	border:				0;
}

.status a {
	text-decoration:	none;
}

.stats {
	display:			inline-block;
	width:				140px;
	vertical-align:		top;
}

.vote_other_acc {
	color:				#FF4500;
}

.mapinter a {
	font-weight:		normal;
	color:				#cacaca;
	text-decoration:	none;
}	

.mapinter a:hover {
	font-weight:		normal;
	text-decoration:	underline;
}	

.podium {
	width:				309px;
	height:				202px;
	padding:			0;
	margin:				0 auto;
	background: 		url(../images/top/podium.png) center no-repeat;
	background-position:0px 0px;
	font-size:			10px;
	vertical-align:		bottom;
}

h1 {
    display: 			inline;
    font-size: 			16px;
    line-height: 		39px !important;
}

h2 {
    display: 			inline;
    font-size: 			12px;
    line-height: 		39px !important;
}

/* Formulaire */
form {
	padding:			0;
	text-align: 		center;
}

form span.left {
	float: 				left;
}

form span.right {
	float: 				right;
}

form span.center {
	margin-left: 		auto;
	margin-right: 		auto;
}

iframe {
	background-color: transparent;
}

input, textarea, select, option {
	border:				1px solid #2a4454;
	background-color:	#404554;
	color:				#7a7f87;	
	filter:				alpha(opacity=75);
	-moz-opacity:		0.75;
	opacity:			0.75;	
}

input[type=image] {
	background-color:	transparent;
	border:				0px;
	filter:				alpha(opacity=100);
	-moz-opacity:		1.0;
	opacity:			1.0;	
}

input[type=radio] {
	margin-right:		50px;
	background-color:	transparent;
	border:				none;
}

input[type=submit], input[type=reset] {
	border:				1px outset #404554;
	font-weight:		bold;
	cursor:				pointer;
	color:				#7a7f87;
}

input[type=submit]:hover, input[type=reset]:hover {
	/*border:				1px outset 404554;*/
	background-color:	#665842;
	color:				#7a7f87;
}

input[type=submit]:active, input[type=reset]:active {
	/*border:				1px inset #404554;*/
	background-color:	#404554;
	color:				#7a7f87;
} 

table.starpass {
	margin-left:			auto; 
	margin-right:			auto;
}

/* Forum FluxBB */

span.bbu {
	text-decoration: underline;
}

span.bbs {
	text-decoration: line-through;
}

.codebox {
	border-style: solid;
	border-width: 1px;
	padding: 0 0.5em;
}

.quotebox {
	border-style: solid;
	border-width: 1px 1px 1px 3px;
	padding: 0 0.5em;
}

.quotebox cite {
	display: block;
	font-weight: bold;
}

.quotebox blockquote {
	overflow: hidden;
	width: 100%;
}

.codebox pre {
	overflow: auto;
	width: 100%;
	direction: ltr;
	text-align: left;
}

.codebox pre code {
	white-space: pre;
}

div[class*=codebox] pre code {
	display: inline-block;
}

.codebox pre code {
	display: block;
}

.codebox pre.vscroll {
	overflow: auto;
	overflow-y: auto;
}

.codebox, .codebox code {
	background: #333;
	color: #cacaca;
}

.quotebox {
	background: #f8f9f0;
	border-color: #7aadbd;
	color: #566579;
}

.quotebox cite {
	color: #357082;
}

blockquote, cite {
	border: 0;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.postimg img {
	max-width: 98%;
	vertical-align: middle;
	margin: 7px 0.5em 7px 0;
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #404554;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.progress-bar {
    float: left;
    width: 0px;
    font-size: 12px;
    line-height: 20px;
    color: #cacaca;
    text-align: center;
    background-color: #7a7f87;
    box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15) inset;
    transition: width 0.6s ease 0s;
}

.thumbs img {
	padding: 3px 3px 3px;
	border-radius: 6px;
	background: #555555;
	overflow: hidden;
	max-width: 100%; 
	float: center; 
	margin: 15px 0px 15px 15px;
}

.thumbs img:hover {
	background-color: #606060;
	box-shadow: 0 0 20px #c59129;
}

.legion_logo {
	border-radius: 6px;
	box-shadow: 0 0 10px #000000;
}

.siege {
	margin: 			auto;
	position: 			relative; 
	width: 				538px; 
	height: 			538px; 
	z-index: 			1;
}

.siege-icon {
	position: 			absolute; 
}

.siege-tooltip {
	relative: 			absolute;
}

.siege-tooltip span {
	position: 			absolute;
	display: 			none;
	background-image: 	url(../images/style_1/c_bk.png);
	background-repeat: 	repeat;
	border-radius: 		6px;
	border:				1px solid #ccc;
	padding:			5px;
	box-shadow: 		2px 2px 2px rgba(103, 115, 130, 1);	
	opacity: 			0;
	z-index: 			1000;
	width: 				auto;
	text-align:			left;
	white-space: 		nowrap;
	bottom: 			25px;
}