Catégories

  /* --------------------------------- CATEGORIES --------------------------------- */

    .imgforum {
      border-radius: 100%;
      border: 2px solid #ffffff;
    }

    .bloc1 {
      background-color: #3D2A33;
      width: 500px;
      height: 150px;
      position: relative;
     left: 3em;
      box-shadow: 2px 2px 15px black;
     -moz-box-shadow: 2px 2px 15px black;
      -webkit-box-shadow: 2px 2px 15px black;
    }


    /*** FONDS GENERAUX ***/

    /* Contenu de l'ensembre des forum */
    .categorie {
      width: 700px;
      height: 200px;
      padding: 10px;
    }

    /* Fond des forum */
    .sous-forum {
      width: 300px;
      height: 50px;
      overflow: auto;
      top: -10em;
    }

    /* Fond titre catégorie */
    .cate_titre {
      width: 800px;
      margin: auto;
      padding: 5px;
      background-color: #3D2A33;
      box-shadow: 2px 2px 15px black;
     -moz-box-shadow: 2px 2px 15px black;
      -webkit-box-shadow: 2px 2px 15px black;
    }

    /* Mise en forme nom de catégorie */
    h2 {
      font-size: 20px;
      font-family: 'Carrois Gothic SC', sans-serif;
      color: #C2A7B4;
      text-align: center;
    }




    /*** MISE EN FORME DES FORUM ***/

    /* Mise en forme du texte des titres de forum */
    .forumlink {
      color: #A47B8E !important;
      font-family: 'Vampiro One', cursive;
      font-size: 25px !important;
      font-weight: none !important;
      position: relative;
      top: 0.5em;
      left: -2em;
      z-index: 1;
    }

    .forumlink:hover {
      color: #F1EBEE !important;
      text-decoration: none !important;
    }

    .forumlink a {
      font-size: 16px;
      width: 500px;
    }

    /* Mise en forme de la description */
    .description {
      width: 400px;
      height: 90px;
      font-size: 11px;
      text-align: justify;
      color: #CBC0C6;
      background-color: #392F34;
      border: 2px solid #2D2227;
      border-radius: 5px;
      position: relative;
      top: 1em;
      left: 3em;
      padding: 15px;
    }

    .imagedesc {
      position: relative;
      right: -6em;
      top: -2em;
     -moz-transform:rotate(8deg);
      -webkit-transform:rotate(8deg);
      transform:rotate(8deg);
    }




    /*** SOUS-FORUM ***/

    .lienssf {
      width: 490px;
      max-height: 15px;
      overflow: auto;
      background-color: #2C1D24;
      padding: 5px;
      position: relative;
    }

    .lienssf a {
      color: #A47B8E !important;
      text-decoration: none !important;
    }

    .lienssf a:hover {
      color: #CBC0C6 !important;
     text-decoration : none !important;
    }




    /*** DERNIERS MESSAGES ***/

    .last_mess {
      width: 120px;
      position: relative;
      left: 6em;
      top: 1.5em;
      background-color: #2C1D24;
      color: #C9AFBB;
      padding: 10px;
      font-size: 11px;
      border-radius: 5px;
    }

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

    .last_mess a:hover {
      color: #CAC9C7 !important;
     text-decoration : none !important;
    }


    /*--------------------------------- FIN CATEGORIES --------------------------------- */

  <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 -->

    <div style="background-color: #34222A; padding: 10px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



       <!-- END tablehead -->
       <!-- BEGIN cathead -->
      
      <!-- END cathead -->
       <!-- BEGIN forumrow -->
    
    
      <div class="categorie">
    <table><tr>
      <td><img class="imgforum" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
        <div class="bloc1"><div class="rien">{catrow.forumrow.FORUM_DESC}</div>
          <div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td>
      <td><div class="last_mess">{catrow.forumrow.LAST_POST}</div></td>
    </tr>
    </table>
        
     </div>

       <!-- END forumrow -->
       <!-- BEGIN catfoot -->
      
      <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
    
   </div>  
    
   <!-- END tablefoot --><!-- END catrow -->
    <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC|Vampiro+One' rel='stylesheet' type='text/css'>

  <div class="description" style="width: 400px; height: 50px; overflow: auto; padding: 15px;">
        Description ici.
    </div>