THEME WL V2

CSS

Code:
/*********** ANIMATIONS ************/

/* ----------------------------------------------
 * Generated by Animista on 2018-9-25 13:13:52
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */

.heartbeat {
   -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
           animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2018-10-15 17:45:20
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation ping
 * ----------------------------------------
 */

.ping {
   -webkit-animation: ping 0.8s ease-in-out infinite both;
           animation: ping 0.8s ease-in-out infinite both;
}

@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}

.wobble-hor-bottom {
   -webkit-animation: wobble-hor-bottom 0.8s both;
           animation: wobble-hor-bottom 0.8s both;
}

@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}

/* previ post etc */

.sceditor-container iframe, .sceditor-container textarea {
margin:10px !important;
line-height: 16px;
width: 623px !important;
font-size:11px !important;
}

.name {
 text-transform: lowercase;
  text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;
}
.postdetails {
  text-transform: lowercase;
  text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;
}
.nav {
  text-transform: lowercase;
}

/************* SURLIGNAGE *************/

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

/* profil modif */

.gen {
 font: 9px open sans;
  text-transform: uppercase;
}

.gensmall {
 font: 8px cousine;
  text-transform: uppercase;
  padding-top: 3px;
}

.thHead {
 text-transform: lowercase;
  color: #9fdbd7;
  font: 11px open sans;
  font-weight: 900;
}
.thHead a {
 color: #9fdbd7!important;
}

.thSides {
 text-transform: lowercase;
  color: #d1a69d;
  font: 11px open sans;
  font-weight: 900;
}

input, select, textarea {
    border: 1px solid #dcdcdc;
  padding: 7px;
  margin-bottom: 3px;
  font: 9px cousine;
  text-transform: none;
}

/* boutons */

.liteoption {
  background: #f9f9f9;
  border: 1px solid #dcdcdc;
 text-transform: uppercase;
  font: 9px open sans;
  color: #666!important;
  font-weight: 900!important;
  text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff!important;
  margin-bottom: 4px!important;
}
.mainoption {
  background: #f9f9f9;
  border: 1px solid #dcdcdc;
  text-transform: uppercase;
  font: 9px open sans;
  color: #666!important;
  font-weight: 900;
  text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff!important;
  margin-bottom: 4px!important;
}

span.nav {
 color: #9fdbd7!important;
}

/**************** LOS CATEGORIES ******************/

