@font-face {
	font-family: 'OptimusPrinceps';
	src: url('fonts/optimusprinceps-webfont.eot');
	src: local('?'), url('fonts/optimusprinceps-webfont.woff') format('woff'), url('fonts/optimusprinceps-webfont.ttf') format('truetype'), url('fonts/optimusprinceps-webfont.svg#webfontuDLkdXWN') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OptimusPrincepsSB';
	src: url('fonts/optimusprincepssemibold-webfont.eot');
	src: local('?'), url('fonts/optimusprincepssemibold-webfont.woff') format('woff'), url('fonts/optimusprincepssemibold-webfont.ttf') format('truetype'), url('fonts/optimusprincepssemibold-webfont.svg#webfont0MEmbilA') format('svg');
	font-weight: normal;
	font-style: normal;
}

#AG_Logo
{
	background: url(images/AG_logo.jpg) no-repeat;
	width: 1024px;
	height: 286px;
	text-align: center;
	margin: 0 auto;
}

/* Map Online */
#inventory {
position: relative;
background: url("../imageset/bginv.png") no-repeat;
height:370px;
width: 250px;
}

#cubeInv {
position: relative;
background: url("../imageset/inventaire.png") no-repeat;
height:152px;
width:438px;
}

#informations {
height:370px;
width: 250px;
float: right;
}

#contentclass {
text-align:center;
}

#contentdivmarge {
	margin-left: 20%;
}

#imapVerteron {display:block; width:768px; height:608px; background:url(../imageset/zones/210030000.png); position:relative;}

#imapVerteron dd {position:absolute; padding:0; margin:0;}

a.info span { display: none; }
a.info:hover {
	background: none; 
	position: relative;
	z-index: 100; 
	cursor: crosshair;
	text-decoration: none;
}
a.info:hover span {
   display: inline; 
   position: absolute;
   z-index: 2;
   white-space: nowrap;

   top: 15px;
   left: 15px;

   font-family:arial; 
   font-size:12px;  
   padding:5px;
   color: black;
   background: rgba(255, 255, 255, 0.7);
   border: 1px solid black;
   border-left: 10px solid black;
}
.z0{ z-index: 1; }

/* End of Map Online */


/* template */

/* BEGIN MENU */
#menu {
font-family: OptimusPrinceps, Arial, sans-serif;
margin: -65px 0;
padding: 0;
list-style-type: none;
background-color: #eee;
font-size: 12pt;
height: 52px;
background: url(images/bg_Hmenu_center.png) repeat-x;
}
#menu li {
float: left;
margin: 0;				
}
#menu li a {
text-decoration: none;
display: block;
padding: 12px 15px;
line-height: 30px;
color: #fff;
}
#menu li.accueil a:hover, #menu li.accueil.active a {color: #fcf6b1; background: url(images/bg_Hmenu_selected_01.png) no-repeat 50% 0%;}
#menu li.forum a:hover, #menu li.forum.active a {color: #fcf6b1; background: url(images/bg_Hmenu_selected_01.png) no-repeat 50% 0%;}
#menu li.account a:hover, #menu li.account.active a {color: #fcf6b1; background: url(images/bg_Hmenu_selected_02.png) no-repeat 50% 0%;}
#menu li.stats a:hover, #menu li.stats.active a {color: #fcf6b1; background: url(images/bg_Hmenu_selected_04.png) no-repeat 50% 0%;}
#menu li.join a:hover, #menu li.join.active a {color: #fcf6b1; background: url(images/bg_Hmenu_selected_05.png) no-repeat 50% 0%;}
#menu li.medias a:hover, #menu li.medias.active a {color: #fcf6b1; background: url(images/bg_Hmenu_selected_01.png) no-repeat 50% 0%;}
#menu li.guide a:hover, #menu li.guide.active a {color: #fcf6b1; background: url(images/bg_Hmenu_selected_02.png) no-repeat 50% 0%;}
#menu li.shop a:hover, #menu li.shop.active a {color: #fcf6b1; background: url(images/bg_Hmenu_selected_01.png) no-repeat 50% 0%;}
#menu li.bugtracker a:hover, #menu li.bugtracker.active a {color: #fcf6b1; background: url(images/bg_Hmenu_selected_03.png) no-repeat 50% 0%;}
#menu li.register a:hover, #menu li.register.active a {color: #fcf6b1; background: url(images/bg_Hmenu_selected_03.png) no-repeat 50% 0%;}

#menu_wrapper ul {margin-left: 50px;}
#menu_wrapper { margin: 0 auto; padding: 0 50px 0 0; height: 52px; background: url(images/bg_Hmenu_right.png) no-repeat right; max-width: 940px;}
#menu_wrapper div {float: left; height: 52px; width: 50px; background: url(images/bg_Hmenu_left.png) no-repeat left;}

ul.linklist li.AG_Menu {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
	font-family: OptimusPrinceps;
	font-size: 14pt;
}
/* END MENU */

/* BEGIN CONTENT*/
.VmenuTitle{
	position: relative;
	top: 30px;
}
.VmenuTitle2{
	text-align: center;
	font-family: OptimusPrincepsSB;
	font-size: 14pt;
	color: #FFF;
}
.Vmenu_01_top {
	background: url(images/bg_Vmenu_01_top.png) no-repeat transparent;
	width: 210px;
	height: 57px;
	text-align: center;
	font-family: OptimusPrincepsSB;
	font-size: 14pt;
	color: #FFF;
}
.Vmenu_01_center {
	background: url(images/bg_Vmenu_01_center.png) repeat-y transparent;
	width: 210px;
	padding-left: 7px;
}
.Vmenu_01_center p.centerTitle {
	width: 100%;
	margin: 0 -7px;
	text-align: center;
	font-family: OptimusPrincepsSB;
	font-size: 14pt;
	color: #FFF;
}
.Vmenu_01_center p.category {
	width: 100%;
	text-align: left;
	margin: 0;
	font-family: OptimusPrincepsSB;
	font-size: 10pt;
	color: #FFF;
}

.Vmenu_01_center ul {list-style:none;}
.Vmenu_01_center li a{
	text-decoration: none;
	background: url(images/bg_Vmenu_01_button.png) no-repeat transparent;
	width: 193px;
	min-width: 193px;
	height: 17px;
	display: block;
	padding: 3px 0 0 30px;
	color: #FFF;
}
.Vmenu_01_center li a:hover{
	background: url(images/bg_Vmenu_01_button_hover.png) no-repeat transparent;
	color: #f6ed97;
}
.Vmenu_01_bottom {
	background: url(images/bg_Vmenu_01_bottom.png) no-repeat transparent;
	width: 210px;
	height: 25px;
}

.AionSimpleList ul, .AionSimpleList li {list-style:none; color: #38525c;}
.AionSimpleList li a{
	text-decoration: none;
	background: url(images/bg_Vmenu_02_button.png) no-repeat transparent;
	width: 193px;
	min-width: 193px;
	height: 17px;
	display: block;
	padding: 3px 0 0 30px;
	color: #38525c;
}
.AionSimpleList li a:hover{
	background: url(images/bg_Vmenu_02_button_hover.png) no-repeat transparent;
	color: #D31141;
}


.Vmenu_02_top {
	background: url(images/bg_Vmenu_02_top.png) no-repeat transparent;
	width: 200px;
	height: 23px;
}

.Vmenu_02_center {
	background: url(images/bg_Vmenu_02_center.png) repeat-y transparent;
	width: 200px;
	
	height: 101px;
	color: #d0ce8b;
}
.Vmenu_02_center a {
	color: #FFF;
}

.Vmenu_02_center p.centerTitle {
	width: 100%;
	margin: 0 -7px;
	text-align: center;
	font-family: OptimusPrincepsSB;
	font-size: 14pt;
	color: #FFF;
}
.Vmenu_02_center p.category {
	width: 100%;
	text-align: left;
	margin: 0;
	font-family: OptimusPrincepsSB;
	font-size: 10pt;
	color: #FFF;
}

.Vmenu_02_bottom {
	background: url(images/bg_Vmenu_02_bottom.png) no-repeat transparent;
	width: 200px;
	height: 25px;
}

/* ----------------------------------------------------------------------------------------------------------------- */
/* PANEL */
#panel{
	margin: 0 auto}
