.navig {
        position: fixed;
        top: 0px;
        width: 103%;
        background-color: #d6d6d7;
        border-bottom: 1px solid #000000;
 margin-left: -50px;
        }
   
        a.mainmenu img{
        display: none;
        }
   
        a.mainmenu {
        margin: 5px;
        font-family: Comic Sans Ms;
        font-size: 18px;
        }
   
        a:hover {
        font-variant: small-caps;
        font-size: 10pt;
        font-weight: bold; }
   
        #savec { position:relative; }
        .save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #DFDFE8 url(http://2img.net/i/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }
        .save-bloc div:hover { color: #050505!important; }
        .save-bloc div { cursor: pointer; }
        .save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }
   
        a { text-decoration: none; }
   
        .titre01 {
        font-size: 15px;
        font-family: tahoma;
        text-align : center ;
        letter-spacing: -1px;
        padding-left: 0px;
        padding-right: 3px;
        padding-bottom: 0px;
        padding-top: 3px;
        display: block;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px white;
        font-weight:bold;
        color : purple;
        }
   
        .titre02 {
        border-radius-topleft: 30px;
        border-radius-topright: 30px;
        background : #d6d6d7;
        border : 2px solid #d6d6d7;
        text-align: center;
        text-transform: uppercase;
        color : #ebeef0;
        text-shadow: 1px 1px 1px white;
        box-shadow : 0px -1px 5px black;
        border-radius : 10px 10px 0px 0px;
        }
   
        .boxpa1 {
        width : 771px;
        height : 40px;
        line-height : 12px;
        text-align : justify;
        font-variant : normal;
        font-size : larger;
        font-family : tahoma;
        overflow : auto;
        background : #d6d6d7;
        padding : 3px;
        margin-top : -3px;
        }
   
        .boxpa2 {
        width : 247px;
        height : 70px;
        line-height : 12px;
        text-align : center;
        font-variant : normal;
        font-size : larger;
        font-family : tahoma;
        overflow : auto;
        background : #d6d6d7;
        padding : 3px;
        margin-top : -3px;
        }
   
        .imagepa {
        opacity : 0.8;
        }
   
        .imagepa:hover {
        opacity : 1;
        }

 /* ------------------------------------ {fleche} ------------------------------------*/
.haut
        {
        position:fixed;
        margin-top:30%;
        }


        .bas
        {
        position:fixed;
        margin-top:47%;
        }


/* ------------------------------------ {tableau PA Affichages} ------------------------------------*/







/*
|--------------------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/
 
/* Propriétés générales */
.block, .titre, .lien {
  background: #E6E6E6;     
  color: #777777;
 
  border: 2px #ffffff solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #000000;
  -moz-box-shadow: 1px 1px 5px #000000;
  -webkit-box-shadow: 1px 1px 5px #000000;
}
 
.block, .lien {
  text-align: center;
  padding: 10px;
}
 
td {
  vertical-align: top;
}
 
 
/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}
 
.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5; 
  filter: alpha(opacity=90);
}
       
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
} 
 
.thumbnail {
  position: absolute;
  z-index: 0;
}
 
.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}
 
.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #DADADA;
  color: #555555;
  text-shadow: 0px 0px 8px #000000;
  border: #555555 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5; 
  filter: alpha(opacity=80);
}
 
.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}
 
 
/* Liens */
.lien{ 
  display: block;
  width: 110px; 
  margin-right: 10px;
 
  text-decoration: none;
  color: #000000;
}
 
.lien:hover{
  background: #ffffff;
  color: #000000;
}
 
a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}
 
.block a {
  text-decoration: none;
}
 
/* Blocs */
.block-welcome, .block-staff {
  height: 150px; 
  overflow: auto;
  text-align: justify;
}
 
.block-welcome {
  width: 500px; 
}
 
.block-staff {
  width: 332px; 
}
 
.block-staff table {
  margin: auto;
}
 
.block-staff td {
  width: 92px;
}
 
.block-partenaires, .block-nouveautes, .block-credits { 
  width: 280px;
  height: 120px;
}
 
.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px; 
  height: 70px;
  overflow: auto;
}
 
 
/* Titres */
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}
 
.titre-welcome {
  height: 130px; 
  width: 20px; 
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}
 
.titre-staff {
  width: 130px; 
  text-align: center;
}
 
.titre:hover {
  background: #000000;
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}
 
.titre-welcome:hover {
  background: #000000;   
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}















/* ------------------------------------ {Qui est en ligne} ------------------------------------*/
.statistiques{
border:0px;
background-image: url("http://leg23.l.e.pic.centerblog.net/rwt1tur0.png");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
table#qeel td.row1{
background:none!important;
-moz-border-radius : 5px 5px 5px 5px;
height:38px;padding-right:12px;padding-left:13px;padding-bottom:3px;
font-size:13px;font-weight: bold;text-align:center;
text-decoration: none !important;}
}


/*------------------ ajout POLICE d'écriture ---------------------------------*/

@font-face{
font-family: 'Great Vibes', cursive;
}

/*-------------------------------------LIMITATION SIGNATURE FORCING --------------------------*/

.signature_div img {
  max-height:250px;
  max-width:500px;
}


.signature_div
{
  max-height:170px;
 max-width:600px;
 overflow:auto;
}

/*-------------------------------------CHANGEMENT MESSAGES-SUJETS-----------------------------------*/

a.forumlink{
  display:block;
  font-size:14px; /* la taille de la police */
  padding:2px; /* Pour éviter que le texte ne soit collé aux bords de la case */
  text-align:center;
  font-variant:small-caps; /* Les petites capitales */
  color:#282b63 !important; /* On force l'application de cette propriété grâce au !important */
  border-bottom:4px double #1B1363;
  font-weight:normal; /* Le texte non boldé */
  margin-bottom:0; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
  }

/*------------------------------SUITE DU PRECEDENT AVEC PASSAGE DE LA SOURIS ----------------*/

a.forumlink:hover{
  font-variant:small-caps;
  color:#282b63 !important;
  border-bottom:4px double #1B1363;
  font-weight:bold; /* Texte en  gras */
  display:block;
  }

/*------------------------------- MISE EN PAGE DES STATS--------------------------------------*/

div.stats_cate{ /* La div ayant pour class 'stats_cate' */
  font-size:12px;
  text-align:right;
  font-style:italic; /* On met le texte en italic */
  color:#333333;
  padding-right:4px; /* On met un peu de remplissage pour éviter que notre bloc soit collé au bord droit de la case */
  margin-bottom:4px;
  margin-top:-12px; /* On évite de mettre un trop gros espace entre le titre et notre bloc de stats' */
  width:320px; /* On impose une largeur pour ne pas que la bordure en bas soit sur toute la largeur de la case */
  margin-left:385px; /* On place le bloc à droite en le décallant par rapport au bord gauche de la case */
  }

/*---------------------------DESCRIPTION FORUM ET SOUS FORUMS------------------*/

div.description{  /* La div ayant pour class 'description' */
  background-color:#d6d6d7; /* On lui donne une couleur de fond */
  -moz-border-radius: 10px; /* Réglage des arrondis des coins pour mozilla */
  -webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */
  border-radius:10px; /* réglage des arrondis des coins */
  border:1px solid #282e63;
  width:560px;
  min-height:20px; /* La hauteur minimum */
  font-size:12px;
  text-align:justify;
  text-indent:6px; /* La première ligne du bloc sera décallée de 6px vers la droite */
  padding:4px;
  margin:4px;
  color:#282e63;
  }

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
   
         
         
         
         
         
          <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
<br />
            </span>
        </h{catrow.forumrow.LEVEL}>
        <div class="stats_cate">{catrow.forumrow.TOPICS} sujets contenant {catrow.forumrow.POSTS} messages</div>
        <div class="description">{catrow.forumrow.FORUM_DESC}</div>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
         
      <div class="retvirg">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
          <script type="text/javascript">$('.retvirg').each(function(){$(this).html($(this).html().replace(/,/g," ♥"));});</script>
         
         
        </span>
      </td>
         
         
         
         
         
         
         
         
      
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

td {
  vertical-align: top;
}