.v2cat {background: #f2efee; width: 918px; height: 75px; overflow: hidden; padding: 30px; border: 1px solid #dcdcdc;}
.v2catt {font: 700 75px poppins; color: #fafafa; text-align: center; text-transform: uppercase; text-shadow: 1px 1px #dad2cf;
  line-height: 100%; letter-spacing: -2px; word-spacing: 2px; margin-top: -200px;}
.v2scatt {font: 700 200px poppins; color: #e6e0de; text-align: center; text-transform: uppercase; line-height: 100%; letter-spacing: -2px;
  word-spacing: 2px;}
.v2for {margin-top: 10px; margin-bottom: 10px; background: #f2efee; width: 958px; padding: 10px; border: 1px solid #dcdcdc;}
.v2fort {font: 700 30px poppins; color: #fac1bf; text-align: left; text-transform: lowercase; text-shadow: 1px 1px #fff; line-height: 100%;
  letter-spacing: -2px; word-spacing: 1px;}
.v2fort a {font: 700 30px poppins; color: #fac1bf!important; text-align: left; text-transform: lowercase; text-shadow: 1px 1px #fff; line-height: 100%;
  letter-spacing: -2px; word-spacing: 1px;}
.v2forst {font: 8px cousine; background: #444; width: 602px; height: 10px; padding: 5px; color: #fefefe;
  text-align: right; text-transform: uppercase; line-height: 100%; margin-top: 10px;}
.v2forst a {color: #fff!important}
.v2forava {margin-left: 10px; width: 50px; height: 80px; border: 10px solid #fafafa; box-shadow: 1px 1px #e6e0de; margin-top: 10px;}
.v2forava img {width: 50px;}
.v2fordesc {margin-top: 10px; background: #fafafa; width: 461px; height: 80px; box-shadow: 1px 1px #e6e0de; padding: 10px;}
.v2descig {width: 210px; height: 80px; background-size: cover!important; background-position: right center!important;}
.v2forstat {margin-left: 10px; margin-top: 10px; background: #fafafa; padding-top: 6px; width: 141px; height: 39px; box-shadow: 1px 1px #e6e0de;
  font: 700 21px poppins; color: #444; text-align: center; text-transform: uppercase; text-shadow: 1px 1px #fff;}
.v2forstat c {color: #fac1bf}
.v2forsf {margin-left: 10px; margin-top: 10px; background: #fafafa; box-shadow: 1px 1px #e6e0de; width: 216px; height: 80px; padding: 10px;
  font: 8px cousine; color: #fac1bf; text-align: justify; text-transform: uppercase; word-spacing: 2px;}
.v2forsf a {font: 8px cousine; color: #fac1bf!important; text-align: justify; text-transform: uppercase; word-spacing: 2px;}

.v2_bann {
 width: 920px;
  height: 378px;
  border-bottom: 10px solid #444;
  margin: -10px;
  padding: 50px;
  padding-top: 72px;
  padding-right: 30px;
}
.v2_titre {
 font: 700 150px poppins;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  text-shadow: 1px 1px #e4e0de;
  letter-spacing: -3px;
  line-height: 80%;
  margin-top: 44px;
}
.v2_album {
 background: #444;
  width: 448px;
  padding: 10px;
  margin-left: 450px;
  font: 9px cousine!important;
    color: #fff!important;
  text-transform: uppercase;
    line-height: 80%;
}
.v2_album a {
  font: 9px cousine!important;
    color: #fff!important;
  text-transform: uppercase;
    line-height: 80%;
}
.v2_nom {
  width: 1000px;
  font: 700 50px poppins;
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  text-shadow: 1px 1px #e4e0de;
  letter-spacing: -1px;
  line-height: 80%;
  margin-left: -177px;
  padding-right: 15px;
}
.v2_nom c {
 color: #f6b8b6!important;
}

.tooltip {
   
   position:absolute;
   border:1px solid #ccc;
   background-color:#fff;
   border-radius:5px;
   padding:5px;
   color:#444;
    font-family:cousine;
   font-size:8px;
  text-transform:uppercase;
}

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

/*****généralité*****/

body {
      margin: 0;
    padding: 0;
  background: #fafafa url('https://i.imgur.com/hCxhX7U.png');
}

table.bodylinewidth {
  border-top: 0px;
  margin-top: 3%;
  margin-bottom: 1%;
        }


.bodyline {
width:970px;
}
/*****POP UP*****/

.modal-content {
   display: none;
}

#fade-background {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #000;
   z-index: 2;
}
#modal-window {
   position: fixed;
  top: 0%;
        margin: 6% 25% 6% 25%!important;
        vertical-align: middle!important;
        margin-top: 0%;
   z-index: 3;
}
/**** barre de navigation ****/

#navig
{
  width: 100%;
  margin: auto;
  text-align: left;
}

#navig a {
 font: 9px cousine!important;
    color: #fff!important;
    text-align: justify; text-transform: uppercase;
    line-height: 80%;
  text-align: left;
}
#navig a:hover {
 color: #fff!important;
  text-decoration: none!important;
}

#navigation
{
  position: fixed;
  z-index: 900;
  width: 100%;
  background: #444;
  float: center;
    top:-8px;
  padding: 8px;
}


/*****AVATAR*****/
.cercle_avatar{
  width:42px;
  height:42px;
  overflow:hidden;
  border-left: 5px solid #eeab9f;
  border-top: 5px solid #eeab9f;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  border-radius: 100%;
}

.panneau_avatar {
  width:42px;
  height:42px;
  overflow:hidden;
  border-radius: 100%;
  }
.panneau_avatar img {
 width:42px;
  margin-top: -22px;
  border-radius: 100%;
}

/*** navigation ***/

.ssfos_v1 {
  margin-top: 10px;
}




/********PROFIL******/
  .profilv2-cadre {
  background:#615f5f;
  width:960px;
  padding:10px;
  }
 
  .pfv2-nc {
  background:#444;
  border:1px solid #212121;
  padding:15px;
  color:#fff;
  }
 
  .pfv2-nc name {
  color:#f6b8b6;
  text-shadow: #fff 1px 1px, #fff -1px 1px, #fff -1px -1px, #fff 1px -1px;
  font-family:poppins;
  font-size:40px;
  letter-spacing:-2px;
  text-transform:uppercase;
  font-weight:900;
  line-height:30px;
  }
 
  .pfv2-big {
  background:#e6e0de;
  padding:0px;
  width:980px;
  height:auto;
  text-align:justify;
  }
 
  .pfv2-one {
  border-right: 180px solid transparent;
    border-top: 420px solid #F3EFEE;
    height: 0;
    width:200px;
  }
 
  .pfv2-link a {
  border:2px solid #fff;
  padding:15px;
  font-size:50px;
  line-height:100%;
  color:#444;
  text-shadow: #fff 1px 1px, #fff -1px 1px, #fff -1px -1px, #fff 1px -1px;
  }

.pfv2-link a:hover {
  color:#eeab9f;
}
 
  .pfv2-link {
  margin-top:-372px;
  margin-left:40px;
  }
   
  .tooltip {
   
   position:absolute;
   border:1px solid #ccc;
   background-color:#fff;
   border-radius:2px;
   padding:8px;
   color:#444;
    font-family:cousine;
   font-size:9px;
  text-transform:uppercase;
}
 
  .pfv2-avatar {
  border:1px solid #e4e0de;
  background:#fff;
  padding:10px;
  width:200px;
  height:320px;
  position:relative;
  margin-left:-280px;
  top:-10px;
  }
 
  .pfv2-cadre {
      background: #444;
    border: 1px solid #212121;
    padding: 15px;
  width:420px;
  height:310px;
  position:relative;
  top:-10px;
  left:20px;
  overflow:auto;
  }
 
.pfv2-cadre::-webkit-scrollbar {
  height:9px;
  width:9px;}
.pfv2-cadre::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: #eeab9f;
  border:3px solid #444;}
.pfv2-cadre::-webkit-scrollbar-track {
    background-color: #444;}
 

  .pfv2-info {
  border-bottom:1px solid #615f5f;
  padding-bottom:5px;
  font-family:cousine;
  font-size:10px;
  text-transform:uppercase;
  color:#fff;
  text-align:right;
  padding-top:10px;
  }
 
  .pfv2-info c {
  float:left;
  color:#f6b8b6;
  }
 
  .pfv2-bas {
  background:#444;
  width:920px;
  padding:0px;
  }
 
  .pfv2-icon {
  background:#615f5f;
  padding:10px;
  border:1px solid #212121;
  width:80px;
  height:80px;
  }


/****TOOLBAR FA****/
#fa_toolbar{
    background: #eeab9f!important;
    width:150px!important;
    left:1009px!important;
  padding:8px;
}

#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {
    background-color:#fff;
  color:#333;}
 
.fa_toolbar_XL_Sized {
    min-width:150px;
    width: 100%;
    }
.fa_toolbar_L_Sized {
    min-width:150px;
    }
.fa_toolbar_M_Sized {
    min-width:150px;
    }
/* liens masqués */
.fa_tbMainElement#fa_search,
.fa_tbMainElement#fa_share,
#fa_menu,
.rightHeaderLink#fa_hide,
.fa_tbMainElement#fa_right a.rightHeaderLink{
display:none!important;
}
.fa_tbMainElement#fa_left{
display:none!important;
}
/* On affiche le lien "notification" */
.fa_tbMainElement#fa_right a.rightHeaderLink#fa_notifications{
    display:block !important;
    width:150px;
    padding: 0 2px; /* Pour info : Haut/bas droite/gauche */
    text-align:center;
  font-size:9px;
  text-transform:uppercase;
 
}

/* On place de manière sympa le logo de FA */
.fa_tbMainElement#fa_left{
    font-size: 11px;
    position: absolute;
    right: -10px;
    top: 13px;
    -ms-transform: rotate(-16deg); /* IE 9 */
    -webkit-transform: rotate(-16deg); /* Chrome, Safari, Opera */
    transform: rotate(-16deg);
}

/* On indique une référence pour placer la liste des notifications */
#fa_toolbar #fa_right.fa_tbMainElement{
    position:relative;
    }
   
