/* Début balises globales */
body {
	margin: 0px;
	background-image: url('../../images/fond/fond.jpg');
	background-repeat: repeat-x;
	background-color: #e6f1fc;
	font-size: 10px;
	font-family: Verdana, "Sans Serif";
	color: #454c75;
}

img {
	border: none;
}

a {
	color: #454c75;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style-type: none;
	padding-left: 23px;
}

input {
	background-color: #e9eefa;
	border: 1px inset white;
}
/* Fin balises globales */

/* Page index */
#global {
	background-image: url('../../images/fond/background.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

/* Début barre en haut de page */
#barre {
	height: 30px;
	background-image: url('../../images/fond/barre.jpg');
	background-repeat: repeat-x;
	padding-left: 170px;	
}


#barre_liens {
	color: #619eea;
	position: relative;
	bottom: 11px;
	left: 20px;
}

#barre_liens a {
	color: #619eea;
}
/* Fin barre en haut de page */

/* Début header 
#header {
	text-indent: 100px;
}
*/

#logo {
	float: left;
	margin-left: 100px;
	margin-top: 10px;
}
/* Fin header */

/* Début panneau de connexion */
#connexion {
	background-image: url('../../images/fond/compte.png');
	background-repeat: no-repeat;
	float: right;
	width: 234px;
	height: 136px;
	margin-right: 33px;
}

#oubli {
	background-image: url('../../images/bouton/2.png');
	background-repeat: no-repeat;
	display: block;
	width: 114px;
	height: 19px;
	padding-top: 10px;
	margin-left: 115px;
	margin-top: 8px;
	text-align: center;
	color: black;
	text-indent: 0px;
}

#formulaire {
	margin-left: 30px;
}
/* Fin panneau de connexion */

/* Début menu */
#menu {
	width: 178px;
	background-color: white;
}

#menu_header {
	background-image: url('../../images/fond/menu_header.jpg');
	background-repeat: no-repeat;
	width: 178px;
	height: 23px;
	text-indent: 20px;
	color: white;
	padding-top: 2px;
}

.menu_section_fond {
	background-image: url('../../images/fond/menu_section.jpg');
	background-repeat: repeat-x;
	height: 19px;
	color: #454c75;
	font-size: 15px;
	text-indent: 10px;
	padding-top: 4px;
}
/* Fin menu */

/* Début corps général */
#content {
	background-color: white;
	width: 462px;
}

#content_header {
	background-image: url('../../images/fond/content_header.jpg');
	background-repeat: no-repeat;
	width: 462px;
	height: 23px;
	text-indent: 20px;
	color: white;
	padding-top: 2px;	
}

#content_header1 {
	background-image: url('../../images/fond/content_header1.jpg');
	background-repeat: repeat;
	height: 18px;
	text-indent: 20px;
	color: white;
	padding-top: 2px;
}

#contenu {
	width: 424px;
	padding: 19px;
	text-align: justify;	
}
/* Fin corps général */

/* Début panneau poring */
#poring_header {
	background-image: url('../../images/fond/poring_header.jpg');
	background-repeat: no-repeat;
	width: 140px;
	height: 23px;
	text-indent: 20px;
	color: white;
	padding-top: 2px;
}
#poring_header2 {
	background-image: url('../../images/pub/pub1.png');
	background-repeat: no-repeat;
	width: 140px;
	height: 23px;
	text-indent: 20px;
	color: white;
	padding-top: 2px;
}


#panneau_poring {
	width: 140px;
	height: 363px;
	margin-left: 10px;
	background-color: white;
}

#poring {
	width: 140px;
	height: 363px;
	margin-left: 10px;
	background-image: url('../../images/fond/panneau_poring_2.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

#poring2 {
	width: 140px;
	height: 363px;
	margin-left: 10px;	
	background-color: #FFFFFF;
	background-position: center bottom;
}

#poring3 {
	width: 140px;
	height: 363px;
	margin-left: 10px;
	background-image: url('../../images/fond/panneau_poring_3.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

#poring4 {
	width: 140px;
	height: 200px;
	margin-left: 10px;	
	background-color: #FFFFFF;
	background-position: center bottom;
	overflow-y:auto;
	overflow-x: hidden;
}

#poring5 {
	width: 130px;
	height: 150px;
	margin-left: 10px;	
	background-color: #FFFFFF;
	background-position: center bottom;
	overflow-y:auto;
	overflow-x: hidden;
}

#poring6 {
	width: 140px;
	height: 180px;
	margin-left: 10px;	
	background-color: #FFFFFF;
	background-position: center bottom;
	overflow-y: hidden;
	overflow-x: hidden;
}

