codage actuel ZDC

/* MISE EN PAGE DU FORUM GENERAL - DEBUT - */
body{
  background-position: top center;
  margin:0;
}

.nav img{
  max-width: 180px;
  max-height: 150px;
}

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

.forumline {
  background: #d2eba2;
  display:block;
}

.azur{color:#2195ED;}
.or{color:#C9A802;}
.emeraude{color:#3FA603;}
.cocktail{color:#f90466;}
.mandarine{color:#f94904;}
.cassis{color:#7104f9;}
.lime{color:#04f9b1;}
.pepin{color:#04f9f0;}
.citron{color:#fdf9ce;}
.orange{color:#f99a04;}

/*Recrutement*/
.recrut_citron, .recrut_lime, .recrut_manda, .recrut_cassis, .recrut_pepin, .recrut_cocktail {
  border-radius: 6px;
  margin: 0 2px;
  font-weight:bold;
  padding: 1px 4px;
  text-shadow: -1px 1px 0 #fff;
  box-shadow: -1px 1px 2px #000;  
}

.recrut_citron {
  background: #fff373;
  color: #c28813;
}

.recrut_lime {
  background: #51f9b4;
  color: #088c56;
}

.recrut_manda {
  background: #f65710;
  color: #6d2506;
  text-shadow: -1px 1px 0 rgba(255,255,255,0.6);
}

.recrut_cassis {
  background: #a14afb;
  color: #25054d;
  text-shadow: -1px 1px 0 rgba(255,255,255,0.6);
}

.recrut_pepin {
  background: #23ede1;
  color: #077972;
}

.recrut_cocktail {
  background: #fb6093;
  color: #50031c;
  text-shadow: -1px 1px 0 rgba(255,255,255,0.6);
}

a span[style="color:#fff373"]{text-shadow: -1px 0 4px #907050;}
.last_sujet a span{text-shadow:none;}
/**************************/

/*Head*/
#i_logo {
  margin-top:-10px;
}

/*Barre de Nagigation */
.barre_navig {
  margin-top: -80px;
}

/* ZDC Catégories */
.categorie, .haut_cat, .bas_cat {
  margin:  auto;
  width: 850px;
}
  
.haut_cat {
  display:block;
  background: url("http://img11.hostingpics.net/pics/881083cellpicshaut.png") no-repeat;
  height: 169px;
  margin-bottom: 35px;
}

.secondarytitle {
  margin-bottom: -2px;
}

.bas_cat {
  display:block;
  background: url("http://img11.hostingpics.net/pics/720717cellpicsbas.png") no-repeat;
  height: 169px;
  margin-bottom: 40px;
  position:relative;
  z-index: -4;
  clear:both;
}

.titre_categorie {
  width: 570px;
  text-align: center;
  padding-bottom: 3px;
  border-bottom: #4f7135 solid 5px;
  margin-bottom: 4px;
}

.titre_categorie a{
  font-size: 18px;
  font-weight: normal;
}

.titre_categorie a:link, .titre_categorie a:visited {
  color: #4f7135;
  text-shadow: -1px 0 0 #5b8a26, 1px 0 0 #5b8a26, 0 -1px 0 #5b8a26, 0 1px 0 #5b8a26, -1px 1px 4px #d6d48e, -2px 2px 3px #d6d48e;
  letter-spacing: 1px;
  transition: all linear 0.3s;
}
.titre_categorie a:hover {
  letter-spacing: 3px;
}

.messages_sujets {
  float: right;
  margin: 5px 15px 5px 5px;
  color: #FFFFFF;
  font-size: 12px;
}

.cat_forum {
    background: #d2eba2;
  width: 100%;
  padding-top: 10px;
}
  
.image_cat {
  float: left;
  margin-left: -50px;
  margin-top: 25px;
}

.desc_cat {
  font-size: 12px;
  box-shadow: 0 0 4px #4f7135, inset 0 0 6px #000;
  height: 100px;
  max-width: 570px;
  border-radius: 0 4px 4px 0;
  padding: 4px;
}

.description {
  height: 100px;
  overflow: auto;
}

.last_sujet {
  background: #d6d48e;
  box-shadow: 0 0 4px #d6d48e, inset 0 0 6px #000;
  width: 150px;
  text-align: center;
  border-radius: 4px 0 0 4px;
}

.sous_forum {
  text-align: center;
}

/* FIN CODAGE CATEGORIES */

/*Largeur liste des sujets et messages et alignement horizontal (centré)*/
table.three-col, .catBottom, .forumline .thHead {
  margin:auto;
  width: 950px;  
}


/*Colonnes profil et messages */

.messages_sujet {background: transparent;
padding:0;}

.forumline .row2, .forumline .row1 {background: #d2eba2; }
.forumline.messages_sujet .row2, .forumline.messages_sujet .row1 {border-left: 2px solid #d2eba2;}
.forumline.messages_sujet .colonne_profil {border-left:none;}
.forumline .colonne_profil {
  padding:0;
  background: transparent;
  position:relative;
}

.messages_sujet .row1 table, .messages_sujet .row2 table {border-top: 2px solid #faf8f6;}
.messages_sujet .messaging table {border-top:none;}

.postbody {padding: 6px;}
.postbody img{max-width: 90%;}
/*Largeur des éléments sous les messages (réponse rapide, permissions etc)*/
.largeur_message, .largeur_message #quick_reply {
  /*width: 728px;*/
  margin-left:222px;
}
.largeur_message #quick_reply, .messages_sujet .catBottom{
 margin-left:0;
}

.messages_sujet td.catBottom {
  padding-left: 222px;
}

/*Texte édité le , édité x fois*/
.message_edite {
  color: #e8e4df;
  font-size: 7px;
  display: block;
  text-align: center;
  cursor: default;
  height:20px;
}
.message_edite:hover {font-size: 10px; color: #9f9e9a;}
.message_edite br{display:none;}
/* PROFIL dans les messages */

/*Encadre général*/
.zdc_profil {
  width: 210px;
  min-height: 120px;
  background: #d2eba2;
  border-radius: 50px 0 0px 50px;
  border: solid #d2eba2;
  border-width: 2px 1px;
  border-right:1px solid #d2eba2;
  box-shadow: -3px 0 2px #fff;
  font-size: 12px;
  padding: 5px;
  position:relative;
  left: 4px;
  z-index: 10;
  overflow:hidden;
}

.rang_et_avatar {
  margin-bottom: 50px;
}

/*Nom du posteur*/
.colonne_profil .name {
  position:relative;  
  text-shadow: -1px 1px 2px #000;
  font-size: 22px;
  text-align:center;
  cursor: default;
}

.colonne_profil .name .name_retournement{  
  position:absolute;
  z-index:12;
  left: -134px;
  top: 200px;
  display:inline-block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 250px;
  text-align:right;
}

/*Avatar et nom du rang*/
.avatar-message {
  position:relative;
  left:0;
  width:200px;
  overflow: hidden;
  z-index:8;
  margin:auto;
  margin-top: -12px;
  border-radius: 10px;
  padding: 4px;
  box-shadow: 0 0 6px 2px #fff, inset 0 0 8px #000;
  transition: all linear 0.6s;
  max-height: 400px;
}

.avatar-message img{
  max-width: 200px;
  display:block;
 margin:auto;
}

/*Les infos du profil, hauteur = celle du genre + de l'alambic*/
.infos_profil {
  height:50px;
  width:200px;
  overflow:hidden;
  margin:auto;
  padding: 4px;
  padding-top: 8px;
  position:absolute;
  margin-top: -50px;
  
  transition-duration: 0.6s;
  transition-property: height;
}

.infos_profil img{
  display:block;
 margin:auto;
}

.zdc_profil:hover .rang_et_avatar {
  margin-bottom:0;  
}

.zdc_profil:hover .avatar-message {
  margin:auto;
  margin-top:-12px;
  max-height: 0;
  padding:0 4px;
  height:0;
}

.zdc_profil:hover .infos_profil {
  height: auto;
  overflow:auto;
  border-radius: 10px;
  padding-top: 8px;
  box-shadow: 0 0 6px 2px #fff, inset 0 0 8px #000;  
  margin-top: 0px;
}


/* EDITEUR DE TEXTE */
.sceditor-container iframe, .sceditor-container textarea, .sceditor-container, .sceditor-toolbar{
background-color: rgba(255,255,255,0.6) !important; /*couleur de fond du cadre d'écriture */
}

.sceditor-container textarea {
 box-shadow:none;
}
.sceditor-container textarea:focus {
  background-color: rgba(255,255,255,0.8) !important;
}


.sceditor-container div.sceditor-toolbar {
border-bottom: 2px solid #86869E; /* couleur bordure en dessous des boutons */
}
.sceditor-group{
background: #f4f0eb !important; /* couleur du fond des goupes de boutons */
border: 2px outset #E7EFDF !important; /* couleur de la bordure des groupes de boutons */
border-radius: 5px !important;
}

.sceditor-container {  
  box-shadow: inset 0 0 6px #f4f0eb, 0 0 6px #f4f0eb;
  border: 1px solid #f4f0eb !important;
}
/**************************/


/*Champs à remplir, boutons et citation, code, spoiler */

select, input[type="submit"], input[type="reset"] {
margin : auto;
  background: #d2eba2;
  color: #35003f;
  border: dotted 1px #91908d;
  outline:none;
}

select {background: #faf6ed;}


input[type="submit"], input[type="reset"] {
 box-shadow: 0 1px 2px #000;
}
input[type="submit"]:hover, input[type="reset"]:hover {
  background: #fff;
}

input[type="text"], textarea {
 border:none;
  box-shadow: 0 1px 2px #000;
}

.codebox dd {background: #fff;}

.codebox .genmed {color: #908c87;}

.code {
 color: #0c5500;
  border: 2px dashed #a3a19e;
  padding: 4px;
  box-shadow: 0 1px 3px #000, inset 0 0 3px #000;
}
.selectCode { float:right; font-weight:bold; cursor:pointer; color: #908c87;}
.selectCode:hover {color: #000;}
div.cont_code { clear: right; }

.quote {
 border: groove 3px #fff6e6;
  border-radius: 6px;
  padding: 4px;
}

.spoiler dd{
 border: dotted #251313 1px;
  border-bottom-width: 2px
  background: #eae4dd;
}

.spoiler_content{
 border: none;
  padding: 5px;
  background: #fff;
}

.signature_div {
 max-height: 400px;
  overflow: auto;
}

#sceditor_smilies, #sceditor_smilies td.row1{background: #f4f0eb;}
/* MISE EN PAGE DU FORUM GENERAL - FIN - */

/* Ancienne PRESENTATION DEBUT */
#corps{margin-left : auto;margin-right : auto;padding : 20px;background-color : #5157c9;border : #c6b5f9 double 6px;
-moz-border-radius : 25px 0px 25px 0px;-webkit-border-radius: 25px 0px 25px 0px;border-radius: 25px 0px 25px 0px;}
#corps2{width : 600px;margin-left : auto;margin-right : auto;padding : 20px;background-color : #5157c9;border : #c6b5f9 double 6px;
-moz-border-radius : 25px 0px 25px 0px;-webkit-border-radius: 25px 0px 25px 0px;border-radius: 25px 0px 25px 0px;}
.avatar {border: 4px solid #c6b5f9;-webkit-transform: rotate(5deg);-moz-transform: rotate(5deg);-o-transform: rotate(5deg);-moz-border-radius:10px;
-webkit-border-radius:10px;border-radius:10px;float : left;margin-right : 20px;filter:Alpha(opacity=80);-moz-opacity:0.80;opacity: 0.80;
background-position : top center;width : 100px;height : 100px;}
.avatar:hover {-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);-o-transform: rotate(-5deg);filter:Alpha(opacity=100);-moz-opacity:1;opacity: 1;}
.grand_titre{text-align : center;color : #680e7b;font-variant : small-caps;letter-spacing : 5px;font-family : Georgia, "Times New Roman";
  margin-bottom : 0px;margin-top : 0px;font-size : 26px;}
.intro{color : #FFFFFF;font-style : oblique;font-size : 13px;margin : 0px;}
hr.ligne{ background-color:#5157c9; border-top: 2px solid grey; border-bottom : dashed #cedbdc 1px; border-right : 0; border-left : 0; margin : 0px;}
hr.hr_profil{ background-color:#5157c9; border-top: 1px solid #cedbdc;  border_bottom : 1px solid #cedbdc; border-right : 0; border-left : 0; margin-top : 10px;}
ul.liste_presentation{color : #ffffff;font-size : 13px;font-family : Georgia, "Times New Roman";margin-left : 250px;margin-bottom : 0px;margin-top : 0px;margin-right : 0px;}
hr.lignepetite{ background-color:#5157c9; border-top: 2px solid grey; border-bottom : dotted #cedbdc 1px; border-right : dotted #cedbdc 1px;
 border-left : dotted #cedbdc 1px;  margin : 0px;}
.moyen_titre{text-align : right;color : #680e7b;font-variant : small-caps;letter-spacing : 5px;font-family : Georgia, "Times New Roman";
font-size : 16px;margin-right : 10px; margin-left : 0px;margin-bottom : 0px;}
p{text-align : justify;font-family : Georgia;font-size : 13px; margin : 0px;}
.lien_presentation{color : #ffffff;letter-spacing : 2px;text-decoration : none;margin : 0px;}
/* Ancienne PRESENTATION FIN */


/* masquer les images de titre dans la navigation */
.secondarytitle h2 span , .hierarchy a span { display:none; }
.forumlink a span {display:block; margin: auto;}
.forumlink a > img { display: none;}
td.nav a > img , .catBottom .nav a > img { display: none;}
div.nav a > img { display: none;}

/* CELLPIC SOUS FORUMS, page listings sujets */
th, th.thLeft, th.thRight, th.thHead, td.catHead, .thTop, .thSides, td.catBottom {
border: none;
text-align: center;
}

th.thCornerL, th.thCornerR, td.row3Right {
border: none !important;
}


/*Organisation Cassis*/
.cadre_cassis {
background-color: #e8e4f5;
width: 98%;
margin: auto;
margin-bottom: 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: -2px 4px 6px #000, inset 1px 1px 3px #fff;
-moz-box-shadow: -2px 4px 6px #000, inset 1px 1px 3px #fff;
-o-box-shadow: -2px 4px 6px #000, inset 1px 1px 3px #fff;
box-shadow: -2px 4px 6px #000, inset 1px 1px 3px #fff;
padding: 6px 10px;
color: #240c24;
font-weight: bold;
}

.cadre_cassis a {text-decoration:none !important; font-weight: bold;}
.cadre_cassis a:link, .cadre_cassis a:visited {color: #301970; border-bottom: 2px dashed #6c56a8;}
.cadre_cassis a:hover {color: #7354c9;}

.case_cassis {
float: left;
padding: 2px 6px;
border-right: 2px solid #240c24;
}

.case_cassis_note {
float: right;
padding: 2px 6px;
font-style: italic;
}

.codeurs {
width: 100px;
text-align: center;
color: #1a051a;
text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff;
padding-right: 16px;
padding-left: 10px;
background-color: rgba(255,255,255,0.4);
box-shadow: -1px 1px 6px #000;
border-radius: 4px 0 0 4px;}

.cassis_absent, .cassis_dispo, .cassis_travail {
width: 80px;
text-align:center;
float: left;
padding: 2px 6px;
border-right: 2px solid #240c24;
}

.cassis_absent {
color: #4f0a0a;
}

.cassis_dispo {
color: #0e5911;
}

.cassis_travail {
color:#005096;
}
/*Fin organisation cassis*/

 
body.chatbox {
    background-color: #d6d48e;
}

#chatbox_header .catBottom .cattitle {
    color: #7895fb;
}
.chatbox-options {
text-align: center;
}
/* DEBUT NOS COPAINS PAGE HTML */
#zdc_copains_titre{
  text-transform:uppercase;
  font-size:25px;
  text-shadow:0px 0px 1px #333;
  margin-bottom:0;
  padding:0;
  line-height: 20px;
}
.zdc_copains_content{
  background-color:#d2eba2;
  width:700px;
  margin:auto;
  padding:15px;
}
.zdc_copains_content h3{
  margin:0;
  margin-bottom:5px;
  font-weight:normal;
 border-bottom:#9bc647 2px solid;
  text-transform:uppercase;
}

/* ALIGNEMENTS */
.droite{
  display:block;
  width:100%;
  text-align:right;
}
.gauche{
  display:block;
  width:100%;
  text-align:left;
}
.centre{
  display:block;
  width:100%;
  text-align:center;
}
.justifie{
  display:block;
  width:100%;
  text-align:justify;
}
/* FIN NOS COPAINS PAGE HTML */

/* Les messages officiels */
.introductionmess{
  background: #d2eba2;
  padding: 10px;
  border-radius: 10px;
  margin-top: 15px;
}
.soustitresmess{
  color: #66940e;
  border-bottom: 2px solid #9f8a80;
  font-family: georgia;
  font-size: 15px;
  padding: 3px;
}
.titremess{
  letter-spacing: -1px;
  color: #8c880d;
  font-family: georgia;
  font-size: 28px;
  text-shadow: 1px 1px 0px #fff;
  font-style: italic;
  text-align: center;
  
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.titremess:hover{
  letter-spacing: 1px;
  color: #e8e00f;
}
.corpsmess {
    background-color: #e5e2a6;
 background-image:url('http://image.noelshack.com/fichiers/2014/29/1405616047-imgtxtoff-fraise.png');
    background-position: center top;
    background-repeat: no-repeat;
    border-left: 4px solid #66940e;
    border-right: 4px solid #66940e;
    color: #192502 !important;
    padding: 250px 15px 15px;
    text-align: justify;
}


/* Formulaires */

input, textarea, select {color: #000;}

.cadre_general {
      width: 580px;
      margin:auto;
  margin-top: 20px;
  margin-bottom: 20px;
      padding: 10px;
      padding-bottom: 2px;
      border-radius: 6px;
      font-family: 'Times New Roman';
      font-size: 14px;
      cursor: default;
      background:rgba(0,0,0,0.6);
      box-shadow: 0 0 6px #fff;
      color: #bbbcc9;
      border: 2px solid #cccccc;
      }
      
.cadre_general a{text-decoration:none; font-weight:bold;}
      
.cadre_general input[type="submit"] {
      border: 3px groove #d0d0d4;
      padding: 6px 10px;
      font-weight: bold; color: #4e2829;
      border-radius: 6px;
      box-shadow: 0 0 4px #fff, inset 0 0 2px #000, inset 0 -2px 2px #000;
      background: #fffbfb;
  font-size: 15px;
      cursor: pointer;}
      
.cadre_general input[type="submit"]:hover {
      box-shadow: 0 0 4px #fff, inset 0 0 6px #000, inset 0 0 6px 1px #000;
      background: #b3b3b3;
      color: #595859;}
      
.grand_titre {
      font-size: 22px;
      font-weight: bold;
      text-shadow: -1px 1px 2px #fff, -1px 1px 2px #fff;
      color: #454545;
      text-transform: uppercase;
      margin-bottom: 20px;
      }
      
.sous_titre {
      font-size: 16px;
      font-style: italic;
      text-shadow: 0 0 2px #252526;
      }
      
.titre_partie {
      padding-bottom: 1px;
      border-bottom: 2px dotted #4e2829;
      }
      
.encadre_formulaire {
      border-radius: 6px;
      padding: 6px 8px;
      margin-bottom: 20px;
      background: rgba(255,255,255,0.9);
      border: 3px groove #fff;
      color: #232323;
  font-family: 'Times New Roman';
      }
      
      .encadre_formulaire a:link, .encadre_formulaire a:visited{color: #303475;}
      .encadre_formulaire a:hover{color: #78798a; text-shadow: 0 0 1px #fff;}
      
      .cadre_general label {font-size: 14px;font-family: 'Times New Roman';}
  .cadre_general span{font-family: 'Times New Roman';}
      
.cadre_general input, .cadre_general textarea, .cadre_general select {outline : none; border-radius:2px; border: 1px solid #8a8a8a; background: #f5f5f5;font-family: 'Times New Roman';}
.cadre_general input, .cadre_general textarea{font-size: 14px;}
.cadre_general input[type="url"]{width: 150px;}
      
      .cadre_general option.grande{background: #fff5e8;}
      .cadre_general option.moyenne{background: #f3ffe8;}
      .cadre_general option.petite{background: #e8fff4;}
      
      .codageanthra {color: #bbbcc9; text-shadow: 0 0 2px #252526; text-align:right; font-size: 12px; font-style: italic;}


  
/*Partie rendu de formulaire(message)*/

.formulaire_r_descript_f .genmed, .formulaire_r_fin .genmed{
color: #433737;
}

.formulaire_r_entete {
background: rgba(0,0,0,0.6);
border: #e1e5e6 groove;
border-width: 3px 0;
box-shadow: 0 0 4px #fff;
padding: 10px 0 16px 0;
font-size: 22px;
color: #fff0f0;
text-shadow: -1px 1px 2px #000;
text-align:center;
}

.formulaire_r_entete a:link, .formulaire_r_entete a:visited{
font-style: italic;
color: #fff;
padding-bottom: 1px;
border-bottom: 1px dotted #fff0f0;
}

.formulaire_r_entete a:hover {
color: #fff;
text-shadow: 0 0 6px #fff;
}

.formulaire_r_descript_f {
font-style: italic;
border: dotted #7d8385;
border-width: 2px 0;
width: 90%;
margin:auto;
padding: 8px;
background:  #fffbfb;
color: #433737;
}


.formulaire_r_fin .spoiler_closed , .formulaire_r_descript_f .spoiler_closed {
 display:block;
 font-size: 12px;
 color: #433737;
 border: 1px #6b6b6b solid;
 border-radius: 5px;
 box-shadow: 0 0 3px #6b6b6b;
 }
 
.formulaire_r_fin .spoiler_content, .formulaire_r_descript_f  .spoiler_content{
 height:100%;
 font-size: 12px;
 color: #000000;
 padding: 4px;
 background-color: #fafafa;
 border: #000e38 1px solid;
 border-radius: 5px;
 box-shadow: 0 0 4px #000e38;
 }
 
 
.formulaire_r_fin .spoiler_closed.hidden, .formulaire_r_descript_f .spoiler_closed.hidden {
 display:none;
 }

.formulaire_r_souhaits_titre {
font-size: 16px;
font-weight: bold;
text-align:center;
background:  #fffbfb;
border-top: 3px #735e5e groove;
width: 90%;
margin:auto;
padding: 6px 8px;
  color:#000000;
}

.formulaire_r_fin {
background:  #fffbfb;
border-bottom: 3px #735e5e groove;
width: 90%;
margin:auto;
padding: 10px 8px 12px 8px;
 color: #433737;
}

.formulaire_r_descript_f a:link, .formulaire_r_descript_f a:visited, .formulaire_r_fin a:link, .formulaire_r_fin a:visited{color: #738fbf;}
.formulaire_r_descript_f a:hover, .formulaire_r_fin a:hover {color:#fff; text-shadow: -1px 1px 2px #000, 0 0 3px #000;}


/*Fin formulaires*/


/*ZDC QEEL*/
#zdc_qeel{
background-position:center no-repeat;
height: 560px;
width: 1020px;
margin:auto;
position:relative;
overflow:hidden;
text-align: justify;
}
.today {
height: 150px;
width: 248px;
top: 141px;
left: 94px;
overflow: auto;
position: absolute;
z-index: 1;
}
.hier {
font-size: 11px;
height: 120px;
width: 235px;
top: 340px;
left: 94px;
overflow: auto;
position: absolute;
z-index: 1;
}

.fond td.row1 {
background: none;
}

.birthday {
display:none;
}

.absent {
display:none;
}

.groupe {
display: none;
font-size: 14px;
height: 165px;
width: 233px;
top: 246px;
left: 700px;
overflow: auto;
position: absolute;
text-align: center;
}
/* FIN ZDC QEEL */

/*Sélecteur de couleurs*/
 
 .colorpicker {
 width: 356px;
 height: 176px;
 overflow: hidden;
 position: absolute;
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/light11.png);
 font-family: Arial, Helvetica, sans-serif;
 display: none;
 }
 
 .colorpicker.dark{
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/dark11.png);
 }
 .colorpicker_color {
 width: 150px;
 height: 150px;
 left: 14px;
 top: 13px;
 position: absolute;
 background: #f00;
 overflow: hidden;
 cursor: crosshair;
 }
 .colorpicker_color div {
 position: absolute;
 top: 0;
 left: 0;
 width: 150px;
 height: 150px;
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.png);
 }
 .colorpicker_color div div {
 position: absolute;
 top: 0;
 left: 0;
 width: 11px;
 height: 11px;
 overflow: hidden;
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp10.gif);
 margin: -5px 0 0 -5px;
 }
 .colorpicker_hue {
 position: absolute;
 top: 13px;
 left: 171px;
 width: 35px;
 height: 150px;
 cursor: n-resize;
 }
 .colorpicker_hue div {
 position: absolute;
 width: 35px;
 height: 9px;
 overflow: hidden;
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
 margin: -4px 0 0 0;
 left: 0px;
 }
 .colorpicker_new_color {
 position: absolute;
 width: 60px;
 height: 30px;
 left: 213px;
 top: 13px;
 background: #f00;
 }
 .colorpicker_current_color {
 position: absolute;
 width: 60px;
 height: 30px;
 left: 283px;
 top: 13px;
 background: #f00;
 }
 .colorpicker input {
 background-color: transparent;
 border: 1px solid transparent;
 position: absolute;
 font-size: 10px;
 font-family: Arial, Helvetica, sans-serif;
 color: #898989;
 top: 4px;
 right: 11px;
 text-align: right;
 margin: 0;
 padding: 0;
 height: 11px;
 }
 .colorpicker_hex {
 position: absolute;
 width: 72px;
 height: 22px;
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/custom11.png) top;
 left: 212px;
 top: 142px;
 }
 .colorpicker.dark .colorpicker_hex {
 background: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
 }
 .colorpicker_hex input {
 right: 6px;
 }
 .colorpicker_field {
 height: 22px;
 width: 62px;
 background-position: top;
 position: absolute;
 }
 .colorpicker_field span {
 position: absolute;
 width: 12px;
 height: 22px;
 overflow: hidden;
 top: 0;
 right: 0;
 cursor: n-resize;
 }
 .colorpicker_rgb_r {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom12.png);
 top: 52px;
 left: 212px;
 }
 .colorpicker.dark .colorpicker_rgb_r{
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp12.png);
 }
 .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom13.png);
 top: 82px;
 left: 212px;
 }
 .colorpicker.dark .colorpicker_rgb_g {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp13.png);
 }
 .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/custom14.png);
 top: 112px;
 left: 212px;
 }
 .colorpicker.dark .colorpicker_rgb_b {
 background-image: url(http://i83.servimg.com/u/f83/17/45/19/77/colorp14.png);
 }
 .colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
 display: none;
 }
 .colorpicker_submit {
 position: absolute;
 background: url("http://i83.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
 cursor: pointer;
 right: 10px;
 width: 48px;
 height: 50px;
 top: 118px;
 overflow: hidden;
 }
 .colorpicker_focus {
 background-position: center;
 }
 .colorpicker_hex.colorpicker_focus {
 background-position: bottom;
 }
 .colorpicker_submit.colorpicker_focus {
 background-position: bottom;
 }
 .colorpicker_slider {
 background-position: bottom;
 }
 .colorpicker { z-index: 3; }
/*Fin du sélecteur de couleurs*/

/* CSS PAGE D'ACCUEIL */
#pa {
 background: url(http://img11.hostingpics.net/pics/831356PA2.png) no-repeat transparent;
 display: block;
 height: 600px;
 width: 750px;
 position: relative;
}
#regle, #info, #partner, #ts1, #ts2, #ts3, #ts4, #ts5, #ts6, #ts7, #ts8, #annonce, #doz, #iotw, #totw, #aotw, #sotw, #fb, #twitter, #amis, #emeraude, #or, #azur {
 cursor:pointer;
 display:block;
 position:absolute;
}
#regle {
 height: 42px;
 width: 117px;
 top: 48px;
 left: 111px;
}
#info {
 height: 38px;
 width: 85px;
 top: 42px;
 left: 306px;
}
#partner {
 height: 45px;
 width: 236px;
 top: 29px;
 left: 405px;
}
#ts1, #ts2, #ts3, #ts4, #ts5, #ts6, #ts7, #ts8 {
 height: 17px;
 width: 17px;
}
#ts1 {
 top: 132px;
 left: 205px;
}
#ts2 {
 top: 132px;
 left: 226px;
}
#ts3 {
 top: 132px;
 left: 247px;
}
#ts4 {
 top: 132px;
 left: 268px;
}
#ts5 {
 top: 132px;
 left: 290px;
}
#ts6 {
 top: 132px;
 left: 311px;
}
#ts7 {
 top: 132px;
 left: 332px;
}
#ts8 {
 top: 132px;
 left: 353px;
}
#annonce {
 height: 104px;
 width: 199px;
 overflow: auto;
 left: 489px;
 top: 149px;
}
#doz, #iotw, #totw, #aotw, #sotw {
 height: 60px;
 width: 61px;
 overflow:hidden;
 font-size: 10px;
 text-align: center;
}
#aotw :first-child,#doz :first-child,#iotw :first-child,#sotw :first-child,#totw :first-child {
 left:0;position:absolute;top:0;
}
#aotw :first-child:hover,#doz :first-child:hover,#iotw :first-child:hover,#sotw :first-child:hover,#totw :first-child:hover {
 opacity:.01;transition:all .5s;
}
#doz {
 left: 224px;
 top: 285px;
}
#iotw {
 left: 303px;
 top: 285px;
}
#totw {
 left: 381px;
 top: 285px;
}
#aotw {
 left: 459px;
 top: 285px;
}
#sotw {
 left: 537px;
 top: 285px;
}
#fb {
 height: 54px;
 width: 51px;
 left: 645px;
 top: 278px;
}
#twitter {
 height: 53px;
 width: 51px;
 left: 645px;
 top: 341px;
}
#amis {
 height: 49px;
 width: 360px;
 left: 212px;
 top: 420px;
}
#emeraude {
 left: 258px;
 top: 545px;
 color: green;
}
#or {
 left: 350px;
 top: 545px;
 color: gold;
}
#azur {
 left: 438px;
 top: 545px;
 color: blue;
}
/* FIN CSS PAGE D'ACCUEIL */

