catégoris double fond + rotation           



 
AccueilAccueil  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le deal à ne pas rater :
Manga Chainsaw Man : où acheter le Tome 17 édition Collector de ...
19.99 €
Voir le deal

Partagez

catégoris double fond + rotation

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage

louha

louha
Admin

Traveler's Card
Messages : 680
Date d'inscription : 15/08/2013


catégoris double fond + rotation
catégoris double fond + rotation Icon_minitimeDim 28 Juin - 17:06
http://louha.forumactif.org

Catégories

Code:
        <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 style="font-size:9px;" class="gensmall" href="{U_SEARCH_NEW}">quoi de neuf ?</a> &                   
        <a style="font-size:9px;" class="gensmall" href="{U_SEARCH_SELF}">mes messages</a> &
       
        <!-- END switch_user_logged_in -->
        <a style="font-size:9px;" class="gensmall" href="{U_SEARCH_UNANSWERED}"> sans réponse</a>
              </td>
          </tr>
        </table>
        <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="cathead"><div style="text-align:center; background-position:bottom center;"><span class="secondarytitle"><div class="catetitre">{catrow.tablehead.L_FORUM}</div></span></div></div><div class="catbody"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
             
                 
          </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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <h{catrow.forumrow.LEVEL} class="hierarchy">
                            <span class="forumlink">
                         
           
                          </span>
                        </h{catrow.forumrow.LEVEL}>
                          <span class="genmed"><div class="desccolonne"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="nomcat">{catrow.forumrow.FORUM_NAME}</div></a>
                            <table><tbody><tr><td><div class="boutcat"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div></td>
                              <td><table><tbody><tr><td><div class="entourdesc"><div class="description">{catrow.forumrow.FORUM_DESC}</div></div><br/><div class="sousfocat">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} </div></td></tr></tbody></table></td>
                              <td><table><tr><td><div id="colonneinfo">{catrow.forumrow.LAST_POST}</div></td></tr><tr><td><div id="lastmsg">{catrow.forumrow.POSTS} M. dans {catrow.forumrow.TOPICS} S.</div></td></tr></table></td></tbody></table></div></span>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                             
                </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></div></div><div class="catfoot"></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


CSS

Code:

.signature_div{
  background-color: #0A6A6D;
  border:1px solid green;
}
/*--------------------------------------------------
              FLECHES DE NAVIGATION
---------------------------------------------------*/
.haut{     
  position:fixed;
  bottom:50px;   
  right:50px;
}
.bas{
  position:fixed;     
  bottom:10px;
  right:50px;
}

/*--------------------------------------------------
                  MODIFICATIONS header
---------------------------------------------------------*/     
 body {
  background: url('');
background-color: #7F6259;
background-position:top;
background-repeat:no-repeat;
}

.bodyline{
  border-left: 4px solid #e3e5c7;
  border-right: 4px solid #e3e5c7;
  border-bottom: none;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

/****** ------------------------------
      ANNONCE EN HAUT DU FORUM
---------------------------********/
/***** pour modifier le fond des annonces defilantes ****/
#fa_ticker_container {
background-color: #091016;
  border-top: 3px solid #e3e5c7;
  border-bottom: 3px solid #e3e5c7;
  border-radius:30px;
}
.annoncetitre
{
  color: #593813;
  font-size: 25px;
  font-family: 'Vibur', cursive;
  text-align: center;
  margin-bottom: -15px;
}
.texteannonce
{
  color: #848484;
  font-size: 15px;
 font-family: 'Snippet', sans-serif;
}

/*--------------------------------------------------
                  MODIFICATIONS DES CATEGORIES
---------------------------------------------------------*/

.cathead{
      background: url('') top center no-repeat;
      width: 750px;
  height:180px;
      margin: auto; /*Permet de centrer la partie du corps*/
      margin-bottom: -5px;
}
.catbody{
      background: url('') repeat-y;
      background-color: #091016;
      width: 750px;
      margin: auto;
      margin-top: 0px;
      margin-bottom: 0px;
}
.catfoot{
      background: url('') bottom center no-repeat;
      width: 750px;
  height:80px;
      margin: auto;
      margin-top: -5px;
}
.catetitre{
  text-align: left;
  padding-left:100px;
  padding-top: 45px;
}
.catetitre h2{
  font-size:50px;
  color: #40464A;
  font-family: "Seaweed Script";
  text-shadow: 3px 3px 3px #C5C4AD;
}
.catforum{
      background-color: #;
      border: 2px solid #;
      width: 700px;
      height: 150px;
      margin: auto;
      margin-top: 5px;
      margin-bottom: 5px;
}
.boutcat img{
      width: 70px;
      height: 70px;
      margin-right: 10px;
}
#colonneinfo {
      width: 130px;
      height: 50px;
      background-color: #40464A;
      border-left: 3px solid #40464A;
  border-right: 3px solid #40464A;
      font-size: 10px;
      font-style: normal;
      font-weight:bold;
      position: absolute;
  margin-top:-50px;
      margin-left: 10px;
      text-align: center;
      z-index: 1;
  border-radius: 20px;
}
#lastmsg {
  width: 120px;
  height: 20px;
  position: absolute;
      margin-left: 10px;
  font-size: 9px;
      text-align: center;
      z-index: 1;
}
.nomcat{
      font-size: 25px;
      text-align: left;
  margin-left:150px;
      padding-left: 120px;
      margin-bottom: -20px;
      color: #40464A;
      border-bottom: 1px solid #;
  font-family: "Niconne";
}
.description{
      width: 420px;
      height : 70px;
      margin-top: 10px;
      margin-bottom: -10px;
  margin-left:-35px;
      background-color: #40464A;
      overflow: hidden;
      font-size: 10px;
      font-family: 'verdana';
      text-align: justify;
  border-radius: 25px;
  border-left: 5px solid #40464A;
  border-right: 5px solid #40464A;
  padding-left : 15px;
  padding-right:15px;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
}
.entourdesc {
  margin-left : 25px;
  width: 400px;
  height: 75px;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  background: #C5C4AD;
  border-bottom: 2px solid #EDEDCA;
  border-radius: 25px;
}
.titredesc{
  color: #B21375;
  display: inline;
}
.desccolonne{
      width: 690px;
      height: 120px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px;
      padding: 10px;
}
.sousfocat{
      width: 450px;
      height: 30px;
      overflow: auto;
      text-align:center;
      margin: auto;
      margin-top: -5px;
}
.titredesc {
    font-family: "Ubuntu Mono:700";
  font-size: 10px;
  text-transform : uppercase;
  font-weight: bold;
  color: #1A6D89;
}

