/* ------------------------------------------- QEEL ------------------------------------------- */
/*Les barres de défilement du qeel*/
.qeel_inside::-webkit-scrollbar {width:10px;background: #353535;border-radius:12px;}
.qeel_inside::-webkit-scrollbar-thumb {background:#000000;border-radius:12px;}
.qeel_inside::-webkit-scrollbar-corner {background:none;}


/* Fond du qeel */
#qeel {
  width: 776px;
  background: #151515;
  border-radius: 20px;
  margin: auto;
  margin-top: 15px;
  padding: 10px;
  padding-bottom: 25px;
  padding-top: 15px;
  border-top: 10px solid #101010;
  border-bottom: 10px solid #101010;
  box-shadow: 0px 0px 10px #000000;
}
#qeel a {
  color: #A80707;
  text-shadow: 1px 1px 1px #000000;
  transition: all .25s;
  -webkit-transition: all .25s;
}
#qeel a:hover {
  color: #000000;
}


/* Titre du qeel */
.qeel_title {
  display: block;
  margin: auto;
  font-size: 70px;
  margin-bottom: 10px;
  font-family: 'Great Vibes';
  font-weight: normal;
  text-align: center;
}
/* Titre survolé du qeel */
.qeel_title:hover {
  text-decoration: none!important;
}


/*Positionnement des blocs*/
.qeel_blocs {
  float: left;
  margin-left: 15px;
  margin-top: 15px;
  text-align: center;
}


/* Blocs du qeel */
.qeel_bloc {
  padding: 10px;
  border-right: 2px solid #A80707;
  border-left: 2px solid #A80707;
  background-color: #202020;
  font-size: 14px;
  color: #ffffff;
  font-family: calibri;
  text-align: left;
  transition: all .25s;
  -webkit-transition: all .25s;
}

/*  Blocs du qeel survolés */
.qeel_bloc:hover {
  border-right: 2px solid #000000;
  border-left: 2px solid #000000;
}


.qeel_inside {
  margin-right: -10px;
  padding-right: 10px;
  overflow: auto;
}
/* Premier bloc - Stats */
#qeel_bloc1, #qeel_bloc1 .qeel_inside {
  width: 285px;
  height: 140px;
}
#contenu_qeelonglet_Stats {
  text-align: center;
}
/* Deuxième bloc - Groupes */
#qeel_bloc2, #qeel_bloc2 .qeel_inside {
  width: 398px;
  height: 140px;
  text-align: justify;
}
/* Troisième bloc - Message */
#qeel_bloc3, #qeel_bloc3 .qeel_inside {
  width: 215px;
  height: 120px;
  text-align: center;
}
/* Quatrième bloc - Connectés 24h */
#qeel_bloc4, #qeel_bloc4 .qeel_inside {
  width: 215px;
  height: 120px;
}
/* Cinquième bloc - Connectés */
#qeel_bloc5, #qeel_bloc5 .qeel_inside {
  width: 215px;
  height: 120px;
}


/* Espacement des onglets */
#qeelonglet_Credit, #qeelonglet_Stats, #grouponglet_Groupe2, #grouponglet_Groupe5 {
  margin-right: 20px;
  margin-left: 20px;
}
/* Onglets du qeel */
.qeelonglet, .grouponglet {
  display: inline-block;
  padding: 4px;
  padding-left: 20px;
  padding-right: 20px;
  border-top: 1px solid #151515;
  border-bottom: 1px solid #151515;
  text-align: center;
  font-size: 23px;
  color: #A80707;
  font-family: 'Great Vibes',cursive;
  transition: all 0.25s;
  -webkit-transition: all .25s;
  text-shadow: 0 0 1px #000000;
}
/* Onglets survolés */
.qeelonglet_0:hover, .grouponglet_0:hover {
  cursor: pointer;
  border-top: 1px solid #A80707;
  border-bottom: 1px solid #A80707;
  background-color: #202020;
  color: #000000;
}
/* Onglet actif */
.qeelonglet_1, .grouponglet_1 {
  border-top: 1px solid #A80707;
  border-bottom: 1px solid #A80707;
  background-color: #202020;
}
/* Onglet actif survolé */
.qeelonglet_1:hover, .grouponglet_1:hover {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  color: #000000;
}
#qeelonglet_Stats, #qeelonglet_Credits, #grouponglet_Groupe1, #grouponglet_Groupe2, #grouponglet_Groupe3 {
  border-bottom: none;
}
#qeelonglet_Anniversaires, #grouponglet_Groupe4, #grouponglet_Groupe5, #grouponglet_Groupe6 {
  border-top: none;
}
/* Cacher le contenu des onglets non actifs */
.contenu_qeelonglet, .contenu_grouponglet {
  display: none;
}


/* Mise en forme pour contrer FA */
#birthday .gensmall, #totalconn .gensmall {
  font-size: 14px;
  font-family: calibri;
  color: #ffffff;
}
#birthday .row1, #totalconn  .row1 {
  background-color: transparent;
}

/* ------------------------------------------- FIN QEEL ------------------------------------------- */

/*Profil et affichage de lavatar par Alu pour Never utopia */
.profilmembre {
  border: 1px solid #000;
  height: 355px;
  margin: 30px 8px; /*à adapter pour que la flèche noire ne morde pas le texte (augmenter)*/
  position: relative;
  width: 200px;}


.pseudo {
  background-color: #3D3D3D;
      background: url(http://i21.servimg.com/u/f21/19/31/69/63/test_d10.png);
  color: #FFF;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 31px;
  padding-top: 6px;
  position: relative;
  text-align: center;
  width: 200px;
    font-family: 'New Rocker', cursive;}

.pseudo .name a{font-size:24px; font-weight:300;color:#737373 !important;}


.rang {
  -moz-box-shadow: 0 0 8px 0 #000000;
  -o-box-shadow: 0 0 8px 0 #000000;
  -webkit-box-shadow: 0 0 8px 0 #000000;
  background-color: #1C1C1C;
  bottom: -12px;
  box-shadow: 0 0 8px 0 #A80707;
  color: #A80707;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565,Direction=NaN,Strength=8);
  font-family: "Josefin Slab",Georgia;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 19px;
  line-height: 19px;
  margin: -15px auto 5px;
  padding: 2px;
  position: absolute;
  right: 28px;
  text-align: center;
  width: 136px;
  z-index: 2;}


.infoprofil {
  -moz-transition: all .7s ease;
  -o-transition: all .7s ease;
  -webkit-transition: all .7s ease;
  background: rgba(0,0,0,0.75);
  color: #8A8A8A;
  filter: alpha(opacity=0);
  font-family: sans-serif;
  font-size: 9px;
  font-style: normal;
  font-variant: normal;
  font-weight: 500;
  height: 320px;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 35px;
  transition: all .7s ease;
  width: 200px;}


.infoprofil:hover{opacity:1; filter:alpha(opacity=100);}

.infoprofil .label span {
  visibility:visible;
  text-decoration:underline;
  display:block;
  background-color:rgba(0, 0, 0, 0.65);
  color:#8A8A8A !important;
  padding:5px;
  margin: 5px 0 -5px 0;
}
.infoprofil .label{visibility:hidden;}
.infoprofilrep {
  visibility:visible;
  display:block;
  background-color:rgba(0, 0, 0, 0.65);
  padding:3px;
  margin:-5px 0 -3px 0;
}

.postdetails.poster-profile a img {
  display: block;
  height: 318px;
  margin: auto;
  width: 200px;
}
/*fin du profil ****************************************************/