/* On met en page la liste des notifications */
#fa_toolbar #fa_right.notification{
    z-index: 999;
}
#fa_toolbar #fa_right.notification #notif_list{
    width:152px;
    right:0;
    left:auto !important;
}
/* Taille des différents points de la liste de notif' */
#fa_toolbar #fa_right #notif_list li .content,
#fa_toolbar #fa_right #notif_list li{
    width:140px !important;
    }
   
/* Taille des blocs textes des points de la liste de notif' */
#fa_toolbar #fa_right #notif_list li .contentText{
    overflow:visible !important;
    width:100% !important ;
    height:auto !important;
}
/* Bloc "notifs non lues" */
.fa_tbMainElement#fa_right a.rightHeaderLink.unread#fa_notifications{
    width:149px; /* On supprime 1px à la largeur car la bordure fera 1px d'épaisseur */
    border-left:1px solid black;
}
/* Mise en page du bloc "voir toutes les notifications" */
#fa_toolbar #fa_right #notif_list li.see_all{
    width:90%!important;
    text-align:center!important;
}
Sam 20 Oct - 18:27
catégories :

Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- END tablehead -->
 
 <!-- BEGIN cathead -->
 
 <!-- BEGIN inc -->
 
 <!-- END inc -->
 <div class="v2cat"><div class="v2scatt">wicked</div>
    <div class="v2catt">{catrow.cathead.CAT_TITLE}</div>
    </div>
 
 <!-- END cathead -->
 <!-- BEGIN forumrow -->
      <table cellspacing="0" cellpadding="0" class="v2for">
        <td>
          <div style="background: #fafafa; width: 612px; padding: 10px; box-shadow: 1px 1px #e6e0de;">
            <div class="v2fort">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </div>
            <div class="v2forst">
              <span class="lmsgFRM">{catrow.forumrow.LAST_POST}</span></div></div>
<script type="text/javascript">$('.lmsgFRM').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span style="display:inline-block; padding:0 3px;"> </span>'));});</script>
<table cellspacing="0" cellpadding="0">
  <td>
    <div class="v2fordesc">{catrow.forumrow.FORUM_DESC}</div>
  </td>
  <td>
    <div class="v2forstat"><c>{catrow.forumrow.POSTS}</c> m.</div>
    <div class="v2forstat"><c>{catrow.forumrow.TOPICS}</c> s.</div>
  </td>
  </table>
    </td>
    <td valign="top">
      <div style="background: url('https://i.imgur.com/ExsALt5.png'); width: 316px; margin-left: 10px; height: 80px; box-shadow: 1px 1px #e6e0de;">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" />
      </div>
      <table cellspacing="0" cellpadding="0">
        <td>
          <div class="v2forava">
            <!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar -->
          </div>
        </td>
        <td>
          <div class="v2forsf">{catrow.forumrow.LINKS}</div></td></table></td>
    </table>

 <!-- END forumrow -->


 <!-- BEGIN catfoot -->
 <tr>
 <!-- BEGIN inc -->
 <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
 <!-- END inc -->
 <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
 </tr>
 <!-- END catfoot -->
 
 <!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Sam 20 Oct - 18:35
qeel :

Code:
{JAVASCRIPT}
<!-- 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">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

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

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

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

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<div class="v2cat"><div class="v2scatt">lands</div><div class="v2catt">on the week-end</div></div><div style="margin-top: 10px; background: #f2efee; border: 1px solid #dcdcdc; padding: 10px; width: 958px;">

<table cellspacing="0" cellpadding="0" style="margin-bottom: 10px;">
  <td><div style="background: #fafafa; width: 454px; padding: 10px; box-shadow: 1px 1px #e6e0de; font: 700 20px poppins; color: #e6e0de; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;">
    <table cellspacing="0" cellpadding="0">
      <td style="text-align: left; width: 30px; font-size: 30px; color: #eeab9f" class="heartbeat"><i class="sf sf-check-2-o"></i></td>
      <td valign="middle" style="width: 424px; text-align: right;"><a href="{U_MARK_READ}" style="color: #e6e0de">marquer comme lus</a></td></table></div></td>
  <td><div style="margin-left: 10px; background: #fafafa; width: 454px; padding: 10px; box-shadow: 1px 1px #e6e0de; font: 700 20px poppins; color: #e6e0de; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;">
    <table cellspacing="0" cellpadding="0">
      <td style="text-align: left; width: 30px; font-size: 30px; color: #eeab9f" class="heartbeat"><i class="sf sf-cursor-o"></i></td>
      <td valign="middle" style="width: 424px; text-align: right;"><a href="{U_TODAY_ACTIVE}" style="color: #e6e0de">sujets actifs du jour</a></td></table></div></td>
</table>

<table cellspacing="0" cellpadding="0"><td valign="top"><div style="margin-right: 10px; width: 228px; height: 90px; background: #fafafa; box-shadow: 1px 1px #e6e0de; padding: 10px;">
<div style="width: 223px; height: 90px; padding-right: 5px; overflow: auto;" class="v2qeelzbrah">
  <div id="qeel"><table class="DeBug">{L_CONNECTED_MEMBERS}</table></div>

<script type="text/javascript">
  document.getElementById('qeel').innerHTML=document.getElementById('qeel').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/,"");
</script></div></div>
<div style="background: #fafafa; margin-right: 10px; margin-top: 10px; width: 228px; box-shadow: 1px 1px #e6e0de; padding: 10px;">
  <div style="font: 700 20px poppins; color: #fac1bf; text-align: center; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;">les passés</div></div></td>
