DESIGN DARK ONE

/*INSTALATION DES POLICES*/
@font-face {
  font-family: 'Snippet';
  font-style: normal;
  font-weight: 400;
  src: local('Snippet'), url(http://fonts.gstatic.com/s/snippet/v6/dkdPSGwSU2IgxfExalYR0wLUuEpTyoUstqEm5AMlJo4.ttf) format('truetype');
}

@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: local('Amatic SC'), local('AmaticSC-Regular'), url(http://fonts.gstatic.com/s/amaticsc/v7/DPPfSFKxRTXvae2bKDzp5CZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}

.bodylinewidth
{
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}

.bodyline
{
  width: 900px;
  padding: 0;
  box-shadow: 0px 0px 5px #492c2C;
  -moz-box-shadow: 0px 0px 5px #492c2C;
  -o-box-shadow: 0px 0px 5px #492c2C;
  -htm-box-shadow: 0px 0px 5px #492c2C;
  -webkit-box-shadow: 0px ;
}

   
/*-- SCROLLBAR --*/
::-webkit-scrollbar { /*Scrollbar entière height c'est pour la hateur de la scrollbar horizontale et width pour la largeur de la scrollbar verticale*/
  width: 10px;
  background-color: #443A43;
  height: 10px;
}

::-webkit-scrollbar-track { /*Le fond de la scrollbar*/
  background-color: #443A43;
}

::-webkit-scrollbar-thumb { /*Le petit ascenceur de la scrollbar, le truc qui descend*/
  background-color: #0D0C0E;
}

::-webkit-scrollbar-button { /*La hauteur des boutons de la scrollbar verticaux*/
  background-color: #443A43;
  height: 10px;
}

::-webkit-scrollbar-button:horizontal { /*La largeur des boutons horizontaux*/
  background-color: #443A43;
  width: 10px;
}

/*CATÉGORIES*/

.forumline {
  background-color: #1d1d1d;
  box-shadow: 0px 0px 10px #492c2C;
}

.gemned {
  text-align: justify;
  height: 90px;
  overflow: auto;
  padding: 1px;
  width: 400px;
  background-color: #141414;
  border-radius: 10px;
}

.forumlink {
  font-size: 20px;
  padding-left: 80px;
  font-family: 'Snippet';
  transition: 500ms;
}

.forumlink:hover {
  padding-left: 100px;
  transition: 500ms;
}

.secondarytitle, .secondarytitle h2 {
    color:#212121;
    font-family: 'Butler';
    font-size: 30px !important;
    font-weight: lighter !important;
    letter-spacing: -1px;
    position: relative;
    text-transform:uppercase;
    height: 40px;
    background-color: NONE;
    width: 100%;
}

.lastpost-avatar img {
  border: 1px solid #492c2C;
  padding: 2px;
  border-radius: 0px;
  height: 95px;
  width: 59px;
}

.links {
  width: 150px;
  height: 90px;
  padding: 5px;
  background-color: #141414;
  size: 17px;
  font-family: 'Snipet';
  text-align: center;
  border-radius: 10px;
  margin-left: 2px;
  overflow: auto;
}

.last-post {
  background-color: #141414;
  border-radius: 10px;
  height: 100px;
  overflow: auto;
}

/* SELECTIONNER CODE */
.selectCode {
    float : right ;
    cursor : pointer ; }

.div.cont_code {
    clear : right ; }


/*REPONSE RAPIDE*/
    /*---  Partie texte area : fond ---*/
   
    .sceditor-container iframe, .sceditor-container textarea {
    background-color: #F5F5F5 !important;
    text-align:justify;
    margin:0 !important;
    line-height: 16px;
    width: 540px !important;
    background-image: url(\'\') !important;
    font-size:12px !important;
    font-color: #E2CDD7;
    }
    /*---  Partie supérieur contenant les outils ---*/
   
    div.sceditor-toolbar {
    background-color: #A2A8BC !important;
    width: 540px !important;
    }

/*-- PAGE D'ACCEUIL --*/

#la_pa {
  position: relative; }

/*PA STAFF*/
.mon_onglet{
  display: inline;
  padding: 0.5px;
  margin: 0.5px;
  color: #000;
  background: transparent;
  border: 1px solid transparent;}
 
.mon_onglet:hover{
  background: transparent;}
     
.mon_onglet_selected{
  display: inline;
  padding: 0.5px;
  margin: 0.5px;
  color: #000;
  background: transparent;
  border: 1px solid transparent;}
     
.clear{
  clear: both;}
 
.mon_contenu{
  color: #000;
  background: transparent;
  border: 1px solid transparent;
  padding: 0.5px;
  margin: 0.5px;
  line-height: normal;
  font-size: 11px;}
 
#mes_contenus, #mes_onglets{
  height: 100%;
  width:100%;}

img.arrondi {
  background-color: #F3DDC8;
  padding:0.5px;
  margin:0.5px;
  border: 1px solid #4e0f3d;
  border-radius: 2px;
}

img.arrondi:hover {
  background-color: #F3DDC8;
  padding:0.5px;
  margin:0.5px;
  border: 1px solid #4e0f3d;
  border-radius: 2px;
}

.pix {
  border: none;
  opacity: 1;
  background-color: transp;
  padding:0.5px;
  margin-top:1px;
  margin-left:0.5px;
  margin-right:0.5px;
  border: 1px solid #4e0f3d;
  -moz-border-radius: 1px;
}

/*titre*/
.titrepa{
  font-family:Iowan Old Style;
  font-weight:none;
  font-style:bold;
  font-size:45px;
  letter-spacing:-1px;
  color: #212121;
  text-shadow:0px 1px 2px #a80004;
}

.titrepa:hover{
  font-family:Iowan Old Style;
  font-weight:none;
  font-style:bold;
  font-size:45px;
  letter-spacing:-1px;
  color: #580000;
  text-shadow:0px 1px 2px #212121;
}

.sloganpa{
  transform:uppercase;
  font-size:11px;
  font-family:Segoe Ui Semilight;
  letter-spacing:1pt;
  margin-top:-10px;
  color: #866F6E;
}

e{
  font-family:times new roman;
  color:#BA270D;
  font-weight:normal;
  font-size:10px;
  margin-top:-12px;
}

c{
  font-family:Old English Text MT;
  color:#a80004;
  text-shadow:0px 1px 1px #8B3E31;
  text-align: center;
  font-size:22px;
  margin-top:-18px;
}

f{
  font-family:tahoma;
  font-weight:bold;
  font-size:11px;
  text-transform:uppercase;
  color:#622422;
  text-shadow:1px 2px 2px #E1D4C8;
}

d{
  font-family:Butler;
  color:#c0d2ed;
  text-shadow:0px 0.5px 2px #050013;
  font-weight:normal;
  font-style:bold;
  text-transform:lowercase;
  font-size:15px;
  margin-top:-12px;
}

/*infobulle*/
a.imginfo {
  position: relative;
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 0px #321818 solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 0px; /* on positionne notre infobulle */
  left: 0px;
  background: #e68978;
  color: #FFFFFF;
  padding: 3px;
  border: 0px solid grey;
  border-left: 1px solid #321818;
  border-right: 1px solid #321818;
  border-top: 1px solid #321818;
  border-bottom: 1px solid #321818;
}

/*bloc intéractif*/

.l1 {
  width: 140px;
  padding: 10px;
  padding-top: 3px;
  background-color: #626464;
  color:#ffffff;
  font-family: 'Open Sans Condensed';
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  margin:2px;
  border: 0.5px solid #030102;
}

.l2 {
  width: 140px;
  padding: 10px;
  padding-top: 3px;
  background-color: #636464;
  color:#ffffff;
  font-family: 'Open Sans Condensed';
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  margin:2px;
  border: 0.5px solid #030102;
}

/* FIN PA*/

/*FICHE PRESENTATION - SCENARIO - PV*/

/*image coulissante*/
.image {
  background:ta couleur de fond si besoin;
  position:relative;
  width:200px; /* tu détermines la largeur */
  height:320px; /* tu détermines la hauteur */
  overflow:hidden;
}

.texte {
  position:absolute;
  height:320px; /* encore la hauteur*/
  width:200px;  /* la largeur */
  margin-bottom:-320px; /* tu décales vers le bas il faut donc la même valeur que pour ta hauteur ! */
  background-color: #141414; /*indique la couleur de fond de ton choix*/
  text-align: justify;
  bottom:0;
  left:0;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}


.image:hover .texte {
  margin:0;
}
/*image coulissante lien*/
.imagelien {
  background:ta couleur de fond si besoin;
  position:relative;
  width:150px; /* tu détermines la largeur */
  height:150px; /* tu détermines la hauteur */
  overflow:hidden;
}

.textelien {
  position:absolute;
  height:150px; /* encore la hauteur*/
  width:150px;  /* la largeur */
  margin-bottom:-150px; /* tu décales vers le bas il faut donc la même valeur que pour ta hauteur ! */
  background-color: #141414; /*indique la couleur de fond de ton choix*/
  text-align: justify;
  bottom:0;
  left:0;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}


.imagelien:hover .textelien {
  margin:0;
}

/*Les titres*/
.titre1{
  font-family:arial;
  font-weight:bold;
  font-style:italic;
  font-size:25px;
  text-transform:uppercase;
  letter-spacing:-2px;
  color:#7D0000;
  text-shadow:0px 0px 2px #a80004;
}

.titre1:hover{
  font-family:arial;
  font-weight:bold;
  font-style:italic;
  font-size:25px;
  text-transform:uppercase;
  letter-spacing:-2px;
  color:#a80004;
  text-shadow:0px 0px 2px #7D0000;
}

.titre2{
  font-family:times new roman;
  color:#AB5725;
  font-style:italic;
  text-align:center;
  font-size:22px;
  letter-spacing:-2px;
  text-transform:lowercase;
}

.titre2:hover{
  font-family:times new roman;
  color:#7D0000;
  font-style:italic;
  font-size:20px;
  letter-spacing:-2px;
  text-transform:lowercase;
}

.titre3{
  font-family:Segoe Ui Semilight;
  font-style:italic;
  text-align:center;
  font-size:15px;
  letter-spacing:-1px;
  text-transform:lowercase;
}

.sous-titre1{
  line-height: 80%;
  width: 490px;
  letter-spacing: 1.9px;
  font-family: Butler;
  font-size: 12px;
  color:#b69ca3;
  text-transform: uppercase;
}

.sous-titre2{
  font-family:Butler;
  color:#460000;
  font-weight:bold;
  text-align:center;
  font-size:12px;
  letter-spacing:1px;
  text-transform:lowercase;
}

.ID1{
  overflow:auto;
  height: 320px;
  width: 195px;
  color: #ffffff;
}

.ID2{
  overflow:auto;
  height: 320px;
  width: 300px;
  color: #ffffff;
}

.ID3{
  overflow: auto;
  width: 400px;
  height: 90px;
  color: #ffffff;
  text-align : justify;
}


.ID4{
  overflow: auto;
  width: 220px;
  height: 100px;
  color: #ffffff;
  text-align : justify;
}

.story{
  width: 500px;
  text-align : justify;
  color: #ffffff;
}

.SL{
  color: #99cc33;
}

.SR{
  color: #ffcc33;
}

.SP{
  color: #cc3333;
}

m{
  font-family:Times New Roman;
  font-weight:bold;
  font-style:italic;
  font-size:15px;
  text-transform:lowercase;
  letter-spacing:0px;
  color:#EDC5CB;
}

/* Cadre messages */
.cadremessage{
  width:510px;
  background-color:#141414;
  border:solid 1px #492c2C;
  color:#ffffff;
  text-align:justify;
  font-size:11px;
  padding:5px;
}

.cadremessage:hover{
  width:510px;
  background-color:#626464;
  border:solid 1px #492c2C;
  text-align:justify;
  font-size:11px;
  padding:5px;
}

/*FIN FICHE PRESENTATION - SCENARIO - PV*/

/**QEEL**/

.titreqeel {
  letter-spacing: 3px;
  font-size: 60px;
  font-family: 'Iowan Old Style';
  color: #686565;
  text-align: center;
}

.groupes {
  letter-spacing: 2px;
  font-size: 35px;
  font-family: 'Segoe Ui Semilight';
  text-transform: uppercase;
}

.oneligne {
  text-align: justify;
  height: 95px;
  overflow: auto;
  padding: 5px;
  width: 495px;
  color: #ffffff;
  background-color: #141414;
}

.histo {
  text-align: justify;
  height: 205px;
  overflow: auto;
  padding: 5px;
  width: 315px;
  color: #ffffff;
  background-color: #141414;
}

.cb {
  letter-spacing: 2px;
  font-size: 10px;
  font-family: 'Segoe Ui Semilight';
  text-transform: uppercase;
}
/**FIN QEEL***/

/* NOTIFICATIONS */

/* Cacher les bouts de la toolbar que je ne veux pas */
.fa_tbMainElement#fa_left,
.fa_tbMainElement#fa_search,
.fa_tbMainElement#fa_share,
#fa_menu,
.rightHeaderLink#fa_hide,
.fa_tbMainElement#fa_right a.rightHeaderLink {
  display:none!important;
}
 
