THEME : day dream (red)

CSS :

Code:

/********************** GENERALITES **********************/
#field_id1 div:first-child img {
    border: 4px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
    height: 100px;
    margin-left: -314px;
    margin-top: -187px;
    position: absolute;
    width: 100px;
}

/**** LIENS ****/


a {
  text-decoration: none!important;
}
a:hover {
  text-decoration: none!important;
}
a:active {
  text-decoration: none!important;
}
a:visited {
  text-decoration: none!important;
}


/**** SCROLLBAR INVISIBLE ****/

.v1-scroll::-webkit-scrollbar {width: 0px;}
.v1-scroll::-webkit-scrollbar-track {background: transparent url(images/backgrounds/scrollbar.png) repeat-y;}
.v1-scroll::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}

/**** FOND ****/

body
{
  background-image: url('http://i.imgur.com/HoaKOC4.png');
  background-attachment: fixed;
  margin:0px; padding:0px;
}

/**** DEUXIEME FOND ****/

table.bodylinewidth {
  width:900px;
position:relative;
  margin-bottom: 25px;
  top:35px;
  border:0px solid #ddd;
  background:rgba(255,255,255, 0);
  padding: 15px;
        }

td.bodyline {
  background:#fff;
}
/********************** HAUT DU FORUM **********************/

.barre-nav {
  border-bottom:0px solid #ccc;
  width:100%;
  background:#000;
  position: fixed;
    z-index:999;
  text-align:center;
}

.titre-nav {
  background:#CD2E2E;
  padding:20px;
  width:185px;
  margin-left:219px;
 text-align:left;
}

.titre-nav a {
  font-family:raleway;
  font-size:20px;
  line-height:19px;
  color:#fff!important;
  font-weight:bold;
  text-transform:uppercase;
}

/*****AVATAR*****/
.cercle_avatar{
  margin-left: -8px;
  width: 60px;
  height: 60px;
  overflow: hidden;
  background: #fff;
  padding: 5px;
  border:1px solid #ccc;
}

.panneau_avatar {
  width:60px;
  height:60px;
  overflow:hidden;
  }
.panneau_avatar img {
 width: 60px;
}

/*** navigation ***/

.navigation {
  background:#000;
  width:650px;
  padding:20px
  float:center;
  z-index: 997;
  text-align:right;
  
}
.navigation a {
  font: 9px arimo!important;
  color: #fff!important;
  text-transform: uppercase;
  line-height: 100%;
}
.navigation a:hover {
  font: 9px arimo!important;
  color: #fff!important;
  text-transform: uppercase;
  line-height: 100%;
}
/*** LIENS DE NAVIGATION ***/

.navigwelcome
{
  width: 100%;
  padding: 10px;
  background:#f8f8f8;
  height: auto;
  margin-top: 51px;
  margin-left: -8px;
  font-family: calibri;
  font-size: 8px;
  color: #333;
  text-align: right;
  text-transform: uppercase;
  line-height: 100%;
  word-spacing: 5px;
  position: fixed;
  z-index: 999;
  border-bottom: 10px solid #FFBFBF;
}

.navigwelcome a, .navigwelcome a:hover {
  font-family: calibri!important;
  font-size: 8px!important;
  color: #333!important;
  text-transform: uppercase;
  line-height: 100%;
  letter-spacing: 2px;
  word-spacing: 5px;
}


/***********SELECTION***********/

::selection, ::-webkit-selection {
background-color: #68b6cc; /*On change la couleur du fond du surlignage (bleue par défaut)*/
color: #fff;/*On change la couleur du texte surligné (blanche par défaut)*/
}


/************** messages *************/

.v3reprap {
 background: #a32525;
  width: 824px;
  border: 1px solid #ccc;
  height: auto;
  padding: 25px;
  font-family: raleway;
  font-size: 35px;
  color: #fff;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
  text-shadow: 1px 1px #000;
  line-height: 100%;
  letter-spacing: -3px;
  word-spacing: 5px;
}
/**TITRE SUJET**/

