#ajax-data{ position: relative; z-index: 100; }

.card{ width: 350px; height: 483px;  z-index: 100;}

.card-x{position: absolute; top: 25px; right: 25px; cursor: pointer;}

.card-olympien{ background: url('../img/ui/card/card_olympien.png'); z-index: 100; }
.card-nain{ background: url('../img/ui/card/card_nain.png'); z-index: 100; }
.card-geant, .card-vache_solaire{ background: url('../img/ui/card/card_geant.png'); z-index: 100; }
.card-humain, .card-portail{ background: url('../img/ui/card/card_humain.png'); z-index: 100; }
.card-triton{ background: url('../img/ui/card/card_triton.png'); z-index: 100; }
.card-elfe, .card-insecte, .card-macaque_rhesus, .card-tortue{ background: url('../img/ui/card/card_elfe.png'); z-index: 100; }
.card-hs, .card-loup, .card-sanglier, .card-pieuvre, .card-squelette, .card-wekan, .card-dragon{ background: url('../img/ui/card/card_hs.png'); z-index: 100; }
.card-troglodyte{ background: url('../img/ui/card/card_troglodyte.png'); z-index: 100; }
.card-lutin{ background: url('../img/ui/card/card_lutin.png'); z-index: 100; }
.card-dieu, .card-merour{ background: url('../img/ui/card/card_dieu.png'); z-index: 100; }
.card-hybride_elfe_humain{ background: url('../img/ui/card/card_hybride_elfe_humain.png'); z-index: 100; }
.card-saurien{ background: url('../img/ui/card/card_saurien.png'); z-index: 100; }
.card-machine, .card-gardien, .card-griffon{ background: url('../img/ui/card/card_machine.png'); z-index: 100; }
.card-chouette{ background: url('../img/ui/card/card_chouette.png'); z-index: 100; }
.card-redoraan{ background: url('../img/ui/card/card_redoraan.png'); z-index: 100; }
.card-trotile, .card-centaure { background: url('../img/ui/card/card_trotile.png'); z-index: 100; }
.card-limule { background: url('../img/ui/card/card_limule.png'); z-index: 100; }
.card-inclosion, .card-phenix { background: url('../img/ui/card/card_inclosion.png'); z-index: 100; }

.card-name a{ position: absolute; top: 20px; left: 40px; font-family: goudy; font-size: 125%; color: white; text-shadow: 1px 1px #0a0a0a; letter-spacing: 1px; text-decoration: none; }

.card-img{ position: absolute; top: 47px; left: 41px; height: 215px; width: 268px; background: #c0c0c0; }

.card-img img{ position: absolute; left: 0px; top:0px; max-height: 215px; }

.card-buttons{ position: absolute; top: 47px; right: 41px; width: 134px; height: 215px; background: #000; border-left: 1px solid #0a0a0a; border-right: 1px solid #0a0a0a;}
.card-buttons input{ width: 100%; cursor: pointer;}
.dialog-button{ width: 134px; cursor: pointer;}

.card-type{ position: absolute; top: 266px; left: 40px; font-size: 88%; }
.card-type a{ text-decoration: none; color: black; }

.card-hs .card-type a, .card-loup .card-type a, .card-sanglier .card-type a,.card-pieuvre .card-type a, .card-squelette a, .card-geant a, .card-inclosion a, .card-phenix a, .card-trotile a, .card-centaure a, .card-insecte a, .card-macaque_rhesus a, .card-tortue a, .card-troglodyte a, .card-elfe a, .card-machine a, .card-griffon a, .card-gardien a, .card-vache_solaire a, .card-wekan a, .card-dragon a{color: white;}
.card-hs .card-type, .card-loup .card-type, .card-sanglier .card-type, .card-pieuvre .card-type, .card-squelette .card-type, .card-geant .card-type, .card-inclosion .card-type, .card-phenix .card-type, .card-trotile .card-type, .card-centaure .card-type, .card-insecte .card-type, .card-macaque_rhesus .card_type, .card-tortue .card_type, .card-troglodyte .card_type, .card-elfe .card_type, .card-machine .card_type, .card-griffon .card-type, .card-gardien .card_type, .card-vache_solaire .card-type, .card-wekan .card-type, .card-dragon .card-type {color: white;}

.card-faction{ position: absolute; right: 40px; top: 265px; }
.card-geant .card-faction img, .card-inclosion .card-faction img, .card-phenix .card-faction img, .card-trotile .card-faction img, .card-centaure .card-faction img, .card-hs .card-faction img, .card-loup .card-faction img, .card-troglodyte .card-faction img, .card-vache_solaire .card-faction img, .card-wekan .card-faction img, .card-dragon .card-faction img{filter: invert(100%);}

.card-txt{ width: 266px; text-align: left; position: absolute; top: 292px; left: 45px; font-size: 88%; font-style: italic; height: 133px; overflow: scroll; }
.card-txt::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

.card-coords{ position: absolute; top: 435px; right: 30px; font-size: 88%; color: white; cursor: pointer; }