/* Supprimer la couleur de fond et positionnement du bloc */
#fa_toolbar {
  background-color:transparent!important;
  position:fixed;
  top:0px;
  padding:5px;
  width:100%;
  z-index:999;
  box-sizing:border-box;
}

/* Mise en page du bouton Notification */
.fa_tbMainElement#fa_right a.rightHeaderLink#fa_notifications {
  display:block!important;
  position:absolute;
  top:10px;
  right:10px;
  width:160px;
  padding:3px;
  background:#626464;
  box-shadow:0 0 5px #492c2C;
  color:#ffffff;
  font-family:Arial;
  font-size:16px;
  letter-spacing:2px;
  text-align:center;
  text-decoration:none!important;
}
#fa_toolbar #fa_right #notif_list li:first-child{
  padding-top:10px;
}

/* Mise en page bouton "notification" - Au clic */
#fa_menu:hover:visited,
#fa_toolbar > #fa_right.notification > #fa_notifications {
  background:#141414!important;
  color:#ffffff!important;
  text-shadow:none;
}

/* Référence pour la liste des notifications */
#fa_toolbar #fa_right.fa_tbMainElement {
  position:relative;
}

/* Mise en page de la liste des notifications */
#fa_toolbar #fa_right.notification #notif_list {
  top:50px!important;
  right:10px;
  left:auto!important;
  max-width:340px;
  min-width:167px;
  box-shadow:0 0 5px #492c2C;
  border:none!important;
}

