CSS

Code:



  /****ENLEVER LE SOULIGNEMENT DES LIENS PARCE QUE C MOCHE***/


a:hover{
    text-decoration: none !important;
    }
    
    a {
    text-decoration: none !important;
    }
    
    a:link {
    text-decoration: none;
    }
    
    a:visited {
    text-decoration: none;
    }
/********************************************************************FLECHES HAUT ET BAS**********/
    .haut{
            position:fixed;
            bottom:100px;
            right:10px;
 }
          
    .bas{
            position:fixed;
            bottom:50px;
            right:10px;
 }
/* TOOLBAR */

#fa_toolbar { /* Toolbar */
  background-color: rgba(255, 255, 255, 0.0) !important;
  z-index: 99;
}


a#fa_notifications, a#fa_welcome, #fa_right a.rightHeaderLink { /* Titres */
  font-size: 12px !important;
  color: #121213 !important;
  text-align: center;
font-family: 'Share Tech Mono', monospace;
  font-weight: bold;
  text-transform: uppercase;
}

#fa_menulist { /* Contenu premier onglet */
  background-color: #F7F7F7 !important;
  border: 1px solid #BCB4B0;
  font-size: 11px !important;
}

#fa_menulist :link, #fa_menulist :visited { /* Liens premier onglet */
font-family: 'Share Tech Mono', monospace;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-weight: 600;
  color: #707070 !important;
}

#fa_usermenu { /* Texte premier onglet */
  font-size: 11px;
 font-family: 'Share Tech Mono', monospace;
  color: #707070 !important;
  font-weight: bold;
}

#notif_list {
  border: 1px solid #BCB4B0 !important;
}

#notif_list li {
  background-color: #F7F7F7 !important;
font-family: 'Share Tech Mono', monospace;
  font-size: 11px !important;
  color: #707070 !important;
}

#fa_toolbar #fa_right #notif_list li.unread {
  background-color: #F1F1F1 !important;
  font-weight: bold ;
}

#fa_toolbar #fa_right #notif_list li.see_all a { /* Lien 'voir toutes les notifs' */
font-family: 'Share Tech Mono', monospace;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-weight: 600;
  font-size: 10px !important;
  color: #000 !important;
  font-weight: 500 !important;
}

#fa_right { /* Partie droite toolbar */
  margin-right: 10px;
}

#fa_toolbar #fa_service { /* Retrait 'forumactif' */
  font-size: 0px !important;
}

#fa_hide { /* Retrait flèche droite */
  display: none !important;
}

#fa_ranktitle { /* Retrait affichage du rang parce que osef */
  display: none !important;
}

div#fa_search { /* Retrait barre de recherche */
  display: none !important;
}

span#fa_share { /* Retrait partager */
  display: none !important;
}

a#fa_icon { /* Retrait icone fa */
  height: 0px !important;
}

/*********************************** NAVIGATION ***********************************/
.navigation {
        text-align: center;
        text-transform: uppercase;
        background: ;
        padding: 2%;
   font-family: 'Maven Pro', serif;
}

.mainmenu[href="/faq"]{display:none;}

.mainmenu[href="/calendar"]{display:none;}

.navigation img {
   display: none;
}

/*.navigation a::before {
        background: url(https://i.imgur.com/eRLreg2.png) no-repeat;
        content: "";
        width: 15px;
        height: 15px;
}*/

.navigation a {
        font-family: 'Maven Pro', sans-serif;
        font-size: 14px;
        margin: 0 .5%;
   transition: .5s all;
   color: black;
        display: inline-flex;
}

.navigation a:hover {
     color: black;
   text-decoration: none !important;
}


/* SCROLLBAR */
::-webkit-scrollbar {
     width: 4px;
}
::-webkit-scrollbar-thumb {
     background-color: #A9A9A9;
}
::-webkit-scrollbar-track {
        background-color: #f3f3f3;
}


/**************************************************** PAGE ACCUEIL ****************************************************/
.page_accueil {
        background: #fff;
        margin: auto;
        padding: 2%;
        width: 850px;
        border: 20px solid #B299B1;
        box-sizing: border-box;
   font-family: 'Maven Pro', sans-serif;
   color: #1a1a1a;
}

.pa_milieu {
        width: 40%;
        float: left;
        margin: 1% 2%;
}

.pa_droite {
        width: 36%;
        float: left;
        margin: 1% 0;
}

/* LIENS UTILES */
.pa_liens {
        width: 20%;
        float: left;
}

.pa_liens a {
        display: block;
        width: 100%;
        font-family: 'Maven Pro', sans-serif;
        font-size: 12px;
        padding: 3% 0;
        margin: 5% 0;
        background: #7DADAD;
        color: #f3f3f3;
        text-transform: uppercase;
}

.pa_liens a:hover {
        background: #E693E9;
        transition: bold;
        letter-spacing: -1px;
        transform: rotate(-1deg);
}

/* CONTEXTE */
.pa_contexte {
        box-sizing: border-box;
        height: 100px;
        overflow: auto;
        padding: 0 5% 0 0;
        text-align: justify;
        width: 100%;
        margin: 0 0 3.6% 0;
}

/* ACTUALITES */
.pa_actus {
        width: 50%;
        float: left;
        margin: 2% 0;
        background: #f3f3f3;
        padding: 2%;
        height: 88px;
        box-sizing: border-box;
        text-align: left;
        overflow: auto;
}

.pa_actus span {
        background: #ac9893;
        padding: 2%;
        display: inline-block;
        margin: 2%;
        color: #f3f3f3;
}

/* TOP SITES */
.pa_tops {
        width: 45%;
        float: left;
        margin: 2% 0 2% 5%;
        box-sizing: border-box;
}

.pa_tops a {
        color: #9BA1CD;
        display: block;
        font-family: Calibri, Arial, sans-serif;
        font-size: 16px;
        text-transform: uppercase;
        margin: 0 0 2% 0;
        font-weight: bold;
}

.pa_tops a::before {
     content: "△ ";
}

/* Partenaires */
.pa_tops select {
        font-size: 10px;
        width: 90%;
        margin: auto;
        background: #f3f3f3;
        border: 0;
        padding: 1% 0;
}

/* STAFF */
.pa_staff {
     margin: 0 0 2% 0;
}

.pa_staff h2 {
        text-transform: uppercase;
        font-size: 15px;
        color: #9BA1CD;
        letter-spacing: 5px;
        font-weight: normal;
        margin: 0 0 2% 0;
}

.staff_bloc {
        width: 120px;
        height: 45px;
        overflow: hidden;
        display: inline-block;
   position: relative;
}

.staff_bloc_image {
        width: 120px;
        height: 45px;
        object-fit: cover;
   position: relative;
   z-index: 1;
   transition: .5s all;
}

.staff_bloc:hover .staff_bloc_image {
        margin-left: -240px;
        transition: .5s all;
}

.contenu_staff {
        position: absolute;
        top: 0;
        width: 120px;
        border: 1px solid #f3f3f3;
        box-sizing: border-box;
        height: 45px;
}

/* Pseudo */
.contenu_staff h2 {
        margin: 2% 0 0 0;
        padding: 0;
        font-size: 10px;
        letter-spacing: 0;
}

/* DC */
.contenu_staff h3 {
        margin: 0;
        font-weight: normal;
        font-style: italic;
        font-family: Times New Roman;
        text-transform: lowercase;
        color: #89665c;
}

/* Liens */
.contenu_staff a {
        display: inline-block;
        width: 30px;
        margin: 0 2%;
}

/* MP */
.contenu_staff a:nth-child(2n+1) {
     background: #f3f3f3;
}

/* MEMBRE DU MOIS */
.pa_membre {
        width: 49%;
        box-sizing: border-box;
        float: left;
}

.pa_membre img {
        height: 50px;
        object-fit: cover;
        width: 100%;
        padding: 2%;
        border: 1px solid #f3f3f3;
   box-sizing: border-box;
}

/* Pseudo */
.pa_membre h2 {
        color: #fbb794;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 5px;
        margin: 0;
        text-transform: uppercase;
}

.pa_membre h3 {
        margin: 0;
        font-weight: normal;
        color: #89665c;
}

/* INTRIGUE */
.pa_intrigue {
        background: #f3f3f3;
        box-sizing: border-box;
        float: left;
        height: 85px;
        margin: 0 0 0 2%;
        padding: 2%;
        width: 49%;
        overflow: auto;
        text-align: justify;
}

/**************************************************** CATEGORIES ****************************************************/
/* SCROLLBAR */
::-webkit-scrollbar {
     width: 4px;
}
::-webkit-scrollbar-thumb {
     background-color: #fbb794;
}
::-webkit-scrollbar-track {
        background-color: #f3f3f3;
}

/* LIENS HEADER */
.liens_header_categories a {
        color: #B299B1
        font-size: 10px;
        letter-spacing: 5px;
        margin: 0 2%;
        text-transform: uppercase;
        display: inline-block;
   font-family: 'Maven Pro', Arial;
}

.liens_header_categories {
        text-align: center;
        margin: 2% 0;
}

.categories {
        width: 95%;
   font-family: 'Maven Pro', Arial;
   color: #1a1a1a;
        margin: auto
    
}

/* TITRE CATEGORIES */
.header_categories h2 {
        text-align: center;
        font-weight: normal;
        font-size: 20px;
        text-transform: uppercase;
        padding: 2% 0;
        font-family: 'Maven Pro', sans-serif;
        background: #7DADAD;
        color: #FEFF72;
        border: 10px solid #f3f3f3;
}

.forum {
        border: 10px solid #f3f3f3;
  background: url('https://i.imgur.com/NxxX32D.png') no-repeat;
        padding: 2%;
   margin: 2% 0;
}

.forum_gauche {
        width: 50%;
        float: left;
}

.forum_milieu {
        float: left;
        width: 43%;
}

/* NOM FORUM */

.head_forum {
      width: 100%;
     background: #f3f3f3;
  text-align: center;
}
  

  
a.forumlink {
  
        padding: 1% 0;
        font-size: 18px;
     text-transform: uppercase;
        font-weight: normal;
}

a.forumlink::before {
     content: " ";
 
}

/* DESCRIPTION */
.forum_description {
        width: 100%;
   background: #f3f3f3;
        height: 90px;
        overflow: auto;
        padding: 2%;
        box-sizing: border-box;
        font-size: 11px;
   text-align: justify;
        margin: 1% 0 0 0;
}

/* AVATAR */
.forum_avatar img {
        border: 1px solid #f3f3f3;
   background-position: top;
        /*height: 90px;
        object-fit: cover;
        padding: 1%;*/
        transition: .5s all;
        width: 70px;
        float: left;
        margin: 6.7% 2% 0;
}

.forum_avatar img:hover {
        transform: rotate(-10deg);
        transition: .5s all;
}

/* DERNIER MESSAGE */
.forum_dernier_mess {
     font-size: 10px;
}

.forum_dernier {
        float: left;
        width: 70%;
        margin: 16% 0 0;
}

/* STATISTIQUES */
span.forum_stats {
        display: block;
        font-size: 11px;
        margin: 4% auto 0;
        text-align: center;
        background: #f3f3f3;
        width: 90%;
        padding: 2%;
}

/* SOUS FORUM */
.sous_forum a {
        background: #f3f3f3;
        padding: 1%;
        margin: 5% 0 0;
}

.sous_forum a:hover {
        background: #7DADAD;
        color: #f3f3f3;
}

/* SCROLLBAR */
::-webkit-scrollbar {
     width: 4px;
}
::-webkit-scrollbar-thumb {
     background-color: #A9A9A9;
}
::-webkit-scrollbar-track {
        background-color: #f3f3f3;
}


/**************************************************** QUI EST EN LIGNE ****************************************************/
.qui_est_en_ligne {
        border: 20px solid #B299B1;
        width: 850px;
        margin: 5% auto 0;
        padding: 0 2%;
   font-family: 'Maven Pro', Arial;
   color: #1a1a1a;
        box-sizing: border-box;
}

/* GAUCHE ET DROITE */
.qeel_gauche, .qeel_droite {
        float: left;
        font-size: 10px;
        height: 200px;
        overflow: auto;
        padding: 0 2% 0 0;
        width: 28%;
        margin: 2% 0;
}

/* MILIEU */
.qeel_milieu {
        background: url(https://i.imgur.com/6Zt7ELH.png);
        float: left;
        height: 227px;
        margin: 0 2%;
        text-align: center;
        width: 36%;
        padding: 3%;
        box-sizing: border-box;
}

.qeel_milieu a {
        display: block;
        background: #f3f3f3;
        padding: 3%;
        margin: 4%;
        font-size: 12px;
}

a.modeles {color: #6E376F;} a.modeles:hover {background: #6E376F; color: #f3f3f3;}
a.norme {color: #B44D4D;} a.norme:hover {background: #B44D4D; color: #f3f3f3;}
a.deviants {color: #FB945D;} a.deviants:hover {background: #FB945D; color: #f3f3f3;}
a.nuisibles {color: #B6A2C6;} a.nuisibles:hover {background: #B6A2C6; color: #f3f3f3;}
a.pnj:hover {color: #f3f3f3; background: #000;}

/* DERNIERS CO ET ANNIVERSAIRES */
.transparent .row1 {
     background: none;
}

.transparent .row1 .gensmall {
     color: #1a1a1a !important;
   font-family: 'Maven Pro', Arial;
}

a.qeel_credit {
        text-align: right;
        margin: 2% 0;
        text-decoration: none;
        display: block;
        font-size: 10px;
        color: #b9b9b9;
        font-style: italic;
        letter-spacing: -1px;
        text-transform: lowercase;
        font-family: 'Helvetica';
}


/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px; padding:10px;
text-transform:uppercase; text-align:right;
background:#FFF; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
#abtPFIL {
display:inline-block; vertical-align:top; margin-right:10px; width:570px;
}
/* BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; vertical-align:top; margin-right:10px;
width:285px; height:325px; padding:5px 10px 10px; overflow:auto; font-size:11px;
background:#FFF; color:#000; /* MODIFIABLE */
}
/* INFORMATIONS BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div {
padding:3px 0 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* INTITULES BLOC GAUCHE INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; color:#000; /* MODIFIABLE */
}
/* BORDURES BLOC GAUCHE INFORMATIONS PROFIL */
.borderPFIL {
padding:0 0 5px !important;
border-bottom:1px solid #CCC; /* MODIFIABLE */
}
/* BLOC DROITE INFORMATIONS & IMAGES CONTACT PROFIL */
#adminPFIL {
display:inline-block; vertical-align:top;
width:255px; height:340px; font-size:11px;
}
/* BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL {
height:280px; padding:5px 10px 10px; overflow:auto;
background:#FFF; color:#000; text-transform:uppercase; /* MODIFIABLE */
}
/* INFORMATIONS BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div {
padding:5px 0;
}
/* INTITULES BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div span {
color:#000; /* MODIFIABLE */
}
/* BORDURES BLOC DROITE INFORMATIONS PROFIL */
.borderIIPFIL {
padding:0 0 4px !important;
border-bottom:1px solid #CCC; /* MODIFIABLE */
}
/* LIENS BLOC DROITE INFORMATIONS PROFIL */
.adminPFIL div a {
color:#CCC; /* MODIFIABLE */
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; height:27px; padding-top:8px; text-align:center;
background:#FFF; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:top;
}
.ktactPFIL img {
margin:0 5px; max-height:20px;
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px; padding:10px;
background:#FFF; /* MODIFIABLE */
}
.avPFIL {
width:200px; height:320px; overflow:hidden;
}
/* TITRE FEUILLE DE PERSONNAGE PROFIL */
.tleRPG {
margin:0 auto 10px; width:800px; padding:10px 0;
font-size:12px; text-transform:uppercase; text-align:center; font-family:Arial;
background:#FFFFF0; color:#CCC; /* MODIFIABLE */
}
/* BLOC FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin:auto; width:780px; padding:10px; font-family:Arial;
background:#FFFFF0; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
font-size:11px; text-transform:uppercase; color:#CCC; /* MODIFIABLE */
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img {
width:7px;
}


/* ONGLETS MESSAGERIE - BOITE DE RECEPTION / MESSAGES ENVOYES / BOITE ENVOI / ARCHIVES */
.ongMSGY {
display:inline-block; margin:0 5px 5px 0;
width:125px; height:10px; padding:2px 0;
background:#7DADAD; color:white; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:11px;
}
/* ONGLETS INACTIFS */
.ongMSGY a {
color:lightgrey; /* MODIFIABLE */
}
/* CAPACITE DE LA MESSAGERIE */
.boxMSGY {
height:23px; padding:10px 10px 0 0;
background:#7DADAD; color:white; /* MODIFIABLE */
text-align:right; font-size:10px; text-transform:uppercase; font-family:Arial; line-height:12px;
}
/* BOUTON ALLER MESSAGERIE */
.goMSGY {
display:inline-block; vertical-align:middle; margin-top:-2px;
height:15px; border:none;
background:white; color:black; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:10px;
}
/* PAS DE MESSAGE */
.noneMSGY {
margin:5px auto; padding:5px;
background:white; color:black; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* BLOC MESSAGE */
.blocMSGY {
margin:5px auto; padding:5px;
background:white; /* MODIFIABLE */
}
/* BLOC TITRE MESSAGE */
.tleMSGY {
margin:0 auto 5px;
width:100%; padding:5px 0;
background:white /* MODIFIABLE */
text-align:left; font-size:11px; font-family:Arial;
}
/* TITRE MESSAGE */
.tleMSGY a {
color:black !important; /* MODIFIABLE */
}
/* BLOC AUTEUR MESSAGE */
.nameMSGY {
display:inline-block; vertical-align:top; margin-right:1%;
width:39%; height:10px; padding:5px 0;
background:#7DADAD; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; font-family:Arial; line-height:10px;
}
/* COULEUR PSEUDONYME AUTEUR MESSAGE */
.nameMSGY strong {
color:white; /* MODIFIABLE */
}
/* DATE MESSAGE */
.dateMSGY {
display:inline-block; vertical-align:top;
width:60%; height:10px; padding:5px 0;
background:#7DADAD; color:white; /* MODIFIABLE */
text-align:center; font-size:10px; font-family:Arial; line-height:10px;
}
/* PAGINATION MESSAGERIE */
.navMSGY {
margin:5px auto; padding:3px;
background:#7DADAD; color:white; /* MODIFIABLE */
}
.fontMSGY {
font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* NUMEROS PAGES PAGINATION MESSAGERIE */
.navMSGY a {
color:white; /* MODIFIABLE */
font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* TOUT SELECTIONNER / TOUT DESELECTIONNER MESSAGERIE */
.selectMSGY {
font-size:9px; text-transform:uppercase; font-family:Arial;
}
.selectMSGY a {
color:black !important; /* MODIFIABLE */
}
/* OPTIONS MESSAGERIE - SAUVEGARDER / SUPPRIMER / TOUT SUPPRIMER */
.btnMSGY {
display:inline-block; vertical-align:top; margin-left:5px;
padding:3px 5px 2px; border:none;
background:#7DADAD; color:white; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:10px;
}
.jumpMSGY .gensmall {
font-size:0;
}

/* FOND LISTE DES MEMBRES */
.bgLMBER {
background:rgba(255,255,255,0.7); /* MODIFIABLE */
line-height:16px;
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center; line-height:normal;
background:#7DADAD; color:white; /* MODIFIABLE */
}
#LMBER {
width:690px; margin:auto;
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:220px; height:150px; font-family:Arial;
background:#7DADAD; /* MODIFIABLE */
}
/* BLOC PSEUDONYME */
.nameLMBER {
margin-bottom:5px; width:210px; height:15px; padding:5px 10px 5px 0; overflow:hidden;
text-align:right; text-transform:uppercase; font-size:10px;
background:#7DADAD; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* PSEUDONYME */
.nameLMBER strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtLMBER {
display:inline-block; vertical-align:top;
width:105px;
}
/* INFORMATIONS */
.abtLMBER div {
margin-bottom:5px;
height:15px; padding:5px 0; overflow:hidden; font-size:10px;
background:lightgrey; color:black; /* MODIFIABLE */
}
.abtLMBER div:nth-of-type(3) {
font-size:9px; text-transform:uppercase;
}
.abtLMBER div:nth-of-type(4) {
font-size:9px; line-height:16px;
}
/* AVATAR / IMAGES MP & WWW */
.imgLMBER {
display:inline-block; vertical-align:top; margin-left:5px;
width:100px; height:115px; overflow:hidden;
}
/* AVATAR */
.avaLMBER {
position:relative; z-index:3; margin-top:-115px;
width:100px; height:115px; overflow:hidden;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.avaLMBER img {
width:100px;
}
.imgLMBER:hover .avaLMBER {
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* IMAGES MP & WWW */
.btnLMBER {
width:100px; height:115px; overflow:hidden;
text-align:center; line-height:10px;
background:rgba(0,0,0,0.6); /* MODIFIABLE */
transform:translateX(-100px); -webkit-transform:translateX(-100px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.btnLMBER img {
max-width:80px;
}
.imgLMBER:hover .btnLMBER {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* NAVIGATION LISTE DES MEMBRES */
.pageLMBER {
margin:auto; width:680px;
color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
}
.pageLMBER a {
color:black; /* MODIFIABLE */
font-family:Arial;
}
/* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.btmLMBER {
margin-top:25px; padding:15px 0;
background:#7DADAD; /* MODIFIABLE */
text-align:center;
}
/* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.formLMBER span {
display:inline-block; vertical-align:bottom; margin-top:1px;
height:17px; padding:2px 5px 0;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
}
.formLMBER input, select {
border:none !important;
height:19px; padding:0;
text-transform:uppercase; font-size:10px; font-family:Arial;
}
/* BOUTON OK LISTE DES MEMBRES */
.formLMBER .liteoption {
padding:0 5px 0 2px;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-weight:bold;
}

/**************************************************** LISTE SUJETS ****************************************************/
.liste_sujets {
        width: 95%;
        border: 20px solid #f3f3f3;
        box-sizing: border-box;
        padding: 2% 0 2% 2%;
        margin: 2% auto;
   color: #1a1a1a;
   font-family: 'Maven Pro', sans-serif;
}

.ls_gauche {
        width: 50%;
        float: left;
}

.ls_droite {
        float: left;
        width: 40%;
}

.liste_sujets .topic-title a {
     color: #1a1a1a !important;
   text-transform: uppercase;
        font-weight: normal;
        font-size: 14px;
        margin: 0 0 0 1%;
}

.ls_auteur i {
        text-transform: lowercase;
        font-family: Times New Roman;
        letter-spacing: -1px;
        margin: 0 0 0 3%;
}

.ls_avatar img {
        float: left;
        width: 90px;
        height: 90px;
        object-fit: cover;
   object-position:top;
        padding: 1%;
        border: 1px solid #f3f3f3;
        margin: 0 2% 0 0;
}

.ls_informations {
        float: left;
        width: 62%;
        font-size: 12px;
        text-align: center;
        padding-top: 12%;
}

img.ls_statut {
        float: right;
        /*height: 95px;*/
        margin: 5% 2% 0 0;
}

/* NOUVEAU ET LIENS */
.header_liste_sujets {
        width: 95%;
        margin: auto;
}

a.ls_nouveau {
        float: left;
        margin: 0 1% 0 0;
}

.nav {
        font-size: 0;
        padding: .8% 0 0;
        font-weight: normal;
        text-transform: uppercase;
}
    
.nav a {
   font-size: 12px;
}
        
a.nav:before {
   content:" > ";
}
        
.nav > a.nav:empty:before, .nav > a.nav:first-child:before {
   content:"";
}

/* PAGINATION */
.liste_sujets .pagination {
        margin: 2% 2% 2% 0;
        text-align: right;
        color: #1a1a1a;
}

.liste_sujets .pagination a {
   color: #1a1a1a;
}


a, a:hover {
   text-decoration: none !important;
   transition: .5s all;
}

/* SCROLLBAR */
::-webkit-scrollbar {
     width: 4px;
}

::-webkit-scrollbar-thumb {
     background: #908383;
}

::-webkit-scrollbar-track {
     background: #e0e0e0;
}

/* BOUTON ADMINISTRATEUR */
a[href*="/admin/index.forum?"] {
        background: #A9A9A9;
        color: #fff;
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        line-height: 4;
        margin: 0 2%;
        text-transform: uppercase;
        width: 200px;
}

a[href*="/admin/index.forum?"]:hover {
 background: #908383;
}

/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-align:center; text-transform:uppercase; font-size:22px; font-family:'Maven Pro';
background: #B299B1; color:#F0F0EE; /* MODIFIABLE */
}
/* NAVIGATION SUJET */
.navPOST {
font-size:11px; text-transform:uppercase; font-family:'Maven Pro';
}
/* PAGINATION BAS SUJET */
.navBPOST {
margin-top:5px; padding:3px;
background: #7DADAD; /* MODIFIABLE */
}
/* COULEUR TEXTE PAGINATION BAS SUJET */
.navBPOST .gensmall {
font-size:11px; text-transform:uppercase; font-family:'Arial';
color:#F0F0EE; /* MODIFIABLE */
}
/* COULEUR LIENS PAGINATION BAS SUJET */
.navBPOST a {
font-size:11px; font-family:Arial;
color:#F0F0EE; /* MODIFIABLE */
}
/* BLOC JOUEUR */
.boxPOST {
width:200px; padding:10px; font-family:Arial;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
}
/* AVATAR */
.avaPOST img {
min-width:200px; /* MODIFIABLE */
}
/* INFORMATIONS JOUEUR */
.abtPOST div {
margin:5px auto 0; padding:5px 0;
text-align:justify; font-size:10px;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST div span {
text-transform:uppercase; /* MODIFIABLE */
}
/* REDIMENSIONNEMENT IMAGES INFORMATIONS JOUEUR */
.abtPOST div img {
margin:auto; max-width:100%;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:5px auto 0;
text-transform:uppercase; font-size:10px;
color:black; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
/* TEXTE RANG */
.rankPOST {
margin:10px auto 0; padding:5px;
text-align:center; text-transform:uppercase; font-size:10px;
background:#B299B1; width: 200px; color:white; /* MODIFIABLE */
}
/* BLOC EDITER / CITER / SUPPRIMER / IP & PSEUDONYME */
.topPOST {
margin-left:10px; padding:10px;
text-transform:uppercase; font-size:16px; font-family:Arial;
background:#7DADAD; /* MODIFIABLE */
}
/* OUTILS DE MODERATION */
.toolsPOST {
display:inline-block; vertical-align:middle;
width:40%; text-align:left;
}
/* PSEUDONYME */
.namePOST {
display:inline-block; vertical-align:middle;
width:60%; text-align:right;
}
/* COULEUR PSEUDONYME */
.namePOST strong {
color:white; /* MODIFIABLE */
}
/************************************************************************************ APPARENCE MESSAGE */
div.postbody {
margin-left:10px; margin-top:10px; min-height:360px; padding:20px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
/* SIGNATURE */
.signPOST br:nth-of-type(1) {
display:none;
}
/* BLOC DATE & IMAGES CONTACT JOUEUR */
.btmPOST {
margin-top:10px; margin-left:10px; padding:10px;
background:#7DADAD; /* MODIFIABLE */
}
/* DATE */
.datePOST {
display:inline-block; vertical-align:middle;
width:40%; text-align:left; font-size:10px;
color:white; /* MODIFIABLE */
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
display:inline-block; vertical-align:middle;
width:60%; text-align:right; line-height:0;
}

.quote{/*---citation*/
  border-left: 5px solid #B299B1 !important;
  width:60%;
    background: none;
    border: 0;
    padding: 0 5%;
    font-size: 13px;
    line-height: 1.5;
  text-align: justify;
}

.code{/*Code dans les messages*/
  background: #fff;
  width:400px;
    padding: 2%;
  margin: 25px;
    border-bottom: 5px solid #98aebc;
    color: #6c676e;
    font-size: 12px;
}

/*Sélectionner le code*/

 .selectCode {float:right; text-transform: uppercase; cursor:pointer; }

div.cont_code { clear: center; }

#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {
    background-color: #eee;
}


    /* Spoiler */
    .spoiler_closed {/* Apparence du spoiler fermé*/
       display:block;
   width:60%;
       line-height: 125%;
    background: #B299B1;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding: 2% 0 0 2%;
      

       }
    .spoiler_closed.hidden {
       display:none;
       }

    .spoiler_content {/*apparence du spoiler ouvert*/
       display:block;
   width:60%;
       line-height: 125%;
    text-transform: initial;
    padding: 2%;
    border: 0;
    font-size: 13px;
    color: #6c676e;
    border: 2px solid #B299B1;
       }

    .spoiler_content.hidden {
       display:none;
       }




/* FIL ARIANE */
.fil_ariane a {
        color: #908383;
        font-weight: normal;
        letter-spacing: 2px;
        font-size: 9px;
   font-family: 'Calibri', sans-serif;
}

.fil_ariane {
        width: 800px;
        margin: 2% auto;
        font-size: 9px;
}

.pagination_affichage_sujet img {
     display: none;
}

.pagination_affichage_sujet {
     float: right;
   font-family: 'Calibri', sans-serif;
}
              
               /********************************************************* FICHES *********************************************************/
.credits {
    color: #d89d95 !important;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}

.fiche_wa {
    background: #fff;
    margin: auto;
    width: 500px;
    border: 1px solid #98aebc;
}

.fiche_wa .entete {
    background: url('https://i.imgur.com/nESmsr4.png');
    width: 100%;
    height: 285px;
    color: #fff;
}

.fiche_wa .entete h2 {
    font-family: 'Maven Pro';
  text-transform: uppercase;
    text-align: center;
    font-size: 35px;
    padding-top: 25%;
    margin: 0;
}

.fiche_wa .entete h3 {
    padding-top: 2%;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 10px;
}

.contenu_fiche {
    padding: 10px 20px;
}

.fiche_wa h4 {
    background: #a5c4d8;
    padding: 5%;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
}

.fiche_wa h5 {
    border-bottom: 2px solid #9ba1cd;
    color: #9ba1cd;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    padding-bottom: 2%;
}


.conclusion {
    background: #a5c4d8;
    padding: 4%;
}

.conclusion p {
    border: 1px solid #fff;
    padding: 5%;
    background: #fff;
}

.conclusion p::before {
    color: #e693e9;
    content: "";
    font-size: 20px;
    float: left;
    padding-right: 2%;
}

dd.code {
    background: #fff;
    padding: 2%;
    border-bottom: 5px solid #98aebc;
    color: #6c676e;
    font-size: 12px;
    font-family: Courier;
}

.fiche_wa .imp {
    color: #98aebc;
    font-weight: 700;
}

.contenu_fiche p {
    margin-top: -3%;
}

.conclusion p {
  margin: 0 !important;
}
 
::-webkit-scrollbar {
     width: 4px;
}
::-webkit-scrollbar-thumb {
     background: #c84a6f;
}
::-webkit-scrollbar-track {
     background: #cfcbcc;
}


/************************************************************************************** PRESENTATION */
.presentation {
        width: 500px;
        margin: auto;
        background: #EFEFEF;
        text-align: justify;
        position: relative;
        font-family: 'Maven Pro', sans-serif;
        color: #858386;
   padding: 0 0 1%;
}

.presentation header {
        background: url(https://images2.imgbox.com/49/ec/LmjPbxBc_o.png);
        box-sizing: border-box;
        padding: 3% 0;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        line-height: .5;
}

.presentation header h2 {
        font-size: 30px;
        text-transform: uppercase;
        margin: 0 0 2% 0;
   color: #feff72;
}

.presentation header h3 {
     font-size: 11px;
  color: black;
}

.presentation .content {
        margin: 3% auto 0;
        width: 95%;
}

.presentation .content::after {
        content: "";
        display: block;
        clear: both;
}

img.img_presentation {
        float: left;
   padding-top: 20px;
        width: 200px;
        height: 320px;
        object-fit: cover;
}

.presentation .bloc1, .presentation .bloc2  {
        background: #fff;
        border: 1px solid #b6b5b7;
        float: right;
        width: 55%;
        margin: 0 0 2%;
        box-sizing: border-box;
        padding: 1%;
        font-size: 11px;
  height: 176px;
        overflow: auto;
}

.presentation .bloc2 p {
        height: 176px;
        padding: 0 2% 0;
        width: 98%;
        margin: 0 auto;
  font-size: 11px;
  font-family: 'Maven Pro';
        box-sizing: border-box;
}

.presentation .bloc1 span {
     color: #b299b1;
}

.clear {
   clear: both;
}

.presentation .histoire {
        background: #fff;
        border: 1px solid #b6b5b7;
        min-height: 200px;
        padding: 2%;
        box-sizing: border-box;
}

.presentation .img_footer_gauche {
        position: absolute;
        left: 0;
        bottom: 0;
}

.presentation .img_footer_droite {
        position: absolute;
        right: 0;
        bottom: 0;
}

a.wicked_credits {
        text-align: right;
        display: block;
        font-style: italic;
        text-transform: lowercase;
        letter-spacing: -1px;
        font-size: 10px;
        margin: 4% 12% 0 0;
        color: #b3afaf;
}

/****************************************************************************************** VALIDATION */
.validation {
        width: 500px;
        margin: auto;
        background: #EFEFEF;
        position: relative;
        padding: 0 0 1%;
        font-family: Calibri, sans-serif;
        font-weight: bold;
        color: #858386;
}

.validation header {
        background: url('https://i.imgur.com/NxxX32D.png');
        padding: 5% 0 10%;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 20px;
}

img.validation_img {
        margin: -8% auto 2%;
        display: block;
}

.validation p {
        width: 70%;
        margin: 2% auto;
        text-align: justify;
}

.validation .separation {
     text-align: center;
}

.validation .separation span {
     margin: 0 4%;
     color: #b299b1;
}

.validation .separation span:last-child {
     margin: 0 4%;
}

a.wicked_credits {
        text-align: right;
        display: block;
        font-style: italic;
        text-transform: lowercase;
        letter-spacing: -1px;
        font-size: 10px;
        margin: 4% 2% 0 0;
        color: #b3afaf;
}

overall_header

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
    <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-script-type" content="text/javascript" />
    <meta http-equiv="content-style-type" content="text/css" />
    <!-- BEGIN switch_compat_meta -->
    <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
    <!-- END switch_compat_meta -->
    <!-- BEGIN switch_canonical_url -->
    <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
    <!-- END switch_canonical_url -->
    {META_FAVICO}
    {META}
    {META_FB_LIKE}
    <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      <link href="https://fonts.googleapis.com/css?family=Maven+Pro" rel="stylesheet">
                   
    {T_HEAD_STYLESHEET}
    {CSS}
    <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
    <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
    <script src="{JQUERY_PATH}" type="text/javascript"></script>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> 
    {RICH_SNIPPET_GOOGLE}

    <!-- BEGIN switch_fb_login -->
    <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->

    <!-- BEGIN switch_ticker -->
    <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css" />
    <script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
    <!-- END switch_ticker -->

    <!-- BEGIN switch_ticker_new -->
    <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
    <script type="text/javascript">//<![CDATA[
        /* Definir le sens de direction en fonction du panneau admin */
        var tickerDirParam = "{switch_ticker.DIRECTION}";
        var slid_vert = false;
        var auto_dir = 'next';
        var h_perso = parseInt({switch_ticker.HEIGHT});

        switch( tickerDirParam ) {
            case 'top' :
                slid_vert = true;
                break;
            case 'left':
                break;
            case 'bottom':
                slid_vert = true;
                auto_dir = 'prev';
                break;
            case 'right':
                auto_dir = 'prev';
                break;
            default:
                slid_vert = true;
        }

        $(document).ready(function() {
            var w_cont = $('#fa_ticker_container').width();

            if (w_cont > 0) {
                $('#fa_ticker_container').width(w_cont);

                /* Affichage de la liste */
                $('#fa_ticker_content').css('display','block');

                /* Calcul des dimensions du conteneur et des elements */
                var width_max = $('ul#fa_ticker_content').width();
                var width_item = Math.floor(width_max / {switch_ticker.SIZE});
                var height_max = h_perso;

                /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
                $('ul#fa_ticker_content li').each( function () {
                    if ($(this).height() > height_max) {
                        height_max = $(this).height();
                    }
                } );

                /* Redimensionnement des elements et des images trop larges */
                $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                    if ($(this).width() > width_item) {
                        var ratio      = $(this).width() / width_item;
                        var new_height = Math.round($(this).height() / ratio);
                        $(this).height(new_height).width(width_item);
                    }
                });

                /* Redimensionnement et centrage du conteneur en mode vertical */
                if (slid_vert) {
                    $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
                }

                /* Initialisation du caroussel */
                $('#fa_ticker_content').jcarousel({
                    vertical: slid_vert,
                    wrap: 'circular',
                    auto: {switch_ticker.STOP_TIME},
                    auto_direction: auto_dir,
                    scroll: 1,
                    size: {switch_ticker.SIZE},
                    height_max: height_max,
                    animation: {switch_ticker.SPEED}
                });
            } else {
                $('ul#fa_ticker_content li:not(:first)').css('display','none');
                $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
            }
        });
    //]]>
    </script>
    <!-- END switch_ticker_new -->

    <script type="text/javascript">//<![CDATA[
    $(document).ready(function(){
        <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        if(pm != null) { pm.focus(); }
        <!-- END switch_enable_pm_popup -->
        <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        if(report != null) { report.focus(); }
        <!-- END switch_report_popup -->
        <!-- BEGIN switch_ticker -->
        $(document).ready(function() {             
            Ticker.start({
                height : {switch_ticker.HEIGHT},
                spacing : {switch_ticker.SPACING},
                speed : {switch_ticker.SPEED},
                direction : '{switch_ticker.DIRECTION}',
                pause : {switch_ticker.STOP_TIME}
            });
        });
        <!-- END switch_ticker -->
    });

    <!-- BEGIN switch_login_popup -->
        var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
    <!-- END switch_login_popup -->

    <!-- BEGIN switch_login_popup -->
    $(document).ready( function() {
        $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
            var popupWidth = $("#login_popup").width();
            var mypopup = $("#login_popup");

            $("#login_popup").css({
            "left": windowWidth/2 - popupWidth/2
                });
        });
    });
    <!-- END switch_login_popup -->
    //]]>
    </script>
    {GREETING_POPUP}
    <!-- BEGIN switch_ticker_new -->
    <style>
    .jcarousel-skin-tango .jcarousel-item {
        text-align:center;
        width: 10px;
    }

    .jcarousel-skin-tango .jcarousel-item-horizontal {
        margin-right: {switch_ticker.SPACING}px;
    }

    .jcarousel-skin-tango .jcarousel-item-vertical {
        margin-bottom: {switch_ticker.SPACING}px;
    }
    </style>
    <!-- END switch_ticker_new -->
    {HOSTING_JS}

    <!-- BEGIN google_analytics_code -->
    <script type="text/javascript">
        //<![CDATA[
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
        ga('create', '{G_ANALYTICS_ID}', 'auto');
        ga('send', 'pageview');
        ga('set', 'anonymizeIp', true);

        <!-- BEGIN google_analytics_code_bis -->
        ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
        ga('bis.send', 'pageview');
        ga('bis.set', 'anonymizeIp', true);
        <!-- END google_analytics_code_bis -->
        //]]>

    </script>
    <!-- END google_analytics_code -->

</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
    <div class="haut">
    <a href="#top"><img src="https://i.imgur.com/Ehjo9QH.png" alt="RSS" style="border:none" /></a>
  </div>
  <div class="bas">
    <a href="#bottom"><img src="https://i.imgur.com/5pxYdxu.png" alt="RSS" style="border:none" /></a>
  </div>

  <!-- Script pour que le défilement vers le haut ou le bas soit fluide -->
  <script src="http://milouze14.fr/M14smoothscroll.js" type="text/javascript"></script>
    <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
        <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
        </div>
    </div>
    <!-- END hitskin_preview -->

    <!-- BEGIN switch_login_popup -->
    <div id="login_popup" style="z-index: 10000 !important;">
        <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
            <tr height="25">
                <td class="catLeft">
                    <span class="genmed module-title">{SITENAME}</span>
                </td>
            </tr>
            <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                <td class="row1" align="left" valign="top">
                    <div id="login_popup_buttons">
                        <form action="{S_LOGIN_ACTION}" method="get">
                            <input type="submit" class="mainoption" value="{L_LOGIN}" />
                            <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                            <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                        </form>
                    </div>
                    <span class="genmed">{LOGIN_POPUP_MSG}</span>
                </td>
            </tr>
        </table>
    </div>
    <!-- END switch_login_popup -->

    <a name="top"></a>
    {JAVASCRIPT}

    <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>
            <td class="bodyline">
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <!-- BEGIN switch_logo_left -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_left -->
                        <td align="center" width="100%" valign="middle">
                            <!-- BEGIN switch_logo_center -->
                            <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                            <br />
                            <!-- END switch_logo_center -->
                            <div class="maintitle">{MAIN_SITENAME}</div>
                            <br />
                            <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                        </td>
                        <!-- BEGIN switch_logo_right -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_right -->
                    </tr>
                </table>

<div class="navigation">
                     {GENERATED_NAV_BAR}
                 </div>

                <div style="clear: both;"></div>

                <!-- BEGIN switch_ticker_new -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                        <tr>
                            <td align="left" class="row1">
                                <div id="fa_ticker_container">
                                    <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                                        <!-- BEGIN ticker_row -->
                                        <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                        <!-- END ticker_row -->
                                    </ul>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- END switch_ticker_new -->

                <!-- BEGIN switch_ticker -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                        <tr>
                            <td align="left" class="row1">
                                <div id="fa_ticker_container">
                                    <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                        <div class="fa_ticker_content">
                                            <!-- BEGIN ticker_row -->
                                            <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                            <!-- END ticker_row -->
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
                <!-- END switch_ticker -->

                <div id="page-body">
                    <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                        <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                            <tbody>
                                <tr>
                                    <td valign="top" width="{C1SIZE}">
                                        <div id="{ID_LEFT}">
                                            <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                                <!-- BEGIN saut -->
                                                <div style="height:{SPACE_ROW}px"></div>
                                                <!-- END saut -->
                                            <!-- END giefmod_index1 -->
                                        </div>
                                    </td>
                                    <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
<!-- END html_validation -->

index-body

Code:

{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}
                    <div class="liens_header_categories">
     <!-- BEGIN switch_user_logged_in -->
      <a href="{U_MARK_READ}" id="marquerlus">
                     {L_MARK_FORUMS_READ}
        </a>
   <!-- END switch_user_logged_in -->
   <!-- BEGIN switch_delete_cookies -->
      <a href="{switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">
                {switch_delete_cookies.L_DELETE_COOKIES}
        </a>
     <!-- END switch_delete_cookies -->
 
     <a href="{U_TODAY_ACTIVE}" id="sujets_jour">
             {L_TODAY_ACTIVE}
     </a>
 
     <a href="{U_TODAY_POSTERS}" id="posteurs_jour">
             {L_TODAY_POSTERS}
     </a>
            
     <a href="{U_OVERALL_POSTERS}" id="top_posteurs">
             {L_OVERALL_POSTERS}
     </a>
            
     <!-- BEGIN switch_on_index -->
      <!-- BEGIN switch_delete_cookies -->
         <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" id="cookies" rel="nofollow">
                             {switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}
           </a>
      <!-- END switch_delete_cookies -->
   <!-- END switch_on_index -->
</div>

<script type="text/javascript">document.getElementById('marquerlus').innerHTML=document.getElementById('marquerlus').innerHTML.replace(/Marquer tous les forums comme lus/,"Marquer lus");</script>
<script type="text/javascript">document.getElementById('sujets_jour').innerHTML=document.getElementById('sujets_jour').innerHTML.replace(/Sujets actifs du jour/,"Sujets du jour");</script>
<script type="text/javascript">document.getElementById('posteurs_jour').innerHTML=document.getElementById('posteurs_jour').innerHTML.replace(/Top 20 des posteurs du jour/,"Posteurs du jour");</script>
<script type="text/javascript">document.getElementById('top_posteurs').innerHTML=document.getElementById('top_posteurs').innerHTML.replace(/Top 20 des posteurs du forum/,"Top 20");</script>
<script type="text/javascript">document.getElementById('cookies').innerHTML=document.getElementById('cookies').innerHTML.replace(/Supprimer les cookies du forum/,"Manger les cookies");</script>

               
            <!-- BEGIN switch_on_index -->
               
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>
<div class="qui_est_en_ligne">
     <div class="qeel_gauche">
             {TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
             {NEWEST_USER}
             
             <br /><br />
         
             {TOTAL_USERS_ONLINE}
             
             <br /><br />
         
      {LOGGED_IN_USER_LIST}
     </div>
 
     <div class="qeel_milieu">
             <a class="pnj" href="#">
                     PNJ
             </a>
         
             <a href="#" class="modeles">
                     COPYCAT
             </a>
         
             <a href="#" class="norme">
                     GOLDEN FLAME
             </a>
         
             <a href="#" class="deviants">
                  SILVER DOLLAR
             </a>
         
             <a href="#" class="nuisibles">
                     DIRTY WATER
             </a>
     </div>
 
     <div class="qeel_droite">
             <table class="transparent">
                     {L_CONNECTED_MEMBERS}
                     <br />
         {L_WHOSBIRTHDAY_TODAY}
             </table>
     </div>
 
     <div class="clear">
     </div>
</div>
<a href="http://ls-halloween.fr" target="_blank" class="qeel_credit">Halloween</a>
{CHATBOX_BOTTOM}
<br clear="all" />
<!--<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table> END switch_legend -->

{AUTO_DST}

index-box

Code:

<div class="liens_header_categories">
     <!-- BEGIN switch_user_logged_in -->
      <a id="nouveaux_messages" href="{U_SEARCH_NEW}">
                     {L_SEARCH_NEW}
        </a>
         
        <a id="mes_messages" href="{U_SEARCH_SELF}">
                     {L_SEARCH_SELF}
        </a>
     <!-- END switch_user_logged_in -->
         
    <a id="sans_reponse" href="{U_SEARCH_UNANSWERED}">
             {L_SEARCH_UNANSWERED}
     </a>
</div>

<script type="text/javascript">document.getElementById('nouveaux_messages').innerHTML=document.getElementById('nouveaux_messages').innerHTML.replace(/Voir les nouveaux messages depuis votre dernière visite/,"Nouveaux messages");</script>
<script type="text/javascript">document.getElementById('mes_messages').innerHTML=document.getElementById('mes_messages').innerHTML.replace(/Voir ses messages/,"Mes messages");</script>
<script type="text/javascript">document.getElementById('sans_reponse').innerHTML=document.getElementById('sans_reponse').innerHTML.replace(/Voir les messages sans réponses/,"Messages sans réponse");</script>



<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
   <div class="categories">
      <div class="header_categories">
                     {catrow.tablehead.L_FORUM}
             </div>
   <!-- END tablehead -->
         
   <!-- BEGIN cathead -->
   <!-- END cathead -->
         
   <!-- BEGIN forumrow -->
   <div class="forum">
             <div class="forum_gauche">
                  <div class="head_forum">
                     <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                             {catrow.forumrow.FORUM_NAME}
                          </a>
                          </div>
               
                     
                 
                     <div class="forum_description">
                             {catrow.forumrow.FORUM_DESC}
                     </div>
             </div>
         
             <div class="forum_milieu">
                     <!-- BEGIN avatar -->
                     <div class="forum_avatar">
                                     {catrow.forumrow.avatar.LAST_POST_AVATAR}
                        </div>
                     <!-- END avatar -->
                 
                     <div class="forum_dernier">
                                <div class="forum_dernier_mess">
                                     <span id="last">
                                           {catrow.forumrow.LAST_POST}
                                   </span>
                             </div>
                             <span class="forum_stats">
                                     {catrow.forumrow.POSTS} Messages - {catrow.forumrow.TOPICS} Sujets
                             </span>
                     </div>
             <script type="text/javascript">jQuery('#last').html(jQuery('#last').html().replace(/<br>/g,'<span style="display: inline-block; padding: 0 2px;">-</span>')).removeAttr('id');</script>
           
                        <div class="clear">
                        </div>
             </div>
                 
                <img class="forum_statut" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                 
                <div class="clear">
                </div>
                 
                <div class="sous_forum" id="subforums">
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </div>
                <script type="text/javascript">jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');</script>
        </div>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->