#image_poring {
	background-image: url('../../images/fond/panneau_poring.png');
	background-repeat: no-repeat;
	width: 105px;
	height: 103px;
	text-align: center;
	display: block;
}

#image_poring img {
	position: relative;
	top: 10px;
	right: 2px;
}

#image_poring2 {
	background-image: url('../../images/fond/panneau_poring2.jpg');
	background-repeat: no-repeat;
	width: 140px;
	height: 140px;
	text-align: center;
	display: block;
	vertical-align: middle;
}

#image_poring2 img {
	width: 112px;
	height: 112px;	
	padding-top: 15px;
}


#poring_texte {
	padding: 150px 10px 0px 10px;
}

#poring_texte2 {
	padding: 0px 2px;
}

#service {
	background-image: url('../../images/bouton/3.png');
	background-repeat: no-repeat;
	display: block;
	width: 73px;
	height: 21px;
	padding-top: 10px;
	padding-left: 8px;
	text-align: center;
	color: black;
}

#compte {
	background-image: url('../../images/bouton/1.png');
	background-repeat: no-repeat;
	width: 137px;
	height: 22px;
	display: block;
	padding-top: 9px;
	color: black;
}
/* Fin panneau poring */

/* Début page Inscription */
#inscription input {
	margin-left: 10px;
}

#inscription select {
	background-color: #e9eefa;
	margin-left: 10px;
}

#inscription img {
	margin-top: 10px;
}

#inscription_submit {
	background-image: url('../../images/poring/inscription.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 10px;
	height: 130px;
}

#valider {
	background-image: url('../../images/bouton/4.png');
	background-repeat: no-repeat;
	color: black;
	font-size: 100%;
	padding-bottom: 1px;
	width: 155px;
	height: 30px;
	border: none;
}

#delall {
	background-image: url('../../images/bouton/4.png');
	background-repeat: no-repeat;
	color: black;
	font-size: 100%;
	padding-bottom: 1px;
	width: 155px;
	height: 30px;
	border: none;
}

#delcheck {
	background-image: url('../../images/bouton/4.png');
	background-repeat: no-repeat;
	color: black;
	font-size: 100%;
	padding-bottom: 1px;
	width: 155px;
	height: 30px;
	border: none;
}


#validerzoom {
	background-image: url('../../images/bouton/7.png');
	background-repeat: no-repeat;
	color: black;
	font-size: 100%;
	padding-bottom: 1px;
	width: 116px;
	height: 30px;
	border: none;
}

#validercarte{
	background-image: url('../../images/bouton/7.png');
	background-repeat: no-repeat;
	color: black;
	font-size: 100%;
	padding-bottom: 1px;
	width: 116px;
	height: 30px;
	border: none;
}

/* Fin page Inscription */

/* Début page Mon compte */
#avatar {
	background-image: url('../../images/fond/mon_compte.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 50%;
	height: 187px;
	text-align: center;
	vertical-align: middle;
}

.description {
	background-color: #e9eefa;
	border: 1px outset white;
	margin: 3px 0px 0px 10px;
}
/* Fin page Mon compte */

/* Début page Promenade */
#carte {
	background-image: url('../../images/promenade/fond.png');
	background-repeat: no-repeat;
	height: 341px;
	text-align: center;
	vertical-align: middle;
}
/* Fin page Promenade */

/* Début page Mon poring */
#avatar_poring {
	background-image: url('../../images/fond/mon_compte.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 50%;
	height: 187px;
	text-align: center;
	vertical-align: middle;
}

#inventaire {
	width: 100%;
	height: 341px;
}

#inventaire_corps {
	background-image: url('../../images/mon_poring/inventaire_corps.png');
	background-repeat: no-repeat;
	background-position: left top;
}

#inventaire_corps_2 {
	width: 152px;
	height: 320px;
	margin-left: 7px;
	overflow: auto;
}
/* Fin page Mon poring */

/* Début page  Défi */
.defi {
	background-image: url('../../images/fond/defi.png');
	background-repeat: no-repeat;
	width: 128px;
	height: 362px;
	padding: 5px 6px 5px 0px;
}

.defiLogB1 {
	background-image: url('../../images/fond/defi2.png');
	background-repeat: no-repeat;
	width: 282px;
	height: 270px;	
	margin-right: 20px;	
}

.defiLogB2 {
	background-image: url('../../images/fond/defi2-2.png');
	background-repeat: no-repeat;
	width: 282px;
	height: 270px;	
	margin-right: 20px;	
}



.defiLog{
	width: 270px;
	height: 265px;
	overflow: auto;
	padding-left: 10px;	
}

.defi div {
	overflow: auto;
	height: 100%;
}

.defi ul {
	padding-left: 10px;
}

.defi li {
	padding-bottom: 2px;
}