/*============================================================
                      * liste des sujets *
===============================================================*/
.bloc_sujets
{
  width: 740px;
  margin: auto;
  background: #C5C4AD;
  border: 1px solid #E3E5C7;
  padding: 5px;
  border-radius:30px;
}
.sujets
{
  background: #A6A58B;
  border: 1px solid #E3E5C7;
  padding: 3px;
  border-radius:30px;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  display: block;
  width: 200px;
  height: 40px;
  background: #E3E5C7;
  border-left: 3px solid #40464A;
  border-right: 3px solid #40464A;
  border-radius:30px;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  width: 700px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu
{
  font-size: 10px;
  color: #40464A;
}
.lastpost-avatar {
  float: left;
  position:relative;
  margin-left: 10px;
  margin-top:5px;
}
.lastpost-avatar img {
  height: 40px;
  width: auto;
  border-radius:15px
}
/* --------------------------------
            PROFIL
--------------------------------- */
.postdetails.poster-profile img {
  max-width:200px;
}
.postdetails.poster-profile {
  width:220px;
}
.avatar_profil {
  max-height: 320px !important;
  border:5px solid red;
}
.tabs-onglets, {
  font-family:'Orbitron';
  color:#c0c0c0;
  text-transform:capitalize;
  font-size:15px;
  text-align:justify;
}
#premier_onglet img {
  max-width:180px;
  border : 1px solid #52526E ;
  border-radius:10px;
}
#premier_onglet{
  width:200px;
  height:400px;
  overflow:auto !important;
  font-family:Condensed;
  border-left : 1px solid #52526E;
  border-right : 1px solid #52526E;
  border-top : 2px solid #52526E;
  border-bottom:2px solid #52526E;
  text-align: justify;
  border-radius: 25px;
  text-align:justify;
  padding:10px 3px;
}
#deuxieme_onglet{
  width:200px;
  height:400px;
  overflow:auto !important;
  font-family:Condensed;
  border-left : 1px solid #52526E;
  border-right : 1px solid #52526E;
  border-top : 2px solid #52526E;
  border-bottom:2px solid #52526E;
  text-align: justify;
  border-radius: 25px;
  text-align:justify;
  padding:10px 3px;
}
.onglet_rpg {
    display: none;
}
.name {
  font-family:"metal mania";
  font-size:25px;
  text-align:center;}
/* ---------------------------------
          FIN PROFIL
--------------------------------- */
/*-----------------------------------------------------
                MODIFICATIONS GENERALES
---------------------------------------------------*/

/*CSS de la petite phrase à la fin du fofo */
.mes-credits{
  font-weight:normal;
  color: #2B2626;
  font-size:11px;
  text-align:justify;
  font-family:arial, helvetica, sans-serif;
}

/*fond de la feuille de personnage */
textarea, input, select {
  background-color: #A6A58B;
  border-radius: 15px;
  border : 1px solid #2B2626;
  padding: 5px;
}

/* pas de soulignement de liens */
a:link {text-decoration: none!important; font-style:"Vibur";}
a:visited {text-decoration: none!important;}
a:hover {text-decoration: none !important;}

div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 11px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(http://image.noelshack.com/fichiers/2015/04/1422025552-ntbg.png);
  z-index:10;
   
    /* Mozilla proprietary */
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 7px;
    text-align: left;
    padding-top: 3px;
}
        .realTime_alert{
        background:#FDFDFD no-repeat 10px center;
        -webkit-background-size:50px;
          -moz-background-size:50px;
            -o-background-size:50px;
                background-size:50px;
        -webkit-box-shadow:0 0 4px rgba(0,0,0,.6);
          -moz-box-shadow:0 0 4px rgba(0,0,0,.6);
                box-shadow:0 0 4px rgba(0,0,0,.6);
        position:fixed;
        top:50px;
        right:20px;
        min-height:60px;
        font-size:13px;
        width:200px;
        padding:10px 10px 10px 70px;
        font-family:Helvetica;
        color:#474747;
        }
        .realTime_alert b{
        display:block;
        margin-bottom:5px;
        font-size:15px;
        }
        .realTime_alert .close{
        position:absolute;
        right:10px;
        top:5px;
        font-size:15px;
        -webkit-border-radius:50px;
          -moz-border-radius:50px;
                border-radius:50px;
        height:16px;
        width:16px;
        text-align:center;
        line-height:13px;
        cursor:pointer;
        }
        .realTime_alert .close:hover{
        color:#FFF;
        background:#666;
        }
        #ebtzd .tooltip{
        opacity:0;
        position:relative;
        overflow:visible;
        z-index:100!important;
        display:inline-block;
        top:5px;
        -webkit-transition-duration:500ms;
          -moz-transition-duration:500ms;
            -o-transition-duration:500ms;
                transition-duration:500ms;
        background:rgba(0, 0, 0, .8);
        padding:10px;
        -webkit-border-radius:3px;
          -moz-border-radius:3px;
                border-radius:3px;
        font-family:Helvetica;
        letter-spacing:1px;
        font-size:13px;
        width:300px;
        color:#fff;
        }
/*------------------------------------------------------
                      CSS pour tous les postes
-------------------------------------------------------*/
.postbody {text-align: justify !important;}

.t-title /* modifie le titre des topics si marche pas prendre cattitle*/ {
  font-family:"Delius";
  font-size:14px;
 
}
.post-options /* modifie le fond des images "edit" & co */ {
  border-top : 2px solid #52526E;
  border-bottom : 2px solid #52526E;
  border-radius: 25px;
}
.titsuj{
  padding-left:5px;
  border-top : 2px solid #52526E;
  border-bottom : 2px solid #52526E;
  border-radius: 25px;
}
.wrapmsg{
  background: #091117;
  font-family:Condensed;
  border-left : 2px solid #52526E;
  border-right : 2px solid #52526E;
  border-top : 5px solid #52526E;
  padding: 30px;
  text-align: justify;
  min-height : 100px;
  border-radius: 25px;
}
.signature_div{
  background: #091117;
  border-left : 2px solid #52526E;
  border-right : 2px solid #52526E;
  border-bottom : 5px solid #52526E;
  padding: 30px;
  text-align: justify;
  border-radius: 25px;
}
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
/*==================================
Sélectionner le contenu
====================================*/
.selectCode {
  float:right;
  text-transform: uppercase;
  cursor:pointer;
  color: #2B2626;
  font-size:10px;
}
::selection{
        background: #CDCCB1;
        color: #2B2626;
    }
::-moz-selection{
        background: #CDCCB1;
        color: #2B2626;
    }
::-webkit-selection{
        background: #CDCCB1;
        color: #2B2626;
    }
::-htm-selection{
        background: #CDCCB1;
        color: #2B2626;
    }
::-o-selection{
        background: #CDCCB1;
        color: #2B2626;
    }