/*Présentations après le 13 Mars 2014*/
      .cadre_f_pres_anth {
      font-family: 'Dawning of a New Day', cursive;
      width: 680px;
      margin:auto;
      margin-top: 20px;
      box-shadow: 0 1px 10px #000, inset 0 0 4px #000;
      background: url('http://img15.hostingpics.net/pics/787446fondprsentation.png') rgba(0,0,0,0.6);
      padding: 10px 40px;
      padding-top: 0;
      border-radius: 20px;
      border: 3px double #fff;
      }
      .nom_tete_anth {
      font-size: 34px;
      font-weight:bold;
      text-align:center;
      color: #fff;
      text-shadow: -1px 1px 4px rgba(0,0,0,0.7);
      }      
      .entete_1 img{
      margin:6px;
      margin-bottom: 20px;
      border-radius: 6px;
      box-shadow: 0 1px 6px #000, inset 0 0 4px 1px #fff;
      }      
      .entete_partie_anth {
      background: rgba(255,255,255,0.7);
      font-size: 24px;
      font-family: 'Mr Dafoe', cursive;
      text-align:center;
      box-shadow: 0 -2px 6px #000;
      border-radius: 6px 6px 0 0;
      color: #008bd6;
      padding: 4px 10px;
      }      
      .partie_anth {
      background: rgba(255,255,255,0.5);
      box-shadow: 0 2px 6px #000;
      border-radius: 0 0 6px 6px;
      font-family: 'Times new roman';
      font-size: 16px;
      padding: 10px;
      margin-bottom: 40px;
      }
          .arome_anth div.partie_anth, .gouts_anth div.partie_anth {padding-top: 20px;height: 180px;overflow: auto;}  
  .arome_anth {float:left;width:49%}  
  .gouts_anth {float:right;width:49%}  
  .gout_jaune, .gout_vert, .gout_bleu {font-weight:bold;text-shadow: -1px 1px 2px #fff, 0 -1px 1px #fff;}  
  .gout_jaune {color: #d4a20b;}  
  .gout_vert {color: #00ad14;}  
  .gout_bleu {color: #094082;}  
  img.i_exemple {max-width: 130px;}  
  img.i_exemple:hover {max-width: 60%;}
/*Fin présentations*/

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table 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="gensmall" class="row1" rowspan="3" align="center" valign="middle">
      <div>{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}
<center><table style="width:800px; 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">{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">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
  </table></center><br />

<!-- 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"/> </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 -->
<div id="zdc_qeel" border="0" style="background: url({L_ONLINE_IMG});">
   <div><img usemap="#qeel" src="http://i42.tinypic.com/2hq9r8i.png" width="1020px" height="560px;"> <!-- image transparente de la taille du qeel -->
      <div id="azur_qeel" class="groupe">Un zeste de ciel bleu, un bout d'océan, un regard lointain... Zeste d'Azur.</div>
      <div id="or_qeel" class="groupe">Un zeste de soleil, un bouton d'or, un sourire heureux... Zeste d'Or.</div>
      <div id="emeraude_qeel" class="groupe">Un zeste de nature, un bout de forêt, un rire aux mille parfums... Zeste d’Émeraude.</div>
          <div id="orange" class="groupe"><b>Les Ecorces d'Orange</b> par leurs arômes forts mais délicats, font de Zeste de Couleurs un lieu agréable et chaleureux.<br/> <i>Ce sont les administrateurs du forum</i>.</div>
      <div id="citron" class="groupe"><b>Les Eclats de Citron</b>, acides mais délicieux, veillent au bon ordre de Zeste de Couleurs tout en guidant tous les zestes égarés.<br/> <i> Ce sont les modérateurs du forum</i>.</div>
      <div id="lime" class="groupe"><b>Les Essences de Lime </b>, créatifs et talentueux, peuplent Zeste de Couleurs de mille couleurs et saveurs.<br/> <i> Ce sont les graphistes de thème du forum</i>.</div>
      <div id="mandarine" class="groupe"><b>Les Extraits de Mandarine</b>, rapides et créatives, enchantent elles aussi Zeste de Couleurs. <br/> <i>Ce sont les graphistes d'éléments du forum</i>.</div>
      <div id="cassis" class="groupe"><b>Les Fleurs de Cassis</b>, dotés d'une imagination sans borne, créent avec l'aide des Mandarines et des Limes des mondes tout entier. <br/> <i>Ce sont les codeurs du forum</i>.</div>
      <div id="cocktail" class="groupe"><b>Les Cocktails de Couleurs</b>, toniques, et fruités, font de Zeste de Couleurs un monde actif et heureux. <br/> <i>Ce sont les animateurs du forum</i>.</div>
      <div id="pepin" class="groupe"><b>Les Pépins de Promesse</b>, patients et attentifs, aident tous les Zestes désireux à s'améliorer dans l'art de dompter les couleurs. <br/> <i>Ce sont les professeurs du forum</i>.</div>
      <map id="qeel" name="qeel">
         <area href="http://www.zestedecouleurs.net/g6-zeste-d-azur" onmouseover="javascript: getElementById('azur_qeel').style.display='block';" onmouseout="javascript: getElementById('azur_qeel').style.display='none';" shape="rect" coords="835,416,889,453" />
         <area href="http://www.zestedecouleurs.net/g7-zeste-d-or" onmouseover="javascript: getElementById('or_qeel').style.display='block';" onmouseout="javascript: getElementById('or_qeel').style.display='none';" shape="rect" coords="722,416,776,453" />
         <area href="http://www.zestedecouleurs.net/g8-zeste-d-emeraude" onmouseover="javascript: getElementById('emeraude_qeel').style.display='block';" onmouseout="javascript: getElementById('emeraude_qeel').style.display='none';" shape="rect" coords="779,416,833,453" />
         <area href="http://www.zestedecouleurs.net/g2-eclat-de-citron" onmouseover="javascript: getElementById('citron').style.display='block';" onmouseout="javascript: getElementById('citron').style.display='none';" shape="rect" coords="745,133,799,171" />
         <area href="http://www.zestedecouleurs.net/g3-essence-de-lime" onmouseover="javascript: getElementById('lime').style.display='block';" onmouseout="javascript: getElementById('lime').style.display='none';" shape="rect" coords="864,135,918,171" />
         <area href="http://www.zestedecouleurs.net/g4-extrait-de-mandarine" onmouseover="javascript: getElementById('mandarine').style.display='block';" onmouseout="javascript: getElementById('mandarine').style.display='none';" shape="rect" coords="745,172,799,208" />
         <area href="http://www.zestedecouleurs.net/g44-fleur-de-cassis" onmouseover="javascript: getElementById('cassis').style.display='block';" onmouseout="javascript: getElementById('cassis').style.display='none';" shape="rect" coords="806,135,860,171" />
         <area href="http://www.zestedecouleurs.net/g5-cocktail-de-couleurs" onmouseover="javascript: getElementById('cocktail').style.display='block';" onmouseout="javascript: getElementById('cocktail').style.display='none';"shape="rect" coords="781,206,835,242" />
         <area href="http://www.zestedecouleurs.net/g11-pepin-de-promesses" onmouseover="javascript: getElementById('pepin').style.display='block';" onmouseout="javascript: getElementById('pepin').style.display='none';" shape="rect" coords="811,171,865,207" />
         <area href="http://www.zestedecouleurs.net/g1-ecorce-d-orange" onmouseover="javascript: getElementById('orange').style.display='block';" onmouseout="javascript: getElementById('orange').style.display='none';" shape="rect" coords="689,133,743,172" />
      </map>
   </div>
   <div class="today gensmall">
      <span id="matt">{TOTAL_USERS}</span>
         <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Il existe");</script>
         <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/," zeste dans notre magnifique monde coloré.");</script>
         <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/," zestes dans notre magnifique monde coloré.");</script><br />

      <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/,"Ces adorables petites couleurs se sont rencontrées plus de de");</script>
         <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/," fois au cours de leurs nombreux périples.");</script>
                
      <span id="mike">{RECORD_USERS}</span>
         <script type="text/javascript">document.getElementById('mike').innerHTML=document.getElementById('mike').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/," Le nombre de Nuances maximum sur notre Palette est de ");</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/," Enfin, nous pouvons souhaiter la bienvenue au nouvel arrivant");</script>.
                
      <span id="yohan">{TOTAL_USERS_ONLINE}</span>
         <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/utilisateur en ligne/,"nuance sur la palette");</script>
         <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/utilisateurs en ligne/,"nuances sur la palette");</script>
         <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Enregistré/,"zeste");</script>
         <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Enregistrés/,"zestes");</script>
         <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invisible/,"zeste caché");</script>
         <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invisible/,"zestes cachés");</script>
         <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invité/,"curieux");</script>
         <script type="text/javascript">document.getElementById('yohan').innerHTML=document.getElementById('yohan').innerHTML.replace(/Invités/,"curieux");</script> <br />
                  
      <span id="bret">{LOGGED_IN_USER_LIST}</span>
         <script type="text/javascript">document.getElementById('bret').innerHTML=document.getElementById('bret').innerHTML.replace(/Utilisateurs enregistrés/,"Zestes présents parmi nous");</script>
   </div>
                   
   <div class="hier">
      <table class="fond">{L_CONNECTED_MEMBERS}</table>
   </div>
   <div class="birthday gensmall">
      <table class="fond">
         {L_WHOSBIRTHDAY_TODAY}
         {L_WHOSBIRTHDAY_WEEK}
      </table>
   </div>
   <div class="absent gensmall">
      <span class="or">Haley Scott, Hello, Naotache</span>
      <br>
      <span class="azur">Niamy, Skyler</span>
      <br>
      <span class="emeraude">Akemi, Anyway</span>
      <br>
      <span class="citron">Syntaxe</span>
      <br>
      <span class="pepin">Syrion</span>
      <br>
      <span class="cassis">Alex, Melone</span>
      <br>
      <span class="cocktail">Amélianne</span>
      <br>
      <span class="lime">Lynaa</span>
      <br>
      <span class="mandarine">Mango</span>
   </div>
</div>
<!-- END disable_viewonline --> 
 
 
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

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

<table style="width:800px; margin-bottom:50px; margin-top:40px; border:0;" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categorie"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" class="secondarytitle haut_cat">{catrow.tablehead.L_FORUM}</th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
</table>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
<table border="0" cellspacing="0" cellpadding="0" class="cat_forum">
  <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" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="image_cat" />
                  <table>
                    <tr>
                      <td class="last_sujet">
                        <span class="messages_sujets">Messages: {catrow.forumrow.POSTS} | Sujets: {catrow.forumrow.TOPICS}</span>
                        <br />
                        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                      </td>
                      <td class="desc_cat"><h{catrow.forumrow.LEVEL} class="hierarchy">
                          <div class="titre_categorie">
                            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                          </div>
                        </h{catrow.forumrow.LEVEL}>
                        <div class="description">{catrow.forumrow.FORUM_DESC}</div>
                        <div class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                      </td>
                    </tr>
        </table>                 
      </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 class="bas_cat"></div></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

<table style="position: fixed; bottom: 150px; left: 0px;background-color: #transparent;z-index:10000;">
   <tr>
      <td>
         <iframe src="/chatbox?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe>
      </td>
      <td style="vertical-align: bottom;">
         <img src="http://img11.hostingpics.net/pics/818733CB1.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://img11.hostingpics.net/pics/818733CB1.png')?'block':'none';this.src=(this.src=='http://img11.hostingpics.net/pics/818733CB1.png')?'http://img11.hostingpics.net/pics/53900176CB.png':'http://img11.hostingpics.net/pics/818733CB1.png';"/>
      </td>
   </tr>
</table>
<!-- BEGIN html_validation -->
<div>
   <div>
      <table>
         <tbody>
            <tr>
               <td>
<!-- END html_validation -->
               </td>
               <td valign="top" width="{C3SIZE}">
               <div id="{ID_RIGHT}">
                  <!-- BEGIN giefmod_index2 -->
                  {giefmod_index2.MODVAR}
                  <!-- BEGIN saut -->
                  <div style="height: {SPACE_ROW}px"></div>
                  <!-- END saut -->
                  <!-- END giefmod_index2 -->
               </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div>
</div>
<!-- close div id="page-body" -->
<div id="page-footer">
   <div align="center">
      <div class="gen">
<!-- BEGIN html_validation -->
      </div>
   </div>
</div>
<!-- END html_validation -->

<!-- BEGIN html_validation -->
<!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">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator --> |&nbsp;<!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>
<div style="text-align:center" class="gensmall">© 2009-2014 - ZESTE DE COULEURS - Tous droits réservés<br />
Le forum est optimisé pour les navigateurs récents. Si l'affichage semble destructuré, nous vous invitons à vérifier la version de votre navigateur et à le mettre à jour si nécessaire.</div>
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>

<!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>
   <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 href='http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day' rel='stylesheet' type='text/css' />
        <link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/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>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="http://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="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/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({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
         });
      <!-- END switch_ticker -->
   });

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

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

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

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

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

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

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{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">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <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>

            <table class="barre_navig" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </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 -->

<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(){
   _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>
<div>
<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 align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" 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="bottom" nowrap="nowrap" width="100%">
         <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>
</div>
<table class="forumline messages_sujet" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-bottom: 0px;">
   <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>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </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} colonne_profil"{postrow.displayed.THANK_BGCOLOR} valign="top">
                 
                  <div class="name"><span class="name_retournement">{postrow.displayed.POSTER_NAME}</span></div>
                 
                  <div class="zdc_profil">
                    <span class="postdetails poster-profile">
                      <div class="rang_et_avatar" style="text-align:center;">
                        <a name="{postrow.displayed.U_POST_ID}"></a>
                        <div style="position:relative; z-index: 10; text-align:center; min-height:70px">{postrow.displayed.RANK_IMAGE}</div>
                       
                        <div class="avatar-message">{postrow.displayed.POSTER_AVATAR}
                        {postrow.displayed.POSTER_RANK}                       
                        </div>
                       
                      </div>
                      <div class="infos_profil">
                      <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                      <!-- END profile_field -->
                      </div>
                      {postrow.displayed.POSTER_RPG}
                    </span>
                    <br />
                    <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
                  </div>
          </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><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" /><a href="#{postrow.displayed.U_POST_ID}">{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}</a>   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </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>{postrow.displayed.MESSAGE}</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}" />

                                 <!-- 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>
                  <span class="gensmall message_edite">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS} colonne_profil 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>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>             

<br />
<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><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<div class="largeur_message">
<center>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="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>
</center>

<!-- 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"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></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"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></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}">{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">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                     </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}" />
                  </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" style="margin-bottom: 20px;">
   <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>
</div>
<!-- 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>
<script>
 
  $(window).load(function() {
 
$(".zdc_profil").each(function(){ 
 
  var h_avatar = $(this).find(".rang_et_avatar").height();
  var hauteur_cadre_avat = $(this).find(".avatar-message").height();
 
  $(this).css("height", h_avatar + 54);
  $(this).find(".avatar-message").css("height", hauteur_cadre_avat);
  $(this).find(".infos_profil").css("max-height", hauteur_cadre_avat + 45);
 
  });
 
});
</script>

<h1>{L_ROLEPLAY_MANAGE_TITLE}</h1>
{SOUS_MENU}
<br />
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_PROFILE}</th>
   </tr>
   <!--<tr>
   <td class="catLeft" align="center" width="40%" height="28"><b><span class="gen">{L_AVATAR}</span></b></td>
   <td class="catRight" width="60%" align="center"><b><span class="gen">{L_ABOUT_USER}</span></b></td>
   </tr>-->
   <tr>
      <td class="row1" align="center" valign="top" height="6"><span class="postdetails"><br />
      </span>
      {RPG_IMAGE}
      <br />
      <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <!-- BEGIN rpg_fields_left -->
         <tr>
            <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{rpg_fields_left.F_NAME} : </span></td>
            <td width="100%" valign="middle" nowrap="nowrap"><span class="gen"><b>{rpg_fields_left.F_VALUE}</b></span></td>
         </tr>
         <!-- END rpg_fields_left -->
      </table>
      </td>
      <td class="row1" valign="top"><br />
      <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <!-- BEGIN rpg_fields -->
         <tr>
            <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{rpg_fields.F_NAME} : </span></td>
            <td width="100%" valign="baseline"><span class="gen"><b>{rpg_fields.F_VALUE}</b></span></td>
         </tr>
         <!-- END rpg_fields -->
      </table>
      </td>
   </tr>
</table>

<!-- BEGIN switch_menu -->
{UCP_TABS}
<!-- END switch_menu -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <th class="thHead" colspan="2" nowrap="nowrap" height="25">{L_VIEWING_PROFILE}</th>
   </tr>
   <tr>
      <td class="row1" align="center" valign="top" height="6">
      <form action="{U_ADMIN_RPG}" method="post" name="post"><span class="postdetails"><br />
      {POSTER_RANK}</span>
      {RPG_IMAGE}
      <br />
      <table width="100%">
         <tr>
            <td class="catBottom" align="center" height="28" colspan="2"><b><span class="gen">{L_AVATAR_PANEL}</span></b></td>
         </tr>
         <tr>
            <td class="row1" colspan="2"><span class="gen">{L_UPLOAD_AVATAR_URL}</span><br />
            <input class="post" type="text" name="avatarurl" value="{AVATAR_URL}" size="50" maxlength="100" /><br />
            <span class="gensmall">{L_UPLOAD_EXPLAIN}</span> <span class="gensmall" style="color: red">{L_AVATAR_ERROR}</span></td>
         </tr>
      </table>
      <br />
      <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <!-- BEGIN rpg_fields_left -->
         <tr>
            <td colspan="2">
            <hr width="80%">
            </td>
         </tr>
         <tr>
            <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{rpg_fields_left.F_NAME}</span></td>
            <td width="100%"><span class="gen"><b>{rpg_fields_left.F_VALUE}</b></span></td>
         </tr>
         <!-- END rpg_fields_left -->
         <tr>
            <td colspan="2"><br />
             <br />
            </td>
         </tr>

      </table>
      </td>
      <td class="row1" valign="top"><br />
      <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <!-- BEGIN rpg_fields -->
         
         <tr>
            <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{rpg_fields.F_NAME}</span></td>
            <td width="100%" valign="baseline"><span class="gen"><b>{rpg_fields.F_VALUE}</b></span></td>
         </tr>
         <!-- END rpg_fields -->
      </table>
      </td>
   </tr>

   <tr>
      <td class="catBottom" colspan="2" align="center" height="28">
         <input type="submit" name="submit" value="{L_VALID}" class="mainoption" /> 
         <input class="liteoption" type="reset" name="reset" value="{L_RESET}" />
         <input type="hidden" name="username" value="{U_ID}" /> &nbsp;
         <input type="hidden" name="mode" value="valid" />
      </td>
   </tr>
</table>
</form>