/****************************************************************/
/* II. MODE DECONNECTE
/****************************************************************/

/* Page : Accueil */

span.erreurpassword {
	 font-size:9px;
	 font-family:verdana;
	 font-weight:normal;
	}


#loader { /* Apparition d'image */
     position:absolute;
     left: 50%;
     top: 50%;
     width: 32px;
     height: 32px;
     margin-top: -16px; /* moitié de la hauteur */
     margin-left: -16px; /* moitié de la largeur */
}

#classement {
	width:100%
}

#classement th {
	padding-bottom:7px;
	width:33%;
	font-size:9px;
	text-align:center;
	font-weight:bold;
}
#classement th div.p{
	font-weight:normal;
	font-style:italic;
}
#classement td {
	vertical-align:top;
	font-size:9px;
	text-align:left;
}

#classement td ol {
	padding:0;
	padding-left:24px;
}

span.mahou,a.mahou {color:#0059A9;}
span.gensou,a.gensou {color:#2E772C}
span.chikara,a.chikara {color:#CA0005}

span.mahou2 {color:#789FD5; font-style:italic;}
span.gensou2 {color:#6AAA73; font-style:italic;}
span.chikara2 {color:#FD6165; font-style:italic;}



#afficherclassementsuite {
	text-align:center;
	font-weight:bold;
	font-size:13px;
	color:#B2B2B2;
	cursor:pointer;
	}


div.indice {
	font-size:9px;
	font-family:arial;
	font-weight:normal;
	font-style:italic;
	padding-top:5px;
}

/****************************************************************/
/* II. MODE CONNNECTE
/****************************************************************/

div#cgauche {
	width:150px;
	margin-right:3px;
   	float:left;
   	text-align:center;
	padding-top:-3px;

}

#cgauchelog {
	width:120px;
	margin-right:3px;
	margin-top:-3px;
	margin-left:3px;
	float:left;
	text-align:left;

}

#cdroite {
	width:420px !important;
	margin-left:153px !important;
	margin-left:156px;
	margin-top:3px !important;
	margin-top:-135px;
}


#etatmsg {letter-spacing:0px;color:#303030;}
#etatmsg span.etatmsg1 {font-weight:bold;}


/* le !important fait en sorte que Firefox utilise cet attribut tandis que IE utilise l'autre (qui est placé APRES !important)*/

/**************** mise en page (contenu) ****************/

#contenugauche { /* carte */
	width:365px;
    float:left;
    text-align:left;
}

#contenugauche  fieldset#carte img.carte_village {
	position:absolute;
	border:0;
	height:200px;
	width:350px;
}
#contenudroite { /* description et image lieu */
	height:231px;
	width:265px;
	vertical-align:top;
	margin-left:520px;
	margin-top:0px;

}

#contenugauchesouterrain {
	width:398px;
    float:left;
    text-align:left;
}

#contenudroitesouterrain {
	width:226px;
	vertical-align:top;
	margin-left:555px;
	margin-top:0px;
}

#contenugaucheyuukan {
	float:left;
	width:330px;
}

#contenudroiteyuukan { /* carte monde yuukan */
	float:right;

}

.aide_contextuelle {font-size:9px; color: #666666; letter-spacing:-1px;}
.aide_contextuelle div.pa0 {float:left; padding:1px 15px 0 3px;}
.aide_contextuelle div.pa1 {float:left; padding:1px 0px 0 3px}

#droite_bas {	/* caractéristiques de combats */
	width:265px;
	margin-left:520px;
	margin-top:0px;
}
#droite_bas table tr td {
	font-size:9px;
	font-family:arial;
	letter-spacing:2px
}

/****************************************************************/
/* PANNEAU DE JEU > RADIO
/****************************************************************/
fieldset#radio {float:left;width:722px;}
fieldset#radio iframe {width:722px;height: 140px; border:0}
fieldset#radio span.description {font-style:italic; font-weight:normal}
fieldset#radio span.moderation {font-style:italic; font-weight:normal; letter-spacing:0; font-size:9px; font-family:arial; color:
#999999}

/****************************************************************/
/* PANNEAU DE JEU
/****************************************************************/
.transparent {opacity:0; filter : alpha(opacity=0);}