<td><div style="margin-right: 10px; width: 350px; background: #fafafa; box-shadow: 1px 1px #e6e0de; padding: 10px;">
  <div style="font: 700 20px poppins; color: #fac1bf; text-align: center; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;">en ligne maintenant</div>
  <div style="background: #444; width: 340px; padding: 5px; font: 9px cousine; text-align: center; text-transform: uppercase; color: #fafafa; line-height: 90%; padding-top: 7px;"><span id="totaluo">{TOTAL_USERS_ONLINE}</span>

<script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/Il y a en tout/,"");</script>
                          <script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/utilisateur en ligne/,"présent");</script>
                          <script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/utilisateurs en ligne/,"présents");</script>
                          <script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/Enregistré/,"citoyen");</script>
                          <script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/Enregistrés/,"citoyens");</script>
                          <script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/Invisible/,"vagabond");</script>
                          <script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/Invisibles/,"vagabonds");</script>
                          <script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/Invité/,"touriste");</script>
                          <script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/Invités/,"touristes");</script>
                          <script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/::/,"//");</script>
                          <script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/,/," •");</script>
                          <script type="text/javascript">document.getElementById('totaluo').innerHTML=document.getElementById ('totaluo').innerHTML.replace(/et/,"•");</script></div></div><div style="margin-right: 10px; margin-top: 10px; width: 350px; height: 70px; background: #fafafa; box-shadow: 1px 1px #e6e0de; padding: 10px;"><div style="width: 345px; height: 70px; padding-right: 5px; overflow: auto;font: 700 14px poppins; color: #e6e0de; text-align: justify; text-transform: lowercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff; line-height: 100%;"><span id="connectm">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">document.getElementById('connectm').innerHTML=document.getElementById ('connectm').innerHTML.replace(/Utilisateurs enregistrés :/,"");</script>
</div></div></td><td><div class="v2qeelstats"><table cellspacing="0" cellpadding="0"><td style="width: 40px; text-align: left; font-size: 30px;" class="heartbeat"><i class="sf sf-plus-2"></i></td><td style="width: 260px; text-align: right;" valign="middle"><span id="nvel">{NEWEST_USER}
    <script type="text/javascript">document.getElementById('nvel').innerHTML=document.getElementById ('nvel').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"bienvenue à");</script></span></td></table></div><div class="v2qeelstats" style="margin-top: 10px;"><table cellspacing="0" cellpadding="0"><td style="width: 260px; text-align: left;" valign="middle"><span id="totalu">{TOTAL_USERS} membres</span>
<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/,"");</script>
                              <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membre enregistré/,"");</script>
<script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/,"");</script></td><td style="width: 40px; text-align: right; font-size: 30px;" class="heartbeat"><i class="sf sf-graph-1"></i></td></table></div>
  <div class="v2qeelstats" style="margin-top: 10px;"><table cellspacing="0" cellpadding="0"><td style="width: 40px; text-align: left; font-size: 30px;" class="heartbeat"><i class="sf sf-chat-bubbles"></i></td><td style="width: 260px; text-align: right;" valign="middle"><span id="ttposts">{TOTAL_POSTS} posts</span>
<script type="text/javascript">document.getElementById('ttposts').innerHTML=document.getElementById ('ttposts').innerHTML.replace(/Nos membres ont posté un total de/,"");</script>
<script type="text/javascript">document.getElementById('ttposts').innerHTML=document.getElementById ('ttposts').innerHTML.replace(/message/,"");</script>
<script type="text/javascript">document.getElementById('ttposts').innerHTML=document.getElementById ('ttposts').innerHTML.replace(/messages/,"");</script>
<script type="text/javascript">document.getElementById('ttposts').innerHTML=document.getElementById ('ttposts').innerHTML.replace(/ s/,"");</script></td></table></div></td></table>

<table cellspacing="0" cellpadding="0" style="margin-top: 10px;">
  <td><div style="background: #fafafa; width: 293px; padding: 10px; box-shadow: 1px 1px #e6e0de; font: 700 20px poppins; color: #a4e9ae; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;">
    <table cellspacing="0" cellpadding="0">
      <td style="text-align: left; width: 30px; font-size: 30px;" class="heartbeat"><i class="sf sf-diamond-o"></i></td>
      <td valign="middle" style="width: 263px; text-align: right;"><a href="http://wicked-lands.forumactif.com/g6-kosmo" target="_blank" style="color: #a4e9ae">kosmo / gemmes</a></td></table></div></td>
  <td><div style="margin-left: 10px; background: #fafafa; width: 293px; padding: 10px; box-shadow: 1px 1px #e6e0de; font: 700 20px poppins; color: #a4b8e9; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;">
    <table cellspacing="0" cellpadding="0">
      <td style="text-align: left; width: 30px; font-size: 30px;" class="heartbeat"><i class="sf sf-bolt-o"></i></td>
      <td valign="middle" style="width: 263px; text-align: right;"><a href="http://wicked-lands.forumactif.com/g5-yvridio" target="_blank" style="color: #a4b8e9">yvridio / bénis</a></td></table></div></td>
  <td><div style="margin-left: 10px; background: #fafafa; width: 292px; padding: 10px; box-shadow: 1px 1px #e6e0de; font: 700 20px poppins; color: #e9a4e5; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;">
    <table cellspacing="0" cellpadding="0">
      <td style="text-align: left; width: 30px; font-size: 30px;" class="heartbeat"><i class="sf sf-crown-o"></i></td>
      <td valign="middle" style="width: 262px; text-align: right;"><a href="http://wicked-lands.forumactif.com/g3-hinos" target="_blank" style="color: #e9a4e5">hinos / humains</a></td></table></div></td>
</table></div>