/*-----------------------------------------------------
          MODIFICATIONS SPOILER/CODE/QUOTE
---------------------------------------------------*/
.spoiler_closed, .spoiler_closed.hidden, .spoiler_content, .spoiler_content.hidden {
    color: #2B2626;
  background-color: #52526E;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: transparent; /* c'est ceci qui fera disparaître votre cadre */
  padding:10px; /* espacement entre le bord de votre cadre et votre texte */
  max-height:420px;
  width:350px!important;
  border-radius:25px;
  overflow:auto;
}
.code, .quote {
    color: #2B2626;
    background-color: #52526E;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: #181010; /* c'est ceci qui fera disparaître votre cadre */
  display:block;
  max-height:420px;
  width:350px!important;
  position: center;
  text-align:justify;
  padding:5px;
  border-radius:25px;
  overflow:auto;
}
.hidecode dd{
  color:#2B2626;
    background-color: #52526E;
  text-align : justify; /* alignement standart d'un spoiler */
  border-color: #181010; /* c'est ceci qui fera disparaître votre cadre */
  display:block;
  max-height:420px;
  width:350px!important;
  position: center;
  text-align:justify;
  padding:5px;
  border-radius:25px;
  overflow:auto;
}
/*-----------------------------------------------------
            MODIFICATIONS ZONE DE TEXTE
---------------------------------------------------*/

