Bonjour, oui il est d'actualité, j'attendais simplement des réponses tranquillement, sans me presser.

Sache que tu as le droit à un up toutes les 48h+ et au minimum un up tous les 9jours pour nous confirmer que la demande est toujours d'actualité.

D'accord, merci pour ce rappel, je ferais en sorte d'up tous les 2 jours dans ce cas.
A bientôt !

Salut !
Heu je vais dire un truc un peu bête: est-ce que tu as essayé, dans général> messages et emails > configuration à "séparer les notes et les annonces des messages" heu, par une ligne ou par un tableau ? Peut-être que ça te conviendrait ! Sinon il doit y avoir un moyen de mofifier la ligne pour lui donner une couleur, une taille, etc ^^

Salut,

Oui, avant de mettre cette liste de sujet j'avais déjà fait une séparation de ligne.
Sauf que je ne connais pas la variable qui permet de remettre cette fichue ligne dans la liste de sujet d'Onyx qui a disparu.

J'ai beau mettre un tableau, ou une ligne ça ne fonctionne pas.
Merci d'avoir tout d'même tenté.

Salut!

En fait, il n'y avait pas d'espace justement parce que je n'arrivais pas à trouver la variable qui servait à ça /BAM/ Mais j'ai recherché encore et j'ai trouvé \o/

Donc, tu va devoir retourner dans ton template et trouver ceci (à la ligne 44 je crois) :

Code:

<!-- BEGIN topic -->

Juste après, tu va devoir rajouter cette variable :

Code:

{topics_list_box.row.END_TABLE_STICKY}

Ensuite, tu dois aller dans Général> Messages et emails > Configuration à "Séparer les notes et les annonces des messages" et choisir "Par une ligne". Pas par un tableau ou ça devient très très horrible u_u

Enfin, tu va dans ton CSS et tu rajoutes ceci :

Code:

/*Séparation des notes et annonces des messages*/
.sujets .row3 {
  background-color: transparent;
}

Si tu veux mettre une couleur à la ligne, tu peux changer la couleur du background, mettre un plus grosse hauteur, etc...

Onyx tu me sauves la vie !!!
Je pense que tu pourras mettre ton topic à jour du coup, ça me fait plaisir que d'autre personnes autre que moi, soient également satisfaite dans l'avenir.

PS : Nouvelle question : Comment je pourrais faire pour mettre une image à côté de "note" , par exemple une petite missive ?

Voilà le résultat sur mon forum sans personnalisation :

Salut!

Ok, alors essaie de trouver ceci :

Code:

<div class="sujet_type">{topics_list_box.row.TOPIC_TYPE}

Et rajoutes ceci avant la fermeture de la div :

Code:

 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />

Cela correspond à l'image New/Old/Lock de la liste des suejts. Alors pour changer l'image, tu va dans tes images de sujets et tu changes tes images de sujets/post-it/annonces, etc...

Sinon, dans ton CSS, ce serait peut-être bien si tu modifiais le bout de code que j'avais donné par ce qui suit. Cela te permet que ta barre ne soit pas totalement collée sur le sujet du bas :

Code:

.sujets .row3 {
  background: transparent;
  display: block;
  margin-left: 9px;
  margin-bottom: 10px;
  width: 740px;
}

Voilà ^^

Je sais que c'est mauvais de dire ça mais Onyx, t'es un dieu vivant ! ^_^
Merci beaucoup de ton aide.

Voici ce que ça donne :

> La position de l'image peut-elle s'affecter par le css pour la caler entre le nom du créateur de sujet à gauche et le sujet qui est au centre ? Si oui, je pense peut réussir à y arriver en y passant quelques heures mais au final j'y arriverais !

C'est déesse /bam/ Sérieux, ma tête est assez enflée comme ça, dis rien

On a pas besoin de passer par le CSS, on va juste aller le mettre ailleurs dans le template.

On va commencer par supprimer la variable qu'on a rajouté :

Code:

 <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />

Puis on va aller rajouter une cellule à notre tableau qui contient les sujets. Pour ça, on va devoir retrouver cet endroit :

Code:

<td valign="middle" align="center" width="320">
                      <div class="sujet_type">{topics_list_box.row.TOPIC_TYPE}

Devant, on va rajouter la variable dans une cellule :

Code:

<td valign="middle" align="center" width="50">
                      <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
                    </td>

Un petit attention : maintenant qu'on vient de rajouter cette cellule au tableau, on a maintenant 4 cellules par sujet. Toutes les cellules ensemble doivent faire 740px. À toi de diminuer ou d'augmenter la taille de chaque cellule pour arriver à la bonne largeur totale.

D'accord !

Par contre, maintenant ça donne ça :
Je trouve le rendu super, je peux personnaliser le centre du coup mais ... je n'arrive pas à center l'image car elle me décale le texte sur la droite,comment on fait, madame la Déesse ?

Parce que je voudrais mettre l'image de la rose à droite, prêt de la date
Et le texte en centré un peu sur la gauche, seulement dès que j'augmente la taille, ça pète le texte de gauche et de droite..

Ok... Juste pour faire sûr de comprendre, on garde le "composé par" à gauche, ensuite on a l'image et à la droite on a la dernière réponse. À la place du "note/annonce" en haut, on a le titre du sujet, c'est bien ça?

Est-ce que tu pourrais me montrer ton CSS et ton template actuel que je puisse être sûre de savoir quoi modifier?

C'est ça, on garde le template que tu as crée pour la liste de sujet, on laisse le titre du sujet au-dessus comme sur l'image, on met l'icône à gauche qui prend également tout le centre (si je décide de faire une image large) et "répondu par" à droite. ^^

Code:

<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
  var all_checked = true;
  for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
  }
  document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
  for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
  }
}
</script>
<!-- END multi_selection -->
<link href='http://fonts.googleapis.com/css?family=Lobster|Great+Vibes' rel='stylesheet' type='text/css' />
<table class="sujets" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="center" align="center">
      <span class="sujets_top_title">
        Répertoire des missives rédigées
      </span>
    </td>
  </tr>
  <tr>
    <td valign="middle" align="center">
      <table class="sujets_list" cellspacing="0" cellpadding="0">
        <tbody>
<!-- END header_table -->
<!-- BEGIN header_row -->
<!-- END header_row -->
<!-- BEGIN topic -->
          {topics_list_box.row.END_TABLE_STICKY}
          <tr>
            <td valign="middle" align="center" colspan="2">
              <table class="sujet" cellspacing="7" cellpadding="0">
                <tbody>
                  <tr>
                    <td valign="middle" align="left" width="210">
                      Composé par
                      <span class="sujet_auteur">
                        {topics_list_box.row.TOPIC_AUTHOR}
                      </span>
                      <br />
                      <span class="sujet_stats">
                        Réponses: <em>{topics_list_box.row.REPLIES}</em> | Vues: <em>{topics_list_box.row.VIEWS}</em>
                      </span>
                    </td>
                    <td valign="middle" align="center" width="320">
          <td valign="middle" align="left" width="40">
<center><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></center>
                    </td>                 
                      <div class="sujet_type">{topics_list_box.row.TOPIC_TYPE}</div>
                      <a class="sujetlink" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
                      {topics_list_box.row.PARTICIPATE_POST_IMG}
                    </td>
                    <td valign="middle" align="right" width="210">
                      {topics_list_box.row.LAST_POST_IMG} {topics_list_box.row.LAST_POST_TIME}
                      <br />
                      Répondu par
                      <span class="sujet_last_auteur">
                        {topics_list_box.row.LAST_POST_AUTHOR}
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
    <tr>
            <td valign="middle" align="center" colspan="2">
              <table class="sujet" cellspacing="7" cellpadding="0">
                <tbody>
                  <tr>
                    <td valign="middle" align="center">
                      <span class="sujets_font">
                        {topics_list_box.row.L_NO_TOPICS}
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>
          </td>
  </tr>
<!-- END no_topics -->
<!-- BEGIN bottom -->
  <tr>
    <td align="left">
            <span class="sujets_font">
              {PAGINATION}
            </span>
          </td>
    <td align="right">
            <a href="#top" class="sujets_font">
              {L_BACK_TO_TOP}
            </a>&nbsp;
          </td>
  </tr>
<!-- END bottom -->
<!-- BEGIN footer_table -->
        </tbody>
      </table>
    </td>
  </tr>
</table>
<!-- END footer_table -->
<!-- BEGIN spacer -->
<br class="gensmall" />
<!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Code:

.floating_widget {
    background: none repeat scroll 0 0 rgba(80, 61, 84, 0.3);
    border: medium none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 20px;
    position: fixed;
    right: 94px;
    top: 0;
    width: 120px;
    z-index : 999;
}
#menu ul {
    font-family: Gabriela,sans-serif;
    font-size: 14px;
    font-variant: small-caps;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 3px #1f1e1c;
    width : 120px;
}
#menu li {
    background: none repeat scroll 0 0 rgba(80, 61, 84, 0.3);
    float: left;
    margin: auto;
    padding: 0;
    width: 120px;
}
#menu li a {
    color: #fff;
    display: block;
    text-decoration: none;}

#menu li a:hover {
    color: #986e6f;
}
#menu ul li ul {
    display: none;
}
#menu ul li:hover ul {
    display: block;
}
#menu li:hover ul li {
    float: none;
}
#menu li ul {
    position: absolute;
    text-align: left;
    list-style-type: katakana-iroha;
}
@font-face {
  font-family: "Gabriela";
  font-style: normal;
  font-weight: 400;
  src: local("Gabriela"), local("Gabriela-Regular"), url("http://fonts.gstatic.com/s/gabriela/v4/CO6bIpNvGrJRZDx3xfggGvesZW2xOQ-xsNqO47m55DA.woff2") format("woff2"), url("http://fonts.gstatic.com/s/gabriela/v4/fLaucCvjCt_Hmc9smyo_rPesZW2xOQ-xsNqO47m55DA.woff") format("woff");
}
/******************************************************* DÉBUT Sujets *******************************************************/
/*Bloc des sujets*/
.sujets {
  margin: auto;
  margin-bottom: 10px;
  background-color: #0f120f;
  border: 2px solid #1f1d1a;
  padding-bottom: 15px;
  width: 850px;
}
/*Titre du bloc des sujets*/
.sujets_top_title {
  display: block;
  background-image: url('http://img4.hostingpics.net/pics/781032956965Sanstitre.png');
  width: 750px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 5px;
  font-family: "Gabriela";
  font-size: 36px;
  text-shadow: 0px 0px 5px #000000;
  color: #23709e;
  font-weight: normal;
  letter-spacing: 1px;
}

/*Liste des sujets*/
.sujets_list {
  width: 760px;
  margin: auto;
  padding: 10px;
  padding-bottom: 0px;
  background-image: url('http://image.noelshack.com/fichiers/2014/48/1416945713-pattern.png');
  text-align: left;
  color: #7b848f;
}

/*Polices des éléments hors sujets*/
.sujets_font {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #7b848f;
}

/*Chaque sujet*/
.sujet {
  position: relative;
  width: 740px;
  margin-bottom: 10px;
  background-color: #1f1d1a;
  border: 1px solid #161412;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

/*Type de sujet*/
.sujet_type {
  position: absolute;
  width: 740px;
  text-align: center;
  top: -7px;
  left: 0px;
  text-shadow: 1px 1px 1px #000000;
}

/*Titre du sujet*/
a.sujetlink {
  font-family: "Gabriela";
  font-size: 15px;
  text-shadow: 1px 1px 1px #000000;
  color: #23709e!important;
  font-weight: normal;
  letter-spacing: 2px;
  padding-bottom: 5px;
  text-decoration: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
/*Titre du sujet survolé*/
a.sujetlink:hover {
  text-decoration: none!important;
  letter-spacing: 4px;
}

/*Auteurs des sujets*/
.sujet_auteur a strong, .sujet_last_auteur a strong, .sujet_auteur a, .sujet_last_auteur a {
  font-size: 12px!important;
  font-weight: normal!important;
  font-family: Arial, Helvetica, sans-serif!important;
}

/******************************************************* FIN SUJETS *******************************************************/

.mon_onglet{
          float: left;
          padding: 2px 10px;
          margin-right: 5px;
          color: #trans;
background-image: url("http://image.noelshack.com/fichiers/2014/39/1411918352-categmenu.jpg");
          border: 2px solid #006699;
          cursor: pointer;
          margin-bottom: -2px;
          list-style: none;
          -webkit-box-shadow:2px 0px 2px 0px #000000;
        -moz-box-shadow:2px 0px 2px 0px #000000;
        box-shadow:2px 0px 2px 0px #000000;
        }
     
        .mon_onglet_selected{
          float: left;
          padding: 2px 10px;
          margin-right: 5px;
          color: #ffffff;
  background-image: url("http://image.noelshack.com/fichiers/2014/39/1411918352-categmenuhover.jpg");
          background: #trans;
          border-top: 2px solid #006699;
          border-right: 2px solid #006699;
          border-left: 2px solid #006699;
          border-bottom: 0px solid #fff;
          cursor: pointer;
          margin-bottom: -3px;
          list-style: none;
          -webkit-box-shadow:2px 0px 2px 0px #000;
        -moz-box-shadow:2px 0px 2px 0px #000;
        box-shadow:2px 0px 2px 0px #000;}       
        .clear{clear: both;}
        .mon_contenu{
  color: #FFFFFF;
background-image: url("http://image.noelshack.com/fichiers/2014/42/1413190102-1411917228-bg-missions.gif");
          border: 2px solid #006699;
          padding: 10px;
          line-height: normal;
          font-size: 11px;
        width: 850px;
        height: 250px;}
        #mes_contenus, #mes_onglets{
          width: 875px;}

/****************************
NOUVEAU MESSAGES ROTATIFS
****************************/
.new_mess {background: linear-gradient(to right, #1a70c0, #281d5c, #281d5c, #1a70c0) repeat scroll 0 0 #f0f6fa;
border-bottom-right-radius: 42px;border-top-right-radius: 14px;height: 400px;padding-top: 1px; top: 0;}
th.momo2 {margin-left: auto;margin-right: auto;}
.transition_messages {bottom: 10px;left: 10px;float: left;padding: 0;position: fixed;width: 68px;z-index: 999;}
.block_messages{box-shadow: 0 0 10px blue;
background-image: url("http://image.noelshack.com/fichiers/2014/33/1408033529-howtoconnect-background-1.jpg");
border: 1px black solid;border-radius: 30px;bottom: 0;box-shadow: 0px 0px 10px #381f42!important;
height: 0;left: 1px;overflow: hidden;padding: 0;position: absolute;text-align: right;
-moz-transition: width 0.9s linear 0.2s, height 0.9s linear 0.2s, padding 0.9s linear 0.2s;
-webkit-transition: width 0.9s linear 0.2s, height 0.9s linear 0.2s, padding 0.9s linear 0.2s;
transition: width 0.9s linear 0.2s, height 0.9s linear 0.2s, padding 0.9s linear 0.2s;
width: 0;}
#comments_scroll_div {margin-top: 30px;height: 200px;}
.transition_messages:hover .block_messages {border-width: 1px;height: 300px;padding: 5px 5px 5px 25px;
width: 150px;}
.transition_messages img {transform: rotate(0deg); -moz-transform: rotate(0deg);
-webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;opacity:0.5}
.transition_messages:hover img {
-webkit-transform:-moz-transform: rotate(360deg); -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);transform: rotate(360deg);opacity: 1;}
/****************************curseur****************************/
body{cursor: url("http://image.noelshack.com/fichiers/2015/04/1422051685-curseur.png"),auto; /* par default */}
a{cursor: url("http://image.noelshack.com/fichiers/2015/04/1422051685-curseurlink.png"),auto; /* par default */}
/****************************
INDEX FOFO : texte au hover
****************************/
.indexfofo .genmed img{position: absolute;left: 0;top: -5px;z-index: 2; margin:0;padding:0;border-radius: 10px;
width: 100%;height: 100%;z-index:-999;}
td.row1.over {position: relative; z-index: 2;}
td.row1.over:hover {z-index: 6;}
.imggg {background-color: #000000;border: 1px solid #000;border-radius: 10px;width: 100%; height: 100%; margin: auto;padding: 30px 25px 25px 25px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
position: absolute; left:0; top:0;right:-2;bottom:-2;text-align: justify;text-shadow: 0 0 5px #000000; font-size: 12px; font-family: "Gabriela"; font-weight:bold;
transition: opacity 0.5s ease-in;-moz-transition: opacity 0.5s ease-in;-o-transition: opacity 0.5s ease-in;-webkit-transition: opacity 0.5s ease-in;-htm-transition: opacity 0.5s ease-in;
opacity: 0.2; z-index:4;}
.imggg:hover{opacity: 0.6;    z-index:4;}
/****************************
OPACITE IMAGE
****************************/
.opac {opacity: 0.5;filter: alpha(opacity=50);transition: opacity 1s;-moz-transition: opacity 1s;-o-transition: opacity 1s;-webkit-transition: opacity 1s;-htm-transition: opacity 1s;}
.opac:hover {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);transition: opacity 1s;-moz-transition: opacity 1s;-o-transition: opacity 1s;-webkit-transition: opacity 1s;-htm-transition: opacity 1s;}
/* ---------Ombre des rangs--------- */
.title
{text-shadow: 1px 1px 5px #CCA572;}
/*******************µµµ**
TAGS DE MODERATION
************************/
.modo{background-image: url('http://files.cssactif.com/tag/nb.png');background-repeat: no-repeat;
background-position: 3px 3px;background-color: #FCEFC9;border: 1px solid #CC9E3A;color: #785C27;
padding-left: 55px;min-height: 60px;    font-family: Verdana, Geneva, sans-serif;  font-size: 10px;
margin: 5px auto;padding: 3px 3px 3px 40px;min-height: 35px;width: 80%;
-moz-box-shadow: 0px 1px 5px #FCEFC9;-webkit-box-shadow: 0px 1px 5px #FCEFC9;box-shadow: 0px 1px 5px #FCEFC9;
color:red;font-weight: bold;}
.alert{background-image: url('http://image.noelshack.com/fichiers/2014/32/1407248123-lock13.gif');
background-repeat: no-repeat;background-position: px 3px;background-color: #50435E;border: 1px solid #7244A1;
color: #B0A7BA;padding-left: 55px;min-height: 60px;font-family: Verdana, Geneva, sans-serif;font-size: 10px;
margin: 5px auto;padding: 3px 3px 3px 40px;min-height: 35px;width: 80%;
-moz-box-shadow: 0px 1px 5px #7244A1;-webkit-box-shadow: 0px 1px 5px #7244A1;box-shadow: 0px 1px 5px #7244A1;}
#forum_rules table td.rules{
background-image: url("http://image.noelshack.com/fichiers/2014/32/1407333020-1105264-aion-artwork-p.png");
background-repeat: no-repeat;background-color: #080114;border: 1px solid #7244A1;witdh:100%;
color: #B0A7BA;padding-left: 55px;min-height: 60px;font-family: Verdana, Geneva, sans-serif;font-size: 10px;
margin: 5px auto;padding: 3px 3px 3px 40px;height: 100%;
-moz-box-shadow: 0px 1px 5px #7244A1;-webkit-box-shadow: 0px 1px 5px #7244A1;box-shadow: 0px 1px 5px #7244A1;}
/**====================================== INDEX BODY =======================================================**/
/****************************
BARRE DE NAVIGATION : POSITION
****************************/
#i_logo {margin-bottom: -120px; margin-top: 0px; transform: rotateY(0deg); -moz-transform: rotateY(0deg);
  -webkit-transition: all 3s ease 0s; -moz-transition: all 3s ease 0s; transition: all 3s ease 0s;}
#i_logo:hover {-moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.barre_nav{position: fixed;left: 0px; top: 0px;right: 0px;z-index: 800;}
table.bodylinewidth {position:relative;top: -7px;}
/*IMAGE INDEX*/
#i_icon_mini_index{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-forum.png');width:93px; height:32px;z-index: 999}
#i_icon_mini_index:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-forumhover.png');width:93px; height:32px;z-index: 999}
/*IMAGE FAQ*/
#i_icon_mini_faq{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592787-faq.png');width:54px;height:32px;z-index: 999}
#i_icon_mini_faq:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592787-faqhover.png');width:54px;height:32px;z-index: 999}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-recherc.png');width:108px;height:32px;z-index: 999}
#i_icon_mini_search:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592789-recherchover.png');width:108px;height:32px;z-index: 999}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592790-membres.png');width:87px;height:32px;z-index: 999}
#i_icon_mini_members:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-membreshover.png');width:87px;height:32px;z-index: 999}
/*IMAGE GROUPES*/
#i_icon_mini_groups{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-grp.png');width:86px;height:32px;z-index: 999}
#i_icon_mini_groups:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-grphover.png');width:86px;height:32px;z-index: 999}
/*IMAGE PROFIL*/
#i_icon_mini_profile{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-profil.png');width:70px;height:32px;z-index: 999}
#i_icon_mini_profile:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592790-profilhover.png');width:70px;height:32px;z-index: 999}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{background-image:url('http://image.noelshack.com/fichiers/2015/04/1422136572-messag.png');width:91px; height:32px;z-index: 999}
#i_icon_mini_message:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592111-messaghover.png');width:91px;height:32px;z-index: 999}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592787-deco.png');width:153px;height:32px;z-index: 999}
#i_icon_mini_logout:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592787-decohover.png');width:153px;height:32px;z-index: 999}
/*IMAGE CONNEXION*/
#i_icon_mini_login{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592787-connex.png');width:133px;height:32px;z-index: 999}
#i_icon_mini_login:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-connexhover.png');width:133px;height:32px;z-index: 999}
/****************************
BOUTON CHATBOX INDEX
****************************/
.bouton_ouverture{ /* se connecter (partie texte)*/
font-family:Verdana, Helvetica, sans-serif;text-align: center;font-size: 14px;text-decoration: none !important;
color: #70a400 !important;uppercase: 1px;text-shadow: 5px 0px 5px #000000;overflow: hidden;
transition: all 0.54s ease 0s;min-width: 90%;-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
.bouton_ouverture:hover { /* se connecter (partie texte) au survol */
color: #9de00c !important;uppercase: 2px;text-decoration: none !important;text-shadow: 10px 0px 10px #000000;
overflow: hidden;transition: all 0.54s ease 0s;min-width: 90%;-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
.bouton_cadre{ /* est le bouton se connecter */
background: url("http://i47.servimg.com/u/f47/12/57/30/22/mm1211.jpg") #31185C center ;display: block;
margin: 0 auto;padding: 4px;-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;
box-shadow: 0px 1px 5px #000000;overflow: hidden;transition: all 0.54s ease 0s;min-width: 90%;
text-align: center;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
#chatbox{background-image: url("http://image.noelshack.com/fichiers/2015/06/1422962006-msgencours.png")no-repeat;
-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;}
.chatbox-title{font: 18px Arial;color: #000000 !important;-moz-box-shadow: 0px 1px 5px #000000;
-webkit-box-shadow: 0px 1px 5px #000000;}
#chatbox_header{background-image: url("http://img5.xooimage.com/files/c/e/cellpic3-8c96a.jpg");
-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;}
.chatbox_row_1{background-color: #trans;-moz-box-shadow: 0px 1px 5px #000000;
-webkit-box-shadow: 0px 1px 5px #000000;}
.chatbox_row_2{background-color: #trans;-moz-box-shadow: 0px 1px 5px #000000;
-webkit-box-shadow: 0px 1px 5px #000000;}
#chatbox_members{background-image: url("http://image.noelshack.com/fichiers/2015/06/1422962006-msgencours.png");
border: 1px solid #302F2F;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;}
#chatbox_members .member-title{background-color: #000000;
background-image: url("http://img502.imageshack.us/img502/6128/fondforumb.png");
border: 1px solid #000000;-webkit-border-radius: 0px 0px 15px 15px;-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Kazga Hassa"; }
#fa_ticker_block{ width: 70%; margin: auto; }
#chatbox, .post{color: #ffffff;background-color: #trans;padding : 0px 2px 2px 2px;
-webkit-border-radius: 0px 0px 8px 8px;-moz-border-radius: 0px 0px 8px 8px;border-radius: 0px 0px 8px 8px;
-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;z-index: 999;font-family:Verdana, Helvetica, sans-serif;}
/* Message de connexion CB */
.msg span[style*="green"] strong {
    color: #2980b9; /* couleur */
    font-variant: small-caps; /* petites majuscules */
}

/* Message de déconnexion CB */
.msg span[style*="red"] strong {
    color: #8e44ad; /* couleur */
    font-variant: small-caps; /* petites majuscules */
}
/****************************
IMAGE DE COIN CORBEAUX
****************************/
.imgbas1 {
background:transparent url("http://image.noelshack.com/fichiers/2015/06/1422886969-pilier-gauche-rosa.png");
background-repeat : no-repeat;width : 298px;height : 1092px;position : fixed;bottom : 0px;left : 0px;}
.imgbas2 {
background:transparent url("http://image.noelshack.com/fichiers/2015/06/1422886971-pilier-droite-rosa.png");
background-repeat : no-repeat;width : 298px;height : 1092px;position : fixed;bottom : 0px;right : 0px;}
/****************************
OMBRE AUTOUR DU CADRE FOFO
****************************/
.row1{box-shadow: 0px 0px 10px #BFB4B5;-moz-box-shadow: 0px 0px 10px #BFB4B5;
-webkit-box-shadow: 0px 0px 10px #BFB4B5;
-o-box-shadow: 0px 0px 10px #BFB4B5;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
z-index:-999}
/****************************
IMAGE FOND DE MESSAGE POSTE
****************************/
td.row1,td.row2{
background-image: url("http://image.noelshack.com/fichiers/2014/32/1407333020-1105264-aion-artwork-p.png");
background-repeat: no-repeat}
.row2{-moz-box-shadow: 0px 0px 10px #BFB4B5;box-shadow: 0px 0px 10px #BFB4B5;
-webkit-box-shadow: 0px 0px 10px #BFB4B5;-o-box-shadow: 0px 0px 10px #BFB4B5;
-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
.row3{-moz-box-shadow: 0px 0px 10px #BFB4B5;box-shadow: 0px 0px 10px #BFB4B5;
-webkit-box-shadow: 0px 0px 10px #BFB4B5;-o-box-shadow: 0px 0px 10px #BFB4B5;
-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
.row3Right{-moz-box-shadow: 0px 0px 10px #BFB4B5;box-shadow: 0px 0px 10px #BFB4B5;
-webkit-box-shadow: 0px 0px 10px #BFB4B5;-o-box-shadow: 0px 0px 10px #BFB4B5;
-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
/****************************
LIEN OMBREE SANS DECO
****************************/
a:link {position: relative;text-decoration:none;}
a {3px 1px 10px;-o-transition: 1s;-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;transition: 1s;}
a:hover { text-decoration: !important; color: #BF5858;}
.forumlink {text-decoration: none;color:#bfb4b5;text-shadow: white 3px 1px 10px;}
div.forumlink {position: relative;z-index:100;}
a.forumlink {text-decoration: none;color:#bfb4b5;text-shadow: 3px 1px 10px #ffffff;}
.forumlink:hover {color:#E8B754;text-shadow: 3px 1px 10px #ffffff;
-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;}
a.mainmenu:hover {text-transform:uppercase;text-decoration:overline underline !important;}
a{text-decoration: none;}
a:active{text-decoration: none; }
a:hover{text-decoration: none!important;}
.imggg a:hover {color: #55FF55;}
a.mainmenu:hover{font-size: 13px; text-decoration:none!important;}
.forumlink{text-decoration: none!important;}
a.forumtitle{text-decoration:none!important;}
.line{background-color: #CF8D1B2;}
/****************************
QUI EST EN LIGNE
****************************/
.qeel_start{
background-image: url("http://image.noelshack.com/fichiers/2015/06/1422897726-qeel.png");
border:0px;background-color: transparent;background-repeat: no-repeat;background-position: center;height: 275px;}
.groupes a {background-color:#000000;opacity: .7;border: 1px #8c8c8c solid;-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;font-size:15px;font-weight: bold;
text-align:center;text-decoration: none !important;align:center;}
.groupes a:hover {font-size:18px;}
.colo{border:1pxsolid black;width:900px;-moz-box-shadow: 1px 1px 12px #F00000;
-webkit-box-shadow: 1px 1px 12px #BABABA;box-shadow: 1px 1px 12px #BABABA;margin-left:20px;}
/**====================================== INDEX BOX ============================================++++=========**/
/****************************
FOND ECRAN FORUM
****************************/
body{background-repeat: no-repeat;background-position: top center;}
.lastmessopac {opacity : 0.6;-moz-opacity : 0.6;-khtml-opacity: 0.6;-ms-filter: "alpha(opacity=60)";
filter : alpha(opacity=60); transition: opacity 1.7s linear;-moz-transition: opacity 1.7s linear;
-o-transition: opacity 1.7s linear;-webkit-transition: opacity 1.7s linear;-htm-transition: opacity 1.7s linear;}
.lastmessopac:hover {opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
transition: opacity 0.5s ease-in;-moz-transition: opacity 0.5s ease-in;-o-transition: opacity 0.5s ease-in;
-webkit-transition: opacity 0.5s ease-in;-htm-transition: opacity 0.5s ease-in;}
/****************************
TRANSPARENCE DES COINS CATEGO
****************************/
input, select, textarea {background-color: #140C01;}
.thLeft {border: 0px solid transparent !important; background-color:transparent !important;}
.thRight {border: 0px solid transparent !important; background-color:transparent !important;}
.thCornerL {border: 0px solid transparent !important; background-color:transparent !important;}
.thCornerR  {border: 0px solid transparent !important; background-color:transparent !important;}
.thTop {border: 0px solid transparent !important; background-color:transparent !important;}
.catBottom {border: 0px solid transparent !important; background-color:transparent !important;}
.catHead {border: 0px solid transparent !important; background-color:transparent !important;}
.catHead {  border: none !important;}
.catBottom  {  border: none !important;}
.thLeft  {  border: none !important;}
.thRight {  border: none !important;}
.row3Right {  border: none !important;}
/****************************
ICONE MESSAGE FOFO : new ECT
****************************/
input, select, textarea {background-color: #140C01;}
.myfolder {background: transparent;box-shadow: none;
width: 818px;margin: 1px auto -40px;border: none;}
.myfolder img {z-index: 4;position: relative;display:block;}
.myfolder img:hover {z-index: 0;}
  /**================================== OVERALL HEADER ================================================**/


  /**=================================+= TOPIC LIST BOX ======================================================**/
/*Séparation des notes et annonces des messages*/
.sujets .row3 {
background: transparent;
display: block;
width: 740px;
}
  /**================================== WIEW FORUM BODY ============================================++++======**/

  /**================================== WIEW TOPIC BODY ============================================++========**/
/****************************
DECORATION TEXTE PSEUDO RANG
****************************/
.name_prof{font-family:'Cinzel Decorative', cursive;font-size: 20px;width:80%;margin:3px auto 0 auto;text-align:center;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);}
.name_prof:hover{font-size:22px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);}
.rank{font-family:'Cinzel Decorative', cursive;text-align: center; font-size: 16px;}
/**_=============COULEUR ZONE DE TEXTE =================**/
input, select, textarea {background-color: #140C01;}
.postbody{padding-left:10px;padding-right: 10px;text-align:justify;color: #ffffff;}
/****************************
CADRE AUTOUR DE L AVATAR
****************************/
.infobulle_avatar a img {width:150px;height:220px;
-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;border: 1px double;-moz-box-shadow: 0px 1px 5px;
-webkit-box-shadow: 0px 1px 5px;box-shadow: 0px 1px 5px;}
/****************************
ICONE HORS LIGNE- EN LIGNE
****************************/
#onoutline {background: url("http://i75.servimg.com/u/f75/11/95/30/70/m111.png") no-repeat;
position: absolute;float: left;width: 19px;height: 127px;margin-left: -24px;margin-top: -41px;}
#offoutline { background: url("http://image.noelshack.com/fichiers/2014/04/1390248157-offline.png") no-repeat;
position: absolute;float: left;width: 19px;height: 127px;margin-left: -24px;margin-top: -41px;}
.post_onlin{background: url("http://i75.servimg.com/u/f75/11/95/30/70/m111.png") no-repeat;
position: absolute;float: left;width: 19px;height: 127px;margin-left: -24px;margin-top: 13px;padding: 0;
border: 0;}
/****************************
COULEUR BARRE DE SEPARATION HR
****************************/
.hr {background: transparent url("http://image.noelshack.com/fichiers/2013/39/1379935299-entete1.png")
no-repeat top center;width: 400px;height: 35px;border: none !important;}
hr {
background: transparent url("http://image.noelshack.com/fichiers/2013/39/1379937192-1340239272-hr.png")
no-repeat top center;width: 738px;height: 35px;  border: none !important; }
/****************************
CITATIONS CODE SPOILER
****************************/
dd.code{border: 1px dashed #ffffff;padding: 20px;
background: #010F24 url("http://i42.servimg.com/u/f42/09/02/12/09/commen10.png")no-repeat scroll 4px 9px;
text-shadow: 1px 1px 5px #ffffff;text-align: justify;color: #ffffff;-moz-border-radius: 10px;
-webkit-border-radius: 10px;border-radius: 10px;}
.code:hover {
background:#061919 url("http://i42.servimg.com/u/f42/09/02/12/09/commen10.png") no-repeat scroll 4px 9px;
  padding: 20px;}
.selectCode { float:right; text-transform: Times new roman; cursor:pointer; text-shadow: 1px 1px 5px #DBD8D8;}
div.cont_code { clear: right;text-shadow: 1px 1px 5px #104508;}
.spoiler_closed hidden,  .spoiler_content, .spoiler_closed {border: 1px dashed #ffffff;padding: 10px;
background: #010F24;text-shadow: 1px 1px 5px #006600;color: #ffffff;-moz-border-radius: 10px;
-webkit-border-radius: 10px;border-radius: 10px;}
.spoiler_closed hidden,  .spoiler_content, .spoiler_closed:hover {
background:#061919 url("http://i42.servimg.com/u/f42/09/02/12/09/commen10.png") no-repeat scroll 4px 9px;
padding: 10px;}

.content quote {=color: #000;font-family: Verdana,Arial,Helvetica,sans-serif;}
.quote {background: url("https://dl.dropboxusercontent.com/u/61854612/quote.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 25px 10px / 10px 25px;box-shadow: 1px 1px 12px #000;font-family: Palatino,serif;font-size: 12;margin: 25px;overflow: hidden;padding: 5px;}
.quote {border: 1px solid #dbdbce;font-size: 12;margin: 1em 1px 1em 25px;overflow: hidden;padding: 5px;}
/****************************
INFOBULLE AVATAR SUJET
****************************/
.forumline .post .imgp img {width: 150px; height: 200px;}
#englob { /* Encadrement global des 2 divs */
position:relative;width:150px;height:190px;
border:1px solid #FCEFC9 -moz-box-shadow: 0px 1px 5px #FCEFC9;-webkit-box-shadow: 0px 1px 5px #FCEFC9;box-shadow: 0px 1px 5px #FCEFC9;
overflow:hidden;} /* Permet de cacher ce qui dépasse */
.imgp {
background:#trans; /* le bg  de la div qui contient l'avatar */
min-width:150px;min-height:200px;
position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;/* La position par rapport à l'autre div qui contient les infos */
-webkit-transition:all 0.5s; -moz-transition:all 0.5s;o-transition:all 0.5s;/* Laissez comme ceci */
-ms-transition:all 0.5s;transition:all 0.5s;}/* Laissez comme ceci */
#englob:hover > .imgp {margin-top:240px;}
#englob:hover > .infosp {opacity:1;margin-left:0px;}
#englob:hover > .imgp {
margin-top:200px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */}
.infosp {
background-image:url("http://image.noelshack.com/fichiers/2013/39/1379941218-1379923339-1ff4c810.jpg");
background-repeat : no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;margin-left:-200px;
opacity:1z-index:0;opacity:0;
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;/* Laissez comme ceci */
-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}/* Laissez comme ceci */
#englob:hover > .infosp {
  opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
  margin-left:0px;/* et on décale cette div à 0px (position par défaut) */}
/****************************
REPONSE RAPIDE EMPLACEMENT
****************************/
form#quick_reply {margin-top:1em; margin-bottom:0em;}
/****************************
COULEUR ZONE DE TEXTE
****************************/
.sceditor-container{width: 98% !important;margin: 10px auto !important; background:url("http://image.noelshack.com/fichiers/2015/06/1423045605-fondmsg.png")!important;background-repeat : repeat!important;border: 1px solid #BE91E3 !important;}
.sceditor-toolbar{ background: #060208!important;border-bottom: 1px solid #000000 !important;}
.sceditor-group{background: #444444 !important; border: 1px outset #333333 !important;border-radius: 5px !important;}
a.sceditor-button{background: #777777 !important;border-radius: 20px !important;}
a.sceditor-button:hover{background: #ffffff !important;}
a.sceditor-button.active{ background: #ffffff !important;}
.sceditor-container textarea, .sceditor-container iframe{padding: 5px !important;background:url("http://image.noelshack.com/fichiers/2015/06/1423046053-bigemblem.png")!important;
background-repeat : no-repeat!important;background-position: center!important; !important;border: 1px solid #666666 !important;color: #FFFFFF;}
/**=============================== MEMBERLIST TEMPLATE ======================================================**/
.avatar.mini, .avatar.mini img {width: 150px;height: 200px;}

Ok, donc si on essait ça comme template :

Code:

<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
  var all_checked = true;
  for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
  }
  document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
  for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
  }
}
</script>
<!-- END multi_selection -->
<link href='http://fonts.googleapis.com/css?family=Lobster|Great+Vibes' rel='stylesheet' type='text/css' />
<table class="sujets" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="center" align="center">
      <span class="sujets_top_title">
        Répertoire des missives rédigées
      </span>
    </td>
  </tr>
  <tr>
    <td valign="middle" align="center">
      <table class="sujets_list" cellspacing="0" cellpadding="0">
        <tbody>
<!-- END header_table -->
<!-- BEGIN header_row -->
<!-- END header_row -->
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
          <tr>
            <td valign="middle" align="center" colspan="2">
              <table class="sujet" cellspacing="7" cellpadding="0">
                <tbody>
                  <tr>
                    <td valign="middle" align="left" width="210">
                      Composé par
                      <span class="sujet_auteur">
                        {topics_list_box.row.TOPIC_AUTHOR}
                      </span>
                      <br />
                      <span class="sujet_stats">
                        Réponses: <em>{topics_list_box.row.REPLIES}</em> | Vues: <em>{topics_list_box.row.VIEWS}</em>
                      </span>
                    </td>
                    <td valign="middle" align="center" width="320">
                      <div class="sujet_title"><a class="sujetlink" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> {topics_list_box.row.PARTICIPATE_POST_IMG}</div>
                      <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
                    </td>
                    <td valign="middle" align="right" width="210">
                      {topics_list_box.row.LAST_POST_IMG} {topics_list_box.row.LAST_POST_TIME}
                      <br />
                      Répondu par
                      <span class="sujet_last_auteur">
                        {topics_list_box.row.LAST_POST_AUTHOR}
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
    <tr>
            <td valign="middle" align="center" colspan="2">
              <table class="sujet" cellspacing="7" cellpadding="0">
                <tbody>
                  <tr>
                    <td valign="middle" align="center">
                      <span class="sujets_font">
                        {topics_list_box.row.L_NO_TOPICS}
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>
          </td>
  </tr>
<!-- END no_topics -->
<!-- BEGIN bottom -->
  <tr>
    <td align="left">
            <span class="sujets_font">
              {PAGINATION}
            </span>
          </td>
    <td align="right">
            <a href="#top" class="sujets_font">
              {L_BACK_TO_TOP}
            </a>&nbsp;
          </td>
  </tr>
<!-- END bottom -->
<!-- BEGIN footer_table -->
        </tbody>
      </table>
    </td>
  </tr>
</table>
<!-- END footer_table -->
<!-- BEGIN spacer -->
<br class="gensmall" />
<!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Et ça comme CSS :

Code:

.floating_widget {
    background: none repeat scroll 0 0 rgba(80, 61, 84, 0.3);
    border: medium none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 20px;
    position: fixed;
    right: 94px;
    top: 0;
    width: 120px;
    z-index : 999;
}
#menu ul {
    font-family: Gabriela,sans-serif;
    font-size: 14px;
    font-variant: small-caps;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    text-shadow: 1px 1px 3px #1f1e1c;
    width : 120px;
}
#menu li {
    background: none repeat scroll 0 0 rgba(80, 61, 84, 0.3);
    float: left;
    margin: auto;
    padding: 0;
    width: 120px;
}
#menu li a {
    color: #fff;
    display: block;
    text-decoration: none;}

#menu li a:hover {
    color: #986e6f;
}
#menu ul li ul {
    display: none;
}
#menu ul li:hover ul {
    display: block;
}
#menu li:hover ul li {
    float: none;
}
#menu li ul {
    position: absolute;
    text-align: left;
    list-style-type: katakana-iroha;
}
@font-face {
  font-family: "Gabriela";
  font-style: normal;
  font-weight: 400;
  src: local("Gabriela"), local("Gabriela-Regular"), url("http://fonts.gstatic.com/s/gabriela/v4/CO6bIpNvGrJRZDx3xfggGvesZW2xOQ-xsNqO47m55DA.woff2") format("woff2"), url("http://fonts.gstatic.com/s/gabriela/v4/fLaucCvjCt_Hmc9smyo_rPesZW2xOQ-xsNqO47m55DA.woff") format("woff");
}
/******************************************************* DÉBUT Sujets *******************************************************/
/*Bloc des sujets*/
.sujets {
  margin: auto;
  margin-bottom: 10px;
  background-color: #0f120f;
  border: 2px solid #1f1d1a;
  padding-bottom: 15px;
  width: 850px;
}
/*Titre du bloc des sujets*/
.sujets_top_title {
  display: block;
  background-image: url('http://img4.hostingpics.net/pics/781032956965Sanstitre.png');
  width: 750px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 5px;
  font-family: "Gabriela";
  font-size: 36px;
  text-shadow: 0px 0px 5px #000000;
  color: #23709e;
  font-weight: normal;
  letter-spacing: 1px;
}

/*Liste des sujets*/
.sujets_list {
  width: 740px;
  margin: auto;
  padding: 10px;
  padding-bottom: 0px;
  background-image: url('http://image.noelshack.com/fichiers/2014/48/1416945713-pattern.png');
  text-align: left;
  color: #7b848f;
}

/*Polices des éléments hors sujets*/
.sujets_font {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #7b848f;
}

/*Chaque sujet*/
.sujet {
  position: relative;
  width: 740px;
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #1f1d1a;
  border: 1px solid #161412;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

/*Type de sujet*/
.sujet_title {
  position: absolute;
  width: 740px;
  text-align: center;
  top: -14px;
  left: 0px;
  text-shadow: 1px 1px 1px #000000;
}

/*Titre du sujet*/
a.sujetlink {
  font-family: "Gabriela";
  font-size: 15px;
  text-shadow: 1px 1px 1px #000000;
  color: #23709e!important;
  font-weight: normal;
  letter-spacing: 2px;
  padding-bottom: 5px;
  text-decoration: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
/*Titre du sujet survolé*/
a.sujetlink:hover {
  text-decoration: none!important;
  letter-spacing: 4px;
}

/*Auteurs des sujets*/
.sujet_auteur a strong, .sujet_last_auteur a strong, .sujet_auteur a, .sujet_last_auteur a {
  font-size: 12px!important;
  font-weight: normal!important;
  font-family: Arial, Helvetica, sans-serif!important;
}

/*Séparation des notes et annonces des messages*/
.sujets .row3 {
  background: transparent;
  display: block;
  margin-left: 9px;
  margin-bottom: 10px;
  margin-top: 5px;
  width: 740px;
}
/******************************************************* FIN SUJETS *******************************************************/

.mon_onglet{
          float: left;
          padding: 2px 10px;
          margin-right: 5px;
          color: #trans;
background-image: url("http://image.noelshack.com/fichiers/2014/39/1411918352-categmenu.jpg");
          border: 2px solid #006699;
          cursor: pointer;
          margin-bottom: -2px;
          list-style: none;
          -webkit-box-shadow:2px 0px 2px 0px #000000;
        -moz-box-shadow:2px 0px 2px 0px #000000;
        box-shadow:2px 0px 2px 0px #000000;
        }
     
        .mon_onglet_selected{
          float: left;
          padding: 2px 10px;
          margin-right: 5px;
          color: #ffffff;
  background-image: url("http://image.noelshack.com/fichiers/2014/39/1411918352-categmenuhover.jpg");
          background: #trans;
          border-top: 2px solid #006699;
          border-right: 2px solid #006699;
          border-left: 2px solid #006699;
          border-bottom: 0px solid #fff;
          cursor: pointer;
          margin-bottom: -3px;
          list-style: none;
          -webkit-box-shadow:2px 0px 2px 0px #000;
        -moz-box-shadow:2px 0px 2px 0px #000;
        box-shadow:2px 0px 2px 0px #000;}       
        .clear{clear: both;}
        .mon_contenu{
  color: #FFFFFF;
background-image: url("http://image.noelshack.com/fichiers/2014/42/1413190102-1411917228-bg-missions.gif");
          border: 2px solid #006699;
          padding: 10px;
          line-height: normal;
          font-size: 11px;
        width: 850px;
        height: 250px;}
        #mes_contenus, #mes_onglets{
          width: 875px;}

/****************************
NOUVEAU MESSAGES ROTATIFS
****************************/
.new_mess {background: linear-gradient(to right, #1a70c0, #281d5c, #281d5c, #1a70c0) repeat scroll 0 0 #f0f6fa;
border-bottom-right-radius: 42px;border-top-right-radius: 14px;height: 400px;padding-top: 1px; top: 0;}
th.momo2 {margin-left: auto;margin-right: auto;}
.transition_messages {bottom: 10px;left: 10px;float: left;padding: 0;position: fixed;width: 68px;z-index: 999;}
.block_messages{box-shadow: 0 0 10px blue;
background-image: url("http://image.noelshack.com/fichiers/2014/33/1408033529-howtoconnect-background-1.jpg");
border: 1px black solid;border-radius: 30px;bottom: 0;box-shadow: 0px 0px 10px #381f42!important;
height: 0;left: 1px;overflow: hidden;padding: 0;position: absolute;text-align: right;
-moz-transition: width 0.9s linear 0.2s, height 0.9s linear 0.2s, padding 0.9s linear 0.2s;
-webkit-transition: width 0.9s linear 0.2s, height 0.9s linear 0.2s, padding 0.9s linear 0.2s;
transition: width 0.9s linear 0.2s, height 0.9s linear 0.2s, padding 0.9s linear 0.2s;
width: 0;}
#comments_scroll_div {margin-top: 30px;height: 200px;}
.transition_messages:hover .block_messages {border-width: 1px;height: 300px;padding: 5px 5px 5px 25px;
width: 150px;}
.transition_messages img {transform: rotate(0deg); -moz-transform: rotate(0deg);
-webkit-transition: all 1.5s ease 0s; -moz-transition: all 1.5s ease 0s; transition: all 1.5s ease 0s;opacity:0.5}
.transition_messages:hover img {
-webkit-transform:-moz-transform: rotate(360deg); -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);transform: rotate(360deg);opacity: 1;}
/****************************curseur****************************/
body{cursor: url("http://image.noelshack.com/fichiers/2015/04/1422051685-curseur.png"),auto; /* par default */}
a{cursor: url("http://image.noelshack.com/fichiers/2015/04/1422051685-curseurlink.png"),auto; /* par default */}
/****************************
INDEX FOFO : texte au hover
****************************/
.indexfofo .genmed img{position: absolute;left: 0;top: -5px;z-index: 2; margin:0;padding:0;border-radius: 10px;
width: 100%;height: 100%;z-index:-999;}
td.row1.over {position: relative; z-index: 2;}
td.row1.over:hover {z-index: 6;}
.imggg {background-color: #000000;border: 1px solid #000;border-radius: 10px;width: 100%; height: 100%; margin: auto;padding: 30px 25px 25px 25px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
position: absolute; left:0; top:0;right:-2;bottom:-2;text-align: justify;text-shadow: 0 0 5px #000000; font-size: 12px; font-family: "Gabriela"; font-weight:bold;
transition: opacity 0.5s ease-in;-moz-transition: opacity 0.5s ease-in;-o-transition: opacity 0.5s ease-in;-webkit-transition: opacity 0.5s ease-in;-htm-transition: opacity 0.5s ease-in;
opacity: 0.2; z-index:4;}
.imggg:hover{opacity: 0.6;    z-index:4;}
/****************************
OPACITE IMAGE
****************************/
.opac {opacity: 0.5;filter: alpha(opacity=50);transition: opacity 1s;-moz-transition: opacity 1s;-o-transition: opacity 1s;-webkit-transition: opacity 1s;-htm-transition: opacity 1s;}
.opac:hover {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);transition: opacity 1s;-moz-transition: opacity 1s;-o-transition: opacity 1s;-webkit-transition: opacity 1s;-htm-transition: opacity 1s;}
/* ---------Ombre des rangs--------- */
.title
{text-shadow: 1px 1px 5px #CCA572;}
/*******************µµµ**
TAGS DE MODERATION
************************/
.modo{background-image: url('http://files.cssactif.com/tag/nb.png');background-repeat: no-repeat;
background-position: 3px 3px;background-color: #FCEFC9;border: 1px solid #CC9E3A;color: #785C27;
padding-left: 55px;min-height: 60px;    font-family: Verdana, Geneva, sans-serif;  font-size: 10px;
margin: 5px auto;padding: 3px 3px 3px 40px;min-height: 35px;width: 80%;
-moz-box-shadow: 0px 1px 5px #FCEFC9;-webkit-box-shadow: 0px 1px 5px #FCEFC9;box-shadow: 0px 1px 5px #FCEFC9;
color:red;font-weight: bold;}
.alert{background-image: url('http://image.noelshack.com/fichiers/2014/32/1407248123-lock13.gif');
background-repeat: no-repeat;background-position: px 3px;background-color: #50435E;border: 1px solid #7244A1;
color: #B0A7BA;padding-left: 55px;min-height: 60px;font-family: Verdana, Geneva, sans-serif;font-size: 10px;
margin: 5px auto;padding: 3px 3px 3px 40px;min-height: 35px;width: 80%;
-moz-box-shadow: 0px 1px 5px #7244A1;-webkit-box-shadow: 0px 1px 5px #7244A1;box-shadow: 0px 1px 5px #7244A1;}
#forum_rules table td.rules{
background-image: url("http://image.noelshack.com/fichiers/2014/32/1407333020-1105264-aion-artwork-p.png");
background-repeat: no-repeat;background-color: #080114;border: 1px solid #7244A1;witdh:100%;
color: #B0A7BA;padding-left: 55px;min-height: 60px;font-family: Verdana, Geneva, sans-serif;font-size: 10px;
margin: 5px auto;padding: 3px 3px 3px 40px;height: 100%;
-moz-box-shadow: 0px 1px 5px #7244A1;-webkit-box-shadow: 0px 1px 5px #7244A1;box-shadow: 0px 1px 5px #7244A1;}
/**====================================== INDEX BODY =======================================================**/
/****************************
BARRE DE NAVIGATION : POSITION
****************************/
#i_logo {margin-bottom: -120px; margin-top: 0px; transform: rotateY(0deg); -moz-transform: rotateY(0deg);
  -webkit-transition: all 3s ease 0s; -moz-transition: all 3s ease 0s; transition: all 3s ease 0s;}
#i_logo:hover {-moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.barre_nav{position: fixed;left: 0px; top: 0px;right: 0px;z-index: 800;}
table.bodylinewidth {position:relative;top: -7px;}
/*IMAGE INDEX*/
#i_icon_mini_index{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-forum.png');width:93px; height:32px;z-index: 999}
#i_icon_mini_index:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-forumhover.png');width:93px; height:32px;z-index: 999}
/*IMAGE FAQ*/
#i_icon_mini_faq{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592787-faq.png');width:54px;height:32px;z-index: 999}
#i_icon_mini_faq:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592787-faqhover.png');width:54px;height:32px;z-index: 999}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-recherc.png');width:108px;height:32px;z-index: 999}
#i_icon_mini_search:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592789-recherchover.png');width:108px;height:32px;z-index: 999}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592790-membres.png');width:87px;height:32px;z-index: 999}
#i_icon_mini_members:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-membreshover.png');width:87px;height:32px;z-index: 999}
/*IMAGE GROUPES*/
#i_icon_mini_groups{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-grp.png');width:86px;height:32px;z-index: 999}
#i_icon_mini_groups:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-grphover.png');width:86px;height:32px;z-index: 999}
/*IMAGE PROFIL*/
#i_icon_mini_profile{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-profil.png');width:70px;height:32px;z-index: 999}
#i_icon_mini_profile:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592790-profilhover.png');width:70px;height:32px;z-index: 999}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{background-image:url('http://image.noelshack.com/fichiers/2015/04/1422136572-messag.png');width:91px; height:32px;z-index: 999}
#i_icon_mini_message:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592111-messaghover.png');width:91px;height:32px;z-index: 999}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592787-deco.png');width:153px;height:32px;z-index: 999}
#i_icon_mini_logout:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592787-decohover.png');width:153px;height:32px;z-index: 999}
/*IMAGE CONNEXION*/
#i_icon_mini_login{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592787-connex.png');width:133px;height:32px;z-index: 999}
#i_icon_mini_login:hover{background-image:url('http://image.noelshack.com/fichiers/2014/32/1407592788-connexhover.png');width:133px;height:32px;z-index: 999}
/****************************
BOUTON CHATBOX INDEX
****************************/
.bouton_ouverture{ /* se connecter (partie texte)*/
font-family:Verdana, Helvetica, sans-serif;text-align: center;font-size: 14px;text-decoration: none !important;
color: #70a400 !important;uppercase: 1px;text-shadow: 5px 0px 5px #000000;overflow: hidden;
transition: all 0.54s ease 0s;min-width: 90%;-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
.bouton_ouverture:hover { /* se connecter (partie texte) au survol */
color: #9de00c !important;uppercase: 2px;text-decoration: none !important;text-shadow: 10px 0px 10px #000000;
overflow: hidden;transition: all 0.54s ease 0s;min-width: 90%;-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
.bouton_cadre{ /* est le bouton se connecter */
background: url("http://i47.servimg.com/u/f47/12/57/30/22/mm1211.jpg") #31185C center ;display: block;
margin: 0 auto;padding: 4px;-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;
box-shadow: 0px 1px 5px #000000;overflow: hidden;transition: all 0.54s ease 0s;min-width: 90%;
text-align: center;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
#chatbox{background-image: url("http://image.noelshack.com/fichiers/2015/06/1422962006-msgencours.png")no-repeat;
-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;}
.chatbox-title{font: 18px Arial;color: #000000 !important;-moz-box-shadow: 0px 1px 5px #000000;
-webkit-box-shadow: 0px 1px 5px #000000;}
#chatbox_header{background-image: url("http://img5.xooimage.com/files/c/e/cellpic3-8c96a.jpg");
-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;}
.chatbox_row_1{background-color: #trans;-moz-box-shadow: 0px 1px 5px #000000;
-webkit-box-shadow: 0px 1px 5px #000000;}
.chatbox_row_2{background-color: #trans;-moz-box-shadow: 0px 1px 5px #000000;
-webkit-box-shadow: 0px 1px 5px #000000;}
#chatbox_members{background-image: url("http://image.noelshack.com/fichiers/2015/06/1422962006-msgencours.png");
border: 1px solid #302F2F;-webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;}
#chatbox_members .member-title{background-color: #000000;
background-image: url("http://img502.imageshack.us/img502/6128/fondforumb.png");
border: 1px solid #000000;-webkit-border-radius: 0px 0px 15px 15px;-moz-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Kazga Hassa"; }
#fa_ticker_block{ width: 70%; margin: auto; }
#chatbox, .post{color: #ffffff;background-color: #trans;padding : 0px 2px 2px 2px;
-webkit-border-radius: 0px 0px 8px 8px;-moz-border-radius: 0px 0px 8px 8px;border-radius: 0px 0px 8px 8px;
-moz-box-shadow: 0px 1px 5px #000000;-webkit-box-shadow: 0px 1px 5px #000000;z-index: 999;font-family:Verdana, Helvetica, sans-serif;}
/* Message de connexion CB */
.msg span[style*="green"] strong {
    color: #2980b9; /* couleur */
    font-variant: small-caps; /* petites majuscules */
}

/* Message de déconnexion CB */
.msg span[style*="red"] strong {
    color: #8e44ad; /* couleur */
    font-variant: small-caps; /* petites majuscules */
}
/****************************
IMAGE DE COIN CORBEAUX
****************************/
.imgbas1 {
background:transparent url("http://image.noelshack.com/fichiers/2015/06/1422886969-pilier-gauche-rosa.png");
background-repeat : no-repeat;width : 298px;height : 1092px;position : fixed;bottom : 0px;left : 0px;}
.imgbas2 {
background:transparent url("http://image.noelshack.com/fichiers/2015/06/1422886971-pilier-droite-rosa.png");
background-repeat : no-repeat;width : 298px;height : 1092px;position : fixed;bottom : 0px;right : 0px;}
/****************************
OMBRE AUTOUR DU CADRE FOFO
****************************/
.row1{box-shadow: 0px 0px 10px #BFB4B5;-moz-box-shadow: 0px 0px 10px #BFB4B5;
-webkit-box-shadow: 0px 0px 10px #BFB4B5;
-o-box-shadow: 0px 0px 10px #BFB4B5;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
z-index:-999}
/****************************
IMAGE FOND DE MESSAGE POSTE
****************************/
td.row1,td.row2{
background-image: url("http://image.noelshack.com/fichiers/2014/32/1407333020-1105264-aion-artwork-p.png");
background-repeat: no-repeat}
.row2{-moz-box-shadow: 0px 0px 10px #BFB4B5;box-shadow: 0px 0px 10px #BFB4B5;
-webkit-box-shadow: 0px 0px 10px #BFB4B5;-o-box-shadow: 0px 0px 10px #BFB4B5;
-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
.row3{-moz-box-shadow: 0px 0px 10px #BFB4B5;box-shadow: 0px 0px 10px #BFB4B5;
-webkit-box-shadow: 0px 0px 10px #BFB4B5;-o-box-shadow: 0px 0px 10px #BFB4B5;
-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
.row3Right{-moz-box-shadow: 0px 0px 10px #BFB4B5;box-shadow: 0px 0px 10px #BFB4B5;
-webkit-box-shadow: 0px 0px 10px #BFB4B5;-o-box-shadow: 0px 0px 10px #BFB4B5;
-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
/****************************
LIEN OMBREE SANS DECO
****************************/
a:link {position: relative;text-decoration:none;}
a {3px 1px 10px;-o-transition: 1s;-ms-transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;transition: 1s;}
a:hover { text-decoration: !important; color: #BF5858;}
.forumlink {text-decoration: none;color:#bfb4b5;text-shadow: white 3px 1px 10px;}
div.forumlink {position: relative;z-index:100;}
a.forumlink {text-decoration: none;color:#bfb4b5;text-shadow: 3px 1px 10px #ffffff;}
.forumlink:hover {color:#E8B754;text-shadow: 3px 1px 10px #ffffff;
-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;}
a.mainmenu:hover {text-transform:uppercase;text-decoration:overline underline !important;}
a{text-decoration: none;}
a:active{text-decoration: none; }
a:hover{text-decoration: none!important;}
.imggg a:hover {color: #55FF55;}
a.mainmenu:hover{font-size: 13px; text-decoration:none!important;}
.forumlink{text-decoration: none!important;}
a.forumtitle{text-decoration:none!important;}
.line{background-color: #CF8D1B2;}
/****************************
QUI EST EN LIGNE
****************************/
.qeel_start{
background-image: url("http://image.noelshack.com/fichiers/2015/06/1422897726-qeel.png");
border:0px;background-color: transparent;background-repeat: no-repeat;background-position: center;height: 275px;}
.groupes a {background-color:#000000;opacity: .7;border: 1px #8c8c8c solid;-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;font-size:15px;font-weight: bold;
text-align:center;text-decoration: none !important;align:center;}
.groupes a:hover {font-size:18px;}
.colo{border:1pxsolid black;width:900px;-moz-box-shadow: 1px 1px 12px #F00000;
-webkit-box-shadow: 1px 1px 12px #BABABA;box-shadow: 1px 1px 12px #BABABA;margin-left:20px;}
/**====================================== INDEX BOX ============================================++++=========**/
/****************************
FOND ECRAN FORUM
****************************/
body{background-repeat: no-repeat;background-position: top center;}
.lastmessopac {opacity : 0.6;-moz-opacity : 0.6;-khtml-opacity: 0.6;-ms-filter: "alpha(opacity=60)";
filter : alpha(opacity=60); transition: opacity 1.7s linear;-moz-transition: opacity 1.7s linear;
-o-transition: opacity 1.7s linear;-webkit-transition: opacity 1.7s linear;-htm-transition: opacity 1.7s linear;}
.lastmessopac:hover {opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
transition: opacity 0.5s ease-in;-moz-transition: opacity 0.5s ease-in;-o-transition: opacity 0.5s ease-in;
-webkit-transition: opacity 0.5s ease-in;-htm-transition: opacity 0.5s ease-in;}
/****************************
TRANSPARENCE DES COINS CATEGO
****************************/
input, select, textarea {background-color: #140C01;}
.thLeft {border: 0px solid transparent !important; background-color:transparent !important;}
.thRight {border: 0px solid transparent !important; background-color:transparent !important;}
.thCornerL {border: 0px solid transparent !important; background-color:transparent !important;}
.thCornerR  {border: 0px solid transparent !important; background-color:transparent !important;}
.thTop {border: 0px solid transparent !important; background-color:transparent !important;}
.catBottom {border: 0px solid transparent !important; background-color:transparent !important;}
.catHead {border: 0px solid transparent !important; background-color:transparent !important;}
.catHead {  border: none !important;}
.catBottom  {  border: none !important;}
.thLeft  {  border: none !important;}
.thRight {  border: none !important;}
.row3Right {  border: none !important;}
/****************************
ICONE MESSAGE FOFO : new ECT
****************************/
input, select, textarea {background-color: #140C01;}
.myfolder {background: transparent;box-shadow: none;
width: 818px;margin: 1px auto -40px;border: none;}
.myfolder img {z-index: 4;position: relative;display:block;}
.myfolder img:hover {z-index: 0;}
  /**================================== OVERALL HEADER ================================================**/


  /**=================================+= TOPIC LIST BOX ======================================================**/
/*Séparation des notes et annonces des messages*/
.sujets .row3 {
background: transparent;
display: block;
width: 740px;
}
  /**================================== WIEW FORUM BODY ============================================++++======**/

  /**================================== WIEW TOPIC BODY ============================================++========**/
/****************************
DECORATION TEXTE PSEUDO RANG
****************************/
.name_prof{font-family:'Cinzel Decorative', cursive;font-size: 20px;width:80%;margin:3px auto 0 auto;text-align:center;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);}
.name_prof:hover{font-size:22px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);}
.rank{font-family:'Cinzel Decorative', cursive;text-align: center; font-size: 16px;}
/**_=============COULEUR ZONE DE TEXTE =================**/
input, select, textarea {background-color: #140C01;}
.postbody{padding-left:10px;padding-right: 10px;text-align:justify;color: #ffffff;}
/****************************
CADRE AUTOUR DE L AVATAR
****************************/
.infobulle_avatar a img {width:150px;height:220px;
-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;border: 1px double;-moz-box-shadow: 0px 1px 5px;
-webkit-box-shadow: 0px 1px 5px;box-shadow: 0px 1px 5px;}
/****************************
ICONE HORS LIGNE- EN LIGNE
****************************/
#onoutline {background: url("http://i75.servimg.com/u/f75/11/95/30/70/m111.png") no-repeat;
position: absolute;float: left;width: 19px;height: 127px;margin-left: -24px;margin-top: -41px;}
#offoutline { background: url("http://image.noelshack.com/fichiers/2014/04/1390248157-offline.png") no-repeat;
position: absolute;float: left;width: 19px;height: 127px;margin-left: -24px;margin-top: -41px;}
.post_onlin{background: url("http://i75.servimg.com/u/f75/11/95/30/70/m111.png") no-repeat;
position: absolute;float: left;width: 19px;height: 127px;margin-left: -24px;margin-top: 13px;padding: 0;
border: 0;}
/****************************
COULEUR BARRE DE SEPARATION HR
****************************/
.hr {background: transparent url("http://image.noelshack.com/fichiers/2013/39/1379935299-entete1.png")
no-repeat top center;width: 400px;height: 35px;border: none !important;}
hr {
background: transparent url("http://image.noelshack.com/fichiers/2013/39/1379937192-1340239272-hr.png")
no-repeat top center;width: 738px;height: 35px;  border: none !important; }
/****************************
CITATIONS CODE SPOILER
****************************/
dd.code{border: 1px dashed #ffffff;padding: 20px;
background: #010F24 url("http://i42.servimg.com/u/f42/09/02/12/09/commen10.png")no-repeat scroll 4px 9px;
text-shadow: 1px 1px 5px #ffffff;text-align: justify;color: #ffffff;-moz-border-radius: 10px;
-webkit-border-radius: 10px;border-radius: 10px;}
.code:hover {
background:#061919 url("http://i42.servimg.com/u/f42/09/02/12/09/commen10.png") no-repeat scroll 4px 9px;
  padding: 20px;}
.selectCode { float:right; text-transform: Times new roman; cursor:pointer; text-shadow: 1px 1px 5px #DBD8D8;}
div.cont_code { clear: right;text-shadow: 1px 1px 5px #104508;}
.spoiler_closed hidden,  .spoiler_content, .spoiler_closed {border: 1px dashed #ffffff;padding: 10px;
background: #010F24;text-shadow: 1px 1px 5px #006600;color: #ffffff;-moz-border-radius: 10px;
-webkit-border-radius: 10px;border-radius: 10px;}
.spoiler_closed hidden,  .spoiler_content, .spoiler_closed:hover {
background:#061919 url("http://i42.servimg.com/u/f42/09/02/12/09/commen10.png") no-repeat scroll 4px 9px;
padding: 10px;}

.content quote {=color: #000;font-family: Verdana,Arial,Helvetica,sans-serif;}
.quote {background: url("https://dl.dropboxusercontent.com/u/61854612/quote.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
border-radius: 25px 10px / 10px 25px;box-shadow: 1px 1px 12px #000;font-family: Palatino,serif;font-size: 12;margin: 25px;overflow: hidden;padding: 5px;}
.quote {border: 1px solid #dbdbce;font-size: 12;margin: 1em 1px 1em 25px;overflow: hidden;padding: 5px;}
/****************************
INFOBULLE AVATAR SUJET
****************************/
.forumline .post .imgp img {width: 150px; height: 200px;}
#englob { /* Encadrement global des 2 divs */
position:relative;width:150px;height:190px;
border:1px solid #FCEFC9 -moz-box-shadow: 0px 1px 5px #FCEFC9;-webkit-box-shadow: 0px 1px 5px #FCEFC9;box-shadow: 0px 1px 5px #FCEFC9;
overflow:hidden;} /* Permet de cacher ce qui dépasse */
.imgp {
background:#trans; /* le bg  de la div qui contient l'avatar */
min-width:150px;min-height:200px;
position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;/* La position par rapport à l'autre div qui contient les infos */
-webkit-transition:all 0.5s; -moz-transition:all 0.5s;o-transition:all 0.5s;/* Laissez comme ceci */
-ms-transition:all 0.5s;transition:all 0.5s;}/* Laissez comme ceci */
#englob:hover > .imgp {margin-top:240px;}
#englob:hover > .infosp {opacity:1;margin-left:0px;}
#englob:hover > .imgp {
margin-top:200px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */}
.infosp {
background-image:url("http://image.noelshack.com/fichiers/2013/39/1379941218-1379923339-1ff4c810.jpg");
background-repeat : no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;margin-left:-200px;
opacity:1z-index:0;opacity:0;
-webkit-transition:all 0.5s;-moz-transition:all 0.5s;/* Laissez comme ceci */
-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}/* Laissez comme ceci */
#englob:hover > .infosp {
  opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
  margin-left:0px;/* et on décale cette div à 0px (position par défaut) */}
/****************************
REPONSE RAPIDE EMPLACEMENT
****************************/
form#quick_reply {margin-top:1em; margin-bottom:0em;}
/****************************
COULEUR ZONE DE TEXTE
****************************/
.sceditor-container{width: 98% !important;margin: 10px auto !important; background:url("http://image.noelshack.com/fichiers/2015/06/1423045605-fondmsg.png")!important;background-repeat : repeat!important;border: 1px solid #BE91E3 !important;}
.sceditor-toolbar{ background: #060208!important;border-bottom: 1px solid #000000 !important;}
.sceditor-group{background: #444444 !important; border: 1px outset #333333 !important;border-radius: 5px !important;}
a.sceditor-button{background: #777777 !important;border-radius: 20px !important;}
a.sceditor-button:hover{background: #ffffff !important;}
a.sceditor-button.active{ background: #ffffff !important;}
.sceditor-container textarea, .sceditor-container iframe{padding: 5px !important;background:url("http://image.noelshack.com/fichiers/2015/06/1423046053-bigemblem.png")!important;
background-repeat : no-repeat!important;background-position: center!important; !important;border: 1px solid #666666 !important;color: #FFFFFF;}
/**=============================== MEMBERLIST TEMPLATE ======================================================**/
.avatar.mini, .avatar.mini img {width: 150px;height: 200px;}

Est-ce que c'est mieux?

J'en conclus que c'est réglé et j'archive ~