/* Mise en page des notifications */
#fa_toolbar #fa_right #notif_list li .content,
#fa_toolbar #fa_right #notif_list li {
  width:auto!important;
  font-size:12px;
  background-color:#none;
}

/* Taille des blocs textes des points de la liste de notif' */
#fa_toolbar #fa_right #notif_list li .contentText {
  overflow:visible!important;
  width:300px !important;
  height:auto!important;
}

/* Bloc "notifs non lues" */
.fa_tbMainElement#fa_right a.rightHeaderLink.unread#fa_notifications {
  width:180px;
  /* On supprime 1px à la largeur car la bordure fera 1px d'épaisseur */
  border-left:1px solid black;
}

#fa_toolbar #fa_right #notif_list li.unread {
  background:#f1d9ae!important;
}

/* Mise en page du bloc "voir toutes les notifications" */
#fa_toolbar #fa_right #notif_list li.see_all {
  text-align:center!important;
  background:#626464!important;
  padding:5px!important;
  font-size:12px!important;
}
#fa_toolbar #fa_right #notif_list li.see_all a{
  color:#010a15;
}
/*FIN NOTIFICATION*/

/* AFFICHAGE LISTE DES MEMBRES */
.LSbatty_titre {
  margin:15px auto;
  width:100%;
}

