css qu'on garde

body {
background-attachment: fixed !important;
}

/***********************************************TEL**/

.cadretel {
  border: 1px solid #afbfcb;
 padding: 5px;
  width:260px; 
  font-style:italic;
}

tssttle2 {
  font-weight:900 !important;
  font-family:inconsolata;
  font-size:14px;
  font-style:normal;
  color :#777061 !important;
  letter-spacing:0px;
  transition: 0.7s all ease-in-out;
  text-transform:uppercase;
  box-shadow:inset 0 -6px 0 #cebdbb;
}

/* général */
 
td.catRight, td.row3Right, th.thRight {
    border-width: 0 0px 0 0;
}

td.catBottom, th.thBottom {
    border-width: 0 0px 0px;
}

td.cattop, th.thtop {
    border-width: 0 0px 0px;
}

a, a:link, a:hover {
text-decoration: none!important;
}

.bodyline{
max-width:800px !important;
text-align:justify;}

::-webkit-scrollbar-track {
  background-color: #871803;
}

::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  background-color: #191C08;
}

::-webkit-scrollbar-button{
  background-color: #191C08;
  height: 6px;
}

.nav a {
  color : var(----link-navigation-color);
}

.navig {
background-color : var(--main-background-color);
  width: 100%;
  text-transform:lowercase;
  padding-bottom : 5px;
  margin-bottom : 5px;
}

  --profil-text-color: #F0F0F0;


.bodyline{ border: none;
padding: 15px!important;
margin-left: 0px!important;
margin-right: 0px!important;
margin-top:0px!important;}

a.sceditor-button {
 width : 15px;
}

td.curr_privmsg {
  opacity: 1.0;

}

.th {
  color: black;
}

.forumline {
  background-color : var(--main-background-color);
  border: none;
  font-size: 13px;
  line-height: 18px;
}

.txt_rp {
  background-color: #F0F0F0;
}

/* editeur */

/* largeur de l'éditeur */
.sceditor-container { width: 540px!important;
}
 
/* largeur de la zone de saisie de texte */
.sceditor-container iframe, .sceditor-container textarea {
width: 99%!important;
}


/* **************************RETIRER RECHERCHE et LOUPE de la toolbar connexion et enregistrer ********** */
 
#fa_textarea { display: none!important; }
#fa_magnifier { display: none!important; }

/*****************************************COMPTEUR MOT*/
.word-count {
  font-size: 10px !important;
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;}

.selectCode { 
  font-family:var(--link-button-font);
  font-size:11px;
  color :#777061 !important;
  letter-spacing:2px;
  transition: 0.7s all ease-in-out;
  text-transform:uppercase;
  float : right;
}

/*******************ANNIVERSAIRE*/

#anniv .row1 {text-transform: uppercase;}


*************TOOLBAR*/

div#fa_search {display:none!important;}
span#fa_share {display:none!important;}
a#fa_welcome {display:none!important;}
a#fa_hide {display: none!important;}
a#fa_notifications {color:black;}

div#fa_toolbar {
 background-color: transparent!important;
 text-transform:lowercase;
 font-size:12px;
 margin-right:10px;
}

div#fa_right {
  font-size:12px;
  margin-right:20px;
}

/* catégorie */

:root {
    --acc1: #000;
    --acc2:#A70909;
    --acc3:#fff; 
    --white: #fff;
    --black: #000;
    --border: #E9DCDC;
    --border1: 1px solid #191C08;
    --background1: #191C08;
    --background2: #E8D0D1;
    --background3: #871803;
    --background4: #51594e;
--degrade: linear-gradient(-45deg,#871803,#D5B49B)!important;
    --degrag: #ccc9c7;
    --gr1: #74835E;
    --gr2: #C2753A;
    --gr3: #99375B;
    --gr4: #616B99;
}

//////////////// VARIABLES COMMUNES

:root { 
}

body{
  /* text*/
  --main-title-color : #000;
  --main-title-font: 'Nothing You Could Do', cursive;
  --main-title-background : #871803;
 
  --profil-text-color: #F0F0F0;
 
  --second-title-font: 'Kaushan Script', cursive;
  --second-title-color: #f586ae;
 
  --number-font : 'Asap Condensed', sans-serif;
 
  --link-button-font: inconsolata;
  --link-button-color: #F4D7E2;
 
  --link-sous-forum-color: white;
  --link-navigation-color: #991272;
  --link-forum-color: #b56551;
  --link-forum-hover: #d7c49c;
  --profil-field-color: rgba(187, 183, 201, 0.22);
 
  /* colors */
  --main-background-color : #FFFFFF;
  --main-border-color: 1px solid #bb97a4;
  --color1: #191C08;
  --color2: #191C08;
  --color3: #4E4E44;
  --color4: #454545;
  --color5: #5b234e;
  --color6: #bb97a4;
}

/***************************** AFFICHAGE DUN PROFIL *****************************/

/***** DIV PRINCIPAL CONTENANT LE PROFIL *****/

.spro_1 {
    background: var(--background2);
    padding: 10px;
    border-radius: 10px;
    display: flex;
margin:20px 0;
}

/***** AFFICHAGE À GAUCHE (rang et avatar) *****/

/*Div à gauche qui contient avatar et rang*/
.spro_2 {
      background: var(--background1);
    padding: 10px;
    border-radius: 10px;
    width: 232px;
    box-sizing: border-box;
}

/*Div qui contient le pseudo et le rang*/
.spro_rang {
display: flex;
    background: var(--background2);
    flex-wrap: wrap;
    margin: 0 0 7px;
    border-radius: 10px 30px 30px 10px;
}

/*Div qui contient le pseudo*/
.spro_username {      padding: 12px 0 0 12px;
    border-bottom: var(--border1);
    text-align: left;
    text-transform: lowercase;
  font-family: var(--main-title-font);
    font-size: 16px;
    height: 45px;
    box-sizing: border-box;
    width: 100%;}

/*Div contenant le rang et limage*/
.spro_rang2 {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    font-size: 11px;
    line-height: 28px;
}

/*Styling de limage*/
.spro_rang2 img {        width: 60px;
    height: 60px;
    border-radius: 100%;
    padding: 5px;
    box-sizing: border-box;
    background: var(--background2);
    border: var(--border1);
    margin: -31px 0 0 7px;
}

/*Div contenant lavatar*/
.spro_avatar {
    background: var(--background2);
    padding: 6px;
    border-radius: 10px;
    box-sizing: border-box;
}

/*Styling de lavatar*/
.spro_avatar img {border-radius: 10px;
    max-width: 200px;}


/***** AFFICHAGE À DROITE (derniere visite, images contact, infos) *****/

/*Div contenant le tout*/
.spro_3 {
        margin: 0 0 0 7px;
    width: 100%;
}

/*Div de la derniere connexion*/
.spro_lastvisit {      margin: 0 0 7px;
    background: var(--background1);
    text-align: center;
    text-transform: uppercase;
    color: var(--acc2);
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    border-radius: 6px;
    font-size: 11px;
}

/*Div contenant contact et les infos*/
.spro_profile {    border: var(--border1);
    padding: 10px;
    border-radius: 10px;
}

/*Div contenant le en ligne et les images contact*/
.spro_contact {      border-bottom: var(--border1);
    padding: 0 0 7px;
    margin: 0 0 7px;
    display: flex;
    text-transform: uppercase;
    justify-content: space-evenly;
    font-weight: 600;
    color: var(--acc1);
    font-size: 11px;
    align-items: center;
}

/*Styling images contact*/
.spro_contact img {
width: 23px;
    background: var(--background1);
    padding: 3px;
    box-sizing: border-box;
    border-radius: 5px;
}

/*Div contenant toutes les infos*/
.spro_info {      height: 292px;
    overflow: auto;}

.spro_info img {
max-width:200px;
  border-radius:10px;
}

/*Styling et mise en page des infos*/
.pro_field {
      vertical-align: top;
    width: 12em;
    font-size: 11px;
      text-transform: uppercase;
      font-weight: 600;
    color: var(--acc2);
}

.prof_info {font-size: 14px;
    line-height: 24px;}

/*Div contenant les liens en bas*/
.spro_links {    display: flex;
    margin: 7px 0 0;
}

/*Styling des liens*/
.spro_links a {
        width: 100%;
    line-height: 29px;
    background: var(--background1);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 10px;
    font-size: 12px;
}

.spro_links a:nth-child(2) {
    margin:0 7px;
}


/***********QEEL***********/
    /*haut de catégorie*/
    .topcat {width: 100%;
    height: 25px;
    text-align: center;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase; /* supprime si tu ne veux plus de l'effet du texte en capitale */
    font-size: 17px; /* pour modifier la taille de la police (pense à jouer avec le padding-top pour égaliser le fond*/
    background-color: #D2D2D2; /*modifie la couleur*/
    padding-top: 1px;
    color: #333; /*modifie la couleur du texte*/}
 
    /*fond du tableau*/
    .fd-qeel {width: 100%;
    height: 155px;
    padding: 10px;
    background-color: #DDDDDD; /*modifie la couleur de fond*/
    border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/
    color: #333; /*modifie la couleur du texte*/}
 
    /*les groupes*/
    .grp-qeel {text-align: center;
    font-family: 'Playfair Display', serif;
    text-transform: uppercase; /* supprime si tu ne veux plus de l'effet du texte en capitale */
    font-size: 12px; /* pour modifier la taille de la police (pense à jouer avec le padding-top pour égaliser le fond*/}
    a.grp {text-decoration: none;
    line-height: 17px; /*permet de modifier l'espace entre le texte*/
    padding: 0px 8%;}
 
    /*stats des connectés*/
    .stat {font-family: 'Playfair Display', serif;
    color: #333; /*modifie la couleur du texte*/
    font-size: 12px;
    text-transform: uppercase;}
 
    /*cadre des connectés direct + h24*/
    .co-qeel {background-color: #ecebeb; /*modifie la couleur de fond*/
    border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/
    height: 96px;
    padding: 5px;
    text-align: justify;
    font-size: 12px;
    overflow: auto;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    color: #333; /*modifie la couleur du texte*/}
    .h24-qeel {font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
    background-color: #887b82; /*couleur à modifier*/
    color: #ecebeb; /*couleur à modifier*/}
 
    /*zone centrale du qeel*/
    /*message + membres totaux*/
    .mess-qeel {height: 20px;
    width: 48%;
    display: inline-block;
    background-color: lightslategray; /*couleur à modifier*/
    color: #ecebeb; /*couleur à modifier*/
    text-align: center;
    margin-right: 5px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
    padding-bottom: 3px;
    text-transform: lowercase;}
    .mbr-qeel {height: 20px;
    width: 48%;
    display: inline-block;
    background-color: #887b82; /*couleur à modifier*/
    color: #ecebeb; /*couleur à modifier*/
    text-align: center;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
    padding-bottom: 3px;
    text-transform: lowercase;}
 
    /*zone de bienvenue*/
    .wel-qeel {background-color: #ecebeb; /*modifie la couleur de fond*/
    border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/
    height: 76px;
    margin-top: 7px;}
    .wel {text-align: center;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 10% 2%;
  font-size: 16px; /*modifie la taille de la police*/}
    .icn-qeel {object-fit: cover;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    margin: 8px;
    float: right;}
 
    /*zone du disclaimer*/
    .dis-qeel {background-color: #ecebeb; /*modifie la couleur de fond*/
    border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/
    font-family: 'Lato', sans-serif;
    color: #333333;
    font-size: 12px;
    padding: 3px;
    text-align: justify;}
    dis {font-family: 'Playfair Display', serif;
    color: #444; /*modifie la couleur*/
    font-size: 13px;
    font-variant: small-caps;}

/***************************** LES FORMULAIRES *****************************/

/*CONTAINER DES FORMULAIRES*/
.form1 {text-align: justify;
    background: linear-gradient(0.25turn, var(--color1), var(--color2), var(--color3));
    width: auto; /*à modifier si vous voulez une largeur fixe*/
    border-radius: 10px;
  padding: 10px;
    line-height: 14px;}

/*CONTAINER DU TITRE, SOUS TITRE ET CITATION*/
.form2 {    display: flex;
    margin: 0 0 7px 0;}

/*partie contenant le titre, sous titre et citation*/
.form_tq {    background: var(--background2);
    width: 100%;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 7px 7px 11px;
}

/*styling titre*/
.form_title {border-bottom: var(--border1);
    color: var(--acc1);
    font-weight: 700;
    text-transform: lowercase;
    font-size: 20px;
    padding: 0 0 5px 18px;
  line-height: initial;}

/*styling sous-titre*/
.form_subtitle {  margin: 14px 0 5px;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--acc2);
    padding: 0 0 0 35px;
    letter-spacing: 1px;
    line-height: 9px;}

/*styling citation*/
.form_quote {    text-transform: lowercase;
    font-size: 11px;
    padding: 0 0 0 49px;
    width: 90%;
    font-style: italic;
    line-height: 15px;
    box-sizing: border-box;}

/*styling resume*/
.form_resume {overflow: auto;
    height: 185px;
    font-style: italic;}

/*styling de l'image formulaire avec 1 seule image*/
.form_1img {width: 100%;
    padding: 5px;
    box-sizing: border-box;
    background: var(--background2);
    border-radius: 10px;
    margin: 0 0 7px;
    height: 158px;
    object-fit: cover;}

/*styling des deux/quatre images*/
.form_img, .form_4img {border-radius: 7px;
    min-height: 79px;
    object-fit: cover;
    width: 70px;
    padding: 3px;
    box-sizing: border-box;
    background: var(--background2);
}

.form_img {    margin: 0 7px 0;}

.form_4img {margin: 0 7px 0 0;}

.form_img:last-child {margin:0;}

/*container du texte principal*/
.form_text {background: var(--background2);
    padding: 20px;
  margin : 5px;
    border-radius: 10px;
  font-size: 14px;}

/*styling du crédit*/
.form_cred {background: var(--background2);
    border-radius: 7px;
    margin: 7px 0 0;
    text-align: center;
    font-size: 9px;
    color: var(--acc1);
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1px;}

/*styling des titres dans le texte*/
.form_h1 {    border-bottom: var(--border1);
    font-size: 18px;
        margin: 0 0 4px;
    font-weight: 600;
    text-transform: lowercase;
    color: var(--acc1);
    padding: 0 0 4px;}

.form_h1 span {    background: var(--background1);
    border-radius: 6px;
    padding: 0 5px;
    font-size: 16px;
    color: var(--acc2);}

/***********************************************PROFIL**PROFIL**PROFIL**/

.pprofilavatarBox {
  background-color: var(--main-background-color);
  color : var(--profil-text-color);
  vertical-align: middle;
  padding: 2px;
}

.pavatar {
  align : center;
  width: 200px;
  border-bottom: var(--main-border-color);
  border-top: var(--main-border-color);
}

.pavatar2 {
  border: var(--main-border-color);
  padding:1px;
}

.ppseudo {
  background-blend-mode: overlay;
  background-color: #871803
  text-align : left;
  font-family: var(--main-title-font);
  font-size:18px;
  text-transform:lowercase;
  padding: 4px;
  font-weight: lighter!important;
}

.ppseudo a {
  background-blend-mode: overlay;
  background-color: #871803
  text-align : left;
  font-family: var(--main-title-font);
  font-size:18px;
  text-transform:lowercase;
  font-weight: lighter!important;
}

.lignePSEUDO{
}

.prang {
  font-weight: lighter!important;
  font-family:var(--number-font);
  font-size:12px;
  letter-spacing:1px;
  text-transform:lowercase;
  color : var(--color3);
  margin-top: 3px;
  margin-bottom: -1px;
}

.pinfos {
  background-color : #191C08;
  text-align : justify;
  color : var(--profil-text-color);
  font-weight: lighter!important;
  font-family:var(--number-font);
  font-size:10px !important;
  margin: 1px;
}

.postdetails.poster-profile img {
  width:190px;
  color : var(--profil-text-color);
  display:block;}

.lastLine-profil {
  margin-top: -5px;
  background-color : #191C08;
}


/***********************************************TEL**/

.cadretel {
  border: 1px solid #afbfcb;
 padding: 5px;
  width:260px; 
  font-style:italic;
}

tssttle2 {
  font-weight:900 !important;
  font-family:inconsolata;
  font-size:14px;
  font-style:normal;
  color :#777061 !important;
  letter-spacing:0px;
  transition: 0.7s all ease-in-out;
  text-transform:uppercase;
  box-shadow:inset 0 -6px 0 #cebdbb;
}

/*CATEGORIES PAR TRUC.*/
/*haut de catégorie*/
    .topcat {width: 100%;
    height: 25px;
    text-align: center;
    font-family: 'Playfair Display', serif; /*peut être modifié*/
    text-transform: uppercase; /* supprime si tu ne veux plus de l'effet du texte en capitale */
    font-size: 17px; /* pour modifier la taille de la police (pense à jouer avec le padding-top pour égaliser le fond*/
    background-color: #D2D2D2; /*modifie la couleur*/}
    .topcat h2 {font-size: 17px;
    background-color: #D2D2D2; /*modifie la couleur*/
    font-weight: 300; /*modifie l'épaisseur (500 c'est la norme) des lettres*/
    margin: 0px;}
 
  /*fond du tableau*/
    .fd-cat {width: 100%;
    height: auto;
    padding: 10px;
    background-color: #DDDDDD; /*modifie la couleur de fond*/
    color: #333; /*modifie la couleur du texte*/}
   
    /*case n°1 : liste des sous-catégories*/
    .link-cat {background-color: #ecebeb; /*modifie la couleur de fond*/
    border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/
    height: 95px;
    padding: 5px;
    text-align: left;
    font-size: 12px;
    overflow: auto;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    margin-top: -1px;}
    .link-cat a::before {content: '☽ ';} /*peut être supprimé*/
    .link-cat a {display: block;}
 
    /*case n°2 : titre + description + image de description*/
    .ttr-cat {font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
    background-color: #887b82;
    color: #ecebeb;
    margin: 0px 5px 4px;}
    .ttr-cat a {color: #ecebeb;}

  .descr-cat {background-color: #ecebeb; /*modifie la couleur de fond*/
    border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/
    height: 75px;
    padding: 5px;
    text-align: justify;
    font-size: 12px;
    overflow: auto;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    color: #333; /*modifie la couleur du texte*/
 
margin: 0px 5px;}
/*code de l'image de description (inutile si tu n'en mets pas)*/
  .descr-cat img {border-radius: 100%;
    width: 75px;
    height: 75px;
    object-fit: cover;
    float: left;
    margin: 0px 3px 0px 0px;}
 
    /*case n°3 : avatar*/
  .ava-cat {width: 67px;
    height: auto;}
    .ava-cat img {width: 65px;
    height: auto;
    border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/}
   
    /*case n°4: image nouveau/lu + dernier message posté + sujets/messages */
.icnmess {height: 14px;
    object-fit: none;
    width: 100%;
    margin-bottom: 3px;}
    .nonew-cat {border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/
    background-color: #ecebeb; /*modifie la couleur de fond*/
    height: 68px;}
  .nonew-cat span {display: inherit;
    padding-top: 8px;
    text-align: center;}
    .sujmess-cat {background-color: lightslategray; /*modifie la couleur de fond*/
    height: 14px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
    margin-top: 3px;
    padding-bottom: 2px;}

/* **************************AFFICHAGE D'UN SUJET****************** */

.titre1sujet {  background-color: var(--main-title-background);}

.titre1sujet a { color : var(--main-title-color) ; }

.titresstopic {
  font-family: var(--main-title-font);;
text-align : center;
font-weight:100 !important;
color : var(--main-title-color) !important;
 font-size:15px;}

.pagina {color: white !important;
  text-transform:lowercase;
  font-family: var(--number-font);
text-align : center;
font-weight:100 !important;
  font-size:11px;
margin-bottom:-5px;}

.lienssstte {text-transform:lowercase;
  font-weight:100 !important;
 font-size:11px;}

.datesujet {text-transform:lowercase;
  font-weight:100 !important;
  font-family: var(--number-font);
  font-size:12px;
  background-blend-mode: overlay;
  background: linear-gradient(0.25turn, var(--color1), var(--color2), var(--color3));
  width: 150px;
  text-align:center;
  border-radius: 5px;
  color: var(--link-sous-forum-color);
  margin-left: 5px;
}

.surveillersujet {text-transform:lowercase;
  font-weight:100 !important;
  font-style: italic;
  letter-spacing:2px;
  font-family: var(--number-font);
 font-size:11px;}

/* liste des sujets */

/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 800px;
  margin: auto;
  background: #dfdfdf;
  border: 1px solid #ececec;
  box-shadow: 0px 0px 3px #868686;
  -o-box-shadow: 0px 0px 3px #868686;
  -moz-box-shadow: 0px 0px 3px #868686;
  -webkit-box-shadow: 0px 0px 3px #868686;
  -htm-box-shadow: 0px 0px 3px #868686;
  padding: 5px;
}
.sujets
{
  background: #ececec;
  border: 1px dotted #ffffff;
  padding: 3px;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  display: block;
  width: 180px;
  height: 40px;
  background: #f4f4f4;
  border-left: 3px solid #9e9e9e;
  border-right: 3px solid #9e9e9e;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  width: 800px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu
{
  font-size: 10px;
  color: #a4a4a4;
}

/*** les bases***/
/*header fixe*/

body {
background-attachment: fixed !important;
}

/* editeur */

/* largeur de l'éditeur */
.sceditor-container { width: 540px!important;
}
 
/* largeur de la zone de saisie de texte */
.sceditor-container iframe, .sceditor-container textarea {
width: 99%!important;
}

/* général */
 
td.catRight, td.row3Right, th.thRight {
    border-width: 0 0px 0 0;
}

td.catBottom, th.thBottom {
    border-width: 0 0px 0px;
}

td.cattop, th.thtop {
    border-width: 0 0px 0px;
}

a, a:link, a:hover {
text-decoration: none!important;
}

.bodyline{
max-width:800px !important;
text-align:justify;}

::-webkit-scrollbar-track {
  background-color: #871803;
}

::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  background-color: #191C08;
}

::-webkit-scrollbar-button{
  background-color: #191C08;
  height: 6px;
}

.nav a {
  color : var(----link-navigation-color);
}

.navig {
background-color : var(--main-background-color);
  width: 100%;
  text-transform:lowercase;
  padding-bottom : 5px;
  margin-bottom : 5px;
}

  --profil-text-color: #F0F0F0;


.bodyline{ border: none;
padding: 15px!important;
margin-left: 0px!important;
margin-right: 0px!important;
margin-top:0px!important;}

a.sceditor-button {
 width : 15px;
}

td.curr_privmsg {
  opacity: 1.0;

}

.th {
  color: black;
}

.forumline {
  background-color : var(--main-background-color);
  border: none;
  font-size: 13px;
  line-height: 18px;
}

.txt_rp {
  background-color: #F0F0F0;
}

/* variable commune */

:root {
    --acc1: #000;
    --acc2:#A70909;
    --acc3:#fff;  
    --white: #fff;
    --black: #000;
    --border: #E9DCDC;
    --border1: 1px solid #191C08;
    --background1: #191C08;
    --background2: #E8D0D1;
    --background3: #871803;
    --background4: #51594e;
--degrade: linear-gradient(-45deg,#871803,#D5B49B)!important;
    --degrag: #ccc9c7;
    --gr1: #74835E;
    --gr2: #C2753A;
    --gr3: #99375B;
    --gr4: #616B99;
}

/* editeur */

/* largeur de l'éditeur */
.sceditor-container { width: 540px!important;
}
 
/* largeur de la zone de saisie de texte */
.sceditor-container iframe, .sceditor-container textarea {
width: 99%!important;
}


/*RETIRER RECHERCHE et LOUPE de la toolbar connexion et enregistrer*/
 
#fa_textarea { display: none!important; }
#fa_magnifier { display: none!important; }

/*COMPTEUR MOT*/
.word-count {
  font-size: 10px !important;
text-transform: uppercase;
letter-spacing: 3px;
text-align: center;}

.selectCode {  
  font-family:var(--link-button-font);
  font-size:11px;
  color :#777061 !important;
  letter-spacing:2px;
  transition: 0.7s all ease-in-out;
  text-transform:uppercase;
  float : right;
}

/*ANNIVERSAIRE*/

#anniv .row1 {text-transform: uppercase;}


*************TOOLBAR*/

div#fa_search {display:none!important;}
span#fa_share {display:none!important;}
a#fa_welcome {display:none!important;}
a#fa_hide {display: none!important;}
a#fa_notifications {color:black;}

div#fa_toolbar {
 background-color: transparent!important;
 text-transform:lowercase;
 font-size:12px;
 margin-right:10px;
}

div#fa_right {
  font-size:12px;
  margin-right:20px;
}

/***************************** AFFICHAGE DUN PROFIL *****************************/

/***** DIV PRINCIPAL CONTENANT LE PROFIL *****/

.spro_1 {
    background: var(--background2);
    padding: 10px;
    border-radius: 10px;
    display: flex;
margin:20px 0;
}

/***** AFFICHAGE À GAUCHE (rang et avatar) *****/

/*Div à gauche qui contient avatar et rang*/
.spro_2 {
      background: var(--background1);
    padding: 10px;
    border-radius: 10px;
    width: 232px;
    box-sizing: border-box;
}

/*Div qui contient le pseudo et le rang*/
.spro_rang {
display: flex;
    background: var(--background2);
    flex-wrap: wrap;
    margin: 0 0 7px;
    border-radius: 10px 30px 30px 10px;
}

/*Div qui contient le pseudo*/
.spro_username {      padding: 12px 0 0 12px;
    border-bottom: var(--border1);
    text-align: left;
    text-transform: lowercase;
  font-family: var(--main-title-font);
    font-size: 16px;
    height: 45px;
    box-sizing: border-box;
    width: 100%;}

/*Div contenant le rang et limage*/
.spro_rang2 {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    font-size: 11px;
    line-height: 28px;
}

/*Styling de limage*/
.spro_rang2 img {        width: 60px;
    height: 60px;
    border-radius: 100%;
    padding: 5px;
    box-sizing: border-box;
    background: var(--background2);
    border: var(--border1);
    margin: -31px 0 0 7px;
}

/*Div contenant lavatar*/
.spro_avatar {
    background: var(--background2);
    padding: 6px;
    border-radius: 10px;
    box-sizing: border-box;
}

/*Styling de lavatar*/
.spro_avatar img {border-radius: 10px;
    max-width: 200px;}


/***** AFFICHAGE À DROITE (derniere visite, images contact, infos) *****/

/*Div contenant le tout*/
.spro_3 {
        margin: 0 0 0 7px;
    width: 100%;
}

/*Div de la derniere connexion*/
.spro_lastvisit {      margin: 0 0 7px;
    background: var(--background1);
    text-align: center;
    text-transform: uppercase;
    color: var(--acc2);
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    border-radius: 6px;
    font-size: 11px;
}

/*Div contenant contact et les infos*/
.spro_profile {    border: var(--border1);
    padding: 10px;
    border-radius: 10px;
}

/*Div contenant le en ligne et les images contact*/
.spro_contact {      border-bottom: var(--border1);
    padding: 0 0 7px;
    margin: 0 0 7px;
    display: flex;
    text-transform: uppercase;
    justify-content: space-evenly;
    font-weight: 600;
    color: var(--acc1);
    font-size: 11px;
    align-items: center;
}

/*Styling images contact*/
.spro_contact img {
width: 23px;
    background: var(--background1);
    padding: 3px;
    box-sizing: border-box;
    border-radius: 5px;
}

/*Div contenant toutes les infos*/
.spro_info {      height: 292px;
    overflow: auto;}

.spro_info img {
max-width:200px;
  border-radius:10px;
}

/*Styling et mise en page des infos*/
.pro_field {
      vertical-align: top;
    width: 12em;
    font-size: 11px;
      text-transform: uppercase;
      font-weight: 600;
    color: var(--acc2);
}

.prof_info {font-size: 14px;
    line-height: 24px;}

/*Div contenant les liens en bas*/
.spro_links {    display: flex;
    margin: 7px 0 0;
}

/*Styling des liens*/
.spro_links a {
        width: 100%;
    line-height: 29px;
    background: var(--background1);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    border-radius: 10px;
    font-size: 12px;
}

.spro_links a:nth-child(2) {
    margin:0 7px;
}

/***************************** LES FORMULAIRES *****************************/

/*CONTAINER DES FORMULAIRES*/
.form1 {text-align: justify;
    background: linear-gradient(0.25turn, var(--color1), var(--color2), var(--color3));
    width: auto; /*à modifier si vous voulez une largeur fixe*/
    border-radius: 10px;
  padding: 10px;
    line-height: 14px;}

/*CONTAINER DU TITRE, SOUS TITRE ET CITATION*/
.form2 {    display: flex;
    margin: 0 0 7px 0;}

/*partie contenant le titre, sous titre et citation*/
.form_tq {    background: var(--background2);
    width: 100%;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 7px 7px 11px;
}

/*styling titre*/
.form_title {border-bottom: var(--border1);
    color: var(--acc1);
    font-weight: 700;
    text-transform: lowercase;
    font-size: 20px;
    padding: 0 0 5px 18px;
  line-height: initial;}

/*styling sous-titre*/
.form_subtitle {  margin: 14px 0 5px;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--acc2);
    padding: 0 0 0 35px;
    letter-spacing: 1px;
    line-height: 9px;}

/*styling citation*/
.form_quote {    text-transform: lowercase;
    font-size: 11px;
    padding: 0 0 0 49px;
    width: 90%;
    font-style: italic;
    line-height: 15px;
    box-sizing: border-box;}

/*styling resume*/
.form_resume {overflow: auto;
    height: 185px;
    font-style: italic;}

/*styling de l'image formulaire avec 1 seule image*/
.form_1img {width: 100%;
    padding: 5px;
    box-sizing: border-box;
    background: var(--background2);
    border-radius: 10px;
    margin: 0 0 7px;
    height: 158px;
    object-fit: cover;}

/*styling des deux/quatre images*/
.form_img, .form_4img {border-radius: 7px;
    min-height: 79px;
    object-fit: cover;
    width: 70px;
    padding: 3px;
    box-sizing: border-box;
    background: var(--background2);
}

.form_img {    margin: 0 7px 0;}

.form_4img {margin: 0 7px 0 0;}

.form_img:last-child {margin:0;}

/*container du texte principal*/
.form_text {background: var(--background2);
    padding: 20px;
  margin : 5px;
    border-radius: 10px;
  font-size: 14px;}

/*styling du crédit*/
.form_cred {background: var(--background2);
    border-radius: 7px;
    margin: 7px 0 0;
    text-align: center;
    font-size: 9px;
    color: var(--acc1);
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 1px;}

/*styling des titres dans le texte*/
.form_h1 {    border-bottom: var(--border1);
    font-size: 18px;
        margin: 0 0 4px;
    font-weight: 600;
    text-transform: lowercase;
    color: var(--acc1);
    padding: 0 0 4px;}

.form_h1 span {    background: var(--background1);
    border-radius: 6px;
    padding: 0 5px;
    font-size: 16px;
    color: var(--acc2);}

/***********************************************PROFIL**PROFIL**PROFIL**/

.pprofilavatarBox {
  background-color: var(--main-background-color);
  color : var(--profil-text-color);
  vertical-align: middle;
  padding: 2px;
}

.pavatar {
  align : center;
  width: 200px;
  border-bottom: var(--main-border-color);
  border-top: var(--main-border-color);
}

.pavatar2 {
  border: var(--main-border-color);
  padding:1px;
}

.ppseudo {
  background-blend-mode: overlay;
  background-color: #871803
  text-align : left;
  font-family: var(--main-title-font);
  font-size:18px;
  text-transform:lowercase;
  padding: 4px;
  font-weight: lighter!important;
}

.ppseudo a {
  background-blend-mode: overlay;
  background-color: #871803
  text-align : left;
  font-family: var(--main-title-font);
  font-size:18px;
  text-transform:lowercase;
  font-weight: lighter!important;
}

.lignePSEUDO{
}

.prang {
  font-weight: lighter!important;
  font-family:var(--number-font);
  font-size:12px;
  letter-spacing:1px;
  text-transform:lowercase;
  color : var(--color3);
  margin-top: 3px;
  margin-bottom: -1px;
}

.pinfos {
  background-color : #191C08;
  text-align : justify;
  color : var(--profil-text-color);
  font-weight: lighter!important;
  font-family:var(--number-font);
  font-size:10px !important;
  margin: 1px;
}

.postdetails.poster-profile img {
  width:190px;
  color : var(--profil-text-color);
  display:block;}

.lastLine-profil {
  margin-top: -5px;
  background-color : #191C08;
}

/***********************************************TEL**/

.cadretel {
  border: 1px solid #afbfcb;
 padding: 5px;
  width:260px; 
  font-style:italic;
}

tssttle2 {
  font-weight:900 !important;
  font-family:inconsolata;
  font-size:14px;
  font-style:normal;
  color :#777061 !important;
  letter-spacing:0px;
  transition: 0.7s all ease-in-out;
  text-transform:uppercase;
  box-shadow:inset 0 -6px 0 #cebdbb;
}

/*CATEGORIES PAR TRUC.*/
/*haut de catégorie*/
    .topcat {width: 100%;
    height: 25px;
    text-align: center;
    font-family: 'Playfair Display', serif; /*peut être modifié*/
    text-transform: uppercase; /* supprime si tu ne veux plus de l'effet du texte en capitale */
    font-size: 17px; /* pour modifier la taille de la police (pense à jouer avec le padding-top pour égaliser le fond*/
    background-color: #D2D2D2; /*modifie la couleur*/}
    .topcat h2 {font-size: 17px;
    background-color: #D2D2D2; /*modifie la couleur*/
    font-weight: 300; /*modifie l'épaisseur (500 c'est la norme) des lettres*/
    margin: 0px;}
 
  /*fond du tableau*/
    .fd-cat {width: 100%;
    height: auto;
    padding: 10px;
    background-color: #DDDDDD; /*modifie la couleur de fond*/
    color: #333; /*modifie la couleur du texte*/}
   
    /*case n°1 : liste des sous-catégories*/
    .link-cat {background-color: #ecebeb; /*modifie la couleur de fond*/
    border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/
    height: 95px;
    padding: 5px;
    text-align: left;
    font-size: 12px;
    overflow: auto;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    margin-top: -1px;}
    .link-cat a::before {content: '☽ ';} /*peut être supprimé*/
    .link-cat a {display: block;}
 
    /*case n°2 : titre + description + image de description*/
    .ttr-cat {font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
    background-color: #887b82;
    color: #ecebeb;
    margin: 0px 5px 4px;}
    .ttr-cat a {color: #ecebeb;}

  .descr-cat {background-color: #ecebeb; /*modifie la couleur de fond*/
    border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/
    height: 75px;
    padding: 5px;
    text-align: justify;
    font-size: 12px;
    overflow: auto;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    color: #333; /*modifie la couleur du texte*/
 
margin: 0px 5px;}
/*code de l'image de description (inutile si tu n'en mets pas)*/
  .descr-cat img {border-radius: 100%;
    width: 75px;
    height: 75px;
    object-fit: cover;
    float: left;
    margin: 0px 3px 0px 0px;}
 
    /*case n°3 : avatar*/
  .ava-cat {width: 67px;
    height: auto;}
    .ava-cat img {width: 65px;
    height: auto;
    border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/}
   
    /*case n°4: image nouveau/lu + dernier message posté + sujets/messages */
.icnmess {height: 14px;
    object-fit: none;
    width: 100%;
    margin-bottom: 3px;}
    .nonew-cat {border: 2px solid #D2D2D2; /*modifie la couleur de la bordure*/
    background-color: #ecebeb; /*modifie la couleur de fond*/
    height: 68px;}
  .nonew-cat span {display: inherit;
    padding-top: 8px;
    text-align: center;}
    .sujmess-cat {background-color: lightslategray; /*modifie la couleur de fond*/
    height: 14px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    font-size: 12px;
    margin-top: 3px;
    padding-bottom: 2px;}

/* **************************AFFICHAGE D'UN SUJET****************** */

.titre1sujet {  background-color: var(--main-title-background);}

.titre1sujet a { color : var(--main-title-color) ; }

.titresstopic {
  font-family: var(--main-title-font);;
text-align : center;
font-weight:100 !important;
color : var(--main-title-color) !important;
 font-size:15px;}

.pagina {color: white !important;
  text-transform:lowercase;
  font-family: var(--number-font);
text-align : center;
font-weight:100 !important;
  font-size:11px;
margin-bottom:-5px;}

.lienssstte {text-transform:lowercase;
  font-weight:100 !important;
 font-size:11px;}

.datesujet {text-transform:lowercase;
  font-weight:100 !important;
  font-family: var(--number-font);
  font-size:12px;
  background-blend-mode: overlay;
  background: linear-gradient(0.25turn, var(--color1), var(--color2), var(--color3));
  width: 150px;
  text-align:center;
  border-radius: 5px;
  color: var(--link-sous-forum-color);
  margin-left: 5px;
}

.surveillersujet {text-transform:lowercase;
  font-weight:100 !important;
  font-style: italic;
  letter-spacing:2px;
  font-family: var(--number-font);
 font-size:11px;}

/* liste des sujets */

/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 800px;
  margin: auto;
  background: #dfdfdf;
  border: 1px solid #ececec;
  box-shadow: 0px 0px 3px #868686;
  -o-box-shadow: 0px 0px 3px #868686;
  -moz-box-shadow: 0px 0px 3px #868686;
  -webkit-box-shadow: 0px 0px 3px #868686;
  -htm-box-shadow: 0px 0px 3px #868686;
  padding: 5px;
}
.sujets
{
  background: #ececec;
  border: 1px dotted #ffffff;
  padding: 3px;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  display: block;
  width: 180px;
  height: 40px;
  background: #f4f4f4;
  border-left: 3px solid #9e9e9e;
  border-right: 3px solid #9e9e9e;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  width: 800px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu
{
  font-size: 10px;
  color: #a4a4a4;
}

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/> </td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                        <td><input class="post" type="text" size="10" name="username"/> </td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span> 
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
 <div class="topcat">Qui est en ligne ?</div>
<div class="grp-qeel"><!-- modifier la couleur du groupe au niveau du style--><a href="lien du premier groupe" class="grp" style="color:#cebeb9;" target="_blank">Groupe 1</a>
          <!-- modifier la couleur du groupe au niveau du style--><a href="lien du premier groupe" class="grp" style="color:#cecbbb;" target="_blank">Groupe 2</a>
          <!-- modifier la couleur du groupe au niveau du style--><a href="lien du premier groupe" class="grp" style="color:#e7cac2;" target="_blank">Groupe 3</a>
          <!-- modifier la couleur du groupe au niveau du style--><a href="lien du premier groupe" class="grp" style="color:#959595;" target="_blank">Groupe 4</a>
          </div>
  <table class="fd-qeel">
    <tr>
      <td colspan="3" style="padding-bottom: 10px;">
        <center><span id="statco-qeel" class="stat">{TOTAL_USERS_ONLINE}</span></center>
  <script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script>
      </td>
    </tr>
 
    <tr>
      <td width="30%">
        <div class="co-qeel"><span>{LOGGED_IN_USERS_LIST}</span></div>
      </td>
   
      <td width="30%"><center>
        <div class="mess-qeel"><span id="tt-mess">{TOTAL_POSTS}</span>
        <script type="text/javascript">document.getElementById('tt-mess').innerHTML=document.getElementById('tt-mess').innerHTML.replace(/Nos membres ont posté un total de /,"") .replace(/messages/,"messages");</script></div>
        <div class="mbr-qeel"><span id="tt-mbr">{TOTAL_USERS}</span>
          <script type="text/javascript">document.getElementById('tt-mbr').innerHTML=document.getElementById('tt-mbr').innerHTML.replace(/Nous avons /,"") .replace(/membres enregistrés/,"membres") .replace(/membre enregistré/,"membres");</script></div>
        <br/>
        <div class="wel-qeel">
          <img src="https://64.media.tumblr.com/e03b52581c00cf932415e2ceda39b9ad/e61549b41c2f29ee-b1/s250x400/16ced22c4c77654f2a4d150df98a54492ffc2994.gif" class="icn-qeel" />
          <div class="wel">Bienvenue à <span id="nouveau">{NEWEST_USER}</span></div>
        <script type="text/javascript">document.getElementById('nouveau').innerHTML=document.getElementById('nouveau').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script>
        </div>
        </center>
        </td>
   
      <td width="30%">
        <div class="co-qeel">
          <div class="h24-qeel">Ils sont passés par là...</div>
          <table id="co-24h" style="font-family: 'Lato', sans-serif; color: #333;">{L_CONNECTED_MEMBERS}
          <script type="text/javascript">document.getElementById('co-24h').innerHTML=document.getElementById('co-24h').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/,"")</script>
          </table></div>
      </td>
    </tr>

    <tr>
      <td colspan="3" width="100%">
        <div class="dis-qeel"><dis>Disclaimer :</dis> Fusce ultrices, nibh nec consectetur condimentum, ligula diam pretium lorem, vitae venenatis nunc ex vitae lorem. Sed tempor, turpis non laoreet sollicitudin, nunc velit faucibus tellus, eu volutpat ex nisl nec diam. Nullam vehicula vestibulum libero eget imperdiet. Nam ut lectus et dui hendrerit euismod.</div>
      </td>
    </tr>
  </table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
{AUTO_DST}