#panel_user {
	background: url(images/bg_panel_user.png) no-repeat transparent;
	width: 245px;
	height: 232px;
	float: left;
	color: #FFF;
}
#panel_user a { color: #FFF; }
#panel_user a:hover { color: #f6ed97; }
#panel_user #user {position: relative; z-index: 10; width: 100%; height: 85px;}
#user_name {position: absolute; top: 25px; left: 30px; width: 90px; height: 30px; text-align: center; font-weight: bold; line-height: 30px; overflow: hidden; text-overflow: ellipsis;}
#user_avatar {position: absolute; top: 4px; right: 20px; width: 90px; height: 90px;}
#user_messages {position: absolute; top: 52px; left: 27px; width: 110px; height: 30px;}
#user_messages #link{position: absolute; top: 10px; right: 5px;}
#panel_user #data {position: relative; z-index: 10; width: 100%; height: 100px; top: 10px; line-height: 16px;}
#data_1 {position: absolute; top: 6px; right: 23px; width: 165px;}
#data_2 {position: absolute; top: 25px; right: 23px; width: 165px;}
#data_3 {position: absolute; top: 45px; right: 23px; width: 165px;}
#data_4 {position: absolute; top: 64px; right: 23px; width: 165px;}
#data_5 {position: absolute; top: 82px; right: 23px; width: 165px;}
#panel_user_out {
	background: url(images/bg_panel_user_out.png) no-repeat transparent;
	width: 245px;
	height: 120px;
	float: left;
}
#panel_user_out #fields {position: relative; z-index: 10; width: 100%; height: 85px; color: #FFF;}
#fields .f1{color: #FFF; position: absolute; top: 24px; left: 50px; width: 85px; background: none; border: none;}
#fields .f2{color: #FFF; position: absolute; top: 42px; left: 50px; width: 85px; background: none; border: none;}
#fields #link{position: absolute; top: 58px; left: 55px;}
#fields .submitLink{position: absolute; top: 50px; left: 26px; background: url(images/bg_panel_user_out_connect.png) no-repeat transparent; width:28px; height: 28px; border: 0px;}
#fields .submitLink:hover{background: url(images/bg_panel_user_out_connect_hover.png) no-repeat transparent; width:28px; height: 28px; border: 0px;}
#panel_slider {
	background: url(images/bg_panel_slider.png) no-repeat transparent;
	width: 528px;
	height: 232px;
	float: left;
}
#panel_server {
	background: url(images/bg_panel_server.png) no-repeat transparent;
	width: 230px;
	height: 232px;
	float: left;
	color: #FFF;
}
#panel_server #status {position: relative; z-index: 10; width: 100%; height: 85px; text-align: center; font-weight: bold;}
#status_1 {position: absolute; top: 21px; left: 85px; width: 100px;}
#status_2 {position: absolute; top: 40px; left: 85px; width: 100px;}
#status_3 {position: absolute; top: 60px; left: 85px; width: 100px;}
#panel_server #status #GS {position: absolute; top: 28px; left: 30px; width: 34px; height: 34px;}
#panel_server #status #TS {position: absolute; top: 55px; left: 185px; width: 26px; height: 26px;}
#panel_server #infos {position: relative; z-index: 10; width: 170px; height: 100px; left: 15px; padding: 5px 0 0 7px;}
#infos_0 {text-align:center; position: absolute; top: -2px; width: 165px;}
#infos_1 {position: absolute; top: 16px; width: 165px;}
#infos_2 {position: absolute; top: 36px; width: 165px;}
#infos_3 {position: absolute; top: 55px; width: 165px;}
#infos_4 {position: absolute; top: 75px; width: 165px;}
#infos_5 {position: absolute; top: 95px; width: 165px;}
.server_on{ background: url(images/bg_panel_server_on.png) no-repeat transparent;}
.server_off{ background: url(images/bg_panel_server_off.png) no-repeat transparent;}
.server_onoff{ background: url(images/bg_panel_server_onoff.png) no-repeat transparent;}
.server_on_small{ background: url(images/bg_panel_server_on_small.png) no-repeat transparent;}
.server_off_small{ background: url(images/bg_panel_server_off_small.png) no-repeat transparent;}
.text_server_green{ color: #99cc66; }
.text_server_red{ color: #ff6666; }

.portal_news{ position: relative; background: url(images/bg_news.png) no-repeat transparent; height: 262px; padding: 30px; color: #FFF;}
.portal_news .title{ color: #ff6600; font-size: 16pt;}
.portal_news .content{ color: #330000; font-size: 11pt;}
.portal_news .top{ position: absolute; bottom: 20px; right: 50px; background: url(images/bg_news_top.png) no-repeat transparent; width: 29px; height: 29px; }
.portal_news .top:hover{ position: absolute; bottom: 20px; right: 50px; background: url(images/bg_news_top_hover.png) no-repeat transparent; width: 29px; height: 29px; }
.portal_news .read_more{ position: absolute; bottom: 20px; right: 20px; background: url(images/bg_news_readmore.png) no-repeat transparent; width: 29px; height: 29px; }
.portal_news .read_more:hover{ position: absolute; bottom: 20px; right: 20px; background: url(images/bg_news_readmore_hover.png) no-repeat transparent; width: 29px; height: 29px; }

.portal_news{ position: relative; background: url(images/bg_news.png) no-repeat transparent; height: 262px; padding: 30px; color: #FFF;}

.download{ position: absolute;   background: url(images/bg_news_readmore.png) no-repeat transparent; width: 29px; height: 29px; }
.download:hover{ position: absolute;  background: url(images/bg_news_readmore_hover.png) no-repeat transparent; width: 29px; height: 29px; }

.site_category_title{ background: url("images/site_category_title.png") no-repeat transparent; margin: auto; width: 780px; height: 25px; display: block;font-family: OptimusPrincepsSB; font-size: 10pt; padding-left: 45px; padding-top: 7px; color: #fff9a4; }
.site_category_header { background: url("images/site_category_header.png") no-repeat; width: 776px; height: 27px; display: block;}
.site_category_content { background: url("images/site_category_content.png") repeat-y; width: 776px; min-height: 27px; line-height: 1.4em; font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; font-size: 1em; color: #333333; }
.site_category_content .content { background: url("images/site_category_content_wings.png") no-repeat transparent; min-height: 58px;}
.site_category_footer { background: url("images/site_category_footer.png") no-repeat transparent; width: 780px; height: 26px; display: block;}

/* -- MODAL VOTE PAGE -- */
#basic-modal-content {background: url(images/bg_votepage_content.png) no-repeat transparent; width: 540px; height: 232px; padding: 30px; color: #FFF; display:none;}
#basic-modal-content #content {width: 370px; margin-top: 90px;}
#basic-modal-content #content hr {border: 0; background: url(images/bg_votepage_vote.png) no-repeat transparent; height: 35px;}
#intro-modal-content {display:none;}
#simplemodal-overlay {background-color:#000;}
.votelogo_gowonda{position: absolute; background: url(images/bg_votepage_gowonda.png) no-repeat transparent; width: 208px; height: 88px; top: 20px; left: 20px;}
.votelogo_rpgparadize{position: absolute; background: url(images/bg_votepage_rpgparadize.png) no-repeat transparent; width: 208px; height: 88px; top: 20px; left: 230px;}
/* ----------------------------------------------------------------------------------------------------------------- */
/* METIERS */
.icon-alchemiste, .icon-armurier, .icon-cuisinier, .icon-forgeron, .icon-polisseur, .icon-tailleur {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: none;
	padding: 1px 0 0 25px;
}
.icon-alchemiste{ background-image: url(images/icn_alchemiste.png); }
.icon-armurier{ background-image: url(images/icn_armurier.png); }
.icon-cuisinier{ background-image: url(images/icn_cuisinier.png); }
.icon-forgeron{ background-image: url(images/icn_forgeron.png); }
.icon-polisseur{ background-image: url(images/icn_polisseur.png); }
.icon-tailleur{ background-image: url(images/icn_tailleur.png); }

.icon-user_online{ background-image: url(images/bg_user_online.png); width: 27px; height: 21px; display: block;}
.icon-user_offline{ background-image: url(images/bg_user_offline.png); width: 27px; height: 21px; display: block;}

.icon-AGminus{ background-image: url(images/icon_minus.png); width: 14px; height: 14px; display: block;}
.icon-AGplus{ background-image: url(images/icon_plus.png); width: 14px; height: 14px; display: block;}

/* ----------------------------------------------------------------------------------------------------------------- */
/* FORUM */
.icon-allread, .icon-looknew {
	background-position: 0;
	background-repeat: no-repeat;
	background-image: none;
	padding: 0 0 0 18px;
}
.icon-allread{ background-image: url(images/icn_forum_allread.png); }
.icon-looknew{ background-image: url(images/icn_forum_looknew.png); }

.aion_bar{ background: url(images/bg_forum_Bar.png) no-repeat transparent; margin: auto; width: 162px; height: 32px;}
.aion_searchbar{ background: none; border: none; margin: auto; width: 135px; height: 17px; margin: 5px 10px; font-size: 10pt; color: #FFF; }

.forum_title{ position: relative; background: url(images/bg_forum_title.png) no-repeat transparent; margin: auto; width: 968px; height: 26px; font-family: OptimusPrinceps; font-size: 10pt; padding-left: 20px; padding-top: 10px; color: #FFF; }
.forum_title a{ color: #FFF; }
.forum_title a:hover{ color: #fcf6b1; }
dl.forum_positions dt{ display: block; float: left; width: 50%; padding-left: 75px; padding-right: 5px; }
dl.forum_positions dd{ display: block; float: left; padding: 2px 10px; }
dl.forum_positions dd.topic{ width: 30px; text-align: center; }
dl.forum_positions dd.message{ width: 50px; text-align: center; }
/* -- MEMBERLIST -- */
.forum_topic{ background: url(images/bg_forum_topic.png) no-repeat transparent; margin: auto; width: 968px; height: 44px; padding-left: 20px; padding-top: 14px; color: #336666;}
.forum_topic_ext_box { min-height: 44px;}
.forum_topic_ext_wing { background: url("images/site_category_content_wings.png") no-repeat transparent; z-index:12;}
.forum_topic_ext_top { background: url("images/bg_forum_topic_top.png") no-repeat; width: 988px; height: 24px; display: block;  z-index:11;}
.forum_topic_ext_center { background: url("images/bg_forum_topic_center.png") repeat-y; margin: auto; width: 988px; line-height: 1.4em; padding-left: 20px; color: #336666;}
.forum_topic_ext_bottom { background: url("images/bg_forum_topic_bottom.png") no-repeat transparent; width: 988px; height: 24px; display: block;}

.bg_forum_message_top { background: url(images/bg_forum_message_top.png) no-repeat transparent; width: 984px; height: 26px;	margin: auto; display: block;}
.bg_forum_message_top_bg1 { background: url(images/bg_forum_message_top_bg1.png) no-repeat transparent; width: 984px; height: 26px;	margin: auto; display: block;}
.bg_forum_message_top_bg2 { background: url(images/bg_forum_message_top_bg2.png) no-repeat transparent; width: 984px; height: 26px;	margin: auto; display: block;}
.bg_forum_message_center { background: url(images/bg_forum_message_center.png) repeat-y transparent; width: 984px; margin: auto;}
.bg_forum_message_center_bg1 { background: url(images/bg_forum_message_center_bg1.png) repeat-y transparent; width: 984px; margin: auto;}
.bg_forum_message_center_bg2 { background: url(images/bg_forum_message_center_bg2.png) repeat-y transparent; width: 984px; margin: auto;}
.bg_forum_message_bottom { background: url(images/bg_forum_message_bottom.png) no-repeat transparent; width: 984px; height: 19px; margin: auto;	display: block;}
.bg_forum_message_bottom_bg1 { background: url(images/bg_forum_message_bottom_bg1.png) no-repeat transparent; width: 984px; 	height: 19px; margin: auto;	display: block;}
.bg_forum_message_bottom_bg2 { background: url(images/bg_forum_message_bottom_bg2.png) no-repeat transparent; width: 984px; 	height: 19px; margin: auto;	display: block;}

/* -- UCP -- */
.bg_ucp_title{ background: url(images/bg_forum_UCP_title.png) no-repeat transparent; width: 1001px; height: 81px; margin: auto;	display: block;}
.bg_ucp_Vmenu{ background: url(images/bg_forum_UCP_Vmenu.png) repeat-y transparent; width: 189px;}
.bg_ucp_Vmenu_top{ background: url(images/bg_forum_UCP_Vmenu_top.png) repeat-y transparent; width: 189px; height: 8px;}
.bg_ucp_Vmenu_bottom{ background: url(images/bg_forum_UCP_Vmenu_bottom.png) repeat-y transparent; width: 189px; height: 8px;}
.bg_ucp_Vmenu ul {list-style:none;}
.bg_ucp_Vmenu li a{
	text-decoration: none;
	background: url(images/bg_forum_UCP_Vmenu_link.png) no-repeat transparent;
	width: 160px;
	height: 25px;
	display: block;
	padding: 5px 0 0 25px;
	margin: 0 0 0 5px;
	color: #215f61;
}
.bg_ucp_Vmenu li a:hover{
	background: url(images/bg_forum_UCP_Vmenu_link_hover.png) no-repeat transparent;
	color: #000;
}

/* END FORUM */

/* footer */

#footer {
	height:176px;
	background: url("images/bg_footer.png") repeat-x;
	text-align: center;
	margin: 0 auto;
}
#separateur_footer{
	width:719px;
	height:10px;
	background: url("images/separateur_footer.png") no-repeat;
	text-align: center;
	margin: 0 auto;
	display: block;
}

#bar_sepa {
	background: url(images/bar_sepa.png) no-repeat;
	width: 752px;
	height: 14px;
}

h4.title_guard {
	color: #1e5754;
	font-size:16px;
}

/* map elyseen */
#imap_ely {display:block; width:740px; height:584px; background:url(../imageset/img_aion/map/ely.jpg); position:relative;}

#imap_ely dd {position:absolute; padding:0; margin:0;}
#imap_ely #poeta1 {left:113px; top:203px; z-index:20;}
#imap_ely #sanctum1 {left:320px; top:52px; z-index:20;}
#imap_ely #verteron1 {left:299px; top:251px; z-index:20;}
#imap_ely #interdica1 {left:300px; top:329px; z-index:20;}
#imap_ely #theobomos1 {left:584px; top:217px; z-index:20;}
#imap_ely #eltnen1 {left:50px; top:321px; z-index:20;}

#imap_ely a#theobomos2 {display:block; width:140px; height:117px; background:transparent url(../imageset/img_aion/map/select_theobomos.png) -140px -117px no-repeat; text-decoration:none; z-index:20;}
#imap_ely a#eltnen2 {display:block; width:332px; height:232px; background:transparent url(../imageset/img_aion/map/select_eltnen.png) -332px -232px no-repeat; text-decoration:none; z-index:20;}
#imap_ely a#interdica2 {display:block; width:291px; height:198px; background:transparent url(../imageset/img_aion/map/select_heiron.png) -291px -198px no-repeat; text-decoration:none; z-index:20;}
#imap_ely a#verteron2 {display:block; width:150px; height:100px; background:transparent url(../imageset/img_aion/map/select_verteron.png) -150px -100px no-repeat; text-decoration:none; z-index:20;}
#imap_ely a#sanctum2 {display:block; width:85px; height:135px; background:transparent url(../imageset/img_aion/map/select_sanctum.png) -85px -135px no-repeat; text-decoration:none; z-index:20;}
#imap_ely a#poeta2 {display:block; width:174px; height:77px; background:transparent url(../imageset/img_aion/map/select_poeta.png) -174px -77px no-repeat; text-decoration:none; z-index:20;}
#imap_ely a span, #imap_ely a:visited span {display:none;}

#imap_ely a#poeta2:hover, #imap_ely a#sanctum2:hover, #imap_ely a#verteron2:hover, #imap_ely a#interdica2:hover, #imap_ely a#theobomos2:hover, #imap_ely a#eltnen2:hover {background-position:0 0;}

/* map asmodien */
#imap_asmo {display:block; width:740px; height:584px; background:url(../imageset/img_aion/map/asmo.jpg); position:relative;}

#imap_asmo dd {position:absolute; padding:0; margin:0;}
#imap_asmo #Brusthonin1 {left:48px; top:255px; z-index:20;}
#imap_asmo #morheim1 {left:120px; top:144px; z-index:20;}
#imap_asmo #Pandaemonium1 {left:220px; top:299px; z-index:20;}
#imap_asmo #Ishalgen1 {left:314px; top:402px; z-index:20;}
#imap_asmo #Beluslan1 {left:346px; top:118px; z-index:20;}
#imap_asmo #altgard1 {left:347px; top:233px; z-index:20;}

#imap_asmo a#Brusthonin2 {display:block; width:141px; height:91px; background:transparent url(../imageset/img_aion/map/select_brusthonin.png) -141px -91px no-repeat; text-decoration:none; z-index:20;}
#imap_asmo a#morheim2 {display:block; width:287px; height:160px; background:transparent url(../imageset/img_aion/map/select_morheim.png) -287px -160px no-repeat; text-decoration:none; z-index:20;}
#imap_asmo a#Pandaemonium2 {display:block; width:144px; height:85px; background:transparent url(../imageset/img_aion/map/select_pandaemonium.png) -144px -85px no-repeat; text-decoration:none; z-index:20;}
#imap_asmo a#Ishalgen2 {display:block; width:272px; height:112px; background:transparent url(../imageset/img_aion/map/select_ishalgen.png) -272px -112px no-repeat; text-decoration:none; z-index:20;}
#imap_asmo a#Beluslan2 {display:block; width:278px; height:162px; background:transparent url(../imageset/img_aion/map/select_beluslan.png) -278px -162px no-repeat; text-decoration:none; z-index:20;}
#imap_asmo a#altgard2 {display:block; width:360px; height:194px; background:transparent url(../imageset/img_aion/map/select_altgard.png) -360px -194px no-repeat; text-decoration:none; z-index:20;}
#imap_asmo a span, #imap_ely a:visited span {display:none;}
#imap_asmo a#Brusthonin2:hover, #imap_asmo a#morheim2:hover, #imap_asmo a#Pandaemonium2:hover, #imap_asmo a#Ishalgen2:hover, #imap_asmo a#Beluslan2:hover, #imap_asmo a#altgard2:hover {background-position:0 0;}



/* circle of class  */
#imap_class_asmo {display:block; width:560px; height:560px; background:url(../imageset/img_aion/circle_asmo.png); position:relative;}

#imap_class_asmo dd {position:absolute; padding:0; margin:0;}
#imap_class_asmo #pretre1 {left:65px; top:230px; z-index:20;}
#imap_class_asmo #eclaireur1 {left:200px; top:67px; z-index:20;}
#imap_class_asmo #mage1 {left:232px; top:363px; z-index:20;}
#imap_class_asmo #sorcier1 {left:344px; top:411px; z-index:20;}
#imap_class_asmo #guerrier1 {left:362px; top:201px; z-index:20;}
#imap_class_asmo #gladiateur1 {left:471px; top:268px; z-index:20;}
#imap_class_asmo #assassin1 {left:267px; top:15px; z-index:20;}
#imap_class_asmo #templier1 {left:411px; top:141px; z-index:20;}
#imap_class_asmo #rodeur1 {left:140px; top:75px; z-index:20;}
#imap_class_asmo #clerc1 {left:14px; top:220px; z-index:20;}
#imap_class_asmo #aede1 {left:75px; top:345px; z-index:20;}
#imap_class_asmo #spiritualiste1 {left:219px; top:472px; z-index:20;}

#imap_class_asmo a#pretre2, #imap_class_asmo a#eclaireur2, #imap_class_asmo a#mage2, #imap_class_asmo a#guerrier2 {display:block; width:131px; height:131px; background: url(../imageset/img_aion/hover_class.png) -131px -131px no-repeat; text-decoration:none; z-index:20;}
#imap_class_asmo a#assassin2, #imap_class_asmo a#templier2, #imap_class_asmo a#rodeur2, #imap_class_asmo a#clerc2, #imap_class_asmo a#aede2, #imap_class_asmo a#spiritualiste2, #imap_class_asmo a#sorcier2, #imap_class_asmo a#gladiateur2 {display:block; width:75px; height:75px; background: url(../imageset/img_aion/hover_sous_class.png) -75px -75px no-repeat; text-decoration:none; z-index:20;}


#imap_class_asmo a#pretre2:hover, #imap_class_asmo a#eclaireur2:hover, #imap_class_asmo a#mage2:hover, #imap_class_asmo a#sorcier2:hover, #imap_class_asmo a#guerrier2:hover, #imap_class_asmo a#gladiateur2:hover {background-position:0 0;}
#imap_class_asmo a#assassin2:hover, #imap_class_asmo a#templier2:hover, #imap_class_asmo a#rodeur2:hover, #imap_class_asmo a#clerc2:hover, #imap_class_asmo a#aede2:hover, #imap_class_asmo a#spiritualiste2:hover {background-position:0 0;}

/* circle of class  */
#imap_class_ely {display:block; width:560px; height:560px; background:url(../imageset/img_aion/circle_ely.png); position:relative;}

#imap_class_ely dd {position:absolute; padding:0; margin:0;}
#imap_class_ely #pretre1 {left:65px; top:230px; z-index:20;}
#imap_class_ely #eclaireur1 {left:200px; top:67px; z-index:20;}
#imap_class_ely #mage1 {left:232px; top:363px; z-index:20;}
#imap_class_ely #sorcier1 {left:344px; top:411px; z-index:20;}
#imap_class_ely #guerrier1 {left:362px; top:201px; z-index:20;}
#imap_class_ely #gladiateur1 {left:471px; top:268px; z-index:20;}
#imap_class_ely #assassin1 {left:267px; top:15px; z-index:20;}
#imap_class_ely #templier1 {left:411px; top:141px; z-index:20;}
#imap_class_ely #rodeur1 {left:140px; top:75px; z-index:20;}
#imap_class_ely #clerc1 {left:14px; top:220px; z-index:20;}
#imap_class_ely #aede1 {left:75px; top:345px; z-index:20;}
#imap_class_ely #spiritualiste1 {left:219px; top:472px; z-index:20;}

#imap_class_ely a#pretre2, #imap_class_ely a#eclaireur2, #imap_class_ely a#mage2, #imap_class_ely a#guerrier2 {display:block; width:131px; height:131px; background: url(../imageset/img_aion/hover_class.png) -131px -131px no-repeat; text-decoration:none; z-index:20;}
#imap_class_ely a#assassin2, #imap_class_ely a#templier2, #imap_class_ely a#rodeur2, #imap_class_ely a#clerc2, #imap_class_ely a#aede2, #imap_class_ely a#spiritualiste2, #imap_class_ely a#sorcier2, #imap_class_ely a#gladiateur2 {display:block; width:75px; height:75px; background: url(../imageset/img_aion/hover_sous_class.png) -75px -75px no-repeat; text-decoration:none; z-index:20;}

#imap_class_ely a#pretre2:hover, #imap_class_ely a#eclaireur2:hover, #imap_class_ely a#mage2:hover, #imap_class_ely a#sorcier2:hover, #imap_class_ely a#guerrier2:hover, #imap_class_ely a#gladiateur2:hover {background-position:0 0;}
#imap_class_ely a#assassin2:hover, #imap_class_ely a#templier2:hover, #imap_class_ely a#rodeur2:hover, #imap_class_ely a#clerc2:hover, #imap_class_ely a#aede2:hover, #imap_class_ely a#spiritualiste2:hover {background-position:0 0;}


/* circle of class  */
#imap_class {display:block; width:560px; height:560px; background:url(../imageset/img_aion/aion.png); position:relative;}

#imap_class dd {position:absolute; padding:0; margin:0;}
#imap_class #pretre1 {left:65px; top:230px; z-index:20;}
#imap_class #eclaireur1 {left:200px; top:67px; z-index:20;}
#imap_class #mage1 {left:232px; top:363px; z-index:20;}
#imap_class #sorcier1 {left:344px; top:411px; z-index:20;}
#imap_class #guerrier1 {left:362px; top:201px; z-index:20;}
#imap_class #gladiateur1 {left:471px; top:268px; z-index:20;}
#imap_class #assassin1 {left:267px; top:15px; z-index:20;}
#imap_class #templier1 {left:411px; top:141px; z-index:20;}
#imap_class #rodeur1 {left:140px; top:75px; z-index:20;}
#imap_class #clerc1 {left:14px; top:220px; z-index:20;}
#imap_class #aede1 {left:75px; top:345px; z-index:20;}
#imap_class #spiritualiste1 {left:219px; top:472px; z-index:20;}

#imap_class a#pretre2, #imap_class a#eclaireur2, #imap_class a#mage2, #imap_class a#guerrier2 {display:block; width:131px; height:131px; background: url(../imageset/img_aion/hover_class.png) -131px -131px no-repeat; text-decoration:none; z-index:20;}
#imap_class a#assassin2, #imap_class a#templier2, #imap_class a#rodeur2, #imap_class a#clerc2, #imap_class a#aede2, #imap_class a#spiritualiste2, #imap_class a#sorcier2, #imap_class a#gladiateur2 {display:block; width:75px; height:75px; background: url(../imageset/img_aion/hover_sous_class.png) -75px -75px no-repeat; text-decoration:none; z-index:20;}


#imap_class a#pretre2:hover, #imap_class a#eclaireur2:hover, #imap_class a#mage2:hover, #imap_class a#sorcier2:hover, #imap_class a#guerrier2:hover, #imap_class a#gladiateur2:hover {background-position:0 0;}
#imap_class a#assassin2:hover, #imap_class a#templier2:hover, #imap_class a#rodeur2:hover, #imap_class a#clerc2:hover, #imap_class a#aede2:hover, #imap_class a#spiritualiste2:hover {background-position:0 0;}

#contentclass {
text-align:center;
}

.table_abyss {
font-size:12px;
}

.tr_abyss {
color:#ffffff;
width:729px;
}

.case_tr_1 {
width:101px;
height:38px;
background: url("images/tables/case_tr_1.png") no-repeat;
text-align:center;
}

.case_tr_2 {
width:213px;
height:38px;
background: url("images/tables/case_tr_2.png") no-repeat;
text-align:center;
}

.case_th_1 {
width:101px;
height:38px;
background: url("images/tables/case_th_1.png") no-repeat;
text-align:center;
}

.case_th_2 {
width:213px;
height:38px;
background: url("images/tables/case_th_2.png") no-repeat;
text-align:center;
}

.case_th_3 {
width:213px;
height:38px;
background: url("images/tables/case_th_3.png") no-repeat;
text-align:center;
}

.case_th_1_promo {
width:101px;
height:38px;
background: url("images/tables/case_th_1_promo.png") no-repeat;
text-align:center;
}

.case_th_2_promo {
width:213px;
height:38px;
background: url("images/tables/case_th_2_promo.png") no-repeat;
text-align:center;
}

.case_th_3_promo {
width:213px;
height:38px;
background: url("images/tables/case_th_3_promo.png") no-repeat;
text-align:center;
}

input.buttonShop {
	padding: 0;
	margin: 0;
	line-height: 7px;
	height: 15px;
	border: 1px solid #666666;
}
input.buttonShop:hover {
	border: 1px solid red;
}

/* FIXED MENU for MCP ET ACP*/
#fixedmenu {
	position: fixed;
	top: 20px;
	right: 25px;
	z-index: 500;
	opacity:.30;
	filter: alpha(opacity=30); 
	-moz-opacity: 0.3;}
#fixedmenu:hover{
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;}
#fixedmenu .close{
	position: absolute;
	top: 20px;
	right: 26px;
	width: 14px;
	height: 14px;
}
#fixedmenu a, #fixedmenu a:hover {
	text-decoration: none;
	text-align: center;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 0px;}
#fixedmenu ul, #fixedmenu li {
	list-style-type:none;
	padding: 0;
	border: 0;}

#fixedmenu #MCP {background: transparent url(images/icon_moderation.png) no-repeat;}
#fixedmenu #ACP {background: transparent url(images/icon_administration.png) no-repeat;}
#fixedmenu #GCP {background: transparent url(images/icon_gameadmin.png) no-repeat;}

.transition a{
	opacity:.30;
	filter: alpha(opacity=30); 
	-moz-opacity: 0.3;}
.transition a:hover{
	opacity:1;
	filter: alpha(opacity=100); 
	-moz-opacity: 1;}