.titresujet {
  background:#f8f8f8;
  width:882px;
  height:60px;
  padding:15px;
  position:relative;
  top:-2px;
  font-family:raleway;
  font-size:20px;
  font-weight:bold;
  text-shadow:1px 1px #ccc;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  color:#000;
  text-align: left;
  text-transform: uppercase;
}

.page {
  background:#F0F0F0;
  padding:10px;
  width:auto;
  max-width:180px;
  color:#fff;
  font-size:9px;
  font-family:raleway;
  text-transform:uppercase;
}

.page a {
  color:#fff;
}

/**bloc pseudo**/

.pseudotg {
  background:#fff;
  width:200px;
  height: auto;
  padding:5px;
  border: 1px solid #ccc;
  text-align: right;
  margin-left:5px;
  margin-top:-5px;
}

.pseudo {
  height: auto;
  line-height: 100%;
background:#f0f0f0;
  padding:10px;
}

.pseudo a {
  font-family:raleway;
  font-size: 20px;
  color:#A6C3FD;
  font-weight:300;
  text-transform: lowercase;
  text-shadow: 1px 1px #fff;
  letter-spacing:-1px;
  word-spacing: 3px;
}

.corpsujet {
  background: #fff;
  width:630px;
  min-height: 400px;
  border:1px solid lightgrey;
  padding:15px;
  font-size:11px;
  font-family:lato;
  color:#4C4C4C;
}

/**PROFIL ET AVATAR**/

#pdf{
  width:200px;
  height:320px;
  position:relative;
    top:-30px;
  left:12px;
  overflow:hidden;
  margin:0px;
  z-index:3;
}

#pdf .slider {
  transition-duration: 1s;
  position: absolute;
  top:-400px;
  opacity:1
}

#pdf:hover .slider {
  transition-duration: 1s;
  top:0px;
}

.sltpdf {
  margin-left:0px;
  border:0px solid #ffffff;
  width:170px;
  height:295px;
  overflow:auto;
  text-transform:lowercase;
  padding:15px;
  overflow-x:hidden;
  background:rgba(255,255,255, 0.5);
}

.cc-profil {
  background:rgba(255,255,255, 0.4);
  padding:10px;
  margin-top:35px;
  border:1px solid #ccc;
}
.avatarpfil {
  padding:15px;
  width:210px;
  height:auto;
}
.avatarpfil img {
  width:200px;
  height:320px;
  padding:5px;
  background:#fff;
  border:1px solid #ccc;;
}
.contact_topic img {
  background:#fff;
  padding:5px;
  border:1px solid #ccc;
  width:40px;
  margin-left:2px;
  height:40px;
}
.mpfilcc {
  font-size:9px;
  text-transform:uppercase;
  font-family:lato;
  color:#000;
  margin-bottom:3px;
}

.mpfilcc:nth-of-type(1) img {
  border-radius:100%;
  width:70px;
  height:70px;
  margin-top:-50px;
  margin-left:30px;
  border:1px solid #ccc;
  padding:5px;
  background:#fff;
}

.cc-profil .mpfilcc:nth-child(3) {
 color:red;
}

/*DATE ET BOUTONS*/

.datemsg {
  font-family:lato;
  font-size:8px;
  font-weight:bold;
  text-transform:uppercase;
  color:#222222;
  text-shadow:1px 1px #fff;
}

.pseudotg img {
  border-radius:100%;
  width:30px;
  height:30px;
  border:1px solid #ccc;
  padding:5px;
  background:#fff;
  position:ablsolute;
 margin-top:-30px;
  margin-left:5px;
  }


/********CATEGORIES**********/

.forum-cat {
  color:#fff;
  font-family:raleway;
  font-size:20px;
  text-transform:lowercase;
  font-style:italic;
  letter-spacing:2px;
  text-align:center;
 text-shadow: 1px 1px 0px #ffffff,2px 2px 0px #F0C0C0;
}

.forum-cat a {
  color:#333!important;
}

.titre-cat {
  color:#fff;
  font-family:raleway;
  font-size:35px;
  font-style:italic;
  letter-spacing:-2px;
  font-weight:bold;
  line-height:50px;
}

.titre-cat a {
  color:#fff!important;
}

.triangle-cat {
  border-right:80px solid transparent;
  border-top:90px solid #000;
  height: 0;width: 0;
  z-index:4;
    position:relative;
}

.descri-cat {
width:640px;
  background:tansparent;
  padding:0px; margin:0px;
  height:130px;
  font-size:11px;
}

.dd-cat {  
  background:#f5f5f5;
  width:590px;
  padding:15px;
  font-family:lato;
  font-size:11px;
  color:#000;
  line-height:13px;
  text-align:justify;
  height:90px;
  border:1px solid #e5e5e5;
  margin-left:5px;
  overflow:auto;
  margin-top:3px
}

.cat-img {
    height: 110px;
  width:200px;
    z-index: 2;
 -webkit-filter: grayscale(100%);
  padding:8px;
  border:1px solid #e5e5e5;
  background:#fff;
}

.cat-dd {
  width:400px;
  height:106px;
  padding:10px;
  overflow:auto;
  border:1px solid #e5e5e5;
  border-left:0px;
  background:#f5f5f5;
  text-align:justify;
  line-height:13px;
  font-family:arimo;
}


.icon-cat img {
  height:90px;
  width:220px;
  z-index:1;
  margin-left:-80px;
  position:relative;
}

 .nb-cat {
  font-family:raleway;
  padding:10px;
  text-transform:lowercase;
  color:#000
    width:50px;
    font-size:30px;
  font-weight:bold;
  letter-spacing:-3px;
  height:65px;
  text-align:center;
}

.nb-cat::first-letter {color:#CD2E2E}

.bb-cat {
  padding:6px;
  background:#000;
  color:#fff;
  font-size:9px;
  font-family:raleway;
  text-transform:uppercase;
  text-align:center;
}

.last-cat {
  font-size:9px;
  text-transform:uppercase;
  font-family:lato;
  color:#000;
  border:1px solid #e5e5e5;
  padding:10px;
  width:85px;
  height:100px;
  background:#f5f5f5;
}
.last-avatar {
      height: 58px;
    margin-top:-59px;
  margin-left:1px;
    overflow: hidden;
}
.last-avatar img {
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin-top: -50px;
    width: 105px;
}

.sfo-cat {
  background:#000;
  padding:10px;
  color:#fff;
  height:10px;
}

.sfo-cat a {
  color:#fff;
  font-size:9px;
  text-transform:uppercase;
  font-family:raleway;
  background:#333333;
  padding:5px;
}

/************JSP************/

/**** spoiler etc ****/

.quote{
  background: #fcfcfc;
  padding: 11px;
  font-family:arial;
  font-weight: 400;
  color: #444;
  text-align: justify;
  border-color: #e1e1e1;
}

.spoiler{
background-color:#fff;
padding:10px;
}
.spoiler span {
 color:#fff;
}

.spoiler_content {/*apparence du spoiler ouvert*/
  display:block;
  line-height: 125%;
  border: 1px solid #e1e1e1;
  padding: 11px;
  color:#8a8a8a;
  background:#fff;
  text-align:justify;
  font-family:arial;
  font-size:10px;
  }

.code{
  background:#DFDFDF;
  border: none!important;
  padding: 15px;
  color: #444;
  font-family:arial;
  font-size: 10px;
  padding-left: 20px;
  text-align: justify;
  line-height: 115%;
}

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

.forumline .row1,.forumline .row2,.forumline .row3,.forumline .row3Right {
  padding:0px 0px;
  }

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

/********************** QEEL *******************/

#v2qeel .v2qeelinfos {
  font-family: cousine;
  font-size: 8px;
  color: #888;
  text-align: left;
  text-transform: uppercase;
  line-height: 100%;
  word-spacing: 1px;
  border-bottom: 1px solid #ddd;
}
#v2qeel .v2qeelinfos2 {
  font-family: cousine;
  font-size: 8px;
  color: #888;
  text-align: right;
  text-transform: uppercase;
  line-height: 100%;
  word-spacing: 1px;
  border-bottom: 1px solid #ddd;
}

