code catégories défliantes

<br />
<center>
      
   <div class="cate">
         
      <div class="cate_img">
           <img src="http://img11.hostingpics.net/pics/382150administration.png" /> 
      </div>
         
      <div class="cate_description">
          Nouveaux pilleurs c'est ici qu'il faut se rendre avant de poster sur le forum :)
      </div>
         
   </div>
      
   <div style="clear: both;">
         
   </div>
</center>

/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */


        .cate
        {
          width: 500px;
          height: 120px;
          overflow: hidden;
          border: 1px solid #000000;
          background-color: #422F24;
        }
        .cate_img
        {
          position: relative;
          z-index: 2;
          width: 500px;
          height: 120px;
          margin-left: 0px;
            transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .cate:hover .cate_img
        {
        margin-left: 500px;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .cate_description
        {
          position: relative;
          z-index: 1;
          width: 400px;
          height: 120px;
          margin-top: -100px;
          text-align: justify;
          font-size: 11px;
          color: #d5bfb2;
          padding: 2px;
          overflow: auto;
        }

<center><div style="letter-spacing:5px;"><font color="a38d67"; face="Copperplate Gothic Light">Role - Play</font></font></div></center>

  <div class="qeel_box_1">
    <div id="totaluser">{TOTAL_USERS}</div>
    <div id="totalpost">{TOTAL_POSTS}</div>
    <div id="newuser" style="margin-top: 10px;">{NEWEST_USER}</div>
    Merci d'être sympathique avec lui/elle
    <script type="text/javascript">
      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Nous avons/,"Il y a en tout");
      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/membre enregistré/,"survivant");
      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/membres enregistrés/,"survivants");
    </script>
    <script type="text/javascript">
      document.getElementById('totalpost').innerHTML=document.getElementById('totalpost').innerHTML.replace(/Nos membres ont posté un total de/,"Nos membres ont survécus à");     
      document.getElementById('totalpost').innerHTML=document.getElementById('totalpost').innerHTML.replace(/message/,"épreuve");
      document.getElementById('totalpost').innerHTML=document.getElementById('totalpost').innerHTML.replace(/messages/,"épreuves");
    </script>
    <script type="text/javascript">
      document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La nouvelle recrue est");
    </script>
  </div>
  <div class="qeel_box_2">
    <div id="totalonline">{TOTAL_USERS_ONLINE}</div>
    <div id="loggedlist">{LOGGED_IN_USER_LIST}</div>
    <script type="text/javascript">
      document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Il y a en tout/,"Il y a");
      document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/utilisateur en ligne ::/,"être en ligne :<br />");
      document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/utilisateurs en ligne ::/,"êtres en ligne :<br />");
      document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Enregistré/,"survivant");
      document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Enregistrés/,"survivants");
      document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invisible/,"spectre");
      document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invisibles/,"spectres");
      document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invité/,"invité");
      document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invités/,"invités");
    </script>
    <script type="text/javascript">
      document.getElementById('loggedlist').innerHTML=document.getElementById('loggedlist').innerHTML.replace(/Utilisateurs enregistrés/,"Survivants connectés");
    </script>
  </div>
  <div class="qeel_box_3">
    <div id="totalconn"><table>{L_CONNECTED_MEMBERS}</table></div>
    <script type="text/javascript">
      document.getElementById('totalconn').innerHTML=document.getElementById('totalconn').innerHTML.replace(/Membres connectés au cours des/,"Survivants connectés ces dernières");
      document.getElementById('totalconn').innerHTML=document.getElementById('totalconn').innerHTML.replace(/dernières heures :/,"heures :");
    </script>
  </div>
  <div class="qeel_box_4">
    Qui est avec nous?
  </div>