.LSbatty_titre  th {
  margin-bottom:5px;
  padding:5px 0;
  font-family:Old English Text MT; /*police du titre*/
  font-size:25px; /*taille du texte*/
  background-image: url('https://img11.hostingpics.net/pics/681248fonttitre.png')
  background:#626464; /*couleur fond titre*/
  color:#ffffff; /* Couleur du texte */
  font-weight:normal; /*Retiré le gras du titre*/
}

.LSbatty_corp{
  position:relative;
  width:100%;
  height:90px;
  padding:10px 0;
  font-family: arial; /*Police général*/
}

.LSbatty_image{
  position:absolute;
  top:10px;
  left:0;
  z-index:2;
  width:90px; /*Largeur de l'espace pour l'avatar*/
  height:90px; /*hauteur de l'espace pour l’avatar*/
  background: #000713; /*couleur de fond s'il n'y a pas d'image*/
  overflow: hidden;
  box-shadow: 0 0 5px rgba(68,74,115,0.5); /*ombre au tour de l'avatar*/
}

.LSbatty_image img{
  width:90px; /*Largeur de l'image avatar*/
}


.LSbatty_pseudo{
    position: absolute;
    top: 0;
    left: 60px;
    width: calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    height: 35px;
    color:#010a15;
    background: #B3B3B3;/*couleur de fond par défaut (membre non validé)*/
    padding: 5px 65px;
    font-family:Times New Roman;
    text-shadow:0px 1px 1px #492c2C;
    font-size: 22px; /*Taille du texte*/
    text-align: left;
    margin: 10px 0;
    box-sizing: border-box;
}


.LSbatty_pseudo span strong{
  font-family:Times New Roman;
  text-shadow:0px 1px 1px #492c2C;
  font-size:22px;
  color:#010a15; /*Couleur du pseudo (membre validé)*/
}

.LSbatty_pseudo a {
  font-family:Times New Roman;
  text-shadow:0px 1px 1px #492c2C;
  font-size:22px;
  color:#010a15; /*Couleur du pseudo (membre non validé)*/
}

.LSbatty_pseudo img{
  height:14px; /*Hauteur des images MP et site web*/
}

.LSbatty_pseudo a strong{
  font-weight:normal; /*Retiré le gras sur les pseudo*/
}

.LSbatty_infos{
    position: absolute;
    top: 40px;
    left: 100px;
    width: calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: -moz-calc(100% - 120px);
    height: 80px;
    padding: 10px 5px;
    font-size: 14px; /*taille du texte*/
    box-sizing: border-box;
}

.LSbatty_infos div{
  display: inline-block;
  vertical-align: top;
  width: 23%;
  height:50px;
  margin: 5px;
  background: #141414; /*couleur de fond des infos*/
}

.LSbatty_infos div span{
  display:block;
  background: #626464; /*couleur de fond des titres infos*/
  margin-bottom: 5px;
  padding:3px;
}

.LSbatty_pagination{
    margin: auto;
    padding: 10px;
    width: 100%;
    background: #141414; /*couleur fond pagination*/
}

.LSbatty_pagination a {
  color:#FFFFFF; /*Couleur texte pagination*/
}

.LSbatty_pagination span{
  color:#FFFFFF; /*Couleur texte pagination*/
}

/*Mise en page du copyright (Lien)- NE PAS SUPRIMER-*/
.LSbatty_copyright {
  margin:5px auto; /*marge*/
  text-align: center; /*aligner le copyright*/
}

.LSbatty_copyright a{
font-size:11px;
text-decoration:none!important; /*suppression du soulignement par défaut*/
}

.LSbatty_copyright:hover a{
text-decoration:none!important; /*suppression du soulignement par défaut*/
color:#415694!important; /*deuxième couleur*/
}

/*FIN LISTE DES MEMBRES*/

/* NAVIGATION */
#navSIT {
  width:900px;
  height:30px;
  box-shadow: 0px 0px 10px #492c2C;
  background:none; /* MODIFIABLE */
}
.navSIT {
  position:absolute; 
  right:15px;
  box-shadow: 0px 0px 10px #492c2C;
}


.mainmenu img {
display:none;
}

a.mainmenu[href="/calendar"] {display: none !important;}
a.mainmenu[href="/faq"] {display: none !important;}
a.mainmenu[href="/groups"] {display: none !important;}


/* BARRE DE RECHERCHE - NAVIGATION */
#navSIT a{
  display:inline-block;
  vertical-align:middle;
  text-align:center;
  font-size:22px;
  font-family:Old English Text MT;
  color:white; /* MODIFIABLE */
  transition:all .65s linear;
  -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:22px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:45px !important; left:5% !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:black; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:black; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:#000713 !important; /* MODIFIABLE */
}


/* PROFIL & SUJET */
/* BORDURE AVATAR */
.avaSIT {
  position:absolute;
  z-index:10;
  margin-top:-25px;
  margin-left:-35px;
  width:95px;
  height:95px;
  border-radius:95px;
  overflow:hidden;
  box-shadow: 0px 0px 10px #492c2C;
}
/* IMAGE AVATAR */
.avaSIT img{
  width:95px;}