/****************************************************************/
/* TEXTES > Effets CSS / Span
/****************************************************************/
span.petitgris {letter-spacing:-1px; color:#6E6E6E;} /* Menu-Profil */


/**************** finitions ****************/
/* cadre description localisation */
#contenudroite #lieu_description {letter-spacing:0px;font-size: 11px !important;font-size: 9px;  font-family:verdana;}
#contenudroite #lieu_description b {color: #9E9E9E;}
#contenudroite div.descrip_loca {
	padding-top:13px !important;
	}


/* Page : Combats */

.alert {
	border: 1px dashed #C2AB6C;
	margin-right:3px;
	margin-top:3px;
	letter-spacing:0px;
	font-size:10px;
	padding:2px;
}
a {
	text-decoration:none;
	color:#BEAA74;
}
a:hover {
	text-decoration:none;
	color:#E9D08E;

}
span.lien { /* Pour les "faux" liens (js) */
	color:#BEAA74;
	cursor:pointer
}
span.lien:hover {
	color:#E9D08E;
}
div#aventure {
	width:340px;
	margin-right:3px;
	/*margin-left:3px;*/
   	float:left;
   	text-align:center;
	padding-top:-3px;

}
input {
	background : #ffffff url(../images/formulaires/input-blanc.gif) repeat-x 0 100%;
	letter-spacing:1px;
	padding:2px;
	border: solid 1px #848484;
	color:#6C6754;
	font-size: 11px;
	margin:1px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #545454;
}

input.button {
	border: 1px solid #eeeeee;
	background : #ffffff url(../images/formulaires/input-blanc.gif) repeat-x 0 100%;
	padding: 2px;
	font-size: 11px;;
	font-weight: bold;
	font-family: verdana;
	color:#545454;
}

input disabled  {
	color:#CFCFCF;
	font-style:italic;
	font-weight:bold;
}



input.focus {
	background : #ffffff url(../images/formulaires/input-or.gif) repeat-x 0 100%;
	}

input.button:hover, input.button:focus, input.sbutton:hover, input.sbutton:focus {
	background : #ffffff url(../images/formulaires/input-or.gif) repeat-x 0 100%;
}

textarea {
	font-family: verdana;
	font-size: 11px;
	color: #545454;
	background : #ffffff url(../images/formulaires/input-blanc-clair.gif) repeat-x 0 100%;
	border: solid 1px #848484;
}
form {
	letter-spacing:0px;
}

img {
	border:0px;
	padding:0px;
	margin:0px;
}


table {
	margin:0;
	padding:0;
}

ul.liste {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-top:7px;
	padding-left:7px;
	}
ul.liste li {
	padding-top:0;
	padding-bottom:13px;
	padding-left: 17px;
	background: url(../images/icones/shuriken2.gif) no-repeat left top ;
}

ul.liste_small {list-style-type: none;margin: 0;padding: 7px 0 0 7px;}
ul.liste_small li {padding: 0 0 9px 17px;	background: url(../images/icones/shuriken2.gif) no-repeat left top ;}
ul.liste_small li.orange {background-image:url('../listes/shuriken_hover.gif')}

ul.liste_mini {list-style-type: square  ;margin: 0;padding: 7px 0 0 7px; }
ul.liste_mini li {padding:0 0 2px 0; font-size:9px; letter-spacing:0}

ul.liste_br {list-style-type: none ; margin: 0;padding: 7px 0 0 0px; text-align:left;}
ul.liste_br li {padding:0 0 1px 0; font-size:9px; letter-spacing:-1px}

ul.occupation {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left:7px;
	}
ul.occupation li {
	padding-top:0;
	padding-bottom:2px;
	padding-left: 17px;
	background: url(../images/icones/shuriken.gif) no-repeat left bottom ;
	color: #404040;
	font-weight:bold;
}
.action3 {
	text-align:left;
	color: #393131;
	font-weight:bold;
}
.action3 a {
	text-decoration:none;
	color:#9E2E23;
}
.action3 a:hover {
	text-decoration:none;
	color:#D2804A;
}

/* Combats */

.cara {
	border: 1px dashed #C2AB6C;
	margin-right:3px;
	margin-top:3px;
	letter-spacing:0px;
	font-size:10px;
	padding:2px;
	height:50px;
}