#v2qeel b {
  color: #bf7295
}

#v2qeel .v2qeel {
  background: #b9e9d7;
  width: 98%;
  padding: 1%;
  font-family: cousine;
  font-size: 8px;
  color: #888;
  text-align: center;
  text-transform: uppercase;
  line-height: 100%;
  word-spacing: 1px;
}

#v2qeel .v2qeelonl a {
 font-family: montserrat!important;
  font-size: 17px!important;
  text-align: justify;
  text-transform: lowercase;
  line-height: 100%;
  letter-spacing: -1px;
  word-spacing: 1px;
}

#v2qeel .v2qeelh a {
 font-family: montserrat!important;
  font-size: 10px!important;
  color: #b06195;
  text-align: justify;
  text-transform: uppercase;
  line-height: 100%;
  word-spacing: 1px;
}

CATEGORIES :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
        
         <!-- 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">
  
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
  
      <!-- BEGIN inc -->
      
      <!-- END inc -->
         <div style="background:url(http://i.imgur.com/a929X4r.png); width:872px; padding:20px;margin-top:5px;">
        <div class="forum-cat"> <a title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE} </a></div>
</div>
      
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <table><tr><td>
            <div style="background:#000; width:640px; padding:20px;">
                        <div class="titre-cat">
            <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                                  </div>
                  </div>
                  </td><td>
                  <div class="icon-cat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
                  </td></tr>
</table>
 <table>
      <tr>
                  <td>
                    <div class="descri-cat">{catrow.forumrow.FORUM_DESC}</div>
                  </td>
                  <td>
                    <table><tr><td>
                      <div class="nb-cat">{catrow.forumrow.TOPICS}</div>
                      <div class="bb-cat">sujets</div>
                      </td><td>
      <div class="nb-cat">{catrow.forumrow.POSTS}</div>
                      <div class="bb-cat">messages</div>
                      </td></tr>
                    </table>
                  </td><td>
      <div class="last-cat">{catrow.forumrow.LAST_POST}</div>
                  <!-- BEGIN avatar --> <div class="last-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</div> <!-- END avatar -->
        
                  </td>
  </tr>
</table>
<div class="sfo-cat">{catrow.forumrow.LINKS}</div>
   <!-- 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 -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

OVERALL_HEADER :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">
<html xmlns="HTTP://WWW.W3.ORG/1999/XHTML" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:400,700,900|Cousine|Open+Sans+Condensed|Poppins:400,700|Abel|Play|Kaushan+Script|Source+Sans+Pro:600' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700,900" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-script-type" content="text/javascript" />
    <meta http-equiv="content-style-type" content="text/css" />
    <!-- BEGIN switch_compat_meta -->
    <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
    <!-- END switch_compat_meta -->
    <!-- BEGIN switch_canonical_url -->
    <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
    <!-- END switch_canonical_url -->
    {META_FAVICO}
    {META}
    {META_FB_LIKE}
    <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
    {T_HEAD_STYLESHEET}
    {CSS}
    <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
    <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
    <script src="{JQUERY_PATH}" type="text/javascript"></script>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>  
    {RICH_SNIPPET_GOOGLE}

    <!-- BEGIN switch_fb_login -->
    <script src="HTTPS://CONNECT.FACEBOOK.NET/{SWITCH_FB_LOGIN.FB_LOCAL}/ALL.JS" type="text/javascript"></script>
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .jcarousel-skin-tango .jcarousel-item-vertical {
        margin-bottom: {switch_ticker.SPACING}px;
    }
    </style>
    <!-- END switch_ticker_new -->
    {HOSTING_JS}
    <!-- BEGIN google_analytics_code -->
    <script type="text/javascript">
    //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
    _gaq.push(['_trackPageLoadTime']);

    <!-- BEGIN google_analytics_code_bis -->
    _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
    _gaq.push(['b._trackPageview']);
    <!-- END google_analytics_code_bis -->

    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'HTTPS://SSL' : 'HTTP://WWW') + '.GOOGLE-ANALYTICS.COM/GA.JS';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
    //]]>
    </script>
    <!-- END google_analytics_code -->