.defi_image {
	float: right;
	position: relative;
	right: 10px;
}
/* Fin page  Défi */


/* Début page Chat */
#chat {
	background-image: url('../../images/fond/chat.png');
	background-repeat: no-repeat;
	width: 385px;
	height: 363px;
	margin-left: 5px;
	margin-top: 10px;
	padding: 15px;
}

#chat_texte {
	width: 385px;
	height: 363px;
	overflow: auto;
}
/* Fin page Chat */

/* Début page Poring poste */

#supprimer {
	background-image: url('../../images/bouton/6.png');
	background-repeat: no-repeat;
	background-color: white;
	border: none;
	display: block;
	width: 230px;
	height: 31px;
	padding-bottom: 3px;
	padding-left: 14px;
	text-align: center;
	color: black;
	text-indent: 0px;
}

#message_ecriture {
	background-color: #E9EEFA;
	border: 1px outset white;
	width: 95%;
	padding: 10px;
	margin-top: 20px;
}

#message_lecture {
	background-color: #E9EEFA;
	border: 1px outset white;
	width: 100%;
	padding: 10px;
	margin-top: 1px;
}

#message_ecriture input, #message_lecture input {
	background-color: #c4d2f5;
	border: 1px inset white;
}

#message_ecriture textarea, #message_lecture textarea {
	background-color: #FFFFFF;
	border: none;
}

.rose {
	background-color: #ffcebd;
	border: 1px inset white;
	padding: 5px;
}

.bleu {
	background-color: #c4d2f5;
	border: 1px inset white;
	padding: 5px;
}
/* Fin page Poring poste */

/* Début page Classements */
#classement {
	background-image: url('../../images/classement/fond.png');
	background-repeat: no-repeat;
	height: 389px;
}

.pages {
	float: right;
	margin-right: 20px;
}

#contenu_classement {
	margin: 10px;
	width: 94%;
	height: 94%;
	overflow: hidden;
}

.rang {
	background-color: #b8c2dd;
	border: 1px solid white;
	height: 20px;
}
/* Fin page Classement */

/* Début page Enchères */
.vente {
	background-color: #E9EEFA;
	width: 95%;
	height: 200px;
	overflow: auto;
	padding: 10px;
	border: 1px outset white;
}

.vente_2 {
	background-color: #E9EEFA;
	width: 95%;
	height: 100px;
	overflow: auto;
	padding: 10px;
	border: 1px outset white;
}

.fonce {
	background-color: #c1c5d0;
	height: 18px;
}

.clair {
	background-color: #d6d7d9;
	height: 18px;
}
/* Fin page Enchères */

/* Début page Database items */
#item {
	background-image: url('../../images/fond/mon_compte.png');
	background-repeat: no-repeat;
	background-position: center;
	width: 50%;
	height: 187px;
	text-align: center;
	vertical-align: middle;
}

.description {
	width: 90%;
	padding: 10px;
	margin-left: 10px;
	background-color: #E9EEFA;
	border: 1px outset white;
}

.item_monstre {
	background-image: url('../../images/fond/item_db.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 122px;
}
/* Fin page Database items */


.cadrejell a:link {text-decoration: none;}
.cadrejell a:hover {text-decoration: none;}



#emailc {
	background-color: #c4d2f5;
	border: 1px inset white;
	padding: 5px;
}


#editinglayer {
	background-image: url('../../images/fond/editlayer.jpg');
	background-repeat: no-repeat;
	width: 462px;
	height: 23px;
	text-indent: 20px;
	color: black;
	padding-top: 2px;
}


.guild_ask {
	background-color: #E9EEFA;
	width: 99%;
	overflow: auto;
	padding: 10px;
}

#logs {
	background-image: url('../../images/fond/pvm.jpg');
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-top: 10px;
	padding: 15px;

	width: 400px;
	height: 136px;
	overflow: auto;
}

#text {
	width: 400px;
	height: 150px;
	overflow: auto;
}

#logs2 {
	padding-left: 10px;
	width: 560px;
	height: 130px;
	overflow: auto;
}


#pvmr {
	background-image: url('../../images/bouton/pvm.jpg');
	background-repeat: no-repeat;
	color: black;
	font-size: 100%;
	padding-bottom: 1px;
	width: 81px;
	height: 30px;
	border: none;
}

#pvmf {
	background-image: url('../../images/bouton/pvmf.jpg');
	background-repeat: no-repeat;
	color: black;
	font-size: 100%;
	padding-bottom: 1px;
	width: 62px;
	height: 30px;
	border: none;
}

#pvmf2 {
	background-image: url('../../images/bouton/pvmf2.jpg');
	background-repeat: no-repeat;
	color: white;
	font-size: 100%;
	padding-left: 10px;	
	padding-bottom: 1px;
	width: 130px;
	height: 30px;
	border: none;
}