<style>.v2qeelzbrah {font: 700 10px poppins!important; color: #e6e0de; text-align: justify; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff!important; line-height: 100%;}
  .v2qeelstats {background: #fafafa; width: 300px; padding: 10px; font: 700 10px poppins; color: #fac1bf; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff; box-shadow: 1px 1px #e6e0de;}</style>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />

{AUTO_DST}
Sam 20 Oct - 18:36
overall_header :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
  <link href="https://fonts.googleapis.com/css?family=Cousine|PT+Sans:400,700|Abril+Fatface|Arimo|Open+Sans+Condensed:300|Open+Sans:400,700|Playfair+Display:400,700,900|Raleway:400,700,900|Rozha+One|Poppins:400,700" rel="stylesheet">
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
    <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
    <meta http-equiv="content-script-type" content="text/javascript" />
    <meta http-equiv="content-style-type" content="text/css" />
    <!-- BEGIN switch_compat_meta -->
    <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
    <!-- END switch_compat_meta -->
    <!-- BEGIN switch_canonical_url -->
    <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
    <!-- END switch_canonical_url -->
    {META_FAVICO}
    {META}
    {META_FB_LIKE}
    <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
    {T_HEAD_STYLESHEET}
    {CSS}
    <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
    <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
    <script src="{JQUERY_PATH}" type="text/javascript"></script>
    <!-- BEGIN switch_recent_jquery -->
    <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
    <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
    <!-- END switch_recent_jquery -->
    <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> 
    {RICH_SNIPPET_GOOGLE}

    <!-- BEGIN switch_fb_login -->
    <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
    <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
    <!-- END switch_fb_login -->

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .jcarousel-skin-tango .jcarousel-item-vertical {
        margin-bottom: {switch_ticker.SPACING}px;
    }
    </style>
    <!-- END switch_ticker_new -->
    {HOSTING_JS}

    <!-- BEGIN google_analytics_code -->
    <script type="text/javascript">
        //<![CDATA[
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', '{G_ANALYTICS_ID}', 'auto');
    ga('send', 'pageview');
    ga('set', 'anonymizeIp', true);

    <!-- BEGIN google_analytics_code_bis -->
    ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis');
    ga('bis.send', 'pageview');
    ga('bis.set', 'anonymizeIp', true);
    <!-- END google_analytics_code_bis -->
    //]]>
    </script>
    <!-- END google_analytics_code -->

</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
  <div id="navigation"><div id="navig">
    <div style="padding:10px;">
    {GENERATED_NAV_BAR}
    </div></div></div>
  <!-- BEGIN hitskin_preview -->
    <div id="hitskin_preview" style="display: block;">
        <h1><img src="https://illiweb.com/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
        <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
        </div>
    </div>
    <!-- END hitskin_preview -->

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

    <a name="top"></a>
    {JAVASCRIPT}
    <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr><td>
        <div style="background: url('https://imgur.com/XosTmD9.png');" class="v2_bann">
          <div class="v2_titre">wicked<br />
          lands</div>
          <div class="v2_album">
          <span id="v2naveh"><a href="http://wicked-lands.forumactif.com/">accueil</a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
      {NAV_CAT_DESC_SECOND}
    <script type="text/javascript">document.getElementById('v2naveh').innerHTML=document.getElementById ('v2naveh').innerHTML.replace(/::/,"→");</script>
    <script type="text/javascript">document.getElementById('v2naveh').innerHTML=document.getElementById ('v2naveh').innerHTML.replace(/::/,"→");</script>
    <script type="text/javascript">document.getElementById('v2naveh').innerHTML=document.getElementById ('v2naveh').innerHTML.replace(/::/,"→");</script></span></div>
        </div>
  <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
        </td></tr>
        <tr>
            <td class="bodyline">
              <div style="background: #eeab9f; width: 980px; padding: 10px; float: center; position: relative; margin: -10px;">
                <div class="v2zbrah"><a href="#" class="modal-link" data-modal-target="staffpop"><i class="sf sf-crown-o"></i> staff</a>
                <a href="#" target="_blank"><i class="sf sf-warning"></i> règlement</a>
                <a href="#" target="_blank"><i class="sf sf-stars-o"></i> groupes</a>
                <a href="#" target="_blank"><i class="sf sf-moon-1-o"></i> affiliations</a>
                <a href="#" target="_blank"><i class="sf sf-constellation-o"></i> annexes</a>
                <a href="#" target="_blank"><i class="sf sf-list"></i> registres</a>
                <a href="#" class="modal-link" data-modal-target="appropop"><i class="sf sf-more"></i> approfondir</a></div>
              </div>
              <style>.albatri {
              opacity: .5;
                width: 0px; height: 0px;
                border-top: 489px solid #e9a4e5;
   border-right: 320px solid transparent;
                float: left;
                margin: -10px;
                position: relative;
              }
              .revtri {
              opacity: .5;
                width: 0px; height: 0px;
                border-top: 489px solid #a4e9ae;
   border-right: 320px solid transparent;
                float: left;
                margin: -10px;
              }
              .sutri {
              opacity: .5;
                width: 0px; height: 0px;
                border-top: 489px solid #a4b8e9;
   border-right: 320px solid transparent;
                float: left;
                margin: -10px;
              }</style>
              <div id="staffpop" class="modal-content"><div style="background: #f2efee; width: 680px; height: 489px; padding: 10px; border: 1px solid #dcdcdc;">
                <div style="background: #fafafa; width: 660px; height: 136px; padding: 10px; box-shadow: 1px 1px #e6e0de; overflow: hidden;">
                  <div class="albatri"></div>
                  <a href="#" target="_blank"><div style="position: relative; float: left; margin-left: -32px; border-radius: 100%; width: 30px; height: 30px; background: #fafafa; border: 1px solid #dedede; padding: 5px; padding-top: 6px; padding-right: 6px; color: #e9a4e5; font-size: 27px; text-align: center;">
                    <i class="sf sf-user-o"></i></div></a>
                  <a href="#" target="_blank"><div style="position: relative; float: left; margin-left: -74px; margin-top: 48px; border-radius: 100%; width: 30px; height: 30px; background: #fafafa; border: 1px solid #dedede; padding: 5px; padding-top: 6px; padding-right: 6px; color: #e9a4e5; font-size: 27px; text-align: center;">
                    <i class="sf sf-receive-o"></i></div></a>
                  <a href="#" target="_blank"><div style="position: relative; float: left; margin-left: -110px; margin-top: 96px; border-radius: 100%; width: 30px; height: 30px; background: #fafafa; border: 1px solid #dedede; padding: 5px; padding-top: 6px; padding-right: 6px; line-height: 100%; color: #e9a4e5; font-size: 27px; text-align: center;">
                    <i class="sf sf-plus-2"></i></div></a>
                  <div style="position: relative; background: url('https://media1.tenor.com/images/6ed8d0e8f64500c6a13c99d9c4136c1a/tenor.gif?itemid=5801564'); background-size: cover; background-position: center; width: 178px; height: 116px; border: 10px solid #fafafa; float: left; margin-left: -310px; margin-top: 0px;"></div>
                  <div style="width: 340px; margin-left: 10px; height: 136px; float: right; margin-top: -43px;">
                    <table cellspacing="0" cellpadding="0" style="font: 700 30px poppins; color: #e9a4e5; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;">
                      <td style="text-align: left; width: 30px;"><i class="sf sf-crown-o"></i></td>
                      <td style="text-align: right; width: 310px;">albatros</td></table>
                    <div style="margin-top: 10px; width: 335px; height: 91px; overflow: auto; padding-right: 5px; font: 11px arial; color: #666; line-height: 100%; text-align: justify;">
                    salut c'est moruto aka momo aka Fleur2LUNE666 mais honnêtement vous m'appelez comme vous voulez <br/>
      j'ai 19 ans et je suis à science po mais je trouve ça trop facile je gère un forum à côté. Bon ok en vrai je fais des études d'art bref toussa pour dire, ne prenez pas au sérieux tout ce que je dis :transpire:<br/>
      j'aime rire j'aime parler j'aime 1000 trucs donc si vous voulez rire et parler de 1000 trucs ma porte est ouverte<br/>
      hormis ça ma messagerie est ouverte à tous vos problèmes et toutes vos questions <br/>
      par contre pour vos désirs va falloir changer de ligne <br/>
      la bise </div></div>
                </div>
                <div style="margin-top: 10px; background: #fafafa; width: 660px; height: 136px; padding: 10px; box-shadow: 1px 1px #e6e0de; overflow: hidden;">
                <div class="revtri"></div>
                  <a href="#" target="_blank"><div style="position: relative; float: left; margin-left: -32px; border-radius: 100%; width: 30px; height: 30px; background: #fafafa; border: 1px solid #dedede; padding: 5px; color: #a4e9ae; font-size: 27px; padding-top: 6px; padding-right: 6px; text-align: center;">
                    <i class="sf sf-user-o"></i></div></a>
                  <a href="#" target="_blank"><div style="position: relative; float: left; margin-left: -74px; margin-top: 48px; border-radius: 100%; width: 30px; height: 30px; background: #fafafa; border: 1px solid #dedede; padding: 5px; color: #a4e9ae; font-size: 27px; padding-top: 6px; padding-right: 6px; text-align: center;">
                    <i class="sf sf-receive-o"></i></div></a>
                  <a href="#" target="_blank"><div style="position: relative; float: left; margin-left: -110px; margin-top: 96px; border-radius: 100%; width: 30px; height: 30px; background: #fafafa; border: 1px solid #dedede; padding: 5px; color: #a4e9ae; font-size: 27px; padding-top: 6px; padding-right: 6px; text-align: center;">
                    <i class="sf sf-plus-2"></i></div></a>
                  <div style="position: relative; background: url('https://i.pinimg.com/originals/58/46/47/584647897e370ef5a4ca99c3a4997847.gif'); background-size: cover; background-position: center; width: 178px; height: 116px; border: 10px solid #fafafa; float: left; margin-left: -310px; margin-top: 0px;"></div>
                  <div style="width: 340px; margin-left: 10px; height: 136px; float: right; margin-top: -43px;">
                    <table cellspacing="0" cellpadding="0" style="font: 700 30px poppins; color: #a4e9ae; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;">
                      <td style="text-align: left; width: 30px;"><i class="sf sf-crown-o"></i></td>
                      <td style="text-align: right; width: 310px;">revolver</td></table>
                    <div style="margin-top: 10px; width: 335px; height: 91px; overflow: auto; padding-right: 5px; font: 11px arial; color: #666; line-height: 100%; text-align: justify;">
                    bon on va pas y aller par quatre CHEMINS moi c'est ced (de cedella, pas cédric merci) <br />
      j'ai 19 ans et je suis une glandeuse en llcer anglais (je dis glandeuse mais je rigolerai moins en septembre n_n) <br />
      je suis surtout en charge des!!!! kosmo donc si y a 1 question on hésite pas on la pose <br />
      j'ai fondamentalement très peu de vie sociale atm dc dispo 24/7 lol <br />
      aussi si y a un bug dans le code c'est probablement ma faute j'ai un contrôle très aléatoire sur ce que je fais <br />
    ps: je déteste le vert. voilà j'ai bien fait mon choix de groupe</div>
                  </div></div>
                <div style="margin-top: 10px; background: #fafafa; width: 660px; height: 136px; padding: 10px; box-shadow: 1px 1px #e6e0de; overflow: hidden;">
                <div class="sutri"></div>
                <a href="#" target="_blank"><div style="position: relative; float: left; margin-left: -32px; border-radius: 100%; width: 30px; height: 30px; background: #fafafa; border: 1px solid #dedede; padding: 5px; color: #a4b8e9; font-size: 27px; padding-top: 6px; padding-right: 6px; text-align: center;">
                    <i class="sf sf-user-o"></i></div></a>
                  <a href="#" target="_blank"><div style="position: relative; float: left; margin-left: -74px; margin-top: 48px; border-radius: 100%; width: 30px; height: 30px; background: #fafafa; border: 1px solid #dedede; padding: 5px; color: #a4b8e9; font-size: 27px; padding-top: 6px; padding-right: 6px; text-align: center;">
                    <i class="sf sf-receive-o"></i></div></a>
                  <a href="#" target="_blank"><div style="position: relative; float: left; margin-left: -110px; margin-top: 96px; border-radius: 100%; width: 30px; height: 30px; background: #fafafa; border: 1px solid #dedede; padding: 5px; color: #a4b8e9; font-size: 27px; padding-top: 6px; padding-right: 6px; text-align: center;">
                    <i class="sf sf-plus-2"></i></div></a>
                  <div style="position: relative; background: url('https://i.pinimg.com/originals/3a/fc/18/3afc18a6111ab4df5b5ca6caafb307a9.gif'); background-size: cover; background-position: center; width: 178px; height: 116px; border: 10px solid #fafafa; float: left; margin-left: -310px; margin-top: 0px;"></div>
                  <div style="width: 340px; margin-left: 10px; height: 136px; float: right; margin-top: -43px;">
                    <table cellspacing="0" cellpadding="0" style="font: 700 30px poppins; color: #a4b8e9; text-transform: uppercase; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;">
                      <td style="text-align: left; width: 30px;"><i class="sf sf-crown-o"></i></td>
                      <td style="text-align: right; width: 310px;">suzy hao</td></table>
                    <div style="margin-top: 10px; width: 335px; height: 91px; overflow: auto; padding-right: 5px; font: 11px arial; color: #666; line-height: 100%; text-align: justify;">
                    !!!! ici garance garou pour les intimes et orochigarou par extension, sinn mon pseudo c'est strparadise mais en soi vs mappelez comme vous voulez idc <br/>
       j'ai 18 ans je suis en llcer trilangue, jenvisage mon avenir en 144p <br/>
         jlaisse les skills de graph et code à mes nicu camerados, donc jmoccupe ??? des bails de modo classique voilà, tjs là pour vous si besoin avec plaisir hihi <br/>
       ettt euh mrci davoir lu bisous jvm</div></div>
                  </div></div></div>
              <style>.v2zbrah {font: 700 10px poppins; color: #fafafa;
                text-transform: uppercase; line-height: 100%; text-align: center;}
              .v2zbrah i {margin-left: 35px; margin-right: 5px;}
              .v2zbrah a {color: #fff!important}</style>
              <div id="appropop" class="modal-content"><div style="background: #f2efee; width: 680px; height: 489px; padding: 10px; border: 1px solid #dcdcdc;">
                <table cellspacing="0" cellpadding="0">
                  <td><div style="background: #fafafa; width: 315px; padding: 10px; box-shadow: 1px 1px #e6e0de; font: 700 30px poppins; color: #eeab9f; text-transform: uppercase; line-height: 100%;">
                    <table cellspacing="0" cellpadding="0">
                      <td style="width: 30px; text-align: left;"><i class="sf sf-deck-o"></i></td>
                      <td style="width: 285px; text-align: right;">stats</td></table></div>
                    <div style="font: 11px arial; color: #666; text-align: justify; background: #fafafa; box-shadow: 1px 1px #e6e0de; width: 315px; height: 373px; overflow: hidden; padding: 10px; margin-top: 10px;">
                      <div style="margin-top: 270px; opacity: .5; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff; font-size: 150px; color: #eeab9f; z-index: 1; text-align: right;"><i class="sf sf-stars"></i></div>
                      <div style="margin-bottom: 10px; margin-top: -420px; background: rgba(164, 233, 174, .5); width: 305px; padding: 5px; font: 9px cousine; color: #fff; text-align: left; text-transform: uppercase; padding-top: 7px;">
                      nemos -- 7 membres</div>
                      kosmo uniquement -- terrorisme, infiltrations, hopital, radicaux comme réformistes. un rôle important disponible.
                    <div style="margin-top: 10px; margin-bottom: 10px; background: linear-gradient(to right, rgba(164, 184, 233, .5) 0%, rgba(233, 164, 229, .5) 100%); width: 305px; padding: 5px; font: 9px cousine; color: #fff; text-align: left; text-transform: uppercase; padding-top: 7px;">
                      eskeia -- 12 membres</div>
                      hinos et eskeia uniquement -- institut, orphelinat, pension, armée, stratèges. rôles important (dont directeur.rice) disponibles.
                    <div style="margin-top: 10px; margin-bottom: 10px; background: linear-gradient(to right, rgba(164, 233, 174, .5) 0%, rgba(164, 184, 233, .5) 50%, rgba(233, 164, 229, .5) 100%); width: 305px; padding: 5px; font: 9px cousine; color: #fff; text-align: left; text-transform: uppercase; padding-top: 7px;">
                      anké -- 15 membres</div>
                      toutes races comprises -- terrorisme, infiltrations, vol, entrepots. un rôle important disponible.
                    <div style="margin-top: 10px; margin-bottom: 10px; background: linear-gradient(to right, rgba(164, 233, 174, .5) 0%, rgba(164, 184, 233, .5) 10%, rgba(233, 164, 229, .5) 25%, rgba(233, 164, 229, .5) 100%); width: 305px; padding: 5px; font: 9px cousine; color: #fff; text-align: left; text-transform: uppercase; padding-top: 7px;">
                      thessalonis -- 7 membres</div>
                      humains uniquement (sauf exception, indisponibles) -- trafics, bourrage de crane, violences, chrétienté. rôles disponibles.
                    <div style="margin-top: 10px; z-index: 99; position: relative; background: linear-gradient(to right, rgba(207, 242, 212, 1) 0%, rgba(207, 221, 237, 1) 50%, rgba(242, 207, 240, 1) 100%); width: 305px; padding: 5px; font: 9px cousine; color: #fff; text-align: left; text-transform: uppercase; padding-top: 7px;">
                      validés -- 51 membres</div></div></td>
                  <td valign="top"><div style="margin-left: 10px; background: #fafafa; width: 315px; padding: 10px; box-shadow: 1px 1px #e6e0de; font: 700 30px poppins; color: #eeab9f; text-transform: uppercase; line-height: 100%;">
                    <table cellspacing="0" cellpadding="0">
                      <td style="width: 30px; text-align: left;"><i class="sf sf-list-o"></i></td>
                      <td style="width: 285px; text-align: right;">vocab</td></table></div>
                  <div style="margin-left: 10px; font: 11px arial; color: #666; text-align: justify; background: #fafafa; box-shadow: 1px 1px #e6e0de; width: 315px; height: 373px; overflow: hidden; padding: 10px; margin-top: 10px;">
                      <div style="margin-top: 270px; text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff; font-size: 150px; color: #e6e0de; z-index: 1; text-align: left;"><i class="sf sf-constellation"></i></div>
                      <div style="width: 310px; padding-right: 5px; overflow: auto; height: 373px; margin-top: -420px; position: relative;" class="v2vocab">
                        <div style="margin-bottom: 7px; background: #f4d2cc; width: 285px; padding: 5px; font: 9px cousine; color: #fff; text-align: left; text-transform: uppercase; padding-top: 7px;">
                      rôles de nemos</div>
                        <b>melpomène</b> -- chef.fe des terroristes/activistes.<br />
                        <b>calliope</b> -- kosmo sous les ordres de melpomène.<br />
                        <b>thalia</b> -- chef.fe des espions/infiltrés.<br />
                        <b>terpsichore</b> -- kosmo sous les ordres de thalia.<br />
                        <b>erato</b> -- directeur.rice de l'aile médicale de nemos.<br />
                        <b>uranie</b> -- kosmo sous les ordres d'erato.<br />
                        <b>polymnie</b> -- recruteurs.
                    <div style="margin-bottom: 7px; margin-top: 10px; background: #f4d2cc; width: 285px; padding: 5px; font: 9px cousine; color: #fff; text-align: left; text-transform: uppercase; padding-top: 7px;">
                      rôles d'eskeia</div>
                        <b>héré</b> -- aile dédiée à l'institut et au pensionnat.<br />
                        <b>pokrats</b> -- enfants (orphelins ou juste pensionnaires).<br />
                        <b>phonos</b> -- aile contenant la force armée d'eskeia.<br />
                        <b>théné</b> -- aile dédiée aux stratèges et informaticiens de l'affiliation.
                    <div style="margin-bottom: 7px; margin-top: 10px; background: #f4d2cc; width: 285px; padding: 5px; font: 9px cousine; color: #fff; text-align: left; text-transform: uppercase; padding-top: 7px;">
                      rôles d'anké</div>
                        <b>clotho</b> -- aile dédiée au recrutement et à l'accueil des recrues.<br />
                        <b>lachésis</b> -- aile dédiée à l'éducation et à la relatation de l'histoire d'anké.<br />
                        <b>atropos</b> -- aile contenant la force armée d'anké, en plus de dealers et de voleurs.
                    <div style="margin-bottom: 7px; margin-top: 10px; background: #f4d2cc; width: 285px; padding: 5px; font: 9px cousine; color: #fff; text-align: left; text-transform: uppercase; padding-top: 7px;">
                      rôles de l'ordre</div>
                        <b>fortiem</b> -- force armée de l'ordre.<br />
                        <b>ordinem</b> -- aile dédiée au maintien du respect et à la politique intérieure des terres.<br />
                        <b>impetus</b> -- aile dédiée à la culture et à l'économie/la rentabilité des terres.<br />
                        <b>exire</b> -- aile dédiée à l'exploration et à la recherche, ainsi qu'à la communication entre affiliations et ordre.</div></div></td>
                </table>
               
                <style>.v2vocab b {font: 700 9px poppins;
                  color: #eeab9f;
                  text-transform: uppercase;
                  text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;}</style>
                <table cellspacing="0" cellpadding="0" style="margin-top: 10px;"><td>
                  <a href="http://wicked-lands.forumactif.com/t36-trois-groupes#70" target="_blank"><div style="background: #a4e9ae; width: 228px; height: auto; padding: 5px; font: 700 10px poppins; color: #fff; text-align: left;">KOSMO -- 20</div></a></td><td>
                  <a href="http://wicked-lands.forumactif.com/t36-trois-groupes#69" target="_blank"><div style="background: #a4b8e9; width: 296px; height: auto; padding: 5px; font: 700 10px poppins; color: #fff; text-align: left">YVRIDIO -- 23</div></a></td><td>
                  <a href="http://wicked-lands.forumactif.com/t36-trois-groupes#68" target="_blank"><div style="background: #e9a4e5; width: 126px; height: auto; padding: 5px; font: 700 10px poppins; color: #fff; text-align: left">HINOS -- 12</div></a></td></table>
                </div></div>
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <!-- BEGIN switch_logo_left -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_left -->
                        <td align="center" width="100%" valign="middle">
                            <!-- BEGIN switch_logo_center -->
                            <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                            <br />
                            <!-- END switch_logo_center -->
                            <div class="maintitle">{MAIN_SITENAME}</div>
                            <br />
                            <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                        </td>
                        <!-- BEGIN switch_logo_right -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_right -->
                    </tr>
                </table>

                <div style="clear: both;"></div>

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

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

                <div id="page-body">
                    <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                        <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                            <tbody>
                                <tr>
                                    <td valign="top" width="{C1SIZE}">
                                        <div id="{ID_LEFT}">
                                            <!-- BEGIN giefmod_index1 -->
                                            {giefmod_index1.MODVAR}
                                                <!-- BEGIN saut -->
                                                <div style="height:{SPACE_ROW}px"></div>
                                                <!-- END saut -->
                                            <!-- END giefmod_index1 -->
                                        </div>
                                    </td>
                                    <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
<!-- END html_validation -->
Sam 20 Oct - 18:36
THEME WL V2
Page 1 sur 1
 Sujets similaires
-
» divers rp de partout, theme "gwen pete un plomb"
» 15 - THEME PHOTO DU MOIS: Février 2012 "ST VALENTIN - AMOUR - OU ROUGE PASSION - OU CARNAVAL"
» THEME PHOTO DU MOIS DE JUIN 2012 : RECYCLAGE
» THEME PHOTO DU MOIS D'OCTOBRE 2012 : ROSE
» THEME DU MOIS DE MARS 2013 : le printemps, le renouveau, les balades dans la nature
réponse rapide

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum