/*
-------------------------------------------------------
	   _       _        _           ___         __    
	  /_\  ___| |_ _ __(_) __ _    / __\ /\/\  / _\   
	 //_\\/ __| __| '__| |/ _` |  / /   /    \ \ \    
	/  _  \__ \ |_| |  | | (_| | / /___/ /\/\ \_\ \   
	\_/ \_/___/\__|_|  |_|\__,_| \____/\/    \/\__/   

  Fichier CSS du CMS d'Astria.
  Coded By Zano & Design By Tarox - Anto.
  REV 3
-------------------------------------------------------
*/

 /* Général */
body 
{ background: #413723; background-attachment: fixed; font-size: 16px; }
img
{ border: none; }
hr
{ color:#a7905a; background-color: #a7905a; height: 1px; border: 0; }
fieldset
{ border: 1px solid gray; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 1px 1px 6px black; }
legend
{ background: url(./Images/Form/bg_table.png); color: #FFE69A; text-shadow: 0 0 5px black; font-weight: bold; margin-left: 3px; padding: 3px; border: 1px solid gray; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 6px black; }
table th
{ text-align: center; text-decoration: underline; font-weight: bold; }
select, textarea
{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #C8C8C8; padding: 1px 3px; }
button
{
	width: 140px;
	height: 31px;
	cursor: pointer;
	padding: 0;
	background: url(Images/Form/bouton.png) bottom no-repeat;
	border: none;
	color: #675542;
	font-weight: bold;
	font-size: 15px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
button:hover
{ 
	background: url(Images/Form/bouton.png) top no-repeat;
}
.Tableau 
{ }
.Tableau td
{ background: url(./Images/Form/bg_table.png); background-size: 100% 100%; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; box-shadow: 1px 1px 6px black; }
label {
	font-weight: bold;
}
.tooltip {
	font-style: italic;
	color : red;
}
 /* Header */
#content
{ width: 1154px; margin: auto; position:relative}
#header_bg 
{ background:url(./Images/header.jpg) no-repeat scroll 50% 0; height:912px; position:absolute; width:100%; top:0; left:0; }
#Barre_top 
{ background: url(./Images/barre-haut.png) no-repeat; width: 1154px; height: 51px; margin: auto; margin-top: 100px; }


 /* Bouton Jouer */
#Play
{ background: url(./Images/play.png) no-repeat; position: absolute; width: 352px; height: 193px; z-index:2; left: -176px; margin-left: 50%; margin-top:-75px; 
 user-select: none;
 -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
}
.Play_button
{ width: 172px; height: 90px; margin: 6px 0px 0px 90px; }
.Play_button:hover
{ background: url(./Images/play.png) 0 90px; cursor:pointer}
.Play_button:active
{ background: none; }
.Link_top
{ color: silver; text-shadow: 0 0 5px black; text-decoration: none; margin-top: 17px; font-size: 20px; }
.Link_top:hover
{ color: #E9AB17; text-shadow: 0 0 5px black; }


 /* Core */
#Core 
{ margin: 0 auto; position: relative; margin-top: 6px; width:736px; }
.Core_top 
{ background: url(./Images/Core/top.png) no-repeat; float: left; height:75px; position:relative ; width:736px; }
.Core_bg 
{ background: url(./Images/Core/bg.png) repeat-y; float: left; position:relative ; width: 736px; height:auto; min-height: 100px; }
.Core_bg_text 
{margin: 0 0 0 0; padding: 0 60px 0 60px; text-align: justify; font-size: 14px; color: #333; font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, sans-serif;}
.Core_bg_text h1, h2, h3, h4, h5, h6 
{ text-align: center; text-decoration: underline; font-family: "Times New Roman" }
.Core_bg_text h1 
{ font-size: 30px; width: 600px; background: url(Images/backgound_h1.png); height: 45px; margin: 5px auto; color: #FFE69A; text-shadow: 0 0 5px black; }
.Core_bg_text h2 
{ font-size: 26px; }
.Core_bg_text h3 
{ font-size: 22px; }
.Core_bg_text h4 
{ font-size: 20px; }
.Core_bg_text h5 
{ font-size: 18px; }
.Core_bg_text h6 
{ font-size: 16px; }
.Core_bg_text_dore 
{ font-size: 26px; color: #FFE69A; text-shadow: 0 0 5px black; text-align: center; text-decoration: underline; font-weight: bold; margin: 10px 0; }
.Core_bg_text a
{ color: maroon; text-decoration: none;}
.Core_bg_text a:hover
{ color: maroon; text-decoration: underline;}
.Core_bg_text a:visited
{ color: maroon; text-decoration: none;}
.Core_bg_text td img
{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.Core_bg_text input[type=text], input[type=password] 
{ width: 152px; height: 25px; color: #816a50; padding: 6px 13px 6px 11px; background: url(Images/Form/champ1.png) no-repeat; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.Core_bg_text input[type=submit]
{ width: 140px; height: 31px; cursor: pointer; padding: 0; background: url(Images/Form/bouton.png) bottom no-repeat; border: none; color: #675542; font-weight: bold; font-size: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.Core_bg_text input[type=submit]:hover
{ background: url(Images/Form/bouton.png) top no-repeat; }
.Core_bottom 
{ background: url(Images/Core/bottom.png) no-repeat; float: left; height:109px; position:relative ; width: 736px; }
#Core_Fenetre
{ margin: 11px 0 0 -8px; width:636px; }
.Core_Fenetre_top 
{ background: url(./Images/Core/fenetre/top.png) no-repeat; float: left; height: 50px; position:relative ; width:636px; }
.Core_Fenetre_bg 
{ background: url(./Images/Core/fenetre/bg.png) repeat-y; float: left; position:relative ; width: 636px; height:auto; min-height: 100px; }
.Core_Fenetre_bg_text 
{ padding: 0 45px 0 40px; }
.Core_Fenetre_bg_text h1, h2, h3, h4, h5, h6
{ padding: 0; margin: 0; color: #FFE69A; text-shadow: 0 0 5px black; }
.Core_Fenetre_bottom
{ background: url(./Images/Core/fenetre/bottom.png) no-repeat; float: left; height:75px; position:relative ; width: 636px; }
.Core_Fenetre_Title
{ background: url(./Images/background_title.png) no-repeat; float: left; margin: 0 0 0 10px; height:36px; width: 350px; padding: 4px 0 0 0; }
#Core_Coms
{ margin: 0 0 0 105px; width:400px; }
.Core_Coms_top 
{ background: url(./Images/Core/coms/top.png) no-repeat; float: left; height: 8px; position:relative ; width:400px; }
.Core_Coms_bg 
{ background: url(./Images/Core/coms/bg.png) repeat-y; float: left; position:relative ; width: 400px; height:auto; }
.Core_Coms_bg_text 
{ padding: 0 10px 0 10px; }
.Core_Coms_bg_text h1, h2, h3, h4, h5, h6, p
{ padding: 0; margin: 0; }
.Core_Coms_bottom
{ background: url(./Images/Core/coms/bottom.png) no-repeat; float: left; height:12px; position:relative ; width: 400px; }
#Core_Perso_G
{ width:402px; background-color: rgb(180, 189, 136); float: left; position:relative; }
#Core_Perso
{ margin: 0 0 0 0; width:200px; float: left; position:relative; background-color: rgb(180, 189, 136); }
#Core_Perso hr
{ margin: 0 5px 7px 5px}
#Core_Perso h1, h2, h3, h4, h5, h6
{ margin: 0 0 5px 0}
#Core_Perso_Caracteristiques
{ width:100% float: left; position:relative; }
#Core_Perso_Caracteristiques hr
{ margin: 0 5px 7px 5px}
#Core_Perso_Caracteristiques h1, h2, h3, h4, h5, h6
{ margin: 0 0 5px 0}
#Core_Guilds
{ margin: 0 0 0 55px; width:500px; float: left; position:relative; }
#Core_Guilds hr
{ margin: 0 5px 7px 5px}
#Core_Guilds h1, h2, h3, h4, h5, h6
{ margin: 0 0 5px 0}
#Core_Guilds td
{ background: url(Images/Form/bg_table.png); }
#Core_Item
{ margin: auto; margin-bottom: 10px; padding: 5px; width:500px; position:relative; background-color: rgb(182, 169, 108); border: 1px solid silver; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#Core_Item hr
{ margin: 0 5px 7px 5px}
#Core_Item h1, h2, h3, h4, h5, h6
{ margin: 0 0 5px 0}
#Core_Stats
{ margin: -60px 5px 0 172px; width:200px; position:relative; background: rgb(197, 181, 118); }
#Core_Stats hr
{ margin: 0 5px 7px 5px}
#Core_Stats h1, h2, h3, h4, h5, h6
{ margin: 0 0 5px 0}
#Core_ItemsShop
{ margin: auto; padding: 5px; width:500px; position:relative; background-color: rgb(182, 169, 108); box-shadow: 1px 1px 12px black; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.Core_ItemsShop_Title
{ background: url(Images/Form/shop/title.png); width: 482px; height: 42px; padding-top: 12px; margin-left: 8px; }
.Core_ItemsShop_Title h3
{ color: #FFE69A; text-shadow: 0 0 5px black; }
#Core_ItemsShop input[type=submit] 
{ width: 110px; height: 33px; cursor: pointer; padding: 0; background: url(Images/Form/shop/button.png) top no-repeat; border: none; color: #675542; font-weight: bold; font-size: 15px; }
#Core_ItemsShop input[type=submit]:hover
{ background: url(Images/Form/shop/button.png) bottom no-repeat; }
.pagination 
{ font-weight: bold; padding: 3px 6px; background: url(./Images/Form/bg_table.png); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow: 0px 0px 1px black; -moz-box-shadow: 0px 0px 1px black; box-shadow: 0px 0px 1px black; text-shadow: #F4F4F5 1px 1px; line-height: 30px; text-align: center; cursor: pointer; }.pagination:hover { box-shadow: 0px 0px 2px black; color: black; background: url(./Images/Form/bg_table.png); }
.selected, .selected:hover 
{ box-shadow: 0px 0px 2px black; background: url(./Images/Form/bg_table.png); color: black; cursor: default; }

/* Classes spéciales */
.Avatar
{ -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow: 1px 1px 12px black; }
#Bouton_createaccount
{ width:227px; height:60px; background:url(Images/Core/join/boutons.png) top left; }
#Bouton_createaccount:hover
{ background:url(Images/Core/join/boutons.png) bottom left; cursor: pointer; }
#Bouton_dofus
{ width:227px; height:60px; background:url(Images/Core/join/boutons.png) top right; }
#Bouton_dofus:hover
{ background:url(Images/Core/join/boutons.png) bottom right; cursor: pointer; }
#BtShop
{ width:175px; height:33px; cursor: pointer; }
.imagePerso 
{ float:right; margin-right:-54px; margin-top:-18px; width:757px; height:715px; }
.cadrePersonnage 
{ background-image:url(Images/Characters/cadrePersonnage.png); width:325px; height:205px;}
.blocPersonnage 
{ float:right; padding-right:50px; padding-top:60px; width:300px; height:200px;}
.blocPseudo 
{ margin-bottom:50px;}
.blocInformations 
{background-image:url(Images/cadrePersonnage.png); width:325px; height:205px; margin-left:-35px; margin-top:-25px; padding-left:20px; background-repeat:no-repeat; padding-top:10px; color:#FFF;}
.Perso_items
{ background-image:url(Images/Characters/itemview.png); height:294px; width: 292px; margin: 7px 0 0 19px;}


 /* Menu de gauche */
#Menu_Left 
{ float: left; margin-top: 6px; width:209px; }
.Menu_Left_top 
{ background: url(./Images/Menus/top.png) no-repeat; float: left; height:58px; position:relative ; width:209px; margin-top: 5px; }
.Menu_Left_bg 
{ background: url(./Images/Menus/bg.png) repeat-y; float: left; position:relative ; width:209px; height:auto; min-height: 100px; }
.Menu_Left_bg_text
{ width: 182px; margin: 0 10px 0 13px; padding: 0px; }
.element_menu_title
{ background: url(./Images/Menus/Form/title.png) no-repeat; height: 24px; margin: auto; width: 154px; padding-top: 2px; margin-top: 10px; }
.element_menu
{ margin-bottom: 20px; }
.element_menu h3
{ margin: 0px; font-size: 18px; color: black; text-shadow: 0 0 2px black; text-decoration: none; text-align:center; }
.element_menu ul 
{ list-style: inside none; padding: 0px; margin: 0 0 0 35px; }
.element_menu a
{ font-size: 16px; color: #3f3f3f; text-decoration: underline; }
.element_menu a:hover
{ color: #E9AB17; text-shadow: 0 0 5px black; text-decoration: none; }
.Menu_Infos 
{ background: url(./Images/Form/Infos.png) no-repeat; float: left; width:182px; height:155px; margin-left: 1px; }
.Menu_Infos tr
{ padding: 0 10px 0 10px; margin: 0; }
.Menu_Infos td
{ font-weight : bold; color: #474747; text-shadow: 0px 0px 5px silver; }
.Menu_Infos_c1 
{ font-weight : bold; color: green; text-shadow: 0px 0px 3px black; margin: 0px; padding: 0px; }
.Menu_Infos_c2 
{ font-weight : bold; color: red; text-shadow: 0px 0px 3px black; margin: 0px; padding: 0px; }
.Menu_Left_bottom
{ background: url(./Images/Menus/bottom.png) no-repeat; float: left; height:65px; position:relative ; width:209px; }

 /* Menu de droite */
#Menu_Right 
{ float: right; margin-top: 6px; width:209px; }
.Menu_Right_top 
{ background: url(./Images/Menus/top.png) no-repeat; float: left; height:58px; position:relative ; width:209px; margin-top: 5px;}
.Menu_Right_bg 
{ background: url(./Images/Menus/bg.png) repeat-y; float: left; position:relative ; width:209px; height:auto; min-height: 100px; }
.Menu_Connexion 
{ background: url(./Images/Form/Infos.png) no-repeat; float: left; width:182px; height:155px; margin-left: 14px; }
.Menu_Connexion h1 
{ width: 182px; margin: 10px 0 -10px 0; padding: 0 0 0 0; font-size: 16px; text-align:center; }
.Menu_Connexion a 
{ width:190px; margin: 25px 0 0 60px; font-size: 15px; color: gray; font-size: 13px; text-decoration: none; }
.Menu_Connexion input[type=text] 
{ width: 152px; height: 25px; color: #816a50; padding: 6px 9px 6px 8px; margin-left: 13px; background: url(Images/Form/champ1.png) no-repeat; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.Menu_Connexion input[type=password] 
{ width: 152px; height: 26px; color: #816a50; padding: 6px 9px 6px 8px; margin-left: 13px; background: url(Images/Form/champ2.png) no-repeat; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.Menu_Connexion input[type=submit] 
{ width: 105px; height: 23px; cursor: pointer; padding: 0; background: url(Images/Form/ok.png) top no-repeat; border: none; margin-left: 38px; }
.Menu_Connexion input[type=submit]:hover
{ background: url(Images/Form/ok.png) bottom no-repeat; }
.Menu_compte
{ background: url(./Images/Form/Infos.png) no-repeat; background-size: 182px 120px; float: left; width:182px; height:120px; margin: 0 0 10px 14px; }
.accountTable {
	margin: 11px 0 0 25px;
}
.accountTable td {
	border: 1px solid rgba(0, 0, 0, 0.1); 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
	background: rgba(0, 0, 0, 0.1);
	padding: 2px;
}
.accountTable td:hover {
	background: rgba(0, 0, 0, 0.05);
}
.mp_notification {
	display: block;
	padding: 0px 4px 1px 4px;color: #fff;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	top: 35px;
	right: 55px;
	background-color: #b90000;
	z-index: 990;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-shadow: 0 1px 0 #000;
}
.Menu_Vote
{ background: url(./Images/Menus/Form/vote.png) no-repeat top; float: left; width:156px; height:198px; margin: 0 0 0 26px; }
.Menu_Vote:hover 
{ background: url(./Images/Menus/Form/vote.png) no-repeat bottom; }
.Menu_Screen 
{ float: left; width:149px; height:100px; margin: 10px 0 0 30px; padding: 0 0 0 0; }
.Title_Menu_Right
{ background: url(Images/title_colum.png); color: #FFE69A; text-shadow: 0 0 5px black; width: 147px; height: 27px; font-size: 24px; font-weight: bold; margin: auto; text-align: center; }
.Menu_Right_bottom 
{ background: url(./Images/Menus/bottom.png) no-repeat; float: left; height:65px; position:relative ; width:209px; }

 /* Bloc du bas */
#Bloc_bottom 
{ margin: auto; margin-top: 20px; width:596px; }
.Bloc_bottom_top 
{ background: url(./Images/BottomBloc/top.png) no-repeat; float: left; height:77px; position:relative ; width:596px; }
.Bloc_bottom_bg 
{ background: url(./Images/BottomBloc/bg.png) repeat-y; float: left; position:relative ; width:596px; height:auto; min-height: 100px; }
.Bloc_bottom_bg_text
{ width:596px; padding: 50px; }
.Bloc_bottom_bottom 
{ background: url(./Images/BottomBloc/bottom.png) no-repeat; float: left; height:83px; position:relative ; width:596px; }
.button_admin input[type=submit] 
{ width: 110px; height: 33px; cursor: pointer; padding: 0; background: url(Images/Form/shop/button.png) top no-repeat; border: none; color: #675542; font-weight: bold; font-size: 15px; }
.button_admin input[type=submit]:hover
{ background: url(Images/Form/shop/button.png) bottom no-repeat; }

/* Speedbar */
.speedbar {
	background: rgba(0, 0, 0, 0.5);
	font-family: "wf_SegoeUILight", Arial;
	font-size: 11px;
	height: 17px;
	width: 100%;
	position: fixed;
	margin: -28px 0 0 -8px;
	z-index: 10;
	color: silver;
	padding-top: 3px;
}
.speedbar span {
	margin-top: 5px;
}
.speedbar a {
	margin: 5px 8px;
	color: silver;
	text-decoration: none;
}
.speedbar a:hover {
	text-decoration: underline;
}
.speedbar img {
	cursor: pointer;
	margin: 0 2px;
	float: left;
	padding: 2px;
	box-shadow: none;
}
.speedbar img:hover {
	box-shadow: none;
}
.speedbar .selected, .speedbar img:hover {
	background: rgba(255, 255, 255, 0.1);
}
.speedbar input {
	background: transparent;
	font-family: "wf_SegoeUILight", Arial;
	font-size: 12px;
	line-height: 1;
	border: 1px dashed gray;
	height: 15px;
	width: 100px;
	color: white;
	margin: 0 5px 0 0;
	padding: 3px;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}
.speedbar input[type="submit"] {
	height: 15px;
	width: 30px;
	margin: 0 10px 0 0;
	padding: 0;
}
.speedbar input[type="submit"]:hover {
	background: rgba(255, 255, 255, 0.2);
	cursor: pointer;
}