@charset "iso-8859-1";

body {font-family: Tahoma,serif; font-size: 0.8em; background-color: #ebeced; background-repeat: repeat-x; background-image: url("http://www.andromelia.net/img/img_free/css/0/fond.jpg");}

table {font-family: Tahoma,serif; font-size: 1em;}

img {border: 0;}

a {color: #6568AA; text-decoration: none;}

a:hover {color: red}

.tabDefaut {margin: 0; padding: 0; width: 100%; border: 0}

.tabDefaut tr {background-color: #ddd ; padding: 0; margin: 0;}

.tabDefaut td {background-color: #f5f5f8; margin: 0}

.tabDefaut th {background-color: #eee; margin: 0}

form {margin: 0; padding: 0; background-color: #fcfcfc;}

acronym {cursor:help;border-bottom:1px dotted #000;}

/*Corps de la page*/

#corps {margin: 135px 10% 0px 10%; position: relative; z-index: 100; padding: 0; border: 0;}

p {background-color: #fff; margin: 0; padding: 0 0 5px 10px; border: 1px solid #ccc}

h1 {font-size: 1.5em; background-color: #f5f5ff; margin: 0; padding: 0 0 0 2px; text-align: center; border: 1px solid #ddd}

h2 {font-size: 1.3em; background-color: #f8f8ff; margin: 0; padding: 0 0 0 2px; text-align: center; border: 1px solid #ddd}

h3 {font-size: 1em; background-color: #fafaff; margin: 0; padding: 0 0 0 5px; border: 1px solid #ddd}

h4 {font-size: 0.9em; background-color: #fcfcff; margin: 0; padding: 0 0 0 15px; border: 1px solid #ddd}

.warning {width: 80%; margin: 0px 0px 5px 10%; text-align: center; border: 1px solid #a00; background-color: #fff; color: #f00; font-weight: bold; padding: 2px}

.reussite {width: 80%; margin: 0px 0px 0px 10%; text-align: center; border: 1px solid #eee; background-color: #efe; color: #000; padding: 2px}

.reussiteCritique {width: 80%; margin: 0px 0px 0px 10%; text-align: center; border: 1px solid #eee; background-color: #cfc; color: #000; padding: 2px; font-weight: bold;}

.echec {width: 80%; margin: 0px 0px 0px 10%; text-align: center; border: 1px solid #eee; background-color: #fee; color: #000; padding: 2px}

.echecCritique {width: 80%; margin: 0px 0px 0px 10%; text-align: center; border: 1px solid #eee; background-color: #fcc; color: #000; padding: 2px; font-weight: bold;}



/*******

 *Actions

*******/

#corps #actionListe {border: 1px solid #555; width: 35%; margin-bottom: 100px}
#corps #actionListe h3 {padding: 0; border: 0; margin: 0; text-align: center}
#corps #actionListe p {padding-left: 5px; border: 0}

#corps #actionDetails {border: 1px solid #555; width: 60%; float: right; background-image: url("http://www.andromelia.net/img/img_free/engrenage.gif"); background-position: bottom right; background-repeat: no-repeat}
#corps #actionDetails h3 {padding: 0; border: 0; margin: 0; text-align: center; background-color: transparent}
#corps #actionDetails p {margin : 0; border: 0 ; padding: 0px 5px 0px 5px; background-color: transparent}
#corps #actionDetails #descriptionAction {font-style: italic; margin-left: 15px;}
#corps #actionDetails #paramAction {font-style: italic; margin-left: 15px;}
#corps #actionDetails #raisonAction {font-style: italic; margin-left: 15px}
#corps #actionDetails #raisonActionT {color: red}
#corps #actionDetails #hSubmit {border : 0; padding: 0 0 5px 0; margin: 5px 0 0 0;}
#corps #actionDetails input {border: 1px solid #ddf; background-color: #f9f9f9}
#corps #actionDetails input:focus {background-color: #fff}
#corps .actionActive {}
#corps .actionInactive {color: #555; font-style: italic;}

#corps #detailsPersoAction {border: 0; border-top: 1px solid #aaa; width: 100%; background-color: transparent; margin-top : 10px}
#corps #detailsPersoAction table {margin : 0; border: 0 ; padding: 0px 5px 0px 5px; width: 100%}
#corps #detailsPersoAction #thVoirPersoAction {}
#corps #detailsPersoAction table .col1 {width: 50%; padding-left: 20px}
#corps #detailsPersoAction table .col2 {border-left: 1px solid black; padding-left: 20px}


/*******

 *Accueil

*******/

/*News*/

#news {margin: 20px 0px 20px 5%; padding: 0; width: 90%; text-align: center; background-color: #eef;  border: 0}

#news tr {background-color: #fff ; border: thin; border-color: #fff; padding: 0; margin: 0;}

#news td {background-color: #fff;}

#news th {background-color: #f5f5ff;}

#news .titreNews {font-size: 1.2em}

/*pub*/

#pub {text-align: center; width: 100%; margin-top: 10px}



/*******

 *Animaux

*******/



.titreAnimal {width: 80%; margin : 20px 0 0 10%; padding: 1px; text-align: center}

.ssTitreAnimal {width: 80%; margin : 0 0 0 10%; padding: 1px; text-align: center; border-top: 1px dashed gray; border-bottom: 1px dashed gray}

.animal {width: 80%; margin: 0 0 0 10%; padding: 1px; }

.animalAction {width: 80%; margin: 0 0 0 10%; padding: 1px; text-align: center }

.animalAction span {color: #f00}

.formAnimal {width: 80%; margin: 0 0 0 10%; padding: 1px; padding-top: 5px; background-color: white; text-align: center;}





/*******

 *Charte

*******/

.charte {background-color: #fff; margin: 0; border-left: 1px solid #eee; border-right: 1px solid #eee}





/*******

 *Création

*******/

#corps #creation {margin: 0; padding: 0; width: 80%; margin-left: 10%}

#corps #creation tr {background-color: #ddd ; border: thin; border-color: #fff; padding: 0; margin: 0;}

#corps #creation td {background-color: #ccc; padding: 0px 0px 0px 20px;}

#corps #creation th {background-color: #EDEDED; padding: 0px 5px 0px 5px}

#corps #creation input {width: 150px}



/*******

 *Feuille de personnage 

*******/

#feuille {width: 98%; margin: 0; padding: 5px; background-repeat: no-repeat; background-position: top right; position: relative; display: block;   background-color: #fff;  border: 1px solid #ddd}

/*inventaire*/

#feuille #inventaire {width: 480px; margin-top : 5px; border: 1px solid #eee}
#feuille #inventaire h3 {font-size: 1em; background-color: #ffffff; margin: 0; padding: 0; border: 0; text-align: center}

#feuille #inventaire table {height: 128px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px}
#feuille #inventaire table tr {margin: 0; padding: 0}
#feuille #inventaire table td {width : 32px; height: 32px; margin: 0; padding: 0; background-image: url("http://www.andromelia.net/img/img_free/css/0/inventaireVide.png")}
#feuille #inventaire table a {margin: 0; padding: 0; border: 0; text-decoration: none;} 
#feuille #inventaire table img {margin: 0; padding: 0; border: 0; width : 28px; height: 28px; }

#feuille #inventaire table .objetVide {background-image: url("http://www.andromelia.net/img/img_free/css/0/inventaire.png")} 
#feuille #inventaire p {margin: 0; padding: 1px; font-size: 0.8em; }
#feuille #inventaire p a {background-color: #fafafa; border: 1px solid #ccc}
#feuille #inventaire p a:hover {background-color: #ffffff; border: 1px solid #eee}
#feuille #inventaire #lienInventaire1 {border: 0}
#feuille #inventaire #lienInventaire2 {border: 0}


/*Détails objet*/
#feuille #detailObjet {border : 1px solid #eeeeee; width: 480px; margin-top: 10px; margin-bottom: 10px}
#feuille #detailObjet h3 {font-size: 1em; background-color: #ffffff; margin: 0; padding: 0; border: 0; text-align: center}
#feuille #detailObjet #detailObjetDesc {display: block; border: 0; border-left : 1px solid #eeeeee; float: right; width: 300px;}
#feuille #detailObjet #detailObjetLien {display: block; border: 0; width: 100px}

/*Image de personnage*/
#feuille #imgPerso {font-size: 0.6em; text-align: center; top: 160px;}
#feuille #imgPerso .vide {height: 75px}
#feuille #imgPerso tr td img {width: 32px; height: 32px}
#feuille #imgPerso tr td #feuilleImg {width: 400px; height: 500px}

/*Effet*/

#feuille #effet {margin: 5px 0px 0px 5px; border: 1px solid black}

#feuille #effet td {text-align: center; background-color: #eee}
#feuille #effet th {border-bottom: 1px solid #999}

#feuille #effet #effetTitre {color: #f00;}

/*Attributs*/

#feuille #attribut {list-style-type: none; margin: 0; padding: 0; display: block; width: 250px; position: absolute; right: 5px; top: 5px}

#feuille #attribut li { display: inline; float: left; position: relative; width: 123px; margin: 0; padding : 0; text-align: center; background-color: #fefefe; border : 1px solid #eee}

#feuille #attribut .uneLigne {width: 248px; background-color: #f5f5f5;}

/*tableaux de compétences et caracteristiques*/

#feuille #carac {position: absolute; padding: 0; top: 160px; right: 5px}

#feuille #carac table {background-color: #ddd; border: 1px solid #fff; padding: 0; width: 250px}

#feuille #carac tr {background-color: #000 ; border: thin; border-color: #000; padding: 0; margin: 0;}

#feuille #carac td {background-color: #fcfcfc; padding-left: 3px;}

#feuille #carac th {background-color: #eee; text-align: center;}

#feuille #carac .plus {color: #2c2; font-weight: bold; text-align : center; padding : 0}

#feuille #carac .moins {color: #f00; font-weight: bold; text-align : center; padding : 0}

#feuille #carac .normal {text-align : center; padding : 0}









/*Signature et description*/

#feuilleSigDesc {width: 98%; margin: 0; padding: 5px; position: relative; display: block;   background-color: #fff}

#feuilleLien {text-align: center; width: 98%; border-bottom: 0}
#feuilleLien2 {text-align: center; border-bottom: 0}
#feuille #listeArme {background-color: #ddd}
#feuille #listeArme .imgListeArme {width: 32px; height: 32px; margin-right: 10px;}






/*********

 * Options *

*********/

#corps #options {margin: 0; padding: 0; width: 100%; border: 0}

#corps #options tr {background-color: #ddd ; border: 0; border-color: #fff; padding: 0; margin: 0;}

#corps #options td {background-color: #ccc; padding: 0px 0px 0px 20px; width: 50%}

#corps #options th {background-color: #EDEDED; padding: 0px 5px 0px 5px}

#corps #options input {width: 150px}


/*********

 * Quêtes *

*********/
.quete {margin: 0; padding: 5px 0 5px 0; border-bottom: 1px solid #ddd}
.quete a {color: #000}
.quete a:hover {color: #777}
.quete .debut {list-style-type: none; margin-left: 5px; font-weight: bold}
.quete .etape {margin-left: 30px}
.quete .fin {margin-left: 30px; color: #a00}
.quete .fin .aFin {color: #a00}
.quete .fin .aFin:hover {color: #f00}


#queteEnCours {background-color: #fff; margin: 0}
#queteFini {background-color: #fff; margin: 0}

#titreQueteFini {margin-top: 20px}

#detailsQuete {background-color: #fff; border: 1px solid #eee; margin-bottom: 30px; width: 100%}
#detailsQuete th {text-align: right; padding-right: 5px; background-color: #fafafa; width: 25%}
#detailsQuete td {text-align: left; padding-left: 5px; background-color: #f5f5fa; width: 25%}
#detailsQuete #nomQuete {text-align: center}
#detailsQuete #texteQuete {background-color: #fff}




/*********

 * Rapport privé *

*********/

#pageRapport {list-style-type: none; margin: 0px 0px 20px 0px; padding: 0; height: 20px; position: relative;}

#pageRapport li { display: inline; float: left; position: relative; width: 10px; background-color: #fff; padding: 2px; border: 1px solid #eee; text-align: center}

#rapportPV {background-color: #eee; padding: 0; position: relative; width: 100%; text-align: center; }

#rapportPV tr {background-color: #ddd ; padding: 0; margin: 0;}

#rapportPV th {background-color: #f3f3f3; }

#rapportPV .nonVuJour {background-color: #f0f0ff; font-weight: bold}

#rapportPV .nonVuHeure {background-color: #fafaff; font-weight: bold}

#rapportPV .nonVuMsg {background-color: #f0f0ff; text-align: left; font-weight: bold; padding-left: 5px}

#rapportPV .vuJour {background-color: #fff;}

#rapportPV .vuHeure {background-color: #f9f9f9;}

#rapportPV .vuMsg {background-color: #fff; text-align: left; padding-left: 5px}



/*********

 * Relations *

*********/

.relationDiv {border: 1px solid #eee; display: block; height: 100px; background-color: #fff; margin-bottom: 10px}

html>body .relationDiv {

	height: auto;

	min-height: 100px;

}

.relationDiv p {border: 0}

.titreRelation {margin-top: 10px}

.imgRelation {float: left; margin-top: 5px; margin-left: 5px}

.imgRelation img {width: 85px; height: 85px;}

.commentaire {margin-top:10px; margin-right: 5px; float: right;}

.general {margin-top: 10px; padding-left: 60px;}





/*********

 * Tutorial *

*********/

.imgTuto {}

.imgTuto2 {}

.pImgTuto {text-align : center; border-top: 0; border-bottom: 0; font-style: italic; padding-top: 5px}
.pImgTuto img {border: 1px solid #999; padding: 5px}
.sTitreTuto {color: #990000}





/*********

 * MENUS *

*********/

/*Menu du haut*/
#menuBaniere {margin: 0 0 0 2.5%; padding: 0; position: absolute; background-image: url("http://www.andromelia.net/img/img_free/css/0/top.jpg"); background-repeat: no-repeat; background-position: top;
	width: 95%; height: 105px; top: 5px; z-index: 1}
#menuHaut {margin: 0 0 0 2.5%; padding: 0; position: absolute; text-align: center; 
	width: 95%; height: 20px; top: 108px;  z-index: 1; }

#menuHaut a {height: 18px; text-decoration: none; text-align: center; background-color: #f5f5f5; border: 1px solid #ccc; padding: 2px 10px 2px 10px; margin: 0 2px 0 2px;}

#menuHaut a:hover {background-color:#ffffff; color:#f00}

#menuHaut #actif {background-color:#ffffff; color: black}





/*Menu droite*/

#menuDroite {list-style-type: none; margin: 0; padding: 1px; position: absolute; top: 160px; right: 10px; width: 85px; z-index: 1; background-color: #fff; border: 1px solid #ddd}

#menuDroite form {margin: 0; padding: 0}

#menuDroite li {float: left; margin: 0; padding: 0; margin-bottom: 2px; text-align: right; width: 100%; text-align: center;}

#menuDroite .info {text-align: right; border-bottom: 0; width: 82px}

#menuDroite .combat {background-color: #fdd; color: #f00}

#menuDroite .info a {line-height: 11px; height: 11px; display: block; text-align: right; text-decoration: none; margin: 0; padding: 0;}

#menuDroite .info a:hover {border: 0;}

#menuDroite .info a span {display: none; margin: 0; padding:0; padding-top: 5px}

#menuDroite .info a:hover span {display: block; position: absolute; top: -25px; right: 0px; height: 15px; width: 85px; text-align: center; border: 1px solid #eee; color: #000; background-color: #fff}
#menuDroite li #imgAvatar {width : 85px; height: 85px;}





/*Formulaire de connexion*/

#formConnexion {position: absolute; top: 5px; right: 10px; margin: 0; padding: 0; text-align: right; z-index: 2; background-color: #fff; border: 1px solid #eee}

#formConnexion #pConnexion {background-color: #fff}



/*Andranim*/

#andranim {position: absolute; top: 20px; left: 20px; margin: 0; padding: 0; width: 100px; z-index: 2; color: #000}

#andranim #lienAndranim {display: block; height: 24px ; width: 61px; background-image: url(http://www.andromelia.net/img/img_free/andranim.jpg) ; margin: 0; padding: 0; position: relative;}



/*bas*/

#bas {FONT-SIZE: 8pt; color: #666; text-align: center; margin-top: 20px; background-color: #f5f5f8}



/*Tutorial*/

#menuTuto {list-style-type: none; margin: 0; padding: 1px; position: absolute; top: 20px; left: -95px; width: 85px; z-index: 1; background-color: #fff}

#menuTuto li {float: left; margin: 0; padding: 0; border: 1px solid #eee; text-align: right; width: 100%; text-align: center;}



/*Bouton*/

.boutonV {background-image: url("http://www.andromelia.net/img/img_free/v.gif") ; height: 25px; width: 25px; padding: 0; background-position: top}


/* Image de chargement */
#imgLoad {width: 32px; height: 32px; position: absolute; top: 60px; left: 30px; text-align: center; padding: 0; margin: 0; border: 0; background-image: url("../../img/load.gif"); background-color: transparent;}



select .elfe {background-color: #DDFFDD}

select .nain {background-color: #CFD4FF}

select .nainComa {background-color: #CFD4FF; color: #FF0000}

select .elfeComa {background-color: #DDFFDD; color: #FF0000}