/***************************************/
/* Reset des styles                    */
/***************************************/
body { 
  margin: 0; 
  padding: 0;
  line-height: 1.4;
  min-width: 1130px;
}
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0;
  line-height: 1.2;
} 
ul, ol { 
  margin: .75em 0 .75em 32px; 
  padding: 0; 
} 
form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none; 
}
p 			{ margin: .75em 0; } 
address 	{ margin: .75em 0; } 
a:active 	{ outline: none; }
a img 		{ border: none; }

/***************************************/
/* Styles spécial smartphone           */
/***************************************/
@media screen and (max-device-width:480px) {
  body { position: relative; }
  #barre {
    position: absolute;
    width: 100%;
    height: 26px;
    left: 0px;
    bottom: 0px;
    background: url('images/barre-bas.png') repeat-x;
    z-index: 100;
    line-height: 2em;
    overflow: hidden;
  }
}

/***************************************/
/* Structure du site                   */
/***************************************/

/********************************
 * Bloc global du site          *
 ********************************/
/* Contient #entete puis #centre */
.global {
  width: 1120px;
  margin: 0 auto;
  -moz-box-shadow: 1px 1px 5px #999;  
  -webkit-box-shadow: 1px 1px 5px #999;  
  box-shadow: 1px 1px 5px #999;  
}

/********************************
 * Bloc central du site         *
 ********************************/
/* Contient #menu-gauche, #contenu et #menu-droit */
#centre {
  overflow: hidden;
  width: 100%;
  background: #fff url('images/fond.png') repeat-y;
}

/********************************
 * Contenu principal du site    *
 ********************************/
#contenu {
  width: 722px;
  padding: 10px 20px 10px 15px;
}
#contenu p, #contenu li { line-height: 1.5em; }

/********************************
 * Menu gauche du site          *
 ********************************/
#menu-gauche { width: 110px; }
#menu-gauche div.menu ul { margin-left: 7px; }
#menu-gauche div.menu li {
  list-style-type: none;
  background: url('images/puce.png') no-repeat 0 0.45em;
  padding-left: 14px;
}

/********************************
 * En-tête du site              *
 ********************************/
#en-tete2 {
  width: 100%;
  height: 175px;
  background: url('images/header.jpg') no-repeat center center;
}
#en-tete {
  width: 100%;
  height: 175px;
  background: #441010 url('images/header.png') repeat-x;
}


/********************************
 * Pied de page du site         *
 ********************************/
#pied {
  background: #ddd url('images/footer.png') repeat-x;
  margin: 0;
  padding: 10px 0 10px 0;
}

#barre {
  position: fixed;
  width: 100%;
  height: 26px;
  left: 0px;
  bottom: 0px;
  background: url('images/barre-bas.png') repeat-x;
  z-index: 100;
  line-height: 2em;
  overflow: hidden;
}


/********************************
 * Menu membre du site          *
 ********************************/
#identification {
  padding: 7px 0 0 0; /* top, right, bottom, left */
}
#identification a, #identification span {
  margin-left: 7px;
  vertical-align: middle;
  display: inline-block;
}

/********************************
 * Sous-menu du site            *
 ********************************/
#menu2 {
  padding: 5px 0;
  width: 100%;
}
#menu2 a {
  padding: 2px 20px;
}
#menu2 a:hover, #menu2 a:focus {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
#menu2 a.personnage { margin-left: 20px; }


/***************************************/
/* Classes génériques                  */
/***************************************/

/**** Taille des textes / liens ********/
.t90								{ font-size: 90%; }
.t110								{ font-size: 110%; }
.t120								{ font-size: 120%; }

/**** Largeur des cellules tableau *****/
.w65 td								{ width: 65px; }
.w70 td								{ width: 70px; }
.w74 td								{ width: 74px; }
.w80 td								{ width: 80px; }

/**** Police des textes / liens ********/
.arial 								{ font-family: Arial, Helvetica; }
.trebuchet							{ font-family: "Trebuchet MS", Arial; }

/**** Couleur des textes / liens *******/
.vert								{ color: #009833; }
.rouge								{ color: #97363d; }
.orange								{ color: #d15600; }
.gris								{ color: #999; }
.gris2								{ color: #ccc; }
.noir								{ color: #000; }
.blanc								{ color: #fff; }
a.a-vert:hover						{ color: #009833; }
a.a-rouge:hover						{ color: #97363d; }
a.a-orange:hover					{ color: #d15600; }

/**** Couleur de fond ******************/
.bg-vert							{ background-color: #cfc; }
.bg-gris							{ background-color: #eee; }
.bg-gris2							{ background-color: #ccc; }
.bg-blanc							{ background-color: #fff; }

/**** Epaisseur des textes / liens *****/
.normal								{ font-weight: normal; }
.bold								{ font-weight: bold; }
a.a-bold:hover						{ font-weight: bold; }

/**** Style des textes / liens *********/
.normal								{ font-style: normal; } 
.italic								{ font-style: italic; } 
.pointer							{ cursor: pointer; }

/**** Décoration des textes / liens ****/
a.a-none:hover						{ text-decoration: none; }
.underline 							{ text-decoration: underline; }
.shadow								{ text-shadow: 0px 0px 2px #777; }

/**** Décoration des bordures ****/
.bd-noir 							{ border: 1px solid #000; }
.bd-noir2	 						{ border: 2px solid #000; }
.bd-gris					 		{ border: 1px solid #999; }

/**** Alignement des textes / liens ****/
.align-left 						{ text-align: left; }
.align-right 						{ text-align: right; }
.align-center 						{ text-align: center; }
.vertical-middle 					{ vertical-align: middle; }

/**** Positionnement des blocs *********/
.left						 		{ float: left; }
.right						 		{ float: right; }
.clear-both							{ clear: both; }
.clear-left							{ clear: left; }
.relative							{ position: relative; }
.absolute							{ position: absolute; }

/**** Affichage des blocs **************/
.cache								{ display: none; }
.block								{ display: block; }
.inline								{ display: inline; }
.inline-block						{ display: inline-block; }
.centrage							{ margin: 0 auto; }

/***************************************/
/* Taille des textes / liens           */
/***************************************/
html 								{ font-size: 100%; } /* Évite un bug d'IE 6-7 */
body 								{ font-size: 80%; }
h1 									{ font-size: 175%; }
h2 									{ font-size: 120%; }
h3 									{ font-size: 100%; } 
h4	 								{ font-size: 100%; }
div.afficheGuilde					{ font-size: 15px; }
.global-team						{ font-size: 95%; }
.global-top							{ font-size: 110%; }
.global-pagination					{ font-size: 115%; }
.local-news-header					{ font-size: 110%; }
#pied p 							{ font-size: 110%; }
#identification 					{ font-size: 120%; }
#menu2 a 							{ font-size: 120%; }

/***************************************/
/* Police des textes / liens           */
/***************************************/
body 								{ font-family: Arial, Helvetica; }
#pied p 							{ font-family: "Trebuchet MS", Arial; }
#identification						{ font-family: "Trebuchet MS", Arial; }
.global-speach 						{ font-family: "Trebuchet MS", Arial; }
.local-news-header					{ font-family: "Trebuchet MS", Arial; }

/***************************************/
/* Couleur des textes / liens          */
/***************************************/
body								{ color: #444; }
a 									{ color: #444; }
h4									{ color: #fff; }
hr									{ color: #fff; }
hr.sep								{ color: #ccc; }
div.afficheGuilde					{ color: #999; }
.global-lien						{ color: #97363d; }
.global-titre						{ color: #999; }
.global-titre a						{ color: #999; }
.global-titre a:hover				{ color: #97363d; }
.global-titre a:focus				{ color: #97363d; }
.global-titre span span				{ color: #000; }
.global-formule						{ color: #777; }
.global-astuce span					{ color: #999; }
.global-pagination a				{ color: #999; }
.global-pagination a:hover			{ color: #2080ff; }
.global-pagination span.current 	{ color: #fff; } 
.global-pagination span.disabled 	{ color: #ccc; }
.global-speach						{ color: #555; }
.global-info						{ color: #336699; }
.global-error						{ color: #dd0000; }
.global-top							{ color: #fff; }
.local-news-header					{ color: #fff; }
.local-news-content					{ color: #333; }
.local-news a						{ color: #777; }
.local-news a:hover					{ color: #97363d; }
.local-pano							{ color: #333; }
#pied p 							{ color: #999; }
#pied a:hover						{ color: #97363d; }
#contenu							{ color: #000; }
#menu-gauche a 						{ color: #555; }
#menu-gauche a.rouge 				{ color: #97363d; }
#menu-gauche a.vert 				{ color: #009833; }
#menu-gauche a:hover				{ color: #97363d; }
#menu-gauche a:focus				{ color: #97363d; }
#identification a					{ color: #ccc; }
#identification a.rouge 			{ color: #97363d; }
#menu2 a							{ color: #999; }
#perso-personnage #menu2 a.personnage { color: #000; }
#perso-equiper #menu2 a.equiper		{ color: #000; }
#perso-caracs #menu2 a.caracs		{ color: #000; }
#perso-cac #menu2 a.cac				{ color: #000; }
#perso-sorts #menu2 a.sorts			{ color: #000; }
#perso-reduc #menu2 a.reduc			{ color: #000; }
#admin-accueil #menu2 a.a-accueil	{ color: #000; }
#admin-forum #menu2 a.a-forum		{ color: #000; }
#admin-membre #menu2 a.a-membre		{ color: #000; }
#admin-guilde #menu2 a.a-guilde		{ color: #000; }
#admin-item #menu2 a.a-item			{ color: #000; }
#modo-accueil #menu2 a.m-accueil	{ color: #000; }
#modo-forum #menu2 a.m-forum		{ color: #000; }
#modo-membre #menu2 a.m-membre		{ color: #000; }
#modo-guilde #menu2 a.m-guilde		{ color: #000; }
#modo-shoutbox #menu2 a.m-shoutbox	{ color: #000; }

/***************************************/
/* Couleur de fond                     */
/***************************************/
body								{ background-color: #fff; }
h4									{ background-color: #ccc; }
hr  								{ background-color: #fff; }
hr.sep								{ background-color: #ccc; }
div.hide, div.hide-min   			{ background-color: transparent; }
img.thumb                           { background-color: #fff }
#menu2								{ background-color: #eee; }
#menu2 a:hover, #menu2 a:focus		{ background-color: rgba(255,255,255,0.5); }
#exp								{ background-color: #fff; }
.global-speach						{ background-color: #fbfbfb; }
.global-info						{ background-color: #e0f1ff; }
.global-error						{ background-color: #ffcccc; }
.global-top							{ background-color: #b16a6f; }
.global-pagination span.current		{ background-color: #99ccff; }
.local-news-header					{ background-color: #dcdcdc; }
.local-news-header img				{ background-color: #fff; }
.local-news-content					{ background-color: #eee; }
.local-pano							{ background-color: #eee; }
#local-message-persos a				{ background-color: #ddd; }
#local-message-persos a:hover		{ background-color: #fff; }

/***************************************/
/* Epaisseur des textes / liens        */
/***************************************/
#pied p								{ font-weight: bold; }
#identification						{ font-weight: bold; }
#menu2 a 							{ font-weight: bold; }
h1, h2, h3, h4						{ font-weight: bold; } 
div.afficheGuilde					{ font-weight: bold; }
.global-info						{ font-weight: bold; }
.global-error						{ font-weight: bold; }
.global-top							{ font-weight: bold; }

/***************************************/
/* Style des textes / liens            */
/***************************************/
h1, h2, h3, h4						{ font-style: normal; } 
em									{ font-style: italic; } 

/***************************************/
/* Décoration des textes / liens       */
/***************************************/
a 									{ text-decoration: none; }
a:hover 							{ text-decoration: underline; }
.global-lien						{ text-decoration: underline; }
.global-titre a						{ text-decoration: none; }
.global-speach a					{ text-decoration: underline; }
.global-info a						{ text-decoration: underline; }
.global-error a						{ text-decoration: underline; }
.local-news a						{ text-decoration: underline; }
#local-message-persos a:hover		{ text-decoration: none; }
#menu2 a:hover, #menu2 a:focus		{ text-decoration: none; }
#pied a								{ text-decoration: underline; }
#barre a 							{ text-decoration: underline; }

/***************************************/
/* Alignement des textes / liens       */
/***************************************/
.global-pagination					{ text-align: center; }
.global-pagination a				{ text-align: center; }
.global-pagination span.current		{ text-align: center; } 
.global-pagination span.disabled	{ text-align: center; }
.global-top							{ text-align: center; }
.global-team						{ text-align: center; }
#pied p								{ text-align: center; }
#en-tete 							{ text-align: center; }


/********************************
 * Attributs generiques         *
 ********************************/
p 				{ margin: 10px 0; }
hr				{ border: none; height: 1px; }
hr.sep			{ clear: both; }
div.hide		{ clear: both; height: 10px; }
div.hide-min    { clear: both; height: 2px; }
.ombrage		{ border: 5px solid #fff; }
img.thumb       { border: 1px solid #ccc; margin: 3px; }
img.gauche		{ float: left; margin: 10px 10px 0 10px; }
img.droite		{ float: right; margin: 10px 10px 0 10px; }
img.center		{ display: block; margin: 10px auto 0 auto; }
.global-lien	{ cursor: pointer; }

h4 {
  padding: 2px 0 2px 5px;
  text-shadow: 0 1px 1px #A7A37E;
  width: 110px; 
}
.ombrage { 
  -moz-box-shadow: 2px 2px 3px #aaa;  
  -webkit-box-shadow: 2px 2px 3px #aaa;  
  box-shadow: 2px 2px 3px #aaa;  
}

.milieu img, .milieu span { 
  vertical-align: middle;
  display: inline-block;
}


/********************************
 * Titres                       *
 ********************************/
.global-titre		{ border-bottom: 1px solid #999; margin-bottom: 10px; }
.global-titre div	{ display: inline-block; border: 1px solid #000; }
.global-titre span	{ padding: 0 5px; }


/********************************
 * Info / Erreur                *
 ********************************/
.global-info img, .global-error img { 
  vertical-align: middle;
  display: inline-block; 
}
.global-info span, .global-error span { 
  vertical-align: middle;
  display: inline-block; 
  padding-left: 5px; 
}
.global-info {
  line-height: 1em;
  padding: 0.5em 1em;
  border: 1px solid blue;
  display: table;
}
.global-error {
  line-height: 1em;
  padding: 0.5em 1em;
  border: 1px solid red;
  display: table;
}


/********************************
 * Formule / Astuce             *
 ********************************/
.global-formule {
  border: 2px solid #ccc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #eee url('images/astuce.png') no-repeat 5px 50%;
  text-shadow: 0 1px 1px #fff;
  margin: 0;
  padding: 5px 5px 5px 30px;
  float: left;
  position: relative;
}
.global-astuce { padding: 5px; }
.global-astuce img, .global-astuce span { 
  vertical-align: middle;
  display: inline-block;
  padding-left: 5px;
}


/********************************
 * Blocs infos                  *
 ********************************/
.infos {
  background: #eee;
  border: 2px solid #ccc;
  width: 600px;
  padding: 10px;
  padding-top: 15px;
  margin-bottom: 15px;
  font-family: Verdana;
  position: relative;
  font-size: 11px;      
}
.infos span.title {
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  color: #fff;
  top: -10px;
  left: 10px;	
  background: #ccc;
  padding: 2px 4px;
}
.infos td.cat {
  background-color: #ddd;
  width: 150px;
  padding: 5px;
}

.infos2 {
  font-family: Verdana;
  font-size: 11px;
  background: url('images/fond2.png') repeat-y;
  width: 735px;
  position: relative;
  border-bottom: 1px solid #999;
}
.infos2 tr.bordure-bas {
  border-bottom: 1px solid #eee;
}

.info-gauche {
  width: 175px;
}
.info-gauche2 {
  position: absolute;
  left: 0px;
  top: 0px;
}
.info-gauche div.title, .info-gauche2 div.title {
  font-weight: bold;
  color: #fff;
  background: #999;
  padding: 2px 4px;
  width: 167px;
}
.info-gauche img.avatar {
  border: 1px solid black;
}
.info-droit {
  position: absolute;
  left: 190px;
  top: 0px;
  line-height: 1.5em;
}
.info-droit2 {
  margin-left: 190px;
  line-height: 1.5em;
}
.info-droit h1 {
  font-size: 13px;
  margin: 0;
}
.info-droit span.cat, .info-droit2 span.cat {
  font-weight: bold;
  color: #009833;
  width: 150px;
  display: inline-block;
  vertical-align: top;
}


/********************************
 * Pagination                   *
 ********************************/
.global-pagination {
  margin-left: 105px;
}
.global-pagination a {
  display: block;
  float: left;
  width: 26px;
  padding: 2px 0;
  margin: 0 2px;
  border: 2px solid #f0f0f0;
}
.global-pagination a:hover {
  border: 2px solid #2080ff;
}
.global-pagination span.current {
  display: block;
  float: left;
  width: 26px;
  padding: 2px 0;
  margin: 0 2px;
  border: 2px solid #2080ff;
} 
.global-pagination span.disabled {
  display: block;
  float: left;
  width: 26px;    
  padding: 2px 0;
}


/********************************
 * Bloc du menu (persos + top)  *
 ********************************/
.local-persos { width: 100%; }
.local-persos div.inactif {
  border: 1px solid #fff;
  margin-bottom: 4px;
  -moz-box-shadow: 1px 1px 1px #999;
  -webkit-box-shadow: 1px 1px 1px #999;
  box-shadow: 1px 1px 1px #999;
}
.local-persos div.actif {
  border: 1px solid #ffff66;
  margin-bottom: 4px;
  -moz-box-shadow: 1px 1px 1px #999;
  -webkit-box-shadow: 1px 1px 1px #999;
  box-shadow: 1px 1px 1px #999;
}
.local-persos div:hover, .local-persos div:focus { 
  -moz-transform: rotate(8deg);
  -webkit-transform: rotate(8deg);
}
.local-persos ul { margin-left: 0; padding: 0 4px; }
.local-persos li { display: inline-block; list-style: none; zoom: 1; *display: inline; }

.global-top {
  padding: 5px;
  text-shadow: 0 1px 1px #356aa0;
  -moz-box-shadow: 0 2px 2px #999;  
  -webkit-box-shadow: 0 2px 2px #999;  
  box-shadow: 0 2px 2px #999;
}


/********************************
 * Affichage équipe de persos   *
 ********************************/
.global-team {
  width: 119px;
  height: 390px;
  position: relative;
  float: left;
  border-left: 1px solid #eee;
}


/********************************
 * Speach de Douce-Flamme       *
 ********************************/
.global-speach {
  margin: 20px auto;
  padding: 10px 15px 10px 15px;
  width: 570px;
  -moz-box-shadow: 1px 1px 5px #999;
  -webkit-box-shadow: 1px 1px 5px #999;
  box-shadow: 1px 1px 5px #999;	
}
.global-speach h2 {
  text-shadow: 0 1px 1px #fff;
  margin: 0;
}


/********************************
 * News                         *
 ********************************/
.local-news { width: 97%; }
.local-news-header {
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;    
  border-bottom: 1px solid #ccc;
  padding: 2px 10px 2px 2px;
}
.local-news-header img {
  padding: 3px;
  -moz-box-shadow: 2px 2px 4px #999;  
  -webkit-box-shadow: 2px 2px 4px #999;  
  box-shadow: 2px 2px 4px #999;
  margin: 5px 10px 0px 5px;
  float: left;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.local-news-header img:hover, .local-news-header img:focus { 
  -moz-transform: rotate(8deg);
  -webkit-transform: rotate(8deg);
}
.local-news-content {
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;	
  padding: 10px;
}


/***************************************/
/* Styles spéciaux                     */
/***************************************/
.local-pano {
  padding: 5px 5px 5px 10px;
  float: left;
  margin-right: 10px;
  width:
}

#local-message-persos span a {
  cursor: pointer;
  padding: 3px 10px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

div.shoutbox { overflow: hidden; }

div.afficheGuilde {
  width: 200px;
  padding: 4px;
  cursor: pointer;
}

#exp {
  border: 1px solid #000;
  width: 350px;
  height: 12px;
  margin: 0;
}

.pictos_stats	{ width: 20px; height: 22px; background: transparent url('/images/pictos_stats.png') no-repeat; }
.pic_invoc		{ background-position: 0px -2px; }
.pic_po			{ background-position: -20px -2px; }
.pic_pp			{ background-position: -40px -2px; }
.pic_ini		{ background-position: -60px -2px; }
.pic_pm			{ background-position: -80px -2px; }
.pic_pa			{ background-position: -100px -2px; }
.pic_agi		{ background-position: -120px -2px; }
.pic_cha		{ background-position: -140px -2px; }
.pic_int		{ background-position: -160px -2px; }
.pic_for		{ background-position: -180px -2px; }
.pic_sag		{ background-position: -200px -2px; }
.pic_vita		{ background-position: -220px -2px; }
.pic_pdv		{ background-position: -220px -2px; }
.pic_puce		{ background-position: -240px -2px; }

.pictos_piou 	{ width: 30px; height: 30px; background: transparent url('/images/pictos_piou.png') no-repeat; }
.pic_bleu		{ background-position: 0px 0px; }
.pic_jaune		{ background-position: -30px 0px; }
.pic_rose		{ background-position: -60px 0px; }
.pic_rouge		{ background-position: -90px 0px; }
.pic_vert		{ background-position: -120px 0px; }
.pic_violet		{ background-position: -150px 0px; }

.pictos_items 	{ width: 55px; height: 53px; background: transparent url('/images/pictos_items.png') no-repeat; }
.pic_amulette	{ background-position: 0px 0px; }
.pic_anneau		{ background-position: -55px 0px; }
.pic_arme		{ background-position: -110px 0px; }
.pic_botte		{ background-position: -165px 0px; }
.pic_bouclier	{ background-position: -220px 0px; }
.pic_cape		{ background-position: -275px 0px; }
.pic_ceinture	{ background-position: -330px 0px; }
.pic_chapeau	{ background-position: -385px 0px; }
.pic_familier	{ background-position: -440px 0px; }

.pictos_quete 	{ height: 14px; background: transparent url('/images/pictos_quete.png') no-repeat; }
.pic_kama1		{ width: 16px; background-position: 0px 0px; }
.pic_kama2		{ width: 32px; background-position: 0px 0px; }
.pic_kama3		{ width: 48px; background-position: 0px 0px; }
.pic_glace1		{ width: 16px; background-position: -48px 0px; }
.pic_glace2		{ width: 32px; background-position: -48px 0px; }
.pic_glace3		{ width: 48px; background-position: -48px 0px; }
.pic_objet		{ width: 13px; background-position: -96px 0px; }
.pic_special	{ width: 14px; background-position: -109px 0px; }

.pictos_elt 	{ width: 22px; height: 22px; background: transparent url('/images/pictos_elt.png') no-repeat; }
.pic_neutre		{ background-position: 0px 0px; }
.pic_terre		{ background-position: -22px 0px; }
.pic_feu		{ background-position: -44px 0px; }
.pic_eau		{ background-position: -66px 0px; }
.pic_air		{ background-position: -88px 0px; }
.pic_soin		{ background-position: -110px 0px; }
.pic_sagesse	{ background-position: -132px 0px; }
.pic_rendu		{ background-position: -154px 0px; }
.pic_carac		{ background-position: -176px 0px; }

.pictos_s_elt	{ width: 15px; height: 15px; background: transparent url('/images/pictos_elt_small.png') no-repeat; }
.pic_s_neutre	{ background-position: 0px 0px; }
.pic_s_terre	{ background-position: -15px 0px; }
.pic_s_feu		{ background-position: -30px 0px; }
.pic_s_eau		{ background-position: -45px 0px; }
.pic_s_air		{ background-position: -60px 0px; }
.pic_s_soin		{ background-position: -75px 0px; }
.pic_s_rendu	{ background-position: -90px 0px; }

/********************************
 * Images                       *
 ********************************/
img.perso 		{ z-index: 10; margin-left: 50px; }
img#bouton 		{ margin-bottom: 4px; }
img#chacha 		{ position: absolute; top: 10px; right: 10px; }
img#feuilles 	{ position: absolute; left: 350px; top: 0px; }
.global_vignette img {
  -moz-box-shadow: 3px 3px 1px #ccc;  
  -webkit-box-shadow: 3px 3px 1px #ccc;  
  box-shadow: 3px 3px 1px #ccc;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: 5px;
}


/***************************************/
/* Style des tableaux                  */
/***************************************/
table.caracs { border-collapse: collapse; }
.caracs th, .caracs td { padding: 0 5px; height: 25px; border: 2px solid #fff; }
.caracs th { background: #86bac9 url(images/tr_back.png) repeat-x; color:#fff; }
.caracs td { text-align: center; background: #eee; }

table.stats { border-collapse: collapse; margin: 0 auto; }
.stats th, .stats td { padding: 0 5px; height: 25px; border: 1px solid #999; }
.stats th { background: #ccc; color: #fff; }
.stats td { text-align: center; background: #fff; }
.txt-left td { text-align: left; }

table.panos { border-collapse: collapse; margin: 0; }
.panos th, .panos td { padding: 0 5px; height: 22px; border-bottom: 1px solid #ccc; }
.panos th { font-weight: bold; }
.panos th.empty, .panos td.empty { border: 0; }

table.mp { width:100%; font-family: Verdana; font-size: 11px; }
.mp td a { font-weight: bold; text-decoration: none; }
.mp td a:hover { color: #356aa0; text-decoration: underline; }

th.tot { background: #9bc987 url(images/tot_back.png) repeat-x; color:#fff; }
tr.even td { background: #e5f1f4; }
tr.odd td, td.odd { background: #e5f1f4; }
tr.header td, th.header, td.header { background: #ddd; color: #777; font-weight: bold; }
tr.selected td, tr td.selected { background: #ecfbd4; }
tr.header td.odd { background: #eee; }
th.empty, td.empty, tr.odd td.empty, tr.even td.empty, tr.header td.empty, tr.selected td.empty { background: #fff; }


/***************************************/
/* Style des items                     */
/***************************************/
.inv-ok {
  border: 1px solid gray;
  position: absolute;
  cursor: pointer;
  z-index: 20;
  background: url('rien.gif');
}
.inv-error { border: 1px solid red; }
.inv-icone { border: 1px solid gray; }

div.view_item {
  position: absolute;
  z-index: 50;
  top: 275px;
  left: 30px;
  display: none;
}

#dofus1 					{ left: 0px; top: 0px; }
#dofus2						{ left: 0px; top: 70px; }
#dofus3 					{ left: 0px; top: 140px; }
#dofus4 					{ left: 0px; top: 210px; }
#dofus5 					{ left: 0px; top: 280px; }
#dofus6 					{ left: 0px; top: 350px; }
#amulette 					{ left: 70px; top: 0px; }
#bouclier 					{ left: 70px; top: 90px; }
#anneau1 					{ left: 70px; top: 180px; }
#botte 						{ left: 70px; top: 270px; }
#chapeau 					{ left: 320px; top: 0px; }
#arme 						{ left: 320px; top: 90px; }
#anneau2 					{ left: 320px; top: 180px; }
#familier					{ left: 320px; top: 270px; }
#cape 						{ left: 410px; top: 90px; }
#ceinture 					{ left: 410px; top: 180px; }
#monture 					{ left: 410px; top: 270px; }
#boost						{ left: 410px; top: 0px; }

div#pod {
  position: absolute;
  width: 100px;
  color: #999;
  font: bold 14px Arial;
  left: 200px;
  top: 385px;
}

table.item {
  width: 300px;
  background: #eee;
  border-spacing: 0;
  border: 2px solid #999;
  border-collapse: collapse;
  position: relative;
  color: #000;
}
table.item td { padding: 6px; line-height: 1.2em; }

.bordure1 { border-bottom: 1px solid #999999; }
.bordure2 { border-bottom: 1px dashed #999999; }
.bordure3 { border-bottom: 1px dashed #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; }
.bordure4 { border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; }

.nom_item 	 		{ font: bold 12px Verdana; color: brown; }
.niveau_item 		{ font: 12px Georgia; }
.pano_item 			{ font: 11px Arial; }
.carac_item 		{ font: 12px Arial; }
.carac_perso 		{ font: 12px Arial; }
.description_item 	{ text-align: justify; font: 12px Arial; font-style: italic; }
.carac_titre 		{ font: bold 12px Arial; }
.recette_item 		{ font: 12px Arial; color: #999999; }
a.lvl_sort			{ cursor: pointer; text-decoration: none; }


/***************************************/
/* Style des formulaires               */
/***************************************/
form input { font-size: 0.87em; }
form input[type=text], form input[type=password] { border: 1px solid #B0C4DE; width: 140px; }
form input.small { width: 50px; }
form select { border: 1px solid #B0C4DE; font-size: 0.87em; width: 140px; }
form input:focus { background : #ffc; }
form.cmxform {
  width: 400px;
  color: #333;
  background: #eee;
  border: 2px solid #ccc;
}
form.cmxform fieldset {
  border: none;
  margin-bottom: 10px;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  padding: 5px 10px 7px;
  background: url(images/cmxform-divider.gif) left bottom repeat-x;
  list-style: none;
  margin: 0;
}
form.cmxform textarea {
  border: 1px solid #B0C4DE;	
  width: 250px;
  height: 120px;
  margin-top: 0;
  font: normal 1em Arial;
  color: #555;  
}
form.cmxform legend {
  color: #fff;	
  text-align: center;
  font-weight: bold;
  font-size: 1.1em;
  background: #ccc;
  width: 100%;
  *margin-left: -7px;
  padding: 0;
}
label {
  color: #333;	
  display: inline-block;
  vertical-align: top;
  width: 125px;
}
form.cmxform span {
  color: #999;
}
form.cmxform span span.ok {
  background: url('images/ok.gif') no-repeat left center;
  padding-left: 12px;
}
form.cmxform span span.error {
  background: url('images/error.gif') no-repeat left center;
  padding-left: 14px;
  display: block;
}
form.cmxform span.vert {
  font-weight: bold;
  font-size:14px;
  font-family: "Trebuchet MS";
  color: #009833;
  margin-left: 0;
}
em {
  font-weight: bold;
  font-family: Verdana;
  color: #f00;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

/* BUTTONS */
.buttons {
  text-align: center;
}
.buttons div.rappel {
  color: #999;
  margin-bottom: 10px;
}
.buttons a, .buttons button {
  display: inline-block;
  margin: 0 7px 0 0;
  background-color: #f5f5f5;
  border: 1px solid #dedede;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size: 100%;
  line-height: 130%;
  text-decoration: none;
  font-weight: bold;
  color: #565656;
  cursor: pointer;
  padding: 5px 10px 6px 7px; /* Links */
}
.buttons button {
  width: auto;
  overflow: visible;
}
/*.buttons button[type] {
  padding: 5px 10px 5px 7px; // Firefox
  line-height: 17px; // Safari
}
*:first-child+html button[type] {
  padding: 4px 10px 3px 7px; // IE7
}*/

.buttons button img, .buttons a img {
  margin: 0 3px -3px 0 !important;
  padding: 0;
  width: 16px;
  height: 16px;
}

/* STANDARD */
.buttons button:hover, .buttons a:hover {
  background-color: #dff4ff;
  border: 1px solid #c2e1ef;
  color: #336699;
}
.buttons a:active {
  background-color: #6299c5;
  border: 1px solid #6299c5;
  color: #fff;
}

/* POSITIVE */
.buttons button.positive, .buttons a.positive {
  color: #529214;
}
.buttons button.positive:hover, .buttons a.positive:hover {
  background-color: #E6EFC2;
  border: 1px solid #C6D880;
  color: #529214;
}
.buttons a.positive:active {
  background-color: #529214;
  border: 1px solid #529214;
  color: #fff;
}

/* NEGATIVE */
.buttons button.negative, .buttons a.negative {
    color: #d12f19;
}
.buttons button.negative:hover, .buttons a.negative:hover {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #d12f19;
}
.buttons a.negative:active {
    background-color: #d12f19;
    border: 1px solid #d12f19;
    color: #fff;
}

form p.submit {
  margin-bottom: 0;
  padding-top: 10px;
  padding-right: 5px;
  border-top: 2px solid #009833;
  text-align: right;
}

form.message { width: 500px; }
form.message input, form.message select {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 3px;
  border: 1px solid #B0C4DE;
}
form.message img.message {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  padding: 3px;
  border: 1px solid #B0C4DE;
  cursor: pointer;
}

form.item input {
  width: 50px;
  font-size: 0.87em;
  padding: 0.1em;
}
select.texte { width: 50px; }


/***************************************/
/* Style des formulaires de filtres    */
/***************************************/
form#filtres {
  width: 100%;	
  text-align: center;
}
form#filtres input.filtres, form#filtres select.filtres {
  padding: 1px 5px;
  margin: 0;
  color: #2d2e30;
  font-size: 13px;
  outline: 0;
  vertical-align: middle;
}
form#filtres input.submit { vertical-align: middle; }
form#filtres input.filtre_nom { width: 136px; }
form#filtres input.filtre_lvl_min{ width: 50px; }
form#filtres input.filtre_lvl_max{ width: 50px; }
form#filtres select.filtre_srv { width: 136px; }

form#stuffminator {
  width:100%;
  background-color: transparent;
  border: 0;
}
form.stuffminator label { width: 90px; }
form.stuffminator select { width: 140px; }
form.stuffminator input[type=text] { width: 100px; }
div.stuffminator {
  background: transparent;
  width: 295px;
  display: none;
  border: none;
}
div.stuffminator div {
  background-color: #c3d9ff;
  -moz-box-shadow: 2px 2px 4px #999;  
  -webkit-box-shadow: 2px 2px 4px #999;  
  box-shadow: 2px 2px 4px #999;
}
div.stuffminator li { background-color: #eee; }
div.stuffminator li.rub {
  background-color: #c3d9ff;
  color: #fff;
  font-size: 110%;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 1px 1px #356aa0;
}
div.stuffminator span.error {
  color: #d15600;
  font-size: 110%;
  text-align: center;
  font-weight: bold;
}

  
/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */
.cluetip-default {
  background-color: #d9d9c2;
  -moz-box-shadow: 2px 2px 4px #999;  
  -webkit-box-shadow: 2px 2px 4px #999;  
  box-shadow: 2px 2px 4px #999;  
}
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: bold;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-close img {
  border: 0;
}


/***************************************
   =autoCompleteClass: 'default' 
-------------------------------------- */
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}
.ac_loading {
	background: white url('images/indicator.gif') right center no-repeat;
}
.ac_odd {
	background-color: #eee;
}
.ac_over {
	background-color: #0A246A;
	color: white;
}