.cadreavatar {
  background-image: url('https://image.noelshack.com/fichiers/2018/19/5/1526024722-essaicadre.png');
  height: 395px;
  padding: 5px;
  position:relative;
    }

/* TITRE SUJET */
#tlePOST{
  margin:5px auto;
  padding:1px 0;
  border-radius:25px;
  background-image: url('https://i.servimg.com/u/f62/17/39/50/12/tentat10.png');
  color:black;
  font-family:Arial;
  text-transform:uppercase;
  text-align:center;
}
#tlePOST h1 {
  display:block;
  font-size:32px;
}
/* BLOC PSEUDONYME */
.namePOST {
  margin:5px auto 0;
  padding:15px 0;
  text-align:left;
  border-radius:15px 15px 0 0;
  background:none;
  font-family:Arial;
  font-size:22px;
  text-transform:uppercase;
}
/* ICÔNE EN LIGNE */
.onPOST {
  display:inline-block;
  vertical-align:middle;
  margin-left:10px;
}

/* TEXTE+IMAGE RANG */
.rankPOST {
  display:inline-block;
  vertical-align:middle;
  text-transform:uppercase;
  font-size:11px;
  opacity:0.8;
}

.imgrankPOST img {
  margin:auto;
  max-width:90%;
}

.imgrankPOST {
  display: inline-block;
}

/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
  padding:10px;
  background:#141414;
  text-align:justify;
    }

/* BLOC INFORMATIONS JOUEUR */
.abtPOST {
  margin:10px auto 5px;
  width:100%;
  text-align:justify;
}
/* INFORMATION JOUEUR */
.abtPOST div{
  margin-bottom:5px;
  padding:5px;
  text-transform:uppercase;
  font-size:10px;
  text-align:justify;
  background:#626464;
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span{
  font-weight:bold;
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
  margin:auto;
  max-width:100%;
}

/* BLOC MESSAGE */
.msgPOST {
  background:#fcc0b7;
}
/* BLOC DATE MESSAGE / OUTILS MODERATION */
.tktPOST {
  margin:5px auto;
  width:90%;
  padding:5px;
  text-align:right;
}
/* DATE MESSAGE */
.datePOST {
  display:inline-block;
  vertical-align:middle;
  font-size:12px;
  text-transform:uppercase;
  color:ffffff;
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
  display:inline-block;
  vertical-align:middle;
  margin-left:15px;
}
/* APPARENCE MESSAGE */
div.postbody {
  padding:5px;
  text-align:justify;
  color:#ffffff;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
  padding:5px 0;
  text-align:center;
  border-radius:0 0 15px 15px;
  background:grey; /* MODIFIABLE - MESSAGES DES INVITES */
}


/*AFFICHAGE PROFIL PAR SKAEMP*/
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC ADMINISTRATION & DERNIERE VISITE PROFIL */
.lstPFIL {
margin-bottom:15px;
padding:2px 5px; border:1px solid;
font-size:10px; text-transform:uppercase; text-align:right; 
border-color:#626464; background:#141414; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:left; margin-top:1px;
font-size:9px; text-align:left; text-transform:uppercase;
color:white; /* MODIFIABLE */
opacity:0.7;
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:white; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:15px;
width:200px; padding:10px; border:1px solid;
border-color:#626464; background:#141414; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:200px; height:320px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:#626464; background:#626464; color:white !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:#626464; background:#626464; color:white !important; /* MODIFIABLE */
}
/* PSEUDONYME & INFORMATIONS PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:30px; padding:20px;
text-align:center; font-size:20px; line-height:30px;
background:#626464; /* MODIFIABLE */
}
/* TRIANGLE PSEUDONYME PROFIL */
.namePFIL::before {
content:''; float:left; margin-left:-35px; margin-top:3px;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:#626464; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin-top:15px;
width:541px; height:275px; padding:10px; overflow-y:auto;
border:1px solid; font-size:11px;
border-color: #626464; background:#141414; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:15px;
padding:10px 5px 10px 0; text-align:right;
background:#626464; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin:0 5px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
margin:auto; max-height:25px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px; border:1px solid;
border-color:#626464; background:#141414; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:white; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}