.b_red {
	background-image: url('../../images/bouton/8.png');
	background-repeat: no-repeat;
	color: white;
	font-size: 100%;
	padding-bottom: 1px;
	width: 81px;
	height: 30px;
	border: none;
}

.b_ble {
	background-image: url('../../images/bouton/3.png');
	background-repeat: no-repeat;
	color: white;
	font-size: 100%;
	padding-bottom: 1px;
	width: 81px;
	height: 30px;
	border: none;
}



div#combat_fond{
	position: absolute;
	width: 600px;
	height: 400px;
	background-image: url(../../../images/fond/fondpvp.png);
	background-repeat: no-repeat ;
}

div#dessin_mokos{
	position: absolute;
	margin-top: 25px;
	margin-left: 25px;
	width: 120px;
	height: 120px;
}

div#hpmax_mokos{
	position: absolute;
	margin-top: 173px;
	margin-left: 70px;
}

div#manamax_mokos{
	position: absolute;
	margin-top: 196px;
	margin-left: 70px;
}


div#hpmax_mokosdyn{
	position: absolute;
	margin-top: 162px;
	margin-left: 55px;
}

div#aspd1aff{
	position: absolute;
	margin-top: 184px;
	margin-left: 55px;
}

div#dessin_monstre{
	position: absolute;
	margin-top: 215px;
	margin-left: 25px;
	width: 120px;
	height: 120px;
}

div#hp2maxdyn{
	position: absolute;
	margin-top: 352px;
	margin-left: 55px;
}

div#aspd2aff{
	position: absolute;
	margin-top: 374px;
	margin-left: 55px;
}

div#hpmax_monstre{
	position: absolute;
	margin-top: 363px;
	margin-left: 70px;
}

div#manamax_monstre{
	position: absolute;
	margin-top: 386px;
	margin-left: 70px;
}


div#logcombat{
	position: absolute;
	width: 410px;
	height: 155px;
	margin-top: 35px;
	margin-left: 170px;
	overflow-y: scroll;
}

div#pvpcommand{
	position: absolute;
	width: 420px;
	height: 30px;
	margin-top: 205px;
	margin-left: 165px;
}

img#btn_attaques{
	position: absolute;
	margin-left: 0px;
}

img#btn_defendre{
	position: absolute;
	margin-left: 90px;
}

img#btn_objets{
	position: absolute;
	margin-left: 180px;
}

img#btn_fuir{
	position: absolute;
	margin-left: 340px;
}

div#cadre_inf{
	position: absolute;
	width: 410px;
	height: 135px;
	white-space: nowrap;
	margin-top: 245px;
	margin-left: 170px;
	overflow-x: auto;
	overflow-y: hidden;
}


#chatContainer {
	color: #619eea;
	position: relative;
	bottom: 11px;
	left: 20px;
}  

#layer1_handle 
{
	background-color:#5588bb;
	padding:2px;
	text-align:center;
	font-weight:bold;
	color: #FFFFFF;
	vertical-align:middle;
}
#layer1_content 
{
	padding:5px;
}
#close
{
	float:right;
	text-decoration:none;
	color:#FFFFFF;
}

.xstooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2000002; 

    font: normal 8pt sans-serif; 
    padding: 3px; 
    border: solid 0px;
}

.xstooltip2
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2000;
}

.cadre_inf a:link {text-decoration: none;}
.cadre_inf a:hover {text-decoration: none;}

.border
{
	border-top:#999900 1px solid;
	border-left:#999900 1px solid;
	border-right:#999900 1px solid;
	border-bottom:#999900 1px solid;
	padding-left: 5px;
	padding-right: 5px;
}

/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:400px; width:600px; left:50%; top:15%; margin-left:-300px; background-color:#fff; border:3px solid #ccc;}
#modalContainer a.modalCloseImg {background:url(../../js/img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}


/* CSS needed for the script */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../../js/images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:150px;	/* Width of tooltip content */
	height:200px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

/* CSS Document */

#ibox_w{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	margin:0;
	padding:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

#ibox_progress {	
	margin:0;padding:0;
	position: absolute;
	z-index:105;
}

#ibox_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1000;
	padding:10px;
	border:1px solid #CCC;
	width:300px;
	height:300px;
	background-color:#999999;
	padding-bottom:30px;
	margin:0;
}

#ibox_content {
	background-color:#FFFFFF;
	width:100%;
	height:100%;
	margin-bottom:5px;
	position:relative;
	top:0px;
	left:0px;
	border:1px solid #000;
	padding:2px;
}

#ibox_footer_wrapper {
	position:relative;padding:0;margin:0;top:0px;left:0px;
}