LES COULEURS

.bloc_flottant
{
width: 150px;
height: 100px;
position:fixed;
top: 50px;
right: 10px;
}


/*bannfond*/

#i_logo{
          margin: -19px !important;}

.bodylinewidth
{
width: 800px;
}

.bodyline {
padding: 0px;
}

#i_logo
{
margin-bottom: -45px;
}


/*****fond****/

/******************************Scrollbars *********************/
::-webkit-scrollbar {
  width: 5px;
  height : 4px;
  background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
  background-color : #191919;
  position: absolute;
  z-index:99;
}

::-webkit-scrollbar-track {
  background-color: #ffffff;
  position:absolute;
  z-index:99;
}

/************************naviguation*********************/

/* BARRE NAVIGATION */

/* DEBUT BARRE DE NAVIGATION */
.navig {
  top: 390px;
  height: 41px;
  width: 800px;
  position: fixed;
}
.navigin {
  background-color: #191919;
  font-family: verdana;
  height: 41px;
  margin: auto;
  width: 800px;
  text-align: center;
   display: inline-block;
  vertical-align: bottom;
}
.navig a.mainmenu {
  text-decoration: none;
  color: #F17272;
  display: inline-block;
  margin: 0px;
  font-family: verdana;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  text-decoration: none;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.navig a.mainmenu img {
  display: none;
}
/* FIN BARRE DE NAVIGATION */

/*********************CATEGORIES *********************/
/*catégories en onglets*/
/* Mise en place du conteneur d'onglets */
#onglets {
margin:5px auto 0; width:800px; padding:15px 0; text-align:center;
  cursor: pointer;
}

/* Mise en forme des noms d'onglets */
#onglets li, #onglets h2 {
  display: inline-block;
  verctical-align: center;
  position: relative;
  bottom: 20px;
  margin: 10px;
  margin-top: 25px
  /* Couleur */
  color: #191919;
  font-size: 11px;
  /* Police d'écriture */
  font-family:'verdana'; cursive;
  transition: all ease 1s;
}

/* Effet au passage de la souris sur les noms d'onglets */
#onglets h2:hover {
  color: #ffffff;
  transition: all ease 0,5s;
}

/* HAUT CATEGORIES */
.topCAT {
margin:auto; width:800px;
background:white; /* MODIFIABLE */
}
/* TITRE CATEGORIES */
.tleCAT{
text-align:center; padding:1px 0;
}
.tleCAT h2{
font-size:23px; text-transform:uppercase;
font-family:verdana; color:black; /* MODIFIABLE */
}
/* CONTENU CATEGORIES */
.mdlCAT {
margin:auto; margin-bottom:15px;
width:800px; padding:15px 0 10px;
}
/* BLOC FORUM */
.blocFRM{
width:800px; margin:auto; text-align:center;
}
/* TITRE FORUM */
.tleFRM a{
display:inline-block;
color:black !important; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* BORDURE TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:10px;
width:750px; padding-bottom:5px;
font-family:verdana; text-align:left; font-size:18px; text-transform:uppercase; letter-spacing:2px;
border-bottom:2px dashed black; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL TITRE FORUM */
.tleFRM:hover a{
color:#a9a9ad !important; /* MODIFIABLE */
}
/* BORDURE SURVOL TITRE FORUM */
.tleFRM:hover {
padding-left:35px; width:715px;
border-color:#a9a9ad; /* MODIFIABLE */
}
/* BLOC DESCRIPTION / AVATAR DERNIER POSTEUR / SOUS-FORUMS / DERNIER MESSAGE / NOMBRE SUJETS & MESSAGES */
.FRM {
margin:auto; margin-bottom:15px;
width:755px;
}
/* BLOC DESCRIPTION FORUM */
#descFRM {
display:inline-block;
width:400px; height:75px; overflow:hidden;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
margin-bottom: 25px;
}
#descFRM div {
position:relative;
width:400px; height:75px; overflow:hidden;
margin-bottom: 25px;
}
/* DESCRIPTION FORUM */
.descFRM{
width:390px !important; height:65px !important; padding:5px !important; overflow:auto !important;
font-size:10px; text-align:justify;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:5; margin-left:-200px;
width:400px; height:100px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
#descFRM:hover img {
transform:translateX(-400px); -webkit-transform:translateX(-400px);
}
/* BLOC AVATAR DERNIER POSTEUR */
#avaFRM {
display:inline-block; vertical-align:top; margin:0 10px 15px;
width:50px; height:75px; border:5px solid;
background:#ccc; border-color:rgba(250,250,250,0.3); /* MODIFIABLE */
}
/* AVATAR DERNIER POSTEUR */
.avaFRM {
width:50px; height:65px; overflow:hidden;
}
.avaFRM img {
width:45px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; margin-right:10px; margin-bottom: 25px;
width:105px; height:65px; padding:5px; overflow-y:auto; overflow-x:hidden;
line-height:1px;
background-color: white;
}
/* LIEN SOUS-FORUMS */
.sfFRM a{
display:block; padding:1px 0; line-height:10px; border-bottom:1px dashed black;
text-transform:uppercase; !important; color:black !important; /* MODIFIABLE */
}
/* SURVOL LIEN SOUS-FORUMS */
.sfFRM a:hover {
color:#a9a9ad !important; /* MODIFIABLE */
}
/* BLOC ICÔNES FORUM / DERNIER MESSAGE FORUM / NOMBRE SUJETS & MESSAGES */
.boxFRM {
display:inline-block; vertical-align:top;
width:150px;
}
/* BLOC ICÔNES FORUM / DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:5px;
width:150px; height:75px;
}
/* ICÔNES FORUM */
.imgFRM{
width:150px; height:75px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM div{
position:absolute; margin-top:-75px;
width:140px; height:60px; padding:10px 5px 5px;
text-align:center; font-size:10px;
background-color:rgba(250,250,250,0.9); color:black; /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.lmsgFRM:hover div {
opacity:1;
}
/* NOMBRE SUJETS ET MESSAGES FORUM */
.nbFRM {
width:150px; height:17px; padding-top:3px; overflow:hidden;
margin-left: 80%;
text-transform:uppercase; font-size:10px; letter-spacing:-1px;
color:black; /* MODIFIABLE */
}

/*************************** QEEL **************************/
/**QEEL**/
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xGAzD5WKQVN4wSyA0MYYi4rr7w4p9aSvGirXi6XmeXNA.woff) format('woff');
}
@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: local('Poiret One'), local('PoiretOne-Regular'), url(http://fonts.gstatic.com/s/poiretone/v4/HrI4ZJpJ3Fh0wa5ofYMK8b3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}

.titreqeel {
letter-spacing: 3px;
  font-size: 60px;
  font-family: 'Poiret One';
  text-transform: uppercase;
  text-align: center;
}

.groupes {
letter-spacing: 2px;
  font-size: 30px;
  font-family: 'Poiret One';
  text-transform: uppercase;
}
.stat {
padding: 2px;
  background-color: #EFEFEF;
  text-align: center;
  font-size: 15px;
  width: 120px;
  letter-spacing: 2px;
  font-family: 'Open Sans Condensed';
 padding-top: 5px;
  padding-bottom: 5px;
}

.fondqeel3 {
  background : none;
  border: 3px solid #EFEFEF;
    text-align: justify;
    width: 365px;
  padding: 5px;
    height: 57px;
  overflow: auto;
  margin-left: 2px;
  margin-top: 2px;
  margin-bottom: 5px;
}

.fondqeel2 td.row1 {
  background : none;
  border: 3px solid #EFEFEF;
    text-align: justify;
    width: 365px;
  padding: 5px;
    height: 62px;
  overflow: auto;
}

.totuson {
text-transform: uppercase;
  font-size: 11px;
  font-family: 'Poiret One';
  margin-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.fondqeel td.row1 {
  background : none;
  border: 3px solid #EFEFEF;
    text-align: justify;
    width: 365px;
  padding: 5px;
    height: 90px;
  overflow: auto;
}

.titan {
background-color: #EFEFEF;
  font-size: 15px;
  font-family: 'Open Sans Condensed';
  width: 381px;
    text-align: center;
  letter-spacing: 2px;
  margin-left: 2px;
}

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


 /*liste de membres*/
  
  /* BLOC LISTE DES MEMBRES */
#LMBER {
width:675px; margin:auto;
}
/* BLOC MEMBRE */
#MBER {
float:left; width:200px; height:385px; margin:10px;
}
/* PSEUDONYME */
.nameLMBER{
width:180px; height:15px; padding:10px;
text-align:center; text-transform:uppercase;
}
/* AVATAR MINIATURISE */
.imgLMBER img{
width:200px; height:320px;
}
.imgLMBER div {
position:relative; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE / HUMEUR */
.imgLMBER div div{
width:180px; height:300px; padding:10px; overflow:auto;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
font-size:11px; text-align:left;
transform:translateY(640px); -webkit-transform:translateY(640px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.imgLMBER:hover div div{
transform:translateY(320px); -webkit-transform:translateY(320px);
}
 /* IMAGES MP * PROFIL */
.mpwLMBER {
position:relative; z-index:3; margin:-10px auto 0 auto;
}
  
  /*fin liste de membres*/

/* liste de sujets*/

/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:800px; margin:10px auto;
}
/* BLOC VUES & REPONSES */
.stsSBJ {
display:inline-block; vertical-align:top;
width:75px; padding-top:15px;
font-family:'Fontdiner Swanky'; cursive;  /* MODIFIABLE */
}
/* VUES */
.vuesSBJ {
color:black; /* MODIFIABLE */
font-size:30px; text-align:center;
}
/* REPONSES */
.repSBJ {
color:black; /* MODIFIABLE */
font-size:16px; text-align:center;
}
/* BLOC TITRE / DERNIER MESSAGE */
.boxSBJ {
display:inline-block; vertical-align:top;
width:610px;
}
/* BLOC TITRE & DESCRIPTION */
.tleSBJ {
display:inline-block; vertical-align:top;
background-color: #F2EBE3;
width:590px; height:33px; padding:10px; overflow:hidden; border:1px solid;
font-family:'Fontdiner Swanky'; cursive; border-color:darkgray; /* MODIFIABLE */
text-align:left;
}
/* TITRE */
.tleSBJ a {
color:black !important; /* MODIFIABLE */
}
/* AUTEUR */
.nameSBJ {
display:inline-block; margin:0 10px;
font-size:11px; text-align:center;
}
/* DESCRIPTION */
.descSBJ {
color:#191919; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; margin-top:5px;
height:15px; width:602px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:left;
}
/* LISTE DES PAGES */
.gotoSBJ {
float:right; margin-top:-13px; margin-right:5px;
font-size:10px; text-align:right;
}
/* AVATAR DERNIER POSTEUR */
.lavSBJ {
display:inline-block; vertical-align:top; margin:0 10px;
width:50px; height:73px; overflow:hidden; padding:5px; border:1px solid;
border-color:black; /* MODIFIABLE */
}
.lavSBJ div{
width:50px; height:73px; overflow:hidden;
}
.lavSBJ img{
width:50px; filter:grayscale(0.5); -webkit-filter:grayscale(0.5);
}
/* ICÔNES */
.imgSBJ {
display:inline-block;
width:25px; height:85px;
}
/* OUTIL MODERATION */
.modSBJ {
position:absolute; z-index:3; margin-left:795px; margin-top:30px;
}

/*fin liste de sujets*/

/***CB****/

#chatbox_header{
background-image: url('http://zupimages.net/up/17/06/a0wa.bmp');
}

#chatbox_header, td.catBottom, #chatbox_header.main-head {
  background-image:url('http://zupimages.net/up/17/06/a0wa.bmp');
}

#chatbox{
  background;
}

.chatbox_row_1 {
  background:none;
}

.chatbox_row_2 {
  background:none;
}

#chatbox_top, #chatbox_bottom {
  width: 804px !important;
  margin-left:42px;
  }
 
.chatbox a.cattitle, .chatbox-title, .chatbox-title a.chat-title {
  color:black !important;
  }

#chatbox_header .cattitle:before { content: "LE PLACARD"; font-family: 'Kaushan Script'; cursive; font-size: 18px;}
#chatbox_header .cattitle strong { visibility: hidden; }

.chatbox-options a, .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: black; font-family: 'Kaushan Script'; cursive; font-size: 16px;
}

/* Message de connexion CB */
.msg span[style*="green"] strong {
    color: #000000; /* couleur */
    font-variant: small-caps; /* petites majuscules */
}

/* Message de déconnexion CB */
.msg span[style*="red"] strong {
    color: #BC4D6E; /* couleur */
    font-variant: small-caps; /* petites majuscules */
}

/*** FIN CB ***/

/***CODE FICHE SCÉNARIO**/
/* FOND FICHE PREDEFINIS */
.PFIICAN {
background:#ccc !important;
}
/* COULEUR NOM FICHE PREDEFINIS */
.npPFIICAN {
background:#515c71 !important; color:white !important;
}
/* FOND ADJECTIFS FICHE PREDEFINIS */
.adjPFCAN {
background:rgba(250,250,250,0.6) !important;
}
/* FOND LIENS POTENTIELS FICHE PREDEFINIS */
.lksPFIICAN {
background:#515c71 !important; color:white !important;
}
/* FOND BLOC LIEN POTENTIEL FICHE PREDEFINIS */
.blocIILKS {
background:#515c71 !important;
}

/*****Suppression des bordures*****/
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

/******fin******/

/*****Flèches*****/
.haut{
        position:fixed;
        bottom:500px;
        left:10px;}
        
.bas{
        position:fixed;
        bottom:460px;
        left:10px;}


/*curseur*/
body  {
  cursor: url(http://cur.cursors-4u.net/others/oth-3/oth261.cur), auto;
}
a {
cursor :url(http://cur.cursors-4u.net/others/oth-3/oth246.cur), help;
}

 
/*** police toolbox ***/

.gensmall2{
  font-family:Georgia;
  font-size:10px;
}

/**************************************** PRESENTATION DU SUJET/profil**************************************************/
/* TITRE SUJET */
#tleSBJ {
margin:auto; padding:10px 0;
text-transform:uppercase; font-weight:bold;
background:#339294; color:black; /* MODIFIABLE */
}
/* DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:5px; padding:10px;
background:rgba(250,250,250,0.3); color:black; font-size:11px; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
min-height:400px; padding:10px;
background-color: #858585; color:black; /* MODIFIABLE */
text-align:justify;
}
/* AVATAR */
.avaPOST {
width:200px; height:320px; border:5px solid;
border; #191919/* MODIFIABLE */
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST img {
width:200px; height:320px;
}
/* FICHE DE PERSONNAGE */
.avaPOST div{
position:absolute; z-index:2; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}
/* CONTENU FICHE DE PERSONNAGE */
.avaPOST div div{
width:190px; height:310px; padding:5px; overflow:auto;  
font-size:11px;
background: #191919; color:white; /* MODIFIABLE */
transform:translateY(-640px); -webkit-transform:translateY(-640px);
transition:transform 0.65s linear; -webkit-transition:transform 0.65s linear;
}
.avaPOST:hover div div {
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:45px; margin-top:165px;
width:350px; padding:5px;
text-align:left; text-transform:uppercase;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
/* IMAGE RANG */
.imgrankPOST {
position:absolute; z-index:3;
margin-top:-25px;
}
/* ICONE EN LIGNE */
.onS {
position:absolute; z-index:4;
margin-left:99px; margin-top:-30px;
}
/* BLOC INFORMATIONS JOUEUR */
.boxPOST {
padding-top:50px; padding-bottom:5px;
background: no-repeat url('http://img11.hostingpics.net/pics/892322fond.png'); /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
padding:5px; width:200px;
text-transform:uppercase; text-align:center;
color:white;  /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
width:210px; padding:5px 0; text-align:center;
opacity:0.5;
}
/* INFORMATIONS JOUEUR */
.abtPOST {
padding:5px; width:180px; margin:auto;
font-size:10px; color:white;  /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img{
margin:auto; max-width:180px;
}

/*****Fin des profils***/

/****BARRE DROITE******/

/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 18/02/2017
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/


/*** import google fonts ***/
@import 'http://fonts.googleapis.com/css?family=Quicksand';

/*** import css de la scrollbar ***/
@import 'http://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.12/css/perfect-scrollbar.min.css';

/*reset des styles par défault du navigateur*/
.template-linus-15 ul{ list-style:none; }
.template-linus-15 ul, .template-linus-15 h5, .template-linus-15 h4, .template-linus-15 h3, .template-linus-15 h2, .template-linus-15 h1, .template-linus-15 p, .template-linus-15 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-15 a, .template-linus-15 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-15 a img{border:none;}

/*style général*/
.template-linus-15{
 text-align:left;
 font-family:arial;
 font-size:11px;
 line-height:11px;
 z-index: 999;
  display:none;
}

/*police*/
.template-linus-15.tli-nav-menuH a[href="#nav-close"],
.template-linus-15.tli-nav-menuH .tli-nav-title,
.template-linus-15.tli-nav-menuH .tli-nav-subtitle {
  font-family: "Quicksand";
}

.template-linus-15.tli-nav-menuH hr{
  margin:8px 0;
  border:none;
  background:#1f1f1f;
  width:100%;
  height:1px;
}

.template-linus-15.tli-nav-menuH a{
  text-decoration:none;
  color:#e8e8e8;
}

.template-linus-15.tli-nav-menuH .tli-nav-texte a.tli-readmore{
  margin-top:5px;
  display:inline-block;
  text-transform:lowercase;
  background:#212121;
  color:#fff;
  padding:0 5px;
}

.template-linus-15.tli-nav-menuH {
  position: fixed;
  left: 0;
  top: 0;
  width: 200px;
  height: 100%;
  color:#e8e8e8;
  -webkit-transition: left ease 0.5s;
  transition: left ease 0.5s;
  overflow:none;
}

.template-linus-15.tli-nav-menuH:after {
  content:' ';
  background:#4C3D4F;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
}

.template-linus-15.tli-nav-menuH.tli-nav-opacity:after {
  opacity:0.8;
}

.template-linus-15.tli-nav-menuH.tli-nav-menuRight{
  left:auto;
  right:0;
  -webkit-transition: right ease 0.5s;
  transition: right ease 0.5s;
}

.template-linus-15.tli-nav-menuH-closed {
  left:calc(-200px + 37.5px);
}

.template-linus-15.tli-nav-menuH-closed.tli-nav-menuRight {
  right:calc(-200px + 37.5px);
}

/*titres*/
.template-linus-15.tli-nav-menuH .tli-nav-title,
.template-linus-15.tli-nav-menuH .tli-nav-subtitle {
  color:#fff;
  text-transform:uppercase;
  margin: 0;
  padding: 7px 10px 5px 10px;
  font-weight: normal;
  line-height:15px;
}

.template-linus-15.tli-nav-menuH .tli-nav-title {
  background:#212121;
  border-left:5px solid #1e1e1e;;
  font-size: 14px;
}

.template-linus-15.tli-nav-menuH .tli-nav-subtitle {
  background:#1c1c1c;
  font-size: 11px;
  margin-top:5px;
}

.template-linus-15 .tli-nav-texte {
  position: relative;
  font-size: 11px;
  text-align: justify;
  padding: 15px 20px;
}

.template-linus-15 .tli-nav-empty iframe{
  display:block;  
}

/*crédits*/
.template-linus-15 .tli-nav-credits{
  background:#212121;
  font-size:11px;
  padding:5px;
}

.template-linus-15 .tli-nav-credits a{
  color:#e8e8e8;
  text-decoration:underline;
  text-decoration:underline !important;
}

.template-linus-15 .tli-nav-texte > div {
  max-height: 100px;
  overflow: hidden;
  font-size:0.93em !a;
  font-size:1em;
}

/*vignettes*/
.template-linus-15 .tli-nav-vignettes-triangle{
  margin:10px 0;
  position:relative;
}

.template-linus-15 .tli-nav-vignettes-triangle:not(.tli-nav-vignettes-triangle-pending){
  display:flex;
  flex-wrap:wrap;
}

.template-linus-15 .tli-nav-vignettes-triangle a {
  width: calc(100%/4);
  padding-top: calc(100%/4);
  display:block;
  position:relative;
}

.template-linus-15 .tli-nav-vignettes-triangle.tli-nav-vignettes-triangle-pending a{
  visibility:hidden;
  position:absolute;
  top:0;
}

.template-linus-15 .tli-nav-vignettes-carre {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;  
}

.template-linus-15 .tli-nav-vignettes-carre a:before {
  content:' ';
  display:block;
  padding-top:100%;
}

.template-linus-15 .tli-nav-vignettes-carre a {
  width: calc(100%/5);
  display:block;
  position:relative;
}

/*lien lire la suite*/
.template-linus-15.tli-nav-reverse .tli-nav-vignettes-carre a.tli-readmore:after {
  filter:invert(100%);
  -webkit-filter:invert(100%);
}

.template-linus-15 .tli-nav-vignettes-carre a.tli-readmore:after {
  content:' ';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAA9klEQVRoQ+2WMQ4CIRBF/0yiN7Dawph4JA9hLGwstrI1XsHLWXoGK8bGwsQVBglsSD4tzMD8/wYQdD6k8/ODBcztIB2gA4UKEKFCAYvD6UBCwhWABYBHsdQ/ElR1QFWvZrY1sx0LoAN/MECEHKKxiWMiESEi5FCACBWKxFuoF4QGAJtct1V1b2aDmZ1zY98/2HsqzovQUUQuqWQT80sACuCZGysitxDCKRXnLSCVZ3KeD5lDNjrQyy3kMPN7CXvAIRt7gD3gwCS2hAgRISJUqEAifFTVdQjhUGubqk1c69CfeVlAC5VnewdaFEeEWqhMhOZWObb/C6BJyjE1zZzNAAAAAElFTkSuQmCC') 50%;
  background-size:90% 90%;
}

.template-linus-15 .tli-nav-vignettes-carre a.tli-readmore {
  position:relative;
  background:#000;
}

.template-linus-15 .tli-nav-vignettes-triangle a img,
.template-linus-15 .tli-nav-vignettes-carre a img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.template-linus-15 .tli-nav-vignettes-triangle:after{
  content:' ';
  display:block;
  clear:both;
}

.template-linus-15 .tli-nav-vignettes-triangle canvas {
  margin:0 auto;
  display:block;
}

.template-linus-15 .tli-nav-desaturate.tli-nav-vignettes-triangle canvas:nth-child(1),
.template-linus-15 .tli-nav-desaturate.tli-nav-vignettes-triangle img {
  filter:saturate(0%);
  -webkit-filter:saturate(0%);
}

.template-linus-15 .tli-nav-vignettes-triangle canvas:nth-child(1) {
  position:relative;
  z-index:2;
}

.template-linus-15 .tli-nav-desaturate.tli-nav-vignettes-triangle canvas:nth-child(2) {
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:1;
}

.template-linus-15.tli-nav-menuH > div{
  margin-top:35px;
  overflow:hidden;
  height:100%;
}

.template-linus-15.tli-nav-menuH > div:after{
  content:' ';
  display:block;
  width:100%;
  height:35px;
}

.template-linus-15.tli-nav-menuH > div,
.template-linus-15 .tli-nav-texte > div {
  z-index: 2;
  position: relative;
}
.template-linus-15.tli-nav-menuH a[href="#nav-close"] {
  display: block;
  width: 96%;
  padding:0 0 0 4%;
  height: 35px;
  line-height:35px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  text-transform:uppercase;
  font-size:24px;
  background-position:100% 50%;
  background-repeat:no-repeat;
  background-color:#000;
  color:#FFF;
  text-align:left;
}

.template-linus-15.tli-nav-menuRight a[href="#nav-close"]{
  text-align:right;
  padding:0 4% 0 0;
}

.template-linus-15.tli-nav-menuH a[href="#nav-close"]:after{
  content:' ';
  position:absolute;
  height:100%;
  padding-left:20%;
  top:0;
  right:0;
  background-position:50%;
}

.template-linus-15.tli-nav-menuH.tli-nav-reverse a[href="#nav-close"]:after{
  filter:invert(100%);
  -webkit-filter:invert(100%);
}

.template-linus-15.tli-nav-menuRight a[href="#nav-close"]:after{
  right:auto;
  left:0;
}

.template-linus-15.tli-nav-menuRight.tli-nav-menuH-closed a[href="#nav-close"]:after,
.template-linus-15.tli-nav-menuH a[href="#nav-close"]:after {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA1klEQVRYR+2UMQoCMRBF3/aewZPYi2DrAaw9hF7A2kPYCWpr4RW8gGewslEGNrDIFjPJZxckqUPey8+fNIy8mpH5VIGawF8lMAWe0alSJTADrsAe2EUkFAIJPmnBS+DslSgV+IUfgA3wGUKgGG6SuQlI4LkCMniOgBQeFbA5fwCp7RfAGu8uXF8xox2wGd+2B72BFXDyNl4hYGdIJaIJpEvIJHIFZEmUCEgkSgX6JObAzVtMhUBX4g4sgNfQAsZbA8cIPPoReS8V2qd6ghC0u7kK1ARqAl/VkS4hIXBRSQAAAABJRU5ErkJggg==);
}

.template-linus-15.tli-nav-menuRight a[href="#nav-close"]:after,
.template-linus-15.tli-nav-menuH-closed a[href="#nav-close"]:after {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA2klEQVRYR+3TMWoCQRgF4M9UgVSeIF4h6dIpFl5C8ATWqXMZLyCkUcGjaOUVLFKEAYUUJuzMP2QRxmoL2fft438DPf8GPedrgNbA3TbwiHONBZU0MMcHpjhEEbmAGT7xgCPGUUQu4AlrTC5fHkbkAlJuVUQJoCqiFFANEQFUQUQBV8QGbz8OMz2fuky0BuAVWwwvgSss8PUfgFB4AkYaCIdHAFXCSwHVwksAL9iVHtyto8y9gRH2eEbWtf+2iFxAek9CLPHedWp/zbEE0GXenf/TAK2B1kDvDXwDaeUvId1wEZQAAAAASUVORK5CYII=);
}

/*scrollbar*/
.template-linus-15.tli-nav-menuH .ps-scrollbar-y-rail{
  opacity:0.2;

}
.template-linus-15.tli-nav-menuH .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
.template-linus-15 .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{
  width:6px;

}
.template-linus-15.tli-nav-menuH .ps-container>.ps-scrollbar-y-rail{
  width:10px;


}
.template-linus-15.tli-nav-menuH .ps-container:hover>.ps-scrollbar-y-rail:hover{
  background-color:transparent;


}


/*fin barre de navig lat*/

/******** AFFICHAGE DU PROFIL *******/
.PFIL {
margin:auto; width:800px;
}
/* PSEUDONYME PROFIL */
.namePFIL {
padding:10px 0;
text-transform:uppercase; text-align:center;
color:white; background:rgba(0,0,0,0.8);  /* MODIFIABLE */
}
/* BLOC POSITIONNEMENT */
.boxPFIL {
display:inline-block; margin-top:10px; width:590px;
}
/* BLOC AVATAR PROFIL */
.avPFIL {
display:inline-block; vertical-align:top; margin-top:10px; margin-right:10px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC ADMINISTRATION PROFIL */
#adminPFIL {
position:absolute; margin-top:100px; margin-left:7px;
width:185px; height:0; overflow:hidden;
font-size:11px; text-align:center;
color:white; background:grey; /* MODIFIABLE */
transition:all 0.75s; -webkit-transition:all 0.75s;
}
.avPFIL:hover #adminPFIL {
width:175px; height:30px; padding:5px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:top;
width:55px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:grey; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:top; margin:0 10px;
width:75px; height:27px; padding:13px 10px 0;
text-transform:uppercase; text-align:center;
background:grey; /* MODIFIABLE */
}
/* BLOC DERNIERE VISITE */
#lstPFIL {
display:inline-block; vertical-align:top;
width:380px; height:27px; padding:13px 10px 0;
text-align:center; font-size:11px;
background:grey; color:#191919; /* MODIFIABLE */
}
/* INTITULE CONTENU DERNIERE VISITE  */
#lstPFIL span {
text-transform:uppercase; color:black; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtPFIL {
display:inline-block; margin-top:10px; margin-right:10px;  
width:460px; height:270px; padding:0 10px; overflow:auto;
font-size:11px;
background:rgba(0,0,0,0.5); color:black; /* MODIFIABLE */
}
/* INTITULES CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:white; /* MODIFIABLE */
}
/* CONTENU BLOC INFORMATIONS PROFIL */
.abtPFIL div:first-child{
margin:5px; padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
display:inline-block; vertical-align:top; margin-top:10px
width:100px; height:255px; padding-top:15px; text-align:center;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL img{
margin:auto; margin-bottom:10px; max-width:85px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; margin-top:10px;
width:780px; padding:10px;
background:#1a1a1a; color:#ccc; /* MODIFIABLE */
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; color:#ccc; /* MODIFIABLE */
}

/****Fin*****/

/**********Fiche de présentation*********/
/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 22/03/2017
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*reset des styles par défault du navigateur*/
.template-linus-2 ul{ list-style:none; }
.template-linus-2 ul, .template-linus-2 h5, .template-linus-2 h4, .template-linus-2 h3, .template-linus-2 h2, .template-linus-2 h1, .template-linus-2 p, .template-linus-2 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-2 a, .template-linus-2 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-2 a img{border:none;}

/*couleurs par défaut*/
.template-linus-2 .tli-body{background:#faf9f9;}
.template-linus-2 .tli-credits{background:#e4e4e4;}
.template-linus-2 .tli-credits a{color:#555b6e;}
.template-linus-2 .tli-body-onglet{background:#e4e4e4;color:#555b6e;border-bottom:1px solid #e0e0e0;}
.template-linus-2 .tli-body:before{background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%,#faf9f9 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,#faf9f9 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,#faf9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00faf9f9', endColorstr='#faf9f9',GradientType=0 );}
.template-linus-2.default{color:#555b6e;}
.template-linus-2.default .tli-body span.dialog{color:#89b0ae;}
.template-linus-2.default .tli-header{background:#89b0ae;}
.template-linus-2.default .tli-header h2{color:#bee3db;text-shadow: -1px 1px 0 #555b6e;}
.template-linus-2.default a.tli-body-onglet:after{border-top:4px solid #89b0ae;}

/*couleurs du mode: colder*/
.template-linus-2.colder{color:#5d556e;}
.template-linus-2.colder .tli-body span.dialog{color:#8385c5;}
.template-linus-2.colder .tli-header{background:#8385c5;}
.template-linus-2.colder .tli-header h2{color:#cdd7fd;text-shadow: -1px 1px 0 #5d556e;}
.template-linus-2.colder a.tli-body-onglet:after{border-top:4px solid #8385c5;}

/*couleurs spécifiques juju*/
.template-linus-2.juliette{color:#212121;}
.template-linus-2.juliette .tli-body span.dialog{color:#DABEE0;}
.template-linus-2.juliette .tli-header{background:#DABEE0;}
.template-linus-2.juliette .tli-header h2{color:#ffffff;text-shadow: -1px 1px 0 #212121;}
.template-linus-2.juliette a.tli-body-onglet:after{border-top:4px solid #DABEE0;}

/*style général*/
.template-linus-2{
 padding:2em;
 text-align:left;
 width:400px;
 font-family:arial;
 font-size:10px;
 line-height:13px;
 background:url(http://strandhogg.fr/epicode/backgrounds/2.png);
}

/*en-tête*/
.template-linus-2 .tli-header{
 position:relative;
 text-align:center;
 padding-top:2em;
}
.template-linus-2 .tli-header h2{
 text-transform:uppercase;
 font-size:1.5em;
 padding:0em 2em;
 margin-bottom:0.4em;
}
.template-linus-2 .tli-header h3{
 text-transform:lowercase;
 font-size:1.2em;
 padding:0em 2em;
 margin-bottom:2em;
}
.template-linus-2 .tli-header-cols{
 background:#FFF url(http://strandhogg.fr/epicode/backgrounds/4.png);
 text-transform:lowercase;
 min-height:70px;
 overflow-y:auto;
 overflow-x:hidden;
}
.template-linus-2 .tli-header-cols .tli-champ{
 font-weight:bold;
}
.template-linus-2 .tli-header-cols:after{
 content:' ';
 display:block;
 clear:both;
}
.template-linus-2 .tli-header-cols > div{
 float:left;
 width:50%;
}
.template-linus-2 .tli-header .tli-header-left p{
 padding:1em 2em;
 text-align:left;
}
.template-linus-2 .tli-header .tli-header-right p{
 padding:1em 2em;
 text-align:right;
}

/*en-tête avatar*/
.template-linus-2 .tli-header .tli-header-avatar{
 position:absolute;
 width:100px;
 height:100px;
 bottom:-15px;
 left:50%;
 margin-left:-50px;
 border-radius:50%;
 background:#EAEAEA;
 -webkit-transition:transform ease-in 0.75s;
 transition:transform ease-in 0.75s;
 overflow:hidden;
 text-align:center;
 -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
 -webkit-transform-origin:CENTER; -moz-transform-origin:CENTER; -o-transform-origin:CENTER; transform-origin:CENTER;
}
.template-linus-2 .tli-header .tli-header-avatar img{
 border-radius:50%;
 width:100%;
 height:100%;
 opacity:0.7;
}
.template-linus-2 .tli-header .tli-header-avatar span{
 position:absolute;
 width:100%;
 height:100%;
 left:0px;
 top:0px;
}
.template-linus-2 .tli-header .tli-header-avatar span{
 border-radius:50%;
 font-size:0.9em;
 line-height:1em;
 visibility:hidden;
 z-index:2;
 width:80%;
 padding:0 10%;
 cursor:default;
 display:flex;
 align-items:center;
 justify-content:center;
 background:url(http://strandhogg.fr/epicode/backgrounds/2.png);
}
.template-linus-2 .tli-header .tli-header-avatar:hover{
 -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);
}
.template-linus-2 .tli-header .tli-header-avatar:hover span{
 visibility:visible;
}

/*dialogues*/
.template-linus-2 .tli-body span.dialog:before{
 content: open-quote;
}
.template-linus-2 .tli-body span.dialog:after{
 content: close-quote;
}
.template-linus-2 .tli-body span.dialog{
 text-transform:lowercase;
 quotes: "«\00a0" "\00a0»";
}

/*corps de texte*/
.template-linus-2 .tli-body:before{
 content:' ';
 display:block;
 width:100%;
 height:50%;
 position:absolute;
 bottom:0;
 left:0;
 border-bottom:15px solid #faf9f9;
}
.template-linus-2 .tli-body{
 height:50px;
 overflow:hidden;
 text-align:justify;
 padding:2em 2em 3em 2em;
 position:relative;
}

/*attention, nécessaires pour l'ouverture au clic*/
.template-linus-2 span.tli-target{
 position:fixed;
 display:none;
}
span.tli-target:target + a.tli-body-onglet + div.tli-body,
a.tli-body-onglet:target + div.tli-body,
div.tli-body-onglet + div.tli-body{
 height:auto;
}
span.tli-target:target + a.tli-body-onglet + div.tli-body:before,
a.tli-body-onglet:target + div.tli-body:before,
div.tli-body-onglet + div.tli-body:before{
 display:none;
}
.template-linus-2 a.tli-body-onglet:after{
 content:' ';
 display:block;
 width: 0;
 height: 0;
 margin:5px 5px 0 0;
 border-left: 4px solid transparent;
 border-right: 4px solid transparent;
 float:right;
}
.template-linus-2 span.tli-target:target + a.tli-body-onglet:after,
.template-linus-2 a.tli-body-onglet:target:after{
 display:none;
}
.template-linus-2 .tli-body-onglet{
 display:block;
 text-transform:lowercase;
 padding:1em;
}

/*crédits*/
.template-linus-2 .tli-credits{
 font-size:0.9em;
 padding:1em;
 text-align:right;
}
.template-linus-2 .tli-credits a{
 text-decoration:underline;
 text-decoration:underline !important;
}

/*************Fiche de liens********/
/******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 22/03/2017
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*reset des styles par défault du navigateur*/
.template-linus-3 ul{ list-style:none; }
.template-linus-3 ul, .template-linus-3 h5, .template-linus-3 h4, .template-linus-3 h3, .template-linus-3 h2, .template-linus-3 h1, .template-linus-3 p, .template-linus-3 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-3 a, .template-linus-3 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-3 a img{border:none;}

/*couleurs par défaut*/
.template-linus-3 .tli-more{background:#fff;}
.template-linus-3 .tli-body{background:#faf9f9;}
.template-linus-3 .tli-credits{background:#e4e4e4;}
.template-linus-3 .tli-credits a, .template-linus-3 .tli-rps a{color:#555b6e;}
.template-linus-3 .tli-body-onglet{background:#e4e4e4;color:#555b6e;border-bottom:1px solid #e0e0e0;}
.template-linus-3.default, .template-linus-3.default a.tli-avatar{color:#555b6e;}
.template-linus-3.default .tli-header,.template-linus-3.default .tli-details{background-color:#89b0ae;}
.template-linus-3.default .tli-header h2{color:#bee3db;text-shadow: -1px 1px 0 #555b6e;}

/*couleurs du mode: warmer*/
.template-linus-3.warmer, .template-linus-3.warmer a.tli-avatar{color:#616161;}
.template-linus-3.warmer .tli-header,.template-linus-3.warmer .tli-details{background-color:#b08989;}
.template-linus-3.warmer .tli-header h2{color:#f3f3f3;text-shadow: -1px 1px 0 #616161;}

/*couleurs du mode: colder*/
.template-linus-3.colder, .template-linus-3.colder a.tli-avatar{color:#5d556e;}
.template-linus-3.colder .tli-header,.template-linus-3.colder .tli-details{background-color:#8385c5;}
.template-linus-3.colder .tli-header h2{color:#cdd7fd;text-shadow: -1px 1px 0 #5d556e;}

/*couleurs spécifiques juju*/
.template-linus-3.juliette, .template-linus-3.juliette a.tli-avatar{color:#212121;}
.template-linus-3.juliette .tli-header,.template-linus-3.juliette .tli-details{background-color:#DABEE0;}
.template-linus-3.juliette .tli-header h2{color:#ffffff;text-shadow: -1px 1px 0 #212121;}

/*style général*/
.template-linus-3{
 padding:2em;
 text-align:left;
 width:400px;
 font-family:arial;
 font-size:10px;
 line-height:13px;
 background:url(http://strandhogg.fr/epicode/backgrounds/2.png);
}

/*en-tête*/
.template-linus-3 .tli-header{
 position:relative;
 text-align:center;
 padding-top:2em;
}
.template-linus-3 .tli-header h2{
 text-transform:uppercase;
 font-size:1.5em;
 padding:0em 2em;
 margin-bottom:0.4em;
}
.template-linus-3 .tli-header h3{
 text-transform:lowercase;
 font-size:1.2em;
 padding:0em 2em;
 margin-bottom:2em;
}
.template-linus-3 .tli-header-cols{
 background:#FFF url(http://strandhogg.fr/epicode/backgrounds/4.png);
 text-transform:lowercase;
 min-height:70px;
 overflow-y:auto;
 overflow-x:hidden;
}
.template-linus-3 .tli-header-cols .tli-champ{
 font-weight:bold;
}
.template-linus-3 .tli-header-cols:after{
 content:' ';
 display:block;
 clear:both;
}
.template-linus-3 .tli-header-cols .tli-header-left,
.template-linus-3 .tli-header-cols .tli-header-right{
 float:left;
 width:50%;
}
.template-linus-3 .tli-header .tli-header-left p{
 padding:1em 2em;
 text-align:left;
}
.template-linus-3 .tli-header .tli-header-right p{
 padding:1em 2em;
 text-align:right;
}

/*avatar*/
.template-linus-3 .tli-avatar{
 position:absolute;
 width:100px;
 height:100px;
 bottom:-15px;
 left:50%;
 margin-left:-50px;
 border-radius:50%;
 background:#EAEAEA;
 -webkit-transition:transform ease-in 0.75s;
 transition:transform ease-in 0.75s;
 overflow:hidden;
 text-align:center;
 z-index:3;
 -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
 -webkit-transform-origin:CENTER; -moz-transform-origin:CENTER; -o-transform-origin:CENTER; transform-origin:CENTER;
}
.template-linus-3 .tli-avatar img{
 border-radius:50%;
 width:100%;
 height:100%;
 opacity:0.7;
}
.template-linus-3 .tli-avatar span{
 position:absolute;
 width:100%;
 height:100%;
 left:0px;
 top:0px;
}
.template-linus-3 .tli-avatar span{
 border-radius:50%;
 font-size:0.9em;
 line-height:1em;
 visibility:hidden;
 z-index:2;
 width:80%;
 padding:0 10%;
 display:flex;
 align-items:center;
 justify-content:center;
 background:url(http://strandhogg.fr/epicode/backgrounds/2.png);
}
.template-linus-3 .tli-avatar:hover{
 -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);
}
.template-linus-3 .tli-avatar:hover span{
 visibility:visible;
}

/*liens*/
.template-linus-3 .tli-liens:after{
 content:' ';
 clear:both;
 display:block;
}
.template-linus-3 .tli-liens{
 margin:2em 0;
 background:transparent;
 background:transparent !important;
}
.template-linus-3 .tli-lien{
 float:left;
 width:47.5%;
 margin-bottom:2em;
 margin-right:5%;
}
.template-linus-3 .tli-liens > div:nth-child(2n){
 margin-right:0;
}
.template-linus-3 .tli-details{
 position:relative;
 height:50px;
 background-image:url(http://strandhogg.fr/epicode/backgrounds/4.png);
}
.template-linus-3 .tli-details-left,
.template-linus-3 .tli-details-right{
 width:50%;
 float:left;
}
.template-linus-3 .tli-details-left p,
.template-linus-3 .tli-details-right p{
 padding:1em;
}
.template-linus-3 .tli-details-left{
 text-align:left;
}
.template-linus-3 .tli-details-right{
 text-align:right;
}
.template-linus-3 .tli-details .tli-avatar{
 width:70px;
 height:70px;
 margin-left:-35px;
 bottom:-10px;
}
.template-linus-3 .tli-more span{
 display:inline-block;
 width:30%;
}
.template-linus-3 .tli-more{
 padding:1.5em 1em 1.5em 1em;
 opacity:0.8;
 border-bottom:1px solid #F3F3F3;
}
.template-linus-3 .tli-rps:after{
 content:' ';
 display:block;
 clear:both;
}
.template-linus-3 .tli-rps a{
 display:inline-block;
 background:#E4E4E4;
 padding:0px 2px;
 margin-bottom:4px;
 border-radius:4px;
}

/*barres d'affinités*/
.template-linus-3 .tli-affinites-bar:after,
.template-linus-3 .tli-affinites-bar:before{
 content:' ';
 display:block;
 top:0;
 height:100%;
}
.template-linus-3 .tli-affinites-bar:before{
 float:left;
 background:#c35a82;
}
.template-linus-3 .tli-affinites-bar:after{
 float:left;
 background:#5a82c3;
}
.template-linus-3 .tli-love-0.tli-affinites-bar:before{width:2%;}
.template-linus-3 .tli-love-1.tli-affinites-bar:before{width:10%;}
.template-linus-3 .tli-love-2.tli-affinites-bar:before{width:20%;}
.template-linus-3 .tli-love-3.tli-affinites-bar:before{width:30%;}
.template-linus-3 .tli-love-4.tli-affinites-bar:before{width:40%;}
.template-linus-3 .tli-love-5.tli-affinites-bar:before{width:50%;}
.template-linus-3 .tli-love-6.tli-affinites-bar:before{width:60%;}
.template-linus-3 .tli-love-7.tli-affinites-bar:before{width:70%;}
.template-linus-3 .tli-love-8.tli-affinites-bar:before{width:80%;}
.template-linus-3 .tli-love-9.tli-affinites-bar:before{width:90%;}
.template-linus-3 .tli-love-10.tli-affinites-bar:before{width:100%;}
.template-linus-3 .tli-hate-0.tli-affinites-bar:after{width:2%;}
.template-linus-3 .tli-hate-1.tli-affinites-bar:after{width:10%;}
.template-linus-3 .tli-hate-2.tli-affinites-bar:after{width:20%;}
.template-linus-3 .tli-hate-3.tli-affinites-bar:after{width:30%;}
.template-linus-3 .tli-hate-4.tli-affinites-bar:after{width:40%;}
.template-linus-3 .tli-hate-5.tli-affinites-bar:after{width:50%;}
.template-linus-3 .tli-hate-6.tli-affinites-bar:after{width:60%;}
.template-linus-3 .tli-hate-7.tli-affinites-bar:after{width:70%;}
.template-linus-3 .tli-hate-8.tli-affinites-bar:after{width:80%;}
.template-linus-3 .tli-hate-9.tli-affinites-bar:after{width:90%;}
.template-linus-3 .tli-hate-10.tli-affinites-bar:after{width:100%;}
.template-linus-3 .tli-affinites-bar,
.template-linus-3 .tli-rps > div{
 float:right;
 width:67%;
}
.template-linus-3 .tli-affinites-bar{
 background:#e4e4e4;
 display:inline-block;
 height:7px;
 border-radius:7px;
 overflow:hidden;
 position:relative;
 top:3px;
}
.template-linus-3 .tli-body{
 text-align:justify;
 padding:2em 2em 3em 2em;
 position:relative;
}
.template-linus-3 .tli-liens .tli-body{
 padding:1em 1em 0 1em;
 height:70px;
 overflow-y:auto;
 overflow-x:hidden;
 border-bottom:1.5em solid #faf9f9;
}
.template-linus-3 .tli-liens .tli-body::-webkit-scrollbar {
    width: 6px;
}
.template-linus-3 .tli-liens .tli-body::-webkit-scrollbar-button {
    width: 6px;
    height: 4px;
}
.template-linus-3 .tli-liens .tli-body::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius:10px;
}
.template-linus-3 .tli-liens .tli-body::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
    border-radius:10px;
}
.template-linus-3 .tli-liens .tli-body::-webkit-scrollbar-thumb:hover {
    background:#7d7d7d;
}    
.template-linus-3 .tli-body-onglet{
 display:block;
 text-transform:lowercase;
 padding:1em;
}

/*crédits*/
.template-linus-3 .tli-credits{
 font-size:0.9em;
 padding:1em;
 text-align:right;
}
.template-linus-3 .tli-credits a{
 text-decoration:underline;
 text-decoration:underline !important;
}