.rouge {
	/*font-size: 11px;*/
	color: #D02604;
}
.rouge2 {
	font-weight:bold;
	font-size: 11px;
	color: #D02604;
}
.jaune {
	font-weight:bold;
	font-size: 11px;
	color: #FF9900;
}
.marron {
	font-weight:bold;
	font-size: 11px;
	color: #CC6633;
}
.bleuf {
	font-weight:bold;
	font-size: 11px;
	color: #085181;
}
.violet { /* bonus monstre*/
	font-weight:bold;
	font-size: 11px;
	color: #BB2F8D;
}
.bleu {
	font-weight:bold;
	 font-size: 11px;
	color: #179BF0;
}
.orange {color:#ff712f;}
.marronclair {color:#663300;}
.vertfonce {color:#006633;}

.bold {font-weight:bold;}
.vert {
	font-weight:bold;
	font-size: 11px;
	color: #42AF10;
}
.bleu2 {
	color: #179BF0;
}

.vert2 {
	color: #42AF10;
}
.noir {color: #000000;}
.gris {color: #cfcfcf;}
.gris2 {color: #B5B5B5;}

.n11 {
	font-size: 11px;
}
.petit {
	font-size: 9px;
}

.gras {
	 font-weight:bold;
	 color:#303030;
	}
span.choisi {
	font-weight:bold;
	font-style:italic;
	color:#464646
	}



/****************************************
			BARRES / JAUGES
****************************************/

div.legende {
	text-align:left;
	font-family:verdana;
	font-size:10px;
	letter-spacing:0px;
	padding-bottom:2px;
}

div.legende span.numerique {
	color:#3E3E3E;
	}
div.legende span.numerique .boost {
	color:#FF7529;
	}
div.barre { /* cadre de la barre */
	text-align:left;
	position:relative;
	height:11px;
}

div.barre div.gauche {
	position:absolute;
}

div.barre div.droite {
	position:absolute;
	right:0px;
}

div.barre div.jauge_fond {
	position:absolute;
	background-repeat:repeat-x;
	height:9px;
	font-size:0px;
}
div.barre div.jauge {
	position:absolute;
	height:9px;
	font-size:0px;
}
div.barre div.jauge_boost {
    position:absolute;
    height:9px;
    font-size:0px;
    width:100%;
    background:#FF7529;
}
.carabase {
	color:#C2AB6C;
	font-weight:bold;
	text-align:center;
	width:35px;
	}

.caramasque {
	color:#ff7171;
	font-weight:bold;
	text-align:center;
	width:35px;
	}

.caramasqueneg {
	color:#ffcdcd;
	font-weight:bold;
	text-align:center;
	width:35px;
	}

.caraequip {
	color:#D12E36;
	font-weight:bold;
	text-align:center;
	width:35px;
	}

.caraequipneg {
	color:#F28E9F;
	font-weight:bold;
	text-align:center;
	width:35px;
	}

.caraattitude {
	color:#ff8400;
	font-weight:bold;
	text-align:center;
	width:35px;
	}
.caraattitudeneg {
	color:#e9c494;
	font-weight:bold;
	text-align:center;
	width:35px;
	}
.caramonture {
	color:#8A579D;
	font-weight:bold;
	text-align:center;
	width:35px;
	}
.m {
	width:5px;
	color:#525252;
 	text-align:center;
	}

div.caraarrondis {
	position:relative;
	border:1px solid green;
}

div.arrondig {
	background-image:url("../../images/combat/arrondig.gif");
	width:3px;
	height:10px;
	position:absolute;
	margin-top:0;
}

div.arrondid {
	background-image:url("../../images/combat/arrondid.gif");
	width:5px;
	height:10px;
	position:absolute;
	right:-1px;
	top:0px;
	margin-top:0;
}


fieldset.missions span.inactif {color:#CFCFCF; font-style:italic;}
fieldset.missions div.mission_accept {text-align:center;font-weight:bold;padding:11px}
fieldset.missions div.mission_accept span.inactif {letter-spacing:0; font-style:italic;color:#595959}

div.spec span.ninjutsu { background-color:#E5F2FF;}
div.spec span.genjutsu {background-color:#D5FFA1}
div.spec span.taijutsu {background-color:#FFE6E7}
div.spec span.vie {background-color:#C3FFB2}

div.spec {font-weight:bold; text-align:center; padding-top:7px}
div.spec span.ico {border:1px solid #303030;text-align:right}
div.spec span.mahou { background-color:#E5F2FF;}
div.spec span.gensou {background-color:#D5FFA1}
div.spec span.chikara {background-color:#FFE6E7}

span.grise {font-weight:bold; color:#B9B9B9; font-style:italic}
tr.grise {filter:alpha(opacity=50); -moz-opacity: .5;}


/* formulaires */
form.form {
 font-weight:normal
}
div.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 0pt;
	line-height: 0pt;
	height: 1px;
}


div.row {
	border-top: 1px solid #E5E5E5;
}

div.label {
	float				: left;
	width				: 80px;
	font-weight: bold;
	padding: 4px;
	text-align:right;
}

div.input {
	float				: left;
	margin-left : 6px;
	padding: 4px;
}

div.submit {
	margin-top	: 5px;
	text-align	: center;
}
div.row div.info {
	width				: 220px;
	text-align:justify;
	font-style: italic;
	font-weight:normal;
	float				: left;
	padding: 4px;
	color:#4A4A4A
}

input.field, textarea, select {
	width: 275px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	border: 1px solid #555;
	border-left: 3px solid #555;
	padding: 2px;
	color: black;
	background-color: #FDFBE5;
}

input.field:focus, textarea:focus, select:focus {
	outline: 2px solid #F2CF88;
}
table#bonus_guerre {
	width:100%;
	padding:7px;
	}
table#bonus_guerre td{
	width:50%;
	}

table#bonus_guerre td div.titre{
	font-weight:bold;
	text-align:center;
	font-style:italic;
	}

table#bonus_guerre  div.bonus{
	padding-top:7px;
	text-align:center;
	font-weight:bold;
	color:#5D5D5D;
	}

table#bonus_guerre div.bonus span.b {
	color:#FF6600;
	font-size:13px
	}

table#bonus_guerre div.bonus span.s {
	font-weight:normal;
	color:#747474;
	}
#patientez {
	font-weight:bold;
	font-style:italic;
	color:#8E8E8E;
	font-size:14px;
}





/* Jeu : Zone de Guerre (ZDG) */
div.guetter{
	font-family:Garamond;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	color:#BEAA74;
	cursor:pointer;
}
div.guetter:hover {
	color:#E9D08E;
}

div.observation {
	color:#747474;
	font-size:9px;
	font-style:italic;
	text-align:center;
	margin-bottom:12px;
}
div.bonus_zdg {
	font-family:Garamond;
	font-size:22px;
	text-align:center;
	font-weight:bold;
	color:#FF6600;
}

div.bonus_zdg span.points{
	letter-spacing:3px;
	font-size:36px;
}

div.bonus_zdg div.points_stats {letter-spacing:1px;}
div.bonus_zdg div.points_stats span {font-size:20px;}

div.bonus_zdg div.points_stats_2 {margin-top:10px; letter-spacing:1px;}
div.bonus_zdg div.points_stats_2 span {font-size:28px;}

div.bonus_zdg div.explication {
	color:#747474;
	font-size:11px;
	font-style:italic;
	font-weight:normal;
}

fieldset#fenetre_occupation {
	letter-spacing:0px;
	color:#303030;
}

fieldset#fenetre_occupation span.c {
	text-transform:capitalize;
}

fieldset#fenetre_occupation span.b {
	font-weight:bold;
}

fieldset#fenetre_occupation  ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left:7px;
	}

fieldset#fenetre_occupation ul li {
	font-weight:normal;
	padding-top:0;
	padding-bottom:2px;
	padding-left: 17px;
	background: url(../images/icones/shuriken.gif) no-repeat 0% 15%;
}


/****************************************************************/
/* Moo Prompt (Popup de vente, d'équipement, etc...)
/****************************************************************/

.cbOverlay {background-color: #000;}

.cbContainer {
	padding:10px;
	border:3px solid #C2C2C2;
	background-image:url(http://images.shinobi.fr/design/classes/fond2.jpg);
	background-position:center center;
}
.cbBox p {margin:3px;}
.cbBox .cbButtons {text-align:center;padding-top:10px;}
.cbButtons input {text-transform:capitalize}





div.exemple {font-size:9px; margin-left:20px; font-style:italic; letter-spacing:0;}
span.bold {font-weight:bold}

span.health_color0 {color:#A30000}
span.health_color20 {color:#FF6B6B}
span.health_color40 {color:#F07800}
span.health_color60 {color:#008A45}
span.health_color80 {color:#2EB800}






label:hover {	cursor:pointer;}