/*--- Bloc réponse rapide ---*/
.sceditor-container.ltr.sourceMode {width:550px !important; background-color: #C5C4AD !important;}
.sceditor-container.ltr.wysiwygMode {width:550px !important; background-color: #C5C4AD !important;}
/*---  Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
  background-color: #C5C4AD !important; 
  width: 540px !important;
}
/*---  Partie texte area : fond ---*/
.sceditor-container iframe, .sceditor-container textarea {
  background-color: #C5C4AD !important;
  text-align:justify;
  margin:0 !important;
  line-height: 16px;
  width: 540px !important; 
  color: #52526E !important;
  font-size:11px !important;
}
/*---  Groupe de boutons ---*/
div.sceditor-group {background-color: #C5C4AD !important; }
/*---  Boutons ---*/
a.sceditor-button {      }
/*---  Boutons sélectionnés ---*/
a.sceditor-button.hover {background-color: #E3E5C7 !important;}
/*---  Smileys ---*/
.sceditor-emoticons {width: 350px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}

        /* bordure de l'éditeur */
div.sceditor-container {
  border: 1px solid #E3E5C7;
  border-radius:25px;
  padding: 5px;
}
       
/* bordure entre la barre d'outils et la zone de saisie de texte */

body div.sceditor-toolbar {
  border: 1px solid #E3E5C7;
  border-radius:25px;
}
       
/* bordure sous les groupes de bouton */
       
body div.sceditor-group { 
  box-shadow: none
}
/* ombre d'un bouton survolé ou activé */
       
a.sceditor-button:hover, a.sceditor-button.hover {
  box-shadow: none;
  background-color: #E3E5C7 !important;
}
        /* Ajoute Font Awesome aux polices de la textarea pour que les icônes soient visibles */
        .sceditor-container textarea { font-family:Verdana, Arial, Helvetica, sans-serif, FontAwesome !important }
        /* Image du bouton */
        .sceditor-button-fontawesome div { background:url(http://i19.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important }
       
        /* Popup */
        .sceditor-fontawesome {
          width:220px;
          height:250px;
          overflow-y:auto;
        }
       
        /* Icônes */
        .sceditor-fontawesome i {
          color:#333;
          font-size:20px;
          text-align:center;
          cursor:pointer;
          padding:3px 0;
          width:25%;
        }
        .sceditor-fontawesome i:hover { color:#666 }
/*-----------------------------------------------------
                MODIFICATIONS CHATBOX
---------------------------------------------------*/

#chatbox_header .catBottom .cattitle {
            color: #52526E;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
  color: #52526E;

#chatbox_members ul li,
#chatbox_members ul li a {   
  color: #8F0735;
}
.chatbox_row_1, .chatbox_row_2, .chatbox_row_3, .chatbox_row_1 a, .chatbox_row_2 a, .chatbox_row_3 a  {
  color: #52526E;
}
body.chatbox {
  background-image: none;
  background-color: #C5C4AD;
}
#chatbox_header .cattitle:before { content: "La cours de récréation"; }
#chatbox_header .cattitle strong { visibility: hidden; }
#chatbox_header .cattitle:before { content: "La cours de récréation"; }
#chatbox.recently-connected:after {
  font-family: "trebuchet ms", serif;
  color: #8BC34A;
  box-shadow:0 0 5px #AED581;
  display:block;
  background: #F1F8E9;
  margin:auto;
  width:80%;
  content: "Bienvenue sur la chatbox =D \a Si tu es seul, Remonte le sujet dans le flood !";
        }
/*===========================
        QEEL
=============================*/

.qeel
{
  width: 750px;
  height: 400px;
  background: url('http://image.noelshack.com/fichiers/2015/14/1428157917-qeel.png') center no-repeat ;
}
.qeel_table
{
  position:absolute;
  width: 700px;
  margin-left: 25px;
  margin-top: 70px;
 
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 225px;
  height: 300px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 0px;
  border: 1px solid #40464A;
  font-size: 11px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  border-radius:25px;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -50px;
  margin-left: -50px;
  background: #A6A58B;
  border: 1px solid #40464A;
  font-size: 12px;
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  border-radius:25px;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}

/*------------------------------------------------------
              CSS pour la liste de la PA
-------------------------------------------------------*/
.bandeau_fond {
    width:175px;
    padding:5px;
    position:fixed;
    height:75%;
    right:0px;
    top:0px;
    z-index:100;
    }
.bandeau_titre {
    font-size:20px;
    color:white;
    display:block;
    text-indent:45px;
    margin-top:10px;
    font-family: 'Love Ya Like A Sister', cursive;
    }
.bandeau_lien {
    width:135px;
    padding:5px;
    height:20%;
    overflow:hidden;
    margin-left:25px;
    font-family: 'Indie Flower', cursive;
    }
.bandeau_lien_zoom {
    font-size:12px;
    opacity:0.8;
    text-align:center;
    }
.bandeau_lien_zoom:hover {
    font-size:14px;
    opacity:1;
    text-align:center;
    }

 .bandeau_news {
    width:125px;
    padding:5px;
    height:15%;
    margin-left:30px;
    font-size:12px;
    color:black;
    text-align:justify;
    overflow:auto;
    border-radius:15px;
    font-family: 'Indie Flower', cursive;
    }

.bandeau_interphone1 {
    width:135px;
    padding:5px;
    height:7%;
    overflow:hidden;
    margin-left:25px;
    }
.bandeau_interphone2 {
    text-align:justify;
    font-size:12px;
    color:black;
    display:block;
    font-family: 'Indie Flower', cursive;
}


/* ------------------------------------
      PAGE ACCUEIL
------------------------------------*/
 /*Ce qui encadre l'infobulle*/
    .Infobulle {                       
      position : relative; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/
      width: 120px;
      height: 120px;
    }
    /*Contenu de l'infobulle quand on n'est pas sur l'image*/
    .Infobulle .Infobulle_contenu {                       
      position : absolute; /*Permet de positionner l'infobulle par rapport au coin en haut à gauche.*/
      top : 0px; /*Position par rapport au haut*/
      left : 0px; /*Position par rapport à gauche*/
      width : 105px;
  height:105px;
      font-size: 12px;
      font-family: "Snippet";
      background-color: #CDD4CC;
      padding: 5px;
      color: #37383D;
      text-align: justify;
      border: 1px #001B56 solid;
      display : none; /*Cache l'infobulle*/
    }

    /*Contenu de l'infobulle quand on passe sur l'image*/
    .Infobulle:hover .Infobulle_contenu {
      display : block; /*Fait apparaître l'infobulle*/
    }
.imgPA{
  box-shadow: 3px 3px 3px #37383D;
  border:3px solid #001B56;
  padding: 5px;
  width:100px;
}

/* DEBUT BARRE DE NAVIGATION de la PA */
.nav_txt {
      text-align: center;
      font-variant: small-caps;
      font-family: Gerogia;
      color: #e6e7e7;
      background: #091016;
      font-size: 15px;
      height: 25px;
      border-bottom: 1px solid #091016;
      box-shadow: 0px 0px 3px #000000;
}
.barre_nav a{
      text-align: center;
      font-variant: small-caps;
      font-family: Gerogia;
      color: #e6e7e7;
      font-size: 15px;
      margin-left: 5px;
      text-decoration: none !important;
      -moz-transition:  0.2s all;
      -webkit-transition:  0.2s all;
      -o-transition:  0.2s all;
      -ms-transition:  0.2s all;
      -khtml-transition:  0.2s all;
      transition:  0.2s all;
    }
    .barre_nav {
      width:720px; /* à adapter selon la largeur de votre forum */
      height:175px;
      margin-left: auto;
      margin-right: auto;
      position: relative;
      top: 10px; /* à adapter selon les éléments présents au dessus de votre barre */
      overflow: hidden;
      z-index: 10;
      border-top: 1px solid #e6e7e7;
    }
    .nav_1 {
      width:140px;
      height:25px;
      background: #080e13;
      float: left;
      border: 1px solid #091016;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
      overflow: hidden;
    }
    .nav_2 {
      width:140px;
      height:25px;
      background: #080e13;
      float: left;
      border: 1px solid #091016;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
      overflow: hidden;
    }
    .nav_3 {
      width:140px;
      height:25px;
      background: #080e13;
      float: left;
      border: 1px solid #091016;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
      overflow: hidden;
    }
    .nav_4 {
      width:140px;
      height:25px;
      background: #080e13;
      float: left;
      border: 1px solid #091016;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
      overflow: hidden;
    }
    .nav_5 {
      width:140px;
      height:25px;
      background: #080e13;
      float: left;
      border: 1px solid #091016;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
      overflow: hidden;
    }

    .nav_1:hover {
      width:150px;
      height:125px;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
    }
    .nav_2:hover {
      width:150px;
      height:125px;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
    }
    .nav_3:hover {
      width:150px;
      height:140px;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
    }
    .nav_4:hover {
      width:150px;
      height:125px;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
    }
    .nav_5:hover {
      width:150px;
      height:125px;
      box-shadow: 0px 0px 3px #000000;
      -moz-transition:  0.5s all;
      -webkit-transition:  0.5s all;
      -o-transition:  0.5s all;
      -ms-transition:  0.5s all;
      -khtml-transition:  0.5s all;
      transition:  0.5s all;
    }
    /* FIN BARRE DE NAVIGATION */

.lucy {left:250px;    position: absolute;  top: -410px;  height:150px;  width:150px;}
.alyx{left:210px;  position: absolute;  top: -245px;  height:130px;  width:220px;}
.clara{left:310px;  position: absolute;  top: -125px;  height:130px;  width:220px;}

/*** IMAGES DES membres du mois ***/
.imgwidget {  height: 80px;}
.info {  position: relative;  z-index: 24;  text-decoration: none;}
d.info:hover {  z-index: 25;}
d.info span {display: none;    }
d.info:hover span {
      display: block;
      position: absolute;
      top: -2em;
      width: 150px;
      height: 70px;
      overflow: auto;
      background-color: #091016;
      text-align: center;
      font-weight: none;
}
div.cssactif_tableaupartenaire {
  width: 490px;
  /* À adapter en fonction du nombre de colonnes désirées
  (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
  line-height: 0; /* À ne pas modifier */
}
div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {height: 18px; width: 50px;}
div.cssactif_tableaupartenaire a {
  display: inline-block; /* À ne pas modifier */
  position: relative; /* À ne pas modifier */
  margin: 1px; /* MARGE entre les images */
}
div.cssactif_tableaupartenaire a img {
  display: block; /* À ne pas modifier */
  position: absolute; /* À ne pas modifier */
  left: 0; /* À ne pas modifier */
  top: 0; /* À ne pas modifier */
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
div.cssactif_tableaupartenaire a:hover img {      height: 35px;width: 100px;z-index: 99; left: -50%;top: -50%;}
.img_partenaires {opacity: 0.5; }
.img_partenaires:hover {opacity: 1;}

/*------------------------------------------------------
                      AUTREs CODES
-------------------------------------------------------*/
/*feuille de style post */
.mbenoist {background:#fffffc; border:4px double #765235; width:390px; text-align:center;}
.image {margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; border:3px double #000; width:374px; height:229px;}
.mbenoistspeak {margin-top:2px; font-size:10px; font-family:verdana; text-align:justify; color:#191e1a; background-color:#fffffc; padding:3px; width:378px;}
.notes1 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:georgia; font-style:oblique; text-align:center; width:368px; height:9px;}
.notes2 {margin-left:auto; margin-right:auto;background:#ffffdc; color:#191e1a; border:4px double #000; padding: 3px; font-size:10px; font-family:arial; text-align:center; width:368px; text-transform:uppercase; margin-top:3px; margin-bottom:5px;}
.credits, .credits a {width:398px; text-align:right; font-family:calibri; font-size:10px; text-transform:uppercase;}

//* téléphone *//
.datetel {font-size:12px; color:#fff; line-height:100%; letter-spacing:1px; margin-left:5px;}
.unlock {margin-top:175px; font-size:23px; opacity:.5; line-height:100%;}
.bwbgthing { overflow:hidden; }
.bwbgidk { position:relative; width:218px; height:327px; background-color:#fff; overflow:hidden; font-family:lato; font-weight:100; }
.bwbgpic { position:absolute; left:0px; width:218px; height:327px; background-color:#222; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgdarken { position:absolute; top:0px; left:0px; width:218px; height:327px; background-color:#000; opacity:.25; }
.bwbgover { position:absolute; top:0px; left:0px; width:218px; height:327px; font-family:lato; color:#fff; text-align:center;  font-weight: 100; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out;  }
.bwbgidk:hover .bwbgpic { left:-235px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbgover { left:-235px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgwords { margin-top:20px; color:#fff; font-size:52px; line-height:100%; }
.bwbgbar { position:absolute; top:0px; left:0px; width:218px; height:7px; padding:4px; font-family:lato; color:#fff; text-align:center;  font-weight: 100; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbgbar { top:0px; left:0px; color:#000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbattery { background-color:#000; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbatteryright { background-color:none; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwbatterybar { background-color:#000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwcirclefull { background-color:#000; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .bwcircleempty { background-color:none; border:1px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwbgidk:hover .triangle-down { border-top: 7px solid #000; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
.bwcirclefull { margin-top:1px; margin-bottom:1px; width:3px; height:3px; background-color:#fff; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; margin-right:1px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwcircleempty { margin-top:1px; margin-bottom:1px; width:3px; height:3px; background-color:none; border:1px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; display:inline-block; margin-right:1px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwprovider { line-height:15px; font-size:10px; display:inline-block; margin-left:2px; }
    .bwtriangle-down { margin-left:2px; display:inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwcircle { position:absolute; left:95px; top:11px; width:30px; background-color:#fff; opacity:.7; height:4px; border-radius:30%; -webkit-border-radius:30%; -moz-border-radius:30%; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwbgidk:hover .bwcircle { top:-20px; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwbattery { margin-left:3px; width:10px; height:4px; background-color:#fff; opacity:.7; border:1px solid #fff; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwbatteryright { width:3px; height:4px; background-color:none; opacity:.7; border:1px solid #fff; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwbatterybar { margin-bottom:2px; width:1px; height:2px; background-color:#fff; opacity:.5; display:inline-block; -webkit-transition: 0.7s ease-out;-moz-transition: 0.7s ease-out;-o-transition: 0.7s ease-out; }
    .bwbgtime { text-align:center; margin-top:9px; width:218px; font-size:10px; font-weight:bold; line-height:100%; color:#000; font-family:lato; }
    .bwmessageheader { width:218px; height:20px; background-color:#fff; font-family:helvetica; line-height:20px; font-size:10px; border-bottom:1px solid #eee; }
    .bwmessageblue { width:60px; display:inline-block; color:#56c8f7;}
    .bwmessagebold { width:98px; display:inline-block; color:#000; text-align:center; font-weight:bold; }
    .picture { width: 178px; height: 80px; -moz-border-radius:    10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom:5px; }
    .bwtalkbubble { width: 148px; padding:15px; background: #128cf4; -moz-border-radius:    10px; -webkit-border-radius: 10px; border-radius: 10px; color:#fff; font-family:helvetica; font-size:10px; line-height:12px; text-align:justify; }
    .bwtriangle-up { margin-left:5px; margin-right:133px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #128cf4; }

/*------------------------------------------------------
            CODAGE GENERAL POSTES
-------------------------------------------------------*/
.fondpost{
  width:400px;
  background-color:#394247;
  border:3px solid #C5C4AD; 
  text-align:justify;
  padding:20px;
  border-radius:10px;
}
.imgpost{
  border:3px solid #C5C4AD;
  padding: 2px;
  width:380px;
  z-index:1;
  position:relative;
}
.titrpost{
  font-family:'Metal Mania';
  font-size:30px;
  color:#190405;
  position:relative;
  top:-50px;
  background-color:white;
  opacity: 0.5;
  z-index:2;
}
.titrpost2{
  font-family:'Metal Mania';
  font-size:30px;
  color:#190405;
  position:relative;
  background-color:white;
  opacity: 0.5;
}
.stitrpost{
  font-family:'Orbitron';
  color:#C9D3D3;
  font-size:13px;
  border-bottom: 3px double #C9D3D3;
}
.corpspost{
  background-color:#182228;
  color:#C9D3D3;
  border: 1px solid #C5C4AD;
  padding: 5px;
  text-align: justify;
  font-size:12px;
  border-radius:10px;
}
.sstitre01{
  font-family:'Orbitron';
  color:#C9D3D3;
  text-transform:capitalize;
  font-size:13px;
}
.titrpostb{
  font-family:'Megrim';
  color:#C9D3D3;
  font-size:18px;
  border-bottom: 3px double #C9D3D3;
}
.cre{font-weight:normal;
    font-variant:small-caps;
    color:#C9D3D3;
    font-size:11px;
    text-align:center;
  font-family:arial, helvetica, sans-serif;}
/*------------------------------------------------------
          PV/SCENARIOS/BIOGRAPHIES
-------------------------------------------------------*/

#infopv {
      height:320px;
      background-color:#182228;
      width:240px;
      letter-case:2px;
      font-size:14px;
      padding:20px;
      line-height:14px;
      border-top:2px solid #E3E5C7;
  overflow:auto;
    }
    #txt {
      width: 350px;
      height: 95px;
      overflow-x: auto;
      overflow-y: auto;
      text-align: justify;
      background-color: #182228;
    font-size:11px; padding:5px;
    margin-left:15px;}

.cs, cs {color:#E3E5C7; font-weight:800;}

    #fondpv {
    width:500px;
    margin:auto;
    border-left: 4px solid #E3E5C7 ;
    border-right: 4px solid #E3E5C7 ;
    background-color:#394247;
      text-align:justify;
}
    #pseudopv {
    font-size:45px;
    font-family: 'Seaweed Script', cursive;
    text-align:center;
    text-shadow: 0px 0px 2px #A6A58B ;
    filter: dropshadow(color=#000000, offx=0, offy=0);
    text-transform:capitelize;
      letter-case:2px;
      color: #E3E5C7 ;
   
    }

    #sstitrepv {
    font-size:16px;
    font-family: 'Donegal One', serif;
    text-align:center;
    text-shadow: 0px 0px 2px #A6A58B;
    filter: dropshadow(color=#7D3138, offx=0, offy=0);
      text-transform:uppercase;
      letter-case:2px;
      color: #E3E5C7  ;
      background-color:#394247 ;
    }

    #phys{
      height:40px;
      overflow:auto;
      width:472px;
    font-size:10px;
      padding:4px;
      background-color:#182228 ;
  }

    #infopr {
      height:360px;
      background-color:#182228 ;
      letter-case:2px;
      font-size:14px;
      width:480px;
    margin:auto;
      padding:4px;
      line-height:14px;
      border-top:2px solid #E3E5C7 ;
    }
    #caract {
      height:105px;
      overflow:auto;
      width:234px;
    font-size:10px;
      padding:4px;
      background-color:#182228 ;
    }

    #story {
      height:300px;
      overflow:auto;
      width:450px;
    font-size:10px;
      padding:4px;
    margin:auto;
 background-color:#182228 ;
    }

/*------------------------------------------------------
          Posts administratifs
-------------------------------------------------------*/

.fondpost01{
  width:450px;
  border-radius:100px;
  background-color:#52526E;
  padding-top:15px;
  padding-bottom:15px;
}
.fondpost02{
  width:420px;
  border-radius:15px;
  background-color:#E0DFCC;
  padding:10px;
  marging-left:-30px;
  border:1px solid #394247;
}
.imgpost01{
  width:300px;
  border-radius:10px;
  border:solid 1px #394247;
}
.titrepost01{
  font-family:'Megrim';
  font-size:25px;
  color:#075360;
}
.text01{
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
  color:#182228;
}
.biov7 {
  color:#CECDB1; font-size:10px; letter-spacing:1px; text-align:justify;font-style:Snippet; }

.surligne {color:#25AA90;
  foont-size:12px;
  text-align:justify;
font-weight:bold;}

.petitmot {
  font-style:italic;
  color:#82C2E5;
}
.sexe01, ro {
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#DD2A27;
  font-style:bold;
}
.sexe02, ve {
  margin-top:-20px;
  font-family:'Vibur';
  font-size:15px;
  color:#0A875D;
  font-style:bold;
}
.fondliens01{
  width:500px;
  border-radius:100px;
  background-color:#52526E;
  padding-top:15px;
  padding-bottom:15px;
}
.fondliens02{
  width:470px;
  border-radius:15px;
  background-color:#E0DFCC;
  padding:10px;
  marging-left:-30px;
  border:1px solid #394247;
}
.imgliens01{
  width:200px;
  height:320px;
  border-radius:10px;
  float:left;
  padding: 2px;
}
.imgliens02{
  width:200px;
  height:320px;
  border-radius:10px;
  padding:2px;
  float:right;
}
.titreliens01{
  margin-top:-20px;
  font-family:'Vibur';
  font-size:25px;
  color:#81A9C6;
}
.imgliens03{  width:400px;  border-radius:10px;  border:solid 1px black;}
#iconsujet, .icoliens{  width:100px;  border:solid 1px #394247;}
.texlien{
  height:100px;overflow:auto; text-align:justify; padding: 10px;color:#4D2C28;
}

.sstit02{  font-family:'Orbitron';color:#182228;text-transform:capitalize;font-size:12px;text-align:left;}
.stitrpost{
  font-family:'Orbitron';  color:#182228;  font-size:13px;  border-bottom: 3px double #DBC1C0;}
.corps02 {
  background-color:#6A7B84;
  color:#182228;
  border-left: 5px solid #8E9AA0;
  border-right:5px solid #8E9AA0;
  border-top: 1px solid #8E9AA0;
  border-bottom: 1px solid #8E9AA0;
  padding: 5px;
  font-family:'Snippet';
  text-align: justify;
  padding:3px;
}
.corpspost1{
  max-height:300px;
  overflow:auto;
  background-color:#6A7B84;
  color:#182228;
  border: 1px solid #8E9AA0;
  padding: 5px;
  text-align: justify;
  font-size:12px;
  border-radius:10px;
}
.corpspost2{
  max-height:150px;
  overflow:auto;
  background-color:#6A7B84;
  color:#182228;
  border: 1px solid #8E9AA0;
  padding: 5px;
  text-align: justify;
  font-size:12px;
  border-radius:10px;
}
i {  color: #0A6A6D;}
lu {
  line-height: 80%;
  width: 400px;
  letter-spacing: 1.9px;
  font-family: courier new;
  font-size: 9px;
  text-shadow: 1px 1px 0px #000000;
  color: #BCDDE5;
  text-transform: uppercase;}

vi {
  font-family: Vibur;
  font-size: 13px; 
  color: #6E007C; }
Revenir en haut Aller en bas

louha

louha
Admin

Traveler's Card
Messages : 680
Date d'inscription : 15/08/2013


Re: catégoris double fond + rotation
catégoris double fond + rotation Icon_minitimeDim 28 Juin - 17:08
http://louha.forumactif.org

QEEL
Code:

<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline --><center>
<center><div class="qeel">
  <center><table class="qeel_table"><tr>
    <td><div class="colonne"><span class="qeel_contenu"><span id="bert">{TOTAL_POSTS}</span>
<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Nos étudiants ont effectué ");
</script>
<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/," actions héroïques, sauvant ainsi Paris pour la 127 ième fois de l'année. ");
</script>
<span id="matt">{TOTAL_USERS}</span>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Vous pourrez trouver ");
</script>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"étudiants, feys et autres démons dans nos rues, certainement en train de se battre. ");
 </script>
<span id="yosh">{NEWEST_USER}</span>
<script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier qui a craqué sur les pâtisseries de Mitonne est : ");
 </script></span><br /><br />
      {LOGGED_IN_USER_LIST}<br /><br />
<span id="connectes">{RECORD_USERS}</span>
<script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record d'étudiants dégradant les couloirs est de"); </script> {TOTAL_USERS_ONLINE}
 </div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table id="kaboum">{L_CONNECTED_MEMBERS}</table>
    <script type="text/javascript">
    jQuery('#kaboum span.gensmall').html(jQuery('#kaboum span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ','Les démons à avoir été vus ses dernières 24 heures sont :'));
    </script><br /><br />{LEGEND} : {GROUP_LEGEND}</span></div></td>
    <td><div class="colonne"><span class="qeel_contenu"><table><p class="mes-credits">Ce forum est © louha 2010-2014 | Reproduction totale ou partielle du contexte, des races, des pouvoirs, des personnages et des intrigues totalement interdite. <br /><br />
      Le design a été réalisé par louha, avec l'aide de Ghost pour le fond de la bannière. Le codage est soit fait par louha, soit pris sur le site Never Utopia et personnalisé par louha.<br /><br />
      merci de respecter Le travail effectué. <br />
      <center><a href="http://obsession.forumsactifs.com"><img src="http://img11.hostingpics.net/pics/871822Sanstitre3.png" class="img_partenaires" /></a> <a href="http://www.never-utopia.com/"><img src="http://img4.hostingpics.net/pics/470173logo7.jpg" class="img_partenaires" /></a></center></p></table></span></div></td>
    </tr></table></center>
</div></center>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Revenir en haut Aller en bas

louha

louha
Admin

Traveler's Card
Messages : 680
Date d'inscription : 15/08/2013


Re: catégoris double fond + rotation
catégoris double fond + rotation Icon_minitimeDim 28 Juin - 17:08
http://louha.forumactif.org

profil onglets en cours de création

Code:
<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 = { };
    }
   
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

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="2" 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%">
         <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
      </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 = "//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">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
             | 
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" 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="150">
            <span class="postdetails poster-profile">
            <center>{postrow.displayed.ONLINE_IMG}</center><br /><div class="vava"><center>{postrow.displayed.POSTER_AVATAR}</center></div><br /><br />
            <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><center>{postrow.displayed.POSTER_NAME}</center></span><br />
            <div class="details"><center>{postrow.displayed.RANK_IMAGE}
            {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></center></div>
            <div class="tabs-onglets"><center>
      <a href="#premier_onglet--{postrow.displayed.U_POST_ID}">Infos</a>
      <a href="#deuxieme_onglet--{postrow.displayed.U_POST_ID}">RPG</a></center>
    </div><div id="contenu--{postrow.displayed.U_POST_ID}">
      <div id="premier_onglet--{postrow.displayed.U_POST_ID}">
          <!-- BEGIN profile_field -->{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field -->
      </div>
      <div id="deuxieme_onglet--{postrow.displayed.U_POST_ID}" class="onglet_rpg">
          {postrow.displayed.POSTER_RPG}
      </div>
  </div>
         </span><br />
         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <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><div class="titsuj"><span class="postdetails">{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   
               <br />{postrow.displayed.POST_DATE}</span></div></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                   {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <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 class="postbody">

                     <div><div class="wrapmsg">{postrow.displayed.MESSAGE}</div></div>

                     <!-- 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>
   <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </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="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</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 -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- 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>

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

      <!-- 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="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Revenir en haut Aller en bas

louha

louha
Admin

Traveler's Card
Messages : 680
Date d'inscription : 15/08/2013


Re: catégoris double fond + rotation
catégoris double fond + rotation Icon_minitimeDim 28 Juin - 17:09
http://louha.forumactif.org

PA

Code:
<center>
   <div class="barre_nav">
      <div class="nav_1">
         <div class="nav_txt">
            L'arrivée<br /><br />
         </div><br /><a href="#">Règlement</a><br /><a href="#">Contexte</a><br /><a href="#">Annexes</a><br /><a href="#">Intrigue</a><br />
      </div>
      <div class="nav_2">
         <div class="nav_txt">
            Les invités<br /><br />
         </div><br /><a href="#">Je débute</a><br /><a href="#">FAQ</a><br /><a href="#">J'ai une question</a><br /><a href="#">lien</a><br />
      </div>
      <div class="nav_3">
         <div class="nav_txt">
            Partenariat<br /><br />
         </div><br /><a href="#">La liste</a><br /><a href="#">Devenir partenaire</a><br /><a href="#">  Notre fiche</a><br /><a href="#">Vos fiches</a><br />
      </div>
      <div class="nav_4">
         <div class="nav_txt">
            Liens utiles<br /><br />
         </div><br /><a href="#">Timeline (2014)</a><br /><a href="#">Les chambres</a><br /><a href="#">Mes liens</a><br /><a href="#">Mes RP's</a><br />
      </div>
      <div class="nav_5">
         <div class="nav_txt">
            Animations<br /><br />
         </div><br /><a href="#">Le flood</a><br /><a href="#">Les Jeux</a><br /><a href="#">GossipBlog</a><br /><a href="#">Le Lapin</a><br />
      </div>
   </div>
</center>
 
<center>
   <table>
      <tbody>
         <tr>
            <td>
               <table>
                  <tbody>
                     <tr>
                        <td style="width:240px;height:20px; background: #091016; border: 1px solid #E6E7E7; color:#c0c0c0; overflow:auto; text-align: justify; padding: 5px;">
                           intrigue en cours par ici !Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                        </td>
                        
                        <td style="width:240px;height:200px; background: #091016; border: 1px solid #E6E7E7; color:#c0c0c0; overflow:auto; text-align: justify; padding: 5px; ">
                           <vi>200mots</vi> demandés <br /><vi>1 poste</vi>par mois<br />Autres infos importantes<br />vidéo du forum<br />
                        </td>
                        
                        <td style="width:240px; height:200px; background:#091016; border:1px solid #E6E7E7; color:#c0c0c0; overflow:auto; text-align: justify; padding: 5px; ">
                           <div style="height:200px; overflow:auto;">
                              <lu>01/05/15</lu>Pendant que certains fêtent le travail, nous on élit les membres du mois <a href="http://institutchevalier.forumactif.org/t1355-avril-2015"> c'est par ici </a>!<br /><lu>14/04/15</lu> Nouvelle intrigue : le Cluedo envahit l'écosse ! Qui sauvera Lucy ?<br /><lu>04/04/15</lu> Design spécial Pâques ! Retrouvez les membres du mois & remise à 0 des votes <br /><lu>01/04/15</lu>Poisson d'avril ! Dori a envahit le forum !<br /><lu>28/02/15</lu>Version 15 : Nouveau design & Changement de période. <a href="">en savoir plus</a><br /><lu>25/02/15</lu> Les membres du mois ont été élus <a href="http://institutchevalier.forumactif.org/t1223-fevrier-2015">par ici</a><br /><lu>22/02/15</lu> L'inscription à la nouvelle intrigue est ouverte <a href="http://institutchevalier.forumactif.org/t1217-intrigue-19-un-voyage-scolaire-possede">par ici</a><br /><lu>21/02/15</lu> Résultat du concour de cuisine <a href="http://institutchevalier.forumactif.org/t1215-intrigue-17-le-concour-de-cuisine">par ici</a><br /><lu>20/02/15</lu>Clara rejoint le staff en tant que modératrice !<br /><lu>31/01/15</lu> Nouveau design fait en collaboration par Ghost & louha. Notre membre du mois est Clara ღ De plus, les intrigues du concours de cuisine ont été cloturée : résultats dans deux semaines ! <br /> <lu>25/12/14</lu> Nouveau design pour fêter Noël <br /><lu>10/12/14</lu> Lancement d'un nouveau sujet commun : <a href="http://institutchevalier.forumactif.org/t1109-topic-commun-happy-birthday-to-you">par ici</a> <br /><lu>01/11/14</lu> Maintenance et changement de période ! Nous passons à la Saint Valentin et à son concours de cuisine !<br /><lu>01/10/14</lu> Maintenance du mois ! Nouvelle PA, qui vient de N-U cette fois, et remise à jour des défis RP : nouvelle section dédiée, et nouvelles règles ! <br /><lu>29/09/14</lu> Cloture du bal de Noël & lancement de trois nouvelles intrigues  <br /><lu>31/08/14</lu> Nouvelle PA, codée par louha, maintenance du mois et deux nouveaux membres dans l'équipe : Alyx, qui devient modératrice et Thibault qui s'occupera des animations du forum !<br />  <lu>01/08/14</lu> Le forum a 1 an ! Pour fêter ça les nouveautés sont ici<br />  <lu>01/07/14</lu> Mini maintenance : changement de la PA, codée par louha, avec l'aide d'Alysha, annonce des nouveaux membres du mois<br />  <lu>13/05/14</lu> Nouveau Design par Lancy Orca (Lysander) & louha (Lucy ) & <a href="http://institutchevalier.forumactif.org/t719-105-la-mort-finit-toujours-par-vous-rattraper">nouvelle intrigue</a><br />  <lu>10/04/14</lu> Nouveau Design par Summer Flicker d'Obsession <br />    <lu>03/04/14</lu> Nouveau topic commun <br />    <lu>01/04/14</lu> Maintenance et lancement de deux nouvelles intrigues.<br />  <lu>26/02/14</lu> Nouveau Design par Foolish d'Obsession<br /> <lu>20/02/14</lu> <a href="http://institutchevalier.forumactif.org/t544-graal-11le-livre-sacre">Nouvelle intrigue</a>, tri dans les sujets et les membres<br />    <lu>01/02/14</lu> Le forum fête ses six mois !<br />    <lu>31/12/13</lu> <a href="http://institutchevalier.forumactif.org/t465-un-match-de-basket-qui-vous-entraineloin">Nouvelle intrigue</a> & nouveau design<br />  <lu>17/12/13</lu> Nouvelle intrigue : <a href="http://institutchevalier.forumactif.org/t434-intrigue-dans-l-abattoir-de-belial">Dans l'abattoir de Belial</a><br />    <lu>28/11/13</lu> Lancement des topics intrigue 'rêves' <br />  <lu>25/10/13</lu> lancement d'une <a href="http://institutchevalier.forumactif.org/t315-intrigue-rendez-vous-dans-les-catacombes">intrigue</a><br /> <lu>15/08/13</lu> 1ère intrigue du forum ! <a href="http://institutchevalier.forumactif.org/t103-topic-de-groupe-la-fete-foraine">ici</a><br /> <lu>01/08/13</lu> Ouverture du forum
                           </div>
                        </td>
                     </tr>
                  </tbody>
               </table>
            </td>
         </tr>
         <tr>
            <td>
               <table>
                  
                  <tbody>
                     <tr>
                        <td style="width:540px; height:100px; background:#091016; border:1px solid #E6E7E7; color:#c0c0c0; overflow:auto; text-align: justify; padding: 5px; ">
                           <div class="cssactif_tableaupartenaire">
                              <a href="http://thedarkfairy.forumactif.org"><img src="http://image.noelshack.com/fichiers/2015/09/1425066782-1424636873-logo.gif" class="img_partenaires" /></a> <a href="http://pendragon.jdrforum.com/"><img src="http://image.noelshack.com/fichiers/2014/50/1418227727-paternariat.png" class="img_partenaires" /></a> <a href="http://lonelymountain.forumactif.org"><img src="http://nsm08.casimages.com/img/2014/01/03/14010303372214466011867238.png" class="img_partenaires" /></a> <a href="http://talesofmiddleearth.forumactif.org/"><img src="http://img15.hostingpics.net/pics/582074335.png" class="img_partenaires" /></a> <a href="http://the-silence-has-fall.pro-forums.fr"><img src="http://i81.servimg.com/u/f81/17/11/50/99/bouton11.png" class="img_partenaires" /></a> <a href="http://onedaymore.forumactif.org/"><img src="http://nsm08.casimages.com/img/2014/09/28//14092807145511071512563189.png" class="img_partenaires" /></a><a href="http://closedge.forums-actifs.com/"><img src="http://image.noelshack.com/fichiers/2014/41/1412846409-bouton.png" class="img_partenaires" /></a> <a href="http://rhansidor.forumactif.org/"><img src="http://i38.servimg.com/u/f38/19/08/56/96/part210.png" class="img_partenaires" /></a><a href="http://kiarie.free.fr/eden/"><img src="http://kiarie.free.fr/eden/images/link/100x35-13.png" /></a>rajouter NU / PRD /
                           </div>
                        </td>
                        
                        <td style="width:205px; height:100px; background:#091016; border:1px solid #E6E7E7; color:#c0c0c0; overflow:auto; text-align: justify; padding: 5px; ">
                           <table>
                              <tbody>
                                 <tr>
                                    <td>
                                        <d class="info"><img src="http://image.noelshack.com/fichiers/2015/18/1430638605-natalie-dormer-elementary-2090305.png" class="imgwidget" /><span><e style="FONT-SIZE: 14px !important" class="titredesc">Tinky et Ruby</e> <br />RP du mois  <a href="http://institutchevalier.forumactif.org/t1262-voyage-a-dos-de-dragon-ruby-tinkerbell-quete">par ici</a></span></d>
                                    </td>
                                    <td>
                                       <d class="info"><img src="http://img10.hostingpics.net/pics/187757qqq.jpg" class="imgwidget" /><span><e style="FONT-SIZE: 12px !important" class="titredesc">Cameron</e> <br />Victime du mois. Elle a prit cher, et elle s'en est sortie. Bravo !</span></d>
                                    </td>
                                 </tr>
                              </tbody>
                           </table>
                        </td>
                     </tr>
                  </tbody>
               </table>
            </td>
         </tr>
         
         <tr>
            <td style="height:100px; background:#091016; border:1px solid #E6E7E7; color:#c0c0c0; overflow:auto; text-align: justify; padding: 5px; ">
               
               <center>
                  <table>
                     <tbody>
                        <tr>
                           <td>
                              <div class="Infobulle">
                                 <img src="http://image.noelshack.com/fichiers/2015/21/1432246706-tumblr-ngoiesjxla1s27fzjo1-1280.jpg" class="imgPA" />
                                 <div class="Infobulle_contenu">
                                    <center>
                                       Lucy E. Chevalier ✓ louha<br />Je suis la Fondatrice
                                    </center>
                                    
                                 </div>
                              </div>
                           </td>
                           <td>
                              <div class="Infobulle">
                                 <img src="https://pbs.twimg.com/profile_images/2890204788/7a4bf65eb3979494c96ab1eec743ae4b.jpeg" class="imgPA" />
                                 <div class="Infobulle_contenu">
                                    <center>
                                       Alyx C. Valeran ✓ Vicky<br />Je suis Administratrice
                                    </center>
                                    
                                 </div>
                              </div>
                           </td>
                           <td>
                              <div class="Infobulle">
                                 <img src="http://i60.tinypic.com/wvnxiv.jpg" class="imgPA" />
                                 <div class="Infobulle_contenu">
                                    <center>
                                       Clara Orsan ✓ Miss Fantasy<br />Je suis modératrice
                                    </center>
                                    
                                 </div>
                              </div>
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </center>
               
            </td>
         </tr>
      </tbody>
   </table>
</center>
Revenir en haut Aller en bas


Contenu sponsorisé

Traveler's Card


Re: catégoris double fond + rotation
catégoris double fond + rotation Icon_minitime

Revenir en haut Aller en bas

catégoris double fond + rotation

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
louha's personal forum :: archives-
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser