[PHPBB2] Modification d'un Template

Bonjour tout le monde, 

Cela fait un petit moment que je ne suis pas venus sur le forum à cause d'un soucis d'ordinateur et car j'ai complètement laisser tomber mes forums mais je souhaite actuellement reprendre un des deux "Sciences Occultes" et pour cela je voudrait lui offrir un tout nouveau petit Template de page d'accueil, cette page d'accueil ne sera (je pense) pas compliquer à faire car elle est identique à mon autre forum. Qui se trouve ici : Le Grand Havre - Le forum que je souhait le modifier est donc celui-ci : Sciences Occultes. 
En ce qui concerne les changement, je souhaiterais simplement mettre sur Sciences Occultes l'icone "nouveau / pas de nouveaux message) entouré comme sur le Grand Havre, avoir le même système de description des forum ainsi que le titre qui bouge de chaque forum et pour finir ce qui est tout à droite du dernier message poster. En gros, toute une ligne. Bien sur avec les même effets de CSS que je trouve magnifique. La petite image qui se trouve devant la description de chaque forum (ronde) je la souhaite également si cela est possible : ) . Pour vous aider, je vous fournis comme toujours les Template et la feuille de Style associer, en espèrent ne pas me tromper et je vous remercie vraiment beaucoup du fond du cœur ! 

La Feuille de style de Sciences Occultes : 

Code:

/*MENU RACCOURCIS CATEGORIE*/
#nav {
  position: fixed;
  top: 200px;
  right: 0px;
  background: rgba(0,0,0,0.6);
  margin: 0;
  padding: 15px;
  list-style: none;
 
 
}
 
#nav a {
  display: block;
  padding: 10px 10px;
  color: #fff;
}
 
#nav a:hover {
  color: black;
}

/* TITRE DES CATEGORIES */
a.forumlink:link
{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
  
}
a.forumlink:link:hover{margin-left:-20px;}

/* TRANSITION CONTENU DES FORUM */
#page-body
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
}

#main-content
{
-moz-opacity:0;
-khtml-opacity:0;
-ms-filter:"alpha(opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter:alpha(opacity=0);
opacity:0;
}

/* DESCRIPTION DES SALONS */
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
  text-align: justify!important;
}

/* AGRANDISSEMENT DE LA REPONSE RAPIDE */
#quick_reply textarea {
  height: 500px !important;
}

/*IMAGE ET COULEUR SUR LES PSEUDO SPECIALE */
.Membre1, .Membre2 /*Machiavelis : expire le : 13 Mars 2018 */
{
color: none; /*La couleur de police*/
padding-right: 15px; /*ne pas toucher*/
background: transparent url('https://i.servimg.com/u/f11/19/54/37/96/croix10.gif') no-repeat center right;
}

.Membre2 /*Akispen : expire le : 17 Mars 2018 */
{
color: none; /*La couleur de police*/
padding-right: 15px; /*ne pas toucher*/
background: transparent url('https://i.servimg.com/u/f11/19/54/37/96/croix10.gif') no-repeat center right;
}

/* CSS DES BOUTON DE VOTE */
.fa_vote, .fa_voted, .fa_count {
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  /*display:inline-block !important;*/
  width:auto !important;
  float:none !important;
  transition:300ms;
}
 
.fa_voted, .fa_vote:hover { opacity:0.4 }
.fa_voted { cursor:default }
 
.fa_count {
  font-weight:bold;
  margin:0 3px;
  cursor:default;
}
 
.fa_positive { color:#d5ddd4 }
.fa_negative { color:#cfd0c3 }
 
.fa_votebar, .fa_votebar_inner {
  background:#d5ddd4;
  height:0px;
}
 
.fa_votebar_inner {
  background:#d5ddd4;
  transition:300ms;
}
 
.fa_reputation a {
  float: none;
}

/*Pseudo*/
table.qeel_table a[href^="/u"] {
  font-size: 12px;
}
  /* pseudo en lien */
table.qeel_table a[href^="/u"] {
  font-size: 16px !important;
}
/* pseudo en lien - hover */
table.qeel_table a[href^="/u"]:hover {
  letter-spacing : 2px !important;
}

/* CSS feuille de personnage dans profil-message */
.profilmasque > div:nth-child(2) > textarea:nth-child(11){
background-color: #000000;
font-family: 'Gabriela'!important;
font-size: 11px!important;
}

.profilmasque textarea {
    background-color: black;
}

/* message en bas du message remercier*/
#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
  color:#ffffff;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  background-color:#201E1E;
  border:1px solid #000;
  padding:-25px;
  margin:6px;
  font-family: 'Gabriela'!important;
  text-shadow: 5px 3px 3px #000!important;
}
 

tr.M14_ThanKBackground .postbody div:first-child
{
  padding: 10px!important;
  background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v111.jpg');
  color: #ffffff !important;
  min-height: 200px;
  max-height: 200px;
  overflow: auto;
  border: 1px solid #201E1E;
  border-radius : 0px 50px 0px 50px;
}

img.M14_ThanKBackgroundIMG
{
position: relative;
left: 25%;
width: 255px;
height: 55px;
}

/*FIN*/

/*mise en forme des boutons*/
input.mainoption, input.post, input.liteoption {
  box-shadow: 5px 5px 2px #000!important;
}

/*MESSAGE ET REPONSE BANDEAU*/
.sceditor-toolbar {
background-color: #000!important;
border: none!important;
}

/*ICONE AWESOME*/
/* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
.sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
/* Image du bouton */
.sceditor-button-fontawesome div { background:url(http://www.icone-png.com/png/35/35386.png) !important }
 
/* Popup */
.sceditor-fontawesome {
  width:220px;
  height:250px;
  overflow-y:auto;
}
 
/* Icônes */
.sceditor-fontawesome i {
  color:#333;
  font-size:20px;
  text-align:center;
  cursor:pointer;
  padding:3px 0;
  width:25%;
}
.sceditor-fontawesome i:hover { color:#666 }

/*Clic reponse automatique*/

/*Le bloc du message a remercier*/
div#M14_thank
{
background-color:#000;
color:#333333 !important;
font-weight:bold;
padding:8px 5px 8px 10px;
width: 50%;
margin-left:auto;
margin-right:auto;
border: 1px solid #666666;
text-decoration:none !important;
cursor:pointer;
}
/*Le texte du message posté*/
div.M14_thank
{
background-color:#000;
color: #333333 !important;
padding:8px 5px 8px 10px;
width: 50%;
margin-left:auto;
margin-right:auto;
border: 1px solid #BAA7A7;
text-decoration:none !important;
}



/* MP NON LUS DANS LA TOOLBAR */

/*Apparence MP sur la barre de navigation*/
a.mainmenu.M14_newMp{color:#94865b !important;}
/*Apparence MP sur la Toolbar*/
a.M14_alertMp
{
color: #BAA7A7 !important;
font-size: 16px !important;
text-decoration: none !important;
margin-right: 60px;
line-height: 30px;
background-color: #333333;
padding: 0 5px;
}


/*avatar dans la toolbar*/
/*Avatar welcome*/
.M14_Fa_Avatar{position: absolute;margin-left: -60px;}
/*Dimensions de l avatar*/
.M14_Fa_Avatar img
{
width: 24px;
height: 24px;
margin-top: 3px;
border-radius: 10px 10px 10px;
border: 1px solid #000;
box-shadow: 3px 3px 3px #000;
}



/*affichage des préfixe*/
.topictitle, h1, h2 {
    color: #333333;
    font-size: 16px!important;
    font-weight: 700;
    font-family: 'Cookie'!important;
}

/* affichage message pré-enregistrer*/
    div#fa_modtable { background-color: #000;padding: 30px; }
    div#rndmtable1,div#rndmtable2 ,div#rndmtable3
    {border: 2px solid #000; color: #000;font-family: 'Gabriela'!important;font-size: 11px;}
    div#rndmtable1 { background-color: #333; color: #ffffff!important; padding: 5px; text-align: center;}
    div#rndmtable2 { background-color: #333; color: #ffffff!important; padding; 5px!important; text-align: center;}
    div#rndmtable3 { background-color: #333; color: #ffffff!important; padding: 5px; text-align: center;}
    .infotable,.solved ,.lock
    {
    font-size: 10px;
    font-family: 'Cookie'!important;
    padding: 20px;
    width: 100%;
    height: 30px;
    overflow: auto;
    border-top: 10px solid #000;
    border-bottom: 10px solid #000;
    font-shadow: 5px 5px 5px #000;
    }
    .infotable{
    color: #94865b;
    background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
    box-shadow: 3px 3px 3px #000000;
    font-family: 'Cookie';
    }
    .solved {
    color: #94865b;
    background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
    font-family: 'Cookie';
    }
    .lock{
    color: #94865b;
    overflow: auto;
    background-image: url(https://i.servimg.com/u/f62/19/82/74/63/v110.jpg);
    font-family: 'Cookie';
    }

/*mise en forme du menu horizontale*/
#fa_search{margin-left:-300px;}
#M14_NavToolbar
{
position: fixed;
width:75%;
left:2%;
height: 30px;
top: 0px;
}
img[id^="M14_Slide"]
{
position: absolute;
width:24px;
height:24px;
margin-top: 3px;
line-height: 30px;
cursor:pointer;
}
/* Bouton d ouverture*/
#M14_SlideToolbar{left:-20%;}
/* Bouton de fermeture*/
#M14_SlideCloseToolbar{left:20px;}


/*affichage des membres invisible pour les administrateurs*/
#M14_Bloc_Inv {
  position:absolute;
  top:40px;
  left:5px;
padding:5px;
  border:1 px solid red;
  background:black;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: auto; }

/*Les Pseudos */
#M14_Bloc_Inv a.M14_Invis[href^="/u"] ,#M14_Bloc_Inv a.M14_Invis[href^="/u"] span ,
#M14_Bloc_Inv a.M14_Invis[href^="/u"] span strong
{
color:white !important;
font-size:11px !important;
text-decoration:none !important;
margin:2px;
font-weight:normal !important;
overflow: auto;
}

#fa_left,#fa_share{display:none !important;}

.codebox dd {
background-color: white;
padding: 35px;
color: #000;
background-color: #94865b;
border-radius: 10px 0px 10px 0px;
margin-bottom: 10px;
}


/*Selectionner le Contenus dun Code*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

/**********************BARRE DE NAVIGATION----------------------*/
#navig
{
  width: 950px;
  margin: auto;
  text-align: center;
}
#navigation
{
  z-index: 999;
  width: 100%;
  background-color: #000;
  margin-top: 10px;
  margin-left: -10px;
  padding: 5px;
}
/*LA LARGEUR DES CONTENEURS D IMAGE*/
.M14_slide_first ,.M14_slide_last{width:350px;}
.M14_slide_last
{
opacity:0;
margin-top: -60px;
position: absolute;
}


/*LA FLECHE A DROITE*/
#M14_slide_iMg
{
position: absolute;
margin-top: -40px;
margin-left: 350px;
cursor:pointer;
}



/*--------------------------------- PA ---------------------------------*/

    /* Fond */
    .fondsgénéraux {
      background-color: #0d0d0d;
      width: 700px;
      padding: 15px;
      color: #767676;
    }

    .blocpa {
      width: 220px;
      padding: 15px;
      background-color: #000;
  border-left: 2px solid #000;
border-right: 2px solid #000;
    }

    .blocpa:hover {
      width: 220px;
      background-color: #000;
      border-left: 2px solid #94865b;
      border-right: 2px solid #94865b;
    }

    /* Titres */
    .titrePA1 {
      font-family: 'parisienne';
      font-size: 35px;
      color: #FE6D6D;
      z-index: 1px;
      position: relative;
    }

    .titrePA2 {
      font-family: 'parisienne';
      font-size: 25px;
      color: #F0F0F0;
      position: relative;
    }

    .titrePA2:hover {
      font-family: 'parisienne';
      font-size: 25px;
      color: #FE6D6D;
      position: relative;
    }

    .titrePA3 {
      font-family: 'parisienne';
      font-size: 25px;
      color: #FE6D6D;
      position: relative;
    }

    .titrePA3:hover {
      font-family: 'parisienne';
      font-size: 25px;
      color: #F0F0F0;
      position: relative;
    }

    /* Système onglets */
    .paonglet {
      display: inline-block;
      cursor: pointer;
    }

    .contenu_paonglet {
      display: none;
      width: 250px;
      height: 360px;
      background-color: #000;
    }

    .contenu_paonglet:hover {
      display: none;
      width: 250px;
      background-color: #000;
      border-left: 2px solid #94865b;
      border-right: 2px solid #94865b;
    }

    /* Info-bulles staff */
    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }

    d.info:hover {
      z-index: 25;
    }
    
    d.info span {
      display: none;
    }
    
    d.info:hover span {
      display: block;
      position: absolute;
      top: -2em;
    left: -2em;
      width: 120px;
      height: 50px;
      background-color: #1B1B1F;
      color: #16161A;
      text-align: center;
      font-weight: none;
    }

    /* Info-bulles prédef */
    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
    }
    
    c.info:hover {
      z-index: 25;
    }
    
    c.info span {
      display: none;
    }
    
    c.info:hover span {
      display: block;
      position: absolute;
      top: -7.3em;
    left: -0.2em;
      border-radius: 50%;
      width: 85px;
      height: 85px;
      background-color: #1B1B1F;
      color: #16161A;
      text-align: center;
      font-weight: none;
    }

    /* Images Prédef */
    .imgPA {
      border-radius: 50%;
      width: 60px;
      height: 60px;
    }

    /* Images Staff */
    .imgwidget {
      border-radius: 50%;
      width: 60px;
      height: 60px;
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
    }

    .imgwidget:hover {
      border-radius: 50%;
      width: 60px;
      height: 60px;
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }

    /* Top Sites */
    .tops {
      -moz-transform: rotate(20deg);
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg);
      width: 40px;
    }

    .tops:hover {
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      width: 40px;
    }

    /*copyright*/
    .titrePA4 {
    font-family: 'Gabriela'!important;
    font-size: 11px!important;
    }



/*LA FLECHE A GAUCHE*/
#M14_slide_iMgNone
{
display:none;
cursor: pointer;
margin-left: -30px;
margin-top: 20px;
position: absolute;
  z-index: 24;
}

    /*--------------------------------- FIN PA ---------------------------------*/

.topictitle2 {
    font-size: 16px!important;
}
/* Fleches haut et bas */
#M14_top {
    bottom: 8%;
    position: fixed;
    right: 2%; }
#M14_bas {
    bottom: 3%;
    position: fixed;
    right: 2%; }

/* QEEL */
.qeel_titre
{
  width: 500px;
  height: 100px;
  background: url('https://i.servimg.com/u/f62/19/82/74/63/qeel10.png');
  background-repeat: no-repeat!important;
}
.qeel
{
  width: 450px;
  height: 400px;
  background: url(#);
}
.qeel_table
{
  width: 780px;
  margin: auto;
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 200px;
  height: 300px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 0px;
  background: #0d0d0d;
  border: 1px solid #3f4d55;
  box-shadow: 0px 0px 0px #0d1418;
  -moz-box-shadow: 0px 0px 0px #0d1418;
  -o-box-shadow: 0px 0px 0px #0d1418;
  -htm-box-shadow: 0px 0px 0px #0d1418;
  -webkit-box-shadow: 0px 0px 0px #0d1418;
  font-size: 9px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -50px;
  margin-left: -50px;
  background: #000;
  border: 1px solid #3f4d55;
  box-shadow: 0px 0px 5px #0d1418;
  -moz-box-shadow: 0px 0px 5px #0d1418;
  -o-box-shadow: 0px 0px 5px #0d1418;
  -htm-box-shadow: 0px 0px 5px #0d1418;
  -webkit-box-shadow: 0px 0px 5px #0d1418;
  font-size: 11px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}
/* Soulignement des Liens et Police */
a
{text-decoration: none;
font-family: 'Cookie';
font-size: 17px!important;
first-letter: 40px!important;}
a:link
{text-decoration: none;}
a:hover
{text-decoration: none!important;}
a.forumtitle
{text-decoration: none;}
a.forumtitle:hover
 {text-decoration: none!important;}
a.topictitle
{text-decoration: none;}
a.topictitle:hover
{text-decoration: none!important;}
a.forumlink {
font-weight:normal!important;}
.topic-title {
font-weight:normal!important;}

/* Personnalisation de la TchatBox */
/*Barre de titre*/
#chatbox_header .catBottom {
  border: none; /*Enlève la bordure*/
  background-image: none; /*Enlève image de fond*/
  background-color: transparent; /*Enlève couleur de fond*/
  height: 30px;
}

/*Titre normal */
#chatbox_header .catBottom .cattitle {
}
/*Titre normal au survol*/
#chatbox_header .catBottom .cattitle:hover {
}

/*Liens de droite de la barre de titre*/
#chatbox_header .catBottom .chatbox-options a {
}
/*Liens de droite de la barre de titre au survol*/
#chatbox_header .catBottom .chatbox-options a:hover {
}
/*Pour cacher le titre normal*/
#chatbox_header .cattitle strong {
  font-size: 0px;
}
/*Titre Personnalisé*/
#chatbox_header .cattitle:before {
  content: "Liste des Membres"; /* Modifiez NOM par le titre que vous désirez */
  font-size: 10px;
}
/*Pour cacher le lien pour accéder aux archives normal*/
#chatbox_option_with_archives a {
  font-size: 0;
}
/*Lien pour accéder aux archives Personnalisé*/
#chatbox_option_with_archives a:before {
  content: "Archives"; /* Modifiez HISTORIQUE par ce que vous désirez */
  font-size: 10px;
}

/*Pour cacher le lien pour sortir des archives normal*/
#chatbox_option_without_archives a {
  font-size: 0px;
}
/*Lien pour sortir des archives Personnalisé*/
#chatbox_option_without_archives a:before {
  content: "Quitter Archives "; /* Modifiez QUITTER HISTORIQUE par ce que vous désirez */
  font-size: 10px;
}

/*Pour cacher le lien de la connexion*/
#chatbox_option_co strong {
  font-size: 0px;
}
/*Lien de la connexion Personnalisé*/
#chatbox_option_co strong:before {
  content: "Entrer"; /* Modifiez ENTRER SUR LA CB par ce que vous désirez */
  font-size: 10px;
}

/*Pour cacher le lien de la déconnexion*/
#chatbox_option_disco {
  font-size: 0px;
}
/*Lien de la déconnexion Personnalisé*/
#chatbox_option_disco:before {
  content: "Quitter"; /* Modifiez QUITTER LA CB par ce que vous désirez */
  font-size: 10px;
}
/*Pour arranger la hauteur de la barre du bas*/
#chatbox_footer {
  height: 29px!important;
}
/*Barre du bas*/
#chatbox_footer .catBottom {
  border: none; /*Enlève la bordure*/
  background-image: none; /*Enlève image de fond*/
  background-color: transparent; /*Enlève couleur de fond*/
  height: 29px;
}

/*Bouton Aide tout à gauche*/
#chatbox_footer #help-button {
}

/*Bouton Gras*/
#chatbox_footer .text-styles label[title="Gras"] {
  background-color: pink;
}
/*Bouton Italique*/
#chatbox_footer .text-styles label[title="Ital."] {
}
/*Bouton Surligné*/
#chatbox_footer .text-styles label[title="Soulig."] {
}
/*Bouton Barré*/
#chatbox_footer .text-styles label[title="Barré"] {
}
/*Bouton Couleur de police*/
#chatbox_footer #divcolor {
}
/*Bouton Smiley*/
#chatbox_footer #divsmilies {
}

/*Texte avant le message*/
#chatbox_footer label[for="message"] {
}
/*Champ texte pour le message*/
#chatbox_footer #message {
}
/*Bouton pour envoyer le message*/
#chatbox_footer #submit_button {
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3 {
font-size: 10px;
}
 /* --------------------------------- PROFIL --------------------------------- */

    .profilmasque {
      background-color: #201E1E;
      width: 200px;
      padding: 10px;
      font-size: 11px;
      font-family: 'Gabrial'!important;
    }

.profil1 ,.profil2
{
          width: 200px;
          font-size: 20px;
          font-family: 'Satisfy', cursive;
          background-color: #201E1E;
          border: none;
          color: #B7B3B3;
        }

    .profil {
      background-color: #0D0D0D;
      padding: 10px;
      border-radius: 25px;
    }

    .rang {
      background-color: #000000;
      padding: 5px;
      width: 200px;
      text-align: center;
      color: #ffffff !important;
      font-size: 20px;
      font-family: 'UnifrakturMaguntia', cursive;
    }

    .avatar_profil {
      width: 200px;
      height: 300px;
    }


    .pseudo_profil {
      font-family: "UnifrakturMaguntia";
      font-size: 20px !important;
      text-align: center;
    }

    .details_profil {
      background-color: #201E1E;
      padding: 10px;
      width: 200px;
      height: 100px;
      overflow: auto;
      text-align: justify;
      color: #B7B3B3 !important;
      font-size: 10px;
      font-family: 'Gabriela', sans-serif !important;
    }

.bloc_pseudo {
font-family: 'Satisfy', sans-serif !important;
font-size: 10px!important;
}
  

    /* --------------------------------- FIN PROFIL --------------------------------- */

/* Contenus des messages */
.postbody {
text-align: justify!important;
padding: 35px;
font-family: 'Gabriela'!important;
font-size: 11px!important;
}

/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 712px;
  margin: auto;
  background: #0D0F0F;
  border: 1px solid #000;
  box-shadow: 0px 0px 3px #000;
  -o-box-shadow: 0px 0px 3px #000;
  -moz-box-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #000;
  -htm-box-shadow: 0px 0px 3px #000;
  padding: 5px;
}
.sujets
{
  background: #000;
  border: 1px dotted #282B2B;
  padding: 3px;
}
.topictitle
{
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  display: block;
  width: 180px;
  height: 25px;
  background: #000;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  text-align: right;
  margin-bottom: 5px;
  background-color: #000;
}
.sujets_stats_contenu
{
  font-size: 8px;
  color: #ffffff;
}
/* FEUILLE DES ARTICLES */
.article {
  background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v110.jpg');
  box-shadow: 20px 20px 20px #000;
  height: 600px;
  overflow: auto!important;
  width: 95%;
  padding: 10px;
  text-shadow: 5px 5px 2px #000;
}
.titre_article {
  font-family: 'Cookie';
  font-size: 35px;
  color: #cccccc;
  text-shadow: 20px 20px 20px #000;
  padding: 20px;
  opacity: 0.5;
}
.deco_article {
float: left;
margin-top: -50px;
}
.sous_article {
  font-family: 'Cookie';
  font-size: 20px;
  color: #ffffff;
  text-shadow: 2px 2px 2px #000;
  opacity: 0.5;
}
  

/*La scrollbar*/
::-webkit-scrollbar
{
width: 8px;
height:8px;
background-color:transparent;
}
/*la partie fixe*/
::-webkit-scrollbar-track-piece  
{
background-color:#576160;
-webkit-border-radius:8px;
}


/* defilement */
::-webkit-scrollbar-thumb
{
-webkit-border-radius:8px;
border-radius: 8px;
background-color:black;

}
/******************************************************
MENU LATERAL BY MV/SHOKI [BEGIN]
******************************************************/
img.M14_open_Panneau,img.M14_close_Panneau{position:fixed;cursor:pointer;}
img.M14_close_Panneau{margin-left:205px;}

#panneau_lat {
 position: fixed;
 top: 0;
 left: -225px;
 width: 185px;
 height: 100%;
 background: #000;
 z-index: 200;
 padding: 5px;
 font-family: 'Cookie', sans-serif;
 box-shadow: 20px 20px 20px #000;
 overflow: auto;
}
#panneau_lat a {
  color: #ccc !important;
  font-size: 16px!important;
}
#panneau_lat a:hover { color: #999 !important; }
.recherche {
 text-align: center;
 font-family: 'Cookie', serif;
 color: #FFF;
 font-size: 16px;
 margin-top: 3px;
 font-bold:none!important;
}
.util_link {
 text-align: center;
 font-family: 'Cookie', serif;
 color: #FFF;
 font-size: 15px;
 font-weight:none!important;
}
.util_link a {
 color: #ccc !important;
 text-decoration: none !important;
 letter-spacing: 0;
 -webkit-transition: all 800ms;
 transition: all 800ms;
 font-weight:none!important;
}
.util_link a:hover {
 letter-spacing: 2px;
 text-decoration: none !important;
}
/******************************************************
MENU LATERAL BY MV/SHOKI [END]
******************************************************/

.sceditor-container iframe, .sceditor-container textarea {
  font-family: 'Gabriela'!important;
  padding: 20px!important;
  background-color: #000!important;
  color: #C0C0C0!important;
}

.sceditor-container {
  background-color: #000!important;
  border: 1px solid #333333!important;
}

div.sceditor-group {
  background-color: #788483!important;
}

/*mode édition css*/
body, code:before, html, p, table {
  color: #ffffff!important;
}

.gen, .genmed, .gensmall {
 font-family: 'Gabriela'!important;
 font-size: 11px!important;
}

/*FEUILLE DES BLOG*/
.blog {
  background-image: url('https://i.servimg.com/u/f62/19/82/74/63/v110.jpg');
  box-shadow: 20px 20px 20px #000;
  height: 600px;
  overflow: auto!important;
  width: 95%;
  padding: 10px;
  text-shadow: 5px 5px 2px #000;
}
.titre_article {
  font-family: 'Cookie';
  font-size: 35px;
  color: #cccccc;
  text-shadow: 20px 20px 20px #000;
  padding: 20px;
  opacity: 0.5;
}
.deco_article {
float: left;
margin-top: -50px;
}
.sous_article {
  font-family: 'Cookie';
  font-size: 20px;
  color: #ffffff;
  text-shadow: 2px 2px 2px #000;
  opacity: 0.5;
}

Le Template Index Box de Sciences Occultes : 

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
 <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
 </tr>
 <!-- END tablehead -->
 <!-- BEGIN cathead -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
 <h{catrow.cathead.LEVEL} class="hierarchy">
 <span class="cattitle">
 <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
 </span>
 </h{catrow.cathead.LEVEL}>
 </td>
 <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
 </tr>
 <!-- END cathead -->
 <!-- BEGIN forumrow -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
 <!-- END inc -->
 <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
 </td>
 <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
 <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 
            </span>
         </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
                  
                  
 <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
 <span class="gensmall">
 <!-- BEGIN switch_moderators_links -->
 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
 <!-- END switch_moderators_links -->
 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
 </span>
 </td>
 <td class="row3 over" align="center" valign="middle" height="50">
            <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                <span class="AD_LastInfos">
                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->

 <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
 </td>
 </tr>
 <!-- END forumrow -->
 <!-- BEGIN catfoot -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
 </tr>
 <!-- END catfoot -->
 <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Le Template index_body de Sciences occultes pour finir : 

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}
<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"/> </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 -->
<!--DEBUT DU QEEl-->
<!-- BEGIN disable_viewonline --><div class="qeel_titre"></div>
<div class="qeel"><table class="qeel_table"><tr>
    <td><div class="colonne"><span class="qeel_contenu">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}<br /><br />
      {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}
      </span></div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table>{L_CONNECTED_MEMBERS}</table><br /><br />{LEGEND} : {GROUP_LEGEND}</span></div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table>{L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY_WEEK}</table></span></div></td>
    </tr></table>
</div>
<!-- END disable_viewonline -->
<!--FIN DU QEEL-->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<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}

<!--MENU RACCOURCIS CATEGORIES-->
<ul id="nav">
  
 <li>
   <center><img src="https://i.servimg.com/u/f53/19/82/74/63/menu10.png"></center>
 <a class="anchor-link" href="#cat-1">Vie du Forum</a>
 </li>
  
 <li>
 <a class="anchor-link" href="#cat-2">Les Arts Divinatoires</a>
 </li>
  
 <li>
 <a class="anchor-link" href="#cat-3"> Voyances & Divinations   </a>
 </li>
    <li>
 <a class="anchor-link" href="#cat-4"> Les Arts Spécifique  </a>
 </li>
       <li>
 <a class="anchor-link" href="#cat-5"> Les Soins Alternatifs  </a>
 </li>
          <li>
 <a class="anchor-link" href="#cat-6">Pratiques Parapsychologique  </a>
 </li>
             <li>
 <a class="anchor-link" href="#cat-7"> Entre Membres  </a>
 </li>
                            <li>
 <a class="anchor-link" href="#cat-8">  Les Services du Forum   </a>
 </li>
                                           <li>
 <a class="anchor-link" href="#cat-9">  Connaissances et Expériences   </a>
 </li>
                                                          <li>
 <a class="anchor-link" href="#cat-10"> Entourage Divin  </a>
 </li>

</ul>
<!--FIN-->