</head>
      <div class="navigation"><div style="padding:10px;">{GENERATED_NAV_BAR}</div></div>
        <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
      {NAV_CAT_DESC_SECOND}
    <script type="text/javascript">document.getElementById('v2naveh').innerHTML=document.getElementById ('v2naveh').innerHTML.replace(/::/,"→");</script>
    <script type="text/javascript">document.getElementById('v2naveh').innerHTML=document.getElementById ('v2naveh').innerHTML.replace(/::/,"→");</script>
    <script type="text/javascript">document.getElementById('v2naveh').innerHTML=document.getElementById ('v2naveh').innerHTML.replace(/::/,"→");</script></span></div>
      
  <br/>
  <br/><br/><br/>
<div id="bannik">
  <table cellpadding="0" cellspacing="0"><tr><td>
    <div class="bannik-imaj"><iframe frameborder="0" style="width:800px; height: 330px; margin-left:-10px; margin-top:-8px;" scrolling="no" src="http://ultravio.forumactif.com/h1-slider-banner"></iframe>
    </div>
    </td><td>
    <div class="triangle-bann"></div>
    </td><td>
    <div class="ban-titre">lost constellation</div>
    <div class="ban-ctxt">
      Dum haec in oriente aguntur, Arelate hiemem agens Constantius post theatralis ludos atque circenses ambitioso editos apparatu diem sextum idus Octobres, qui imperii eius annum tricensimum terminabat, insolentiae pondera gravius librans, siquid dubium deferebatur aut falsum, pro liquido accipiens et conperto, inter alia excarnificatum Gerontium Magnentianae comitem partis exulari maerore multavit.
    </div>
    </td></tr></table>
      </div>
    <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
        <h1><img src="HTTPS://2img.net/i/FA/HITSKIN/HITSKIN_LOGO.PNG" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="HTTPS://{HITSKIN_PREVIEW.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
        </div>
    </div>
    <!-- END hitskin_preview -->

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

    <a name="top"></a>
    {JAVASCRIPT}
 <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>
            <td class="bodyline">
            

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

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

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

SUJETS :

Code:

<link href="https://fonts.googleapis.com/css?family=Lato|Raleway" rel="stylesheet">
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
    if(typeof(_atc) == "undefined") {
        _atc = {  };
    }
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
   
  return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>     
      <td class="nav" valign="middle" width="100%">
       
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
         
      </td>     
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
       
        <!-- BEGIN switch_fb_likebtn -->       
        <script>(function(d, s, id) {
          var js, fjs = d.getElementsByTagName(s)[0];
          if (d.getElementById(id)) return;
          js = d.createElement(s); js.id = id;
          js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script> 
        <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
        <!-- END switch_fb_likebtn -->
       
        <span class="gensmall bold">
           
            <!-- BEGIN switch_plus_menu -->
           
            <!-- END switch_plus_menu -->
        </span>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" >
  <tr align="left">
      <td >
                  <br/><br/>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
       
              <td>
                                       
                  <div class="titresujet">{TOPIC_TITLE}
                                                  <br/>
      <div class="page">{PAGINATION}</div>
                                          </div>
                                           
                                     
                                           
              </td>
              </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
 
 
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- BEGIN displayed -->
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
           
<td colspan="2">             
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                    <!-- END switch_vote -->

                    <!-- BEGIN switch_bar -->
                    <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                    </div>
                    <!-- END switch_bar -->

                    <!-- BEGIN switch_no_bar -->
                    <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                    <!-- END switch_no_bar -->

                    <!-- BEGIN switch_vote -->
                    <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                    <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

 
                    <div style="background:#f8f8f8; width:910px; height: auto; border: 0px solid #ccc; border-top: 0px;"><table cellspacing="0" cellpadding="0"><td valign="top">
                              <td valign="top">
                                <div class="avatarpfil">
                                  <div class="contact_topic">{postrow.displayed.PM_IMG}<!-- BEGIN contact_field -->{postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}</div>
             
               
                                  {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR} </div>     
                      <div style="margin-top: -320px; position: relative; background:background: url('http://i.imgur.com/sUNFxzM.png'); width: 180px; height: 300px; padding: 10px;">
                      <div id="pdf"><div class="slider"><div class="sltpdf">
                        <div class="cc-profil">
                         
    <!-- BEGIN profile_field -->
    <span class="mpfilcc">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}
      {postrow.displayed.profile_field.SEPARATOR}</span>
                       
    <!-- END profile_field -->
</div>
                        </div></div></div>
                       
                                <div class="pseudotg"><div class="pseudo">
  <a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></div>
                                </div>
                        </div>
                                 
                      </td><td>
                        <div class="postbody">
                      <div style="margin-top:15px;width:650px; padding:5px; background:#ECECEC;border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc">
                        <table><tr><td>
                          <div class="datemsg">{postrow.displayed.POST_DATE}</div>
                          </td><td>
                          <div style="width:520px;text-align:right">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div>
                          </td></tr></table>
                          </div>
                   
                                                  <div class="corpsujet">{postrow.displayed.MESSAGE}</div>
                          <br/>
                         
                    <!-- BEGIN switch_attachments -->
                    <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                          <!-- BEGIN switch_post_attachments -->
                          <dl class="file">
                              <dt>
                                <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                <!-- BEGIN switch_dl_att -->
                                <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_dl_att -->

                                <!-- BEGIN switch_no_dl_att -->
                                {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                          </dl>
                          <!-- END switch_post_attachments -->
                        </dd>
                    </dl>
                    <!-- END switch_attachments -->

                    <div class="clear"></div>
                    <!-- BEGIN switch_signature -->
                    <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>
                    <!-- END switch_signature -->

                  </div>
                 
                      </td></tr></table>
              </td>
            </tr>
        </table>
      </td>
  </tr>
 
  <!-- BEGIN first_post_br -->
</table>

<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="2" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td colspan="2" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
             
              <td><div class="titresujet">{TOPIC_TITLE}
                                          <br/>
                                          <div class="page">{PAGINATION}</div>
                                          </div></td>
              </tr>
        </table>
      </td>
  </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
         
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
  <tbody>
      <tr>
        <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                  <tr>
                    <td valign="top">
                        <div class="cattitle"> {L_FORUM_RULES}</div>
                    </td>
                  </tr>
              </tbody>
            </table>
        </td>
      </tr>
      <tr>
        <td class="row1 clearfix">
            <table>
              <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                    <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                    {RULE_MSG}
                  </td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Code:

.navmenu.fixed {
    width: 100%;
    position: fixed;
    top: 0px;
    margin: 0px;
    z-index: 999;
    animation: stickAnim .3s;
    opacity: 0.95;
}
168-ltr.css:160
.navmenu {
    background: url(http://nsm07.casimages.com/img/2017/09/10//1709100….png) 75% 25%, linear-gradient(to bottom, #474a4a, #5a5f5e);
    height: 120px;
    opacity: 0.7;
}