/* -------- TOP BAR -------- */

div#stats /* Boîte générale des statistiques */
{
	position: relative;
	width: 990px;
	height: 150px;
	color: white;
}

div#stats_left
{
	position: absolute;
	width: 460px;
	height: 150px;
	background-image: url("../../images/interface/stats_menu/leftstats.png");
	background-repeat: no-repeat;
	left: 0px;
	clear: left;
}

div#stats_right
{
	position: absolute;
	width: 460px;
	height: 150px;
	background-image: url("../../images/interface/stats_menu/rightstats.png");
	background-repeat: no-repeat;
	right: 0px;
}

div#necklace /* Boîte contenant le collier de la bestiole */
{
	position: absolute;
	background-image: url("../../images/stones/necklace.png");
	background-repeat: no-repeat;
	height: 72px;
	width: 420px;
	left: 355px;
	top: 0px;
}

/* Images des améliorations et du collier */
img.amelioration1
{
	position: absolute;
	top: 12px;
	left: 32px;
}

img.amelioration2
{
	position: absolute;
	top: 12px;
	left: 118px;
}

img.amelioration3
{
	position: absolute;
	top: 12px;
	left: 202px;
}

/* Écriture des stats */

p.stats_nom
{
	position: absolute;
	top: 33px;
	left: 180px;
	font-size: 18pt;
}

p.stats_points_dep
{
	position: absolute;
	left: 210px;
	top: 70px;	
}

p.stats_points_act
{
	position: absolute;
	left: 210px;
	top: 95px;
}

p.stats_aniname
{
	position: absolute;
	top: 33px;
	right: 180px;
	font-size: 18pt;
	text-align: right;
}

p.stats_nv_xp
{
	position: absolute;
	top: 70px;
	right: 210px;
}

p.stats_pwr
{
	position: absolute;
	top: 65px;
	right: 360px;
}

div.avatar /*Boîte contenant l'avatar*/
{
	position: relative;
	top: 3px;
	left: 40px;
	width: 125px;
	height: 145px;
}

img.skin /* Corps du personnage, prends la boîte "avatar" au complet */
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

img.eyes /* Les yeux de l'avatar */
{
	position: absolute;
	z-index: 2;
	top: 50px;
	left: 36px;
	width: 54px;
	height: 19px;
}

img.hair /* Les cheveux de l'avatar */
{
	position: absolute;
	z-index: 6;
	left: 0px;
	width: 125px;
	height: 110px;
}

img.nose /* Le nez de l'avatar */
{
	position: absolute;
	left: 47px;
	top: 63px;
	z-index: 3;
	width: 30px;
	height: 22px;
}

img.mouth /* La bouche de l'avatar */
{
	position: absolute;
	left: 40px;
	top: 81px;
	z-index: 4;
	width: 45px;
	height: 20px;
}

img.clothes /* Les vêtements de l'avatar */
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5;
	width: 125px;
	height: 145px;
}

div.image_out_link  /* Boîte sur laquelle on clique pôur développer les parties de l'avatar modifiable  */
{
	width: 550px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	background-color: #552222;
}

div.image_av /* Boîte dans laquelle apparaissent les éléments servant à modifier l'avatar, où l'on choisi les morceaux  */
{
	width: 550px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #552222;
}

div.bestiole /* Boîte contenant la bestiole */
{
	position: absolute;
	width: 110px;
	height: 125px;
	min-height: 110px;
	text-align: left;
	right: 30px;
	bottom: 0px;
}

/*  ---------- CONTENT ------------ */
div#content
{
	position: relative;
}


div#etat_inc
{
	width: 150px;
	height: 400px;
	margin: 10px;
	float: left;
}

fieldset.etat
{
	width: 150px;
	height: 400px;
}

div#map_inc
{
	width: 420px;
	height: 420px;
	margin: 10px;
	float: left;
}

/*div#dep_inc 
{
	position: absolute;
	width: 90px;
	height: 90px;
}*/

div#actions_inc
{
	width: 150px;
	height: 400px;
	margin: 10px;
	float: left;
}



/* Actions */

fieldset.actions
{
	width: 150px;
	height: 400px;
	text-align: left;
}

/* Tableau de la carte */

div#map
{
	position: relative;
	border: 1px solid white;
	width: 420px;
	height: 420px;	
}

table.map_table
{
	font-size: 0pt;
	width: 420px;
	height: 420px;
	border: 1px solid white;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

tr.map_tr
{
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

td.map_td
{
	position: relative;
	width: 28px;
	height: 28px;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

img.here
{
	position: absolute;
	width: 28px;
	height: 28px;
	margin-left: -28px;
}

img.fleche
{
	border: 0px;
}

div#maplist
{
	width: 150px;
	min-height: 250px;
	border: 1px solid white;
	float: left;
	margin-right: 10px;
}