@charset "utf-8";
/* CSS Document */


body	{	margin:0px; background-color:#060303;	background-image:url(../../img/design/marron/bg.jpg); background-repeat:repeat-x; height:100%; font-size:16px; color: #333300;	}
div.texte_arial								{ font-family:Arial; font-size:12px; color:#fff7d2 }
div.texte_arial_titre					{ font-family:Arial; font-size:16px; color:#fff7d2; font-weight:bold }
div.texte_arial_sous_titre		{ font-family:Arial; font-size:12px; color:#f4bb3c }
.texte_arial_noir					{ font-family:Arial; font-size:12px; color:#000000 }

div.fenetre_principale	{	margin:auto; height:720px; width:1123px; }

div.header	{	margin:auto; height:231px; width:1123px; background-image:url(../../img/design/marron/fenetres/header.png); background-repeat: no-repeat; overflow:hidden	}
div.body		{	margin:auto; width:923px; background-image:url(../../img/design/marron/fenetres/body.png); background-repeat:repeat-y; padding-left:100px; padding-right:100px; overflow:hidden	}
div.footer	{	margin:auto; height:383px; width:1123px; background-image:url(../../img/design/marron/fenetres/footer.png); background-position:center	}

.titre
{
	font-size: 22px;
	font-weight: bold;
	font-variant: small-caps;
	border-bottom-width:thin;
	border-bottom-style:dashed;
	margin-bottom:10px
}
.sous_titre
{
	margin-left:80px;
	font-size: 19px;
	font-weight: bold;
	border-bottom-width:thin;
	border-bottom-style:dashed;
	margin-bottom:10px
}
.sous_article {	margin-left:100px; }

div.fenetre_1	{
	height:250px;
	width:368px;
	background-image:url(../../img/design/marron/fenetres/modele_1.png);
	position:absolute;
	margin-left:700px;
	margin-top:-125px;
	left: 364px;
	top: 134px;
}
div.cadre_principal	{	width:1123px; height:873px; margin:auto; padding-top:20px; position:absolute; margin-left:70px}

/* la personalisation du perso su rl apage d'inscription */
div.skin_display							{	width:349px; height:400px; }
div.avatars_display						{	width:100px; height:100px; }
div.choix_coiffure						{	width:260px; height:59px; background-image:url(../../img/design/marron/fenetres/coiffure.png);  padding-top:20px; padding-left:30px }
div.choix_coiffure_couleurs		{	width:260px; height:49px; background-image:url(../../img/design/marron/fenetres/coiffure_couleurs.png); padding-top:30px; padding-left:30px }
div.choix_skins								{	width:260px; height:49px; background-image:url(../../img/design/marron/fenetres/skins.png); padding-top:30px; padding-left:30px }
div.choix_couleurs_primaires	{	width:260px; height:49px; background-image:url(../../img/design/marron/fenetres/couleurs_primaires.png); padding-top:30px; padding-left:30px }
div.choix_couleurs_secondaires{	width:260px; height:49px; background-image:url(../../img/design/marron/fenetres/couleurs_secondaires.png); padding-top:30px; padding-left:30px }
div.nom_du_perso							{	width:250px; height:51px; background-image:url(../../img/design/marron/fenetres/nom_du_perso.png); margin-left:450px;}
div.race											{	width:136px; height:32px; background-image:url(../../img/design/marron/fenetres/race.png); padding-left:20px; padding-top:25px}
div.sexe											{	width:136px; height:32px; background-image:url(../../img/design/marron/fenetres/sexe.png); padding-left:20px; padding-top:25px}
div.caracteristiques					{	width:196px; height:167px; background-image:url(../../img/design/marron/fenetres/caracteristiques.png); }
div.informations							{	width:196px; height:111px; background-image:url(../../img/design/marron/fenetres/informations.png);	}
div.barre_infos						{ width:100px; height:11px; position:absolute; font-size:10px; margin:0; padding:0; text-align:center; visibility:hidden }

/* la page d'accueil */
div.fenetre_verte_1						{	width:390px; height:214px; background-image:url(../../img/design/marron/fenetres/fenetre_verte_1.png); padding-left:15px; padding-right:15px }
div.fenetre_verte_2						{	width:390px; height:460px; background-image:url(../../img/design/marron/fenetres/fenetre_verte_2.png); padding-left:15px; padding-right:15px }
div.popup_masque							{	/*background-color:#666666;*/ position:absolute; opacity:0.75; display:none }

a:visited											{ color:#fff7d2}

/* la carte */
div.map_case											{ float:left; position:absolute; width:44px; height:100px; }

/* info bulle */
a.info_bulle span 				{ display: none; }
a.info_bulle:hover span 	{ display: inline; position: absolute; white-space: nowrap; background: #f7f4d9; color: #646464; padding: 3px; border: 1px solid #646464; border-left: 4px solid #646464; }
div.img_decors:hover				{ /*border-color:#FF0000; border-width:1px; border-style:solid*/ }