Manuel du joueur

Bienvenue sur Roncepourpre ! Que tu sois de passage ou bien perdu, voici quelques liens pour t'aider à retrouver ton chemin.
  1. Guide
  2. Règlement
  3. Contexte
  4. Races
  5. Annexes
  6. Roncepourpre
  7. Evènements
  8. Progressions
  9. FAQ
  10. Prédéfinis
  11. Partenariat
  • Fantastique
  • Intrigue politique
  • Vampires
  • Rébellion
StaffContexteNews
Roman
AdministratricePrésente
Persès
2eme FondaPrésente
Ezechiel
AdministratriceAbsente
Melchior
ModératricePrésente

Anno Domini MMMCCCIV.

Le monde est figé dans une longue ère glaciaire. Gagnants de la Grande Guerre, les vampires ont instauré leur propre régime : le Caliçat. Piégée par le froid et l'impôt de sang, l'humanité s'est résignée à son sort. Ou presque. Au cœur du domaine de Roncepourpre, la Rébellion est déterminée à lutter pour la liberté. 

Plongez dans un univers où pouvoir et trahison se mêlent au sang et au gel, où vos choix détermineront le destin de ce monde déchu.

  • Septembre 2023
    Après un peu plus d'un mois de fermeture, Roncepourpre réouvre ses portes avec un nouveau visage et un enrichissement de son lore ! Découvrez ce qui a changé en lisant l'annonce de réouverture.
  • Août 2023
    Fermeture temporaire pour travaux, on vous donne rendez-vous en Septembre !
  • Juillet 2023
    Le Bal des Roncepourpre lancé en Février prend officiellement fin ! Les sujets communs sont fermés, mais vous êtes toujours libres de poursuivre les RP privés.

L'inscription des personnages féminins est désormais possible !
Votez
Période RP
Juillet 3304
Crédits - Forum rpg médiéval - le forum appartient à ses admins, tous droits réservés, code par .1019, thème Amaranthe.
-40%
Le deal à ne pas rater :
-40% sur le Pack Gaming Mario PDP Manette filaire + Casque filaire ...
29.99 € 49.99 €
Voir le deal

CODAGE THÈME 1

Amaranthe
Amaranthe
Ronces
Les ronces
Humains
Les humains
fsdfsd
f
f
f
f
f
f

Feuille de personnage
Âge: 26
Métier: Garde
Lieu d'origine: France
Maître: /
242
THÈME 1 :

CSS

Code:
/*Ne plus souligner les liens*/
a { text-decoration: none; }
a:hover {text-decoration: none !important}

a {color: #9BB0AD;}
a:link {color:#9BB0AD;}
a:hover {color: #BFD9D5;}
a.forumlink {color: #000000;}
a.forumlink:hover {color: #BFD9D5;}
a.topiclink {color: #ffffff;}
a.topiclink:hover {color: #ffffff;}

/*FIN*/
/*Fond d'écran *****************************************************************/
body
{
background-image: url(http://img4.hostingpics.net/pics/607478Corpsdepage.png), url(http://img4.hostingpics.net/pics/369737hr9ccopie.png);
background-position: top center, top left;
background-repeat: repeat-y, repeat;
background-color: #000000;
margin-top: -10px;
margin-bottom: -10px;
}

.pfooter{
  width:755px;
  hight:100px;
  background-color:#ededed;
  margin:10px;
  padding:12px;
  overflow:auto;
}
.bodyline{
margin-left:-6px;
 margin-right:-6px;
  background: #;
  border-left: 0px solid #3a7b8a;
  border-right: 0px solid #3a7b8a;
  box-shadow:0px 0px 0px #000000;
  -moz-box-shadow: 0px 0px 0px #000000;
  -o-box-shadow: 0px 0px 0px #000000;
  -htm-box-shadow: 0px 0px 0px #000000;
  -webkit-box-shadow: 0px 0px 0px #000000;
}

/*Corriger les défauts*/
.forumline{
  width:100%;
  margin-left: auto;
  margin-right:auto;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0px 0px 0px #29221b;
-moz-box-shadow: 0px 0px 3px #29221b;
-o-box-shadow: 0px 0px 3px #29221b;
-htm-box-shadow: 0px 0px 3px #29221b;
-webkit-box-shadow: 0px 0px 3px #29221b;
}

#page-body{
  width: 800px;
  margin: auto;
}

.table{
margin:10px;
opacity:0.8;}


/* BARRE DE NAVIGATION */
a.mainmenu {
color: #2d94a6;
letter-spacing:1px;
font-family: 'Poiret One', cursive;
font-size:16px;
border-left:0px solid grey;
margin-left : 5px;
margin-right : 5px;
text-transform::uppercase;
text-shadow:0px 0px 0px #ffffff;
 }

a.mainmenu:hover{
 letter-spacing: 2px;
font-family: 'Poiret One', cursive;
font-size:14px;
color: #2d94a6;
margin-left : 3px;
 margin-right : 3px;
 transform: all;
 -moz-transform: all;
 -o-transform: all;
-htm-transform: all;
 -webkit-transform: all;
  transition: 1s; /* Temps de déplacement */
 -moz-transition: 1s; /* Temps de déplacement (pour une version en particulier */
 -o-transition: 1s; /* Temps de déplacement (pour une version en particulier */
 -htm-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 1s; /* Temps de déplacement (pour une version en particulier */
}

/*PA*/


.newsb{
background-color:#e4fefb;
width:185px;
font-size:10px;
line-height:10px;
color:#6f908d;
height:280px;
margin:5px;
padding:10px;
opacity:0.8;
}

.opacity{
  opacity:0.5;
 margin:2px;
transform: all;
 -moz-transform: all;
 -o-transform: all;
 -htm-transform: all;
 -webkit-transform: all;
transition: 1s;  /* Temps de déplacement */
-moz-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-o-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-htm-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 1s; /* Temps de déplacement (pour une version en particulier */
}

.opacity:hover {
  margin:2px;
  opacity:1;
transform: all;
 -moz-transform: all;
 -o-transform: all;
 -htm-transform: all;
 -webkit-transform: all;
transition: 1s;  /* Temps de déplacement */
-moz-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-o-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-htm-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 1s; /* Temps de déplacement (pour une version en particulier */
}

.staffb{
background-color:#ededed;
border:1px solid #ffffff;
width:220px;
height:110px;
color:#ffffff;
padding:10px;
text-align:justify;
line-height:14px;
margin:8px;
margin-top:-10px;
margin-bottom:10px;
box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px #29221b;
-webkit-box-shadow: 0px 0px 3px darkgrey;
text-shadow:0px 0px 3px black;
}

.englob {
position:relative;
width:100px;
height:90px;
border-radius:0px;
border:0px solid #3A7B8A;
box-shadow: 0px 0px 0px #29221b;
-moz-box-shadow: 0px 0px 0px #29221b;
-o-box-shadow: 0px 0px 0px #29221b;
-htm-box-shadow: 0px 0px 0px #29221b;
-webkit-box-shadow: 0px 0px 0px #29221b;
overflow:hidden;
}


.imgp {
position:absolute;
opacity:1;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
-webkit-transition:all 0.7s;
-moz-transition:all 0.7s;
-o-transition:all 0.7s;
-ms-transition:all 0.7s;
transition:all 0.7s;
}

.englob:hover .imgp {
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;

 
.infosp{
  text-align:center !important;
    background-color:#cfc3b4;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
    z-index:50;
    opacity:0;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    line-height: 12px;
    opacity: 0;
    -webkit-transition:all 0.7s;
    -moz-transition:all 0.7s;
    -o-transition:all 0.7s;
    -ms-transition:all 0.7s;
    transition:all 0.7s;
    color: #000000;
    }

.englob:hover .infosp  {
filter:alpha(opacity=1);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    }

.fav{
background-color:#ededed;
border:1px solid #ffffff;
width:230px;
height:50px;
padding:10px;
text-align:justify;
line-height:14px;
margin:8px;
margin-bottom:10px;
margin-top:-10px;
box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px #29221b;
-webkit-box-shadow: 0px 0px 3px darkgrey;
}

.cred{
background-color:#ededed;
border:1px solid #ffffff;
width:220px;
height:130px;
padding:6px;
font-size:10px;
line-height:10px;
color:#6f908d;
height:auto;
margin:3px;
text-align:justify;
line-height:14px;
margin:8px;
margin-bottom:10px;
margin-top:-10px;
 box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px #29221b;
-webkit-box-shadow: 0px 0px 3px darkgrey;
}

.hist{
width:220px;
height:240px;
padding:10px;
font-size:18px;
color:#2b454a;
line-height:17px;
text-shadow:0px 0px 5px darkgrey;
font-family:'Great Vibes',cursive;
text-align:justify;
margin-left:15px;
margin-right:-15px;
margin-top:-10px;
margin-bottom:10px;}

.news{
background-color:#ededed;
border:1px solid #ffffff;
width:200px;
height:120px;
padding:10px;
font-size:10px;
text-align:justify;
line-height:14px;
margin:8px;
margin-top:-10px;
margin-bottom:10px;
box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px darkgrey;
-webkit-box-shadow: 0px 0px 3px darkgrey;
}

.op{
  opacity:0.7;
    -moz-transform: all;
 -o-transform: all;
 -htm-transform: all;
 -webkit-transform: all;
transition: 1s;  /* Temps de déplacement */
-moz-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-o-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-htm-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 1s; /* Temps de déplacement (pour une version en particulier */
}
.op:hover{opacity:1;
  -moz-transform: all;
 -o-transform: all;
 -htm-transform: all;
 -webkit-transform: all;
transition: 1s;  /* Temps de déplacement */
-moz-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-o-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-htm-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 1s; /* Temps de déplacement (pour une version en particulier */}

.meteo{
background-color:#ededed;
width:200px;
height:110px;
padding:10px;
text-align:center;
line-height:14px;
margin:8px;
margin-top:-10px;
margin-bottom:10px;
box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px darkgrey;
-webkit-box-shadow: 0px 0px 3px darkgrey;
}

.predefs{
background-color:#ededed;
border:1px solid #ffffff;
width:200px;
height:auto;
padding:10px;
text-align:justify;
line-height:14px;
margin:8px;
margin-top:-10px;
box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px darkgrey;
-webkit-box-shadow: 0px 0px 3px darkgrey;
}

  .titrepa{
  font-family:'UnifrakturMaguntia';
  font-size:26px;
  color:darkcyan;
  text-shadow:0px 0px 3px darkgrey;
  text-align:center;
}

.topp{
background-color:#ededed;
border-radius:0 0 100px 100px;
border: 3px solid white;
height : 190px;
width : 150px;
overflow: auto;
position: absolute;
right: 0;
top: 800px;
 box-shadow:0px 0px 2px #000000;
-moz-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
-htm-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
}


.toppp{
background-color:#ededed;
border-radius:0 0 100px 100px;
border: 3px solid white;
height :170px;
width : 150px;
text-align:center;
overflow: auto;
position: absolute;
right: 0;
top: 600px;
font-family:georgia;
text-transform:none;
font-size:13px;
letter-spacing:2px;
 box-shadow:0px 0px 2px #e66182;
-moz-box-shadow: 0px 0px 2px #bfbbbd;
-o-box-shadow: 0px 0px 2px #bfbbbd;
-htm-box-shadow: 0px 0px 2px #bfbbbd;
-webkit-box-shadow: 0px 0px 2px #bfbbbd;
}
 
 
.newspa{
box-shadow:0px 0px 3px #e66182;
border:3px solid #ffffff;
width:130px;
height:110px;
background-color:#9c7d8e;
opacity:0.4;
padding:5px;
text-transform:uppercase;
font-size:11px;
font-family:helvetica;
text-align:justify;
ligne-height:9px;
text-shadow:0px 0px 3px darkgrey;
letter-spacing:1px;
}


/**************************************************  DÉBUT DES CATÉGORIES **************************************************/

/*Bloc de catégorie*/

.cate{ 
width: 760px;
height: auto;
margin:auto;
margin-bottom:10px;
border: 0px solid #000000; 
background-image:url('http://img4.hostingpics.net/pics/852589definitivefondcate7692.png'); 
border-left:0px solid #3A7B8A;
border-right:0px solid #3A7B8A;
box-shadow: 0px 0px 3px #29221b;
-moz-box-shadow: 0px 0px 3px #29221b;
-o-box-shadow: 0px 0px 3px #29221b;
-htm-box-shadow: 0px 0px 3px #29221b;
-webkit-box-shadow: 0px 0px 3px #29221b;
position: relative;
overflow: hidden;
}

.cate_title {
width: 750px;
margin:auto;
padding: 5px;
display: block;
}

.toppi{
width:40px;
height:40px;
border-radius:0px;
text-align:center;
margin:auto;
background-color:#3A7B8A;
color:#e0cfbf;
text-shadow:0px 0px 3px #f2e8df;
font-size:15px;
padding-bottom:-2px;
margin:3px;
margin-left:25px;
border:0px solid #3A7B8A;
font-family:'Poiret One',cursive;
border:1px solid white;
}

.ppost{
width:40px;
height:40px;
border-radius:0px;
text-align:center;
margin:auto;
margin-left:25px;
background-color:#3A7B8A;
color:#e0cfbf;
text-shadow:0px 0px 3px #f2e8df;
font-size:15px;
padding-bottom:-2px;
margin:3px;
border:0px solid #3A7B8A;
font-family:'Poiret One',cursive;
border:1px solid white;
}

.description{
display:block;
width:430px;
height:110px;
background-color:#ededed;
padding:9px;
margin:auto;
border:1px solid white;
box-shadow:0px 0px 6px darkgrey;
o-box-shadow:0px 0px 6px darkgrey;
-moz-box-shadow:0px 0px 6px darkgrey;
-webkit-box-shadow:0px 0px 6x dargrey;
text-color:#6f908d;
}

.slink{
color:#BFD9D5;
text-align:center;
background-image:url('http://img4.hostingpics.net/pics/369737hr9ccopie.png');
width:435px;
height:15px;
margin-top:8px;
margin-botom:-8px;
padding:3px;
margin:auto;
border-radius:25px;
text-align:left;
overflow:auto;
box-shadow:0px 0px 4px darkgrey;
o-box-shadow:0px 0px 4px darkgrey;
-moz-box-shadow:0px 0px 4px darkgrey;
-webkit-box-shadow:0px 0px 4px dargrey;
}

.globalp{
width:150px;
height:auto;
margin:5px;
padding:6px;
background-color:#ededed;
border:0px solid #a1917e;
text-align:center;
border:1px solid white;
box-shadow:0px 0px 6px darkgrey;
o-box-shadow:0px 0px 6px darkgrey;
-moz-box-shadow:0px 0px 6px darkgrey;
-webkit-box-shadow:0px 0px 6px dargrey;
}

/*Titre de la catégorie personnalisé*/
.cate_title h2{
font-family:'UnifrakturMaguntia',cursive;
text-align:center;
padding: 0px;
margin-bottom:6px;
margin-top:-6px;
font-size: 36px;
text-shadow: 0px 0px 5px #000000;
color: #ffffff;
font-weight: normal;
letter-spacing: 1px;
display: block;
}

/*Titre au dessus de l'image de catégorie*/
.cate_title span{
position: relative;
z-index:2;
}

/*Image dessus catégorie montagne*/
.mont{
position: relative;
z-index: 1;
width:760px;
margin:auto;
margin-left:20px;
margin-right:-20px;
margin-top:70px;
margin-bottom:-70px;
}

.monta{
position: relative;
z-index: 1;
width:760px;
margin:auto;
margin-top:-9px;
margin-bottom:9px;
margin-left:20px;
margin-right:-20px;
}


a.forumlink:link, a.forumlink:visited {
font-family: 'Poiret One';
display:block;
color:#284742;
text-transform:none;
padding-left: 26px;
letter-spacing:2px;
text-shadow: 0px 0px 3px darkgrey;
font-size:28px;
transform: all;
 -o-transform: all;
 -htm-transform: all;
transition: 1s;  /* Temps de déplacement */
-moz-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-o-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-htm-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 1s; /* Temps de déplacement (pour une version en particulier */
}

a.forumlink:hover, a.forumlink:hover:visited {
font-family:'Poiret One',cursive;
display:block;
text-transform:none;
color:#284742;
letter-spacing: 2px;
padding-left: 26px;
text-shadow: 3px 0px 0px #ffffff;
font-size:28px;
 transform: all;
 -o-transform: all;
 -htm-transform: all;
transition: 1s;  /* Temps de déplacement */
-moz-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-o-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-htm-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 1s; /* Temps de déplacement (pour une version en particulier */
}


.catimage{
float:right;
border:5px solid #ffffff;
box-shadow: 0px 0px 6px darkgrey;
-moz-box-shadow: 0px 0px 6px darkgrey;
-o-box-shadow: 0px 0px 6px darkgrey;
-htm-box-shadow: 0px 0px 6px darkgrey;
-webkit-box-shadow: 0px 0px 6px darkgrey;
opacity:0.8;
 transform: all;
 -moz-transform: all;
 -o-transform: all;
-htm-transform: all;
 -webkit-transform: all;
  transition: 1s; /* Temps de déplacement */
 -moz-transition: 1s; /* Temps de déplacement (pour une version en particulier */
 -o-transition: 1s; /* Temps de déplacement (pour une version en particulier */
 -htm-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 1s; /* Temps de déplacement (pour une version en particulier */
}

.catimage:hover{
float:right;
border:5px solid #ffffff;
box-shadow: 0px 0px 6px darkgrey;
-moz-box-shadow: 0px 0px 6px darkgrey;
-o-box-shadow: 0px 0px 6px darkgrey;
-htm-box-shadow: 0px 0px 6px darkgrey;
-webkit-box-shadow: 0px 0px 6px darkgrey;
opacity:1;
 transform: all;
 -moz-transform: all;
 -o-transform: all;
-htm-transform: all;
 -webkit-transform: all;
  transition: 1s; /* Temps de déplacement */
 -moz-transition: 1s; /* Temps de déplacement (pour une version en particulier */
 -o-transition: 1s; /* Temps de déplacement (pour une version en particulier */
 -htm-transition: 1s; /* Temps de déplacement (pour une version en particulier */
-webkit-transition: 1s; /* Temps de déplacement (pour une version en particulier */
}
/************************************************** FIN DES CATÉGORIES **************************************************/

  /*QEEL*/
.cadrequeel{
width:380px;
height:auto;
background-color:#ededed;
border: 1px solid #ffffff; 
color:#6f908d;
box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px darkgrey;
-webkit-box-shadow: 0px 0px 3px darkgrey;
font-size:12px;
font-family:arial;
padding:6px;
margin:10px;
margin-left:50px;
}

.cadrequeel1{
width:380px;
height:auto;
background-color:#ededed;
border: 1px solid #ffffff;
color:#6f908d;
border-top: 0px  solid black;
border-bottom: 0px double black;
box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px darkgrey;
-webkit-box-shadow: 0px 0px 3px darkgrey;
font-size:12px;
font-family:arial;
padding:6px;
margin:10px;
margin-left:50px;
opacity:0.8;
}

.cadrequeel2{
  width:780px;
  height:27px;
  overflow:auto;
  background-color:#cfc3b4;
  border: 0px solid black;
  border-left: 4px solid #bababa;
  border-right: 4px solid #bababa;
  border-top: 0px  solid black;
  border-bottom: 0px double black;
 box-shadow: 0px 0px 3px #29221b;
-moz-box-shadow: 0px 0px 3px #29221b;
-o-box-shadow: 0px 0px 3px #29221b;
-htm-box-shadow: 0px 0px 3px #29221b;
-webkit-box-shadow: 0px 0px 3px #29221b;
  font-size:12px;
  font-family:georgia;
  padding:6px;
  margin:4px;
}
    /***** FIN QEEL *******/


/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 790px;
  margin: auto;
  background-image: url('http://img4.hostingpics.net/pics/317514backgound.png');
  background-repeat: repeat;
  border: 1px solid transparent;
  box-shadow: 0px 0px 3px #868686;
  -o-box-shadow: 0px 0px 3px #868686;
  -moz-box-shadow: 0px 0px 3px #868686;
  -webkit-box-shadow: 0px 0px 3px #868686;
  -htm-box-shadow: 1px 2px 2px #868686;
  padding: 5px;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#552831, Direction=134, Strength=20);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
.sujets
{margin:auto;
  font-family: Arial;
  background-color:#ededed;
  border:1px solid #ffffff;
  background-repeat: repeat-y;
  border: 1px dotted transparent;
  padding: 3px;
  box-shadow: 0px 0px 6px darkgrey;
  -o-box-shadow: 0px 0px 6px darkgrey;
  -moz-box-shadow: 0px 0px 6px darkgrey;
  -webkit-box-shadow: 0px 0px 6px dakgrey;
  -htm-box-shadow: 0px 0px 6px dakgrey;
  width:740px;
 
}
.topictitle
{
  font-family: arial;
  font-size: 15px;
  font-variant:small-caps;
  color:#000000!important!;
}
.sujets_auteur
{
  font-family: Arial;
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  font-family: arial;
  display: block;
  width: 180px;
  height: 40px;
  background: #ededed;

  border-left: 0px solid #ececec;
  border-right: 0px solid #ececec;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  font-family: arial;
  text-transform:none;
  width: 790px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu
{
  font-family: arial;
  font-size: 9px;
  color: rgb(0, 140, 140);
  opacity:0.8;
}


/*Cadre autour des messages par Alu' pour Never-Utopia *****************************************************************/

.profilmembre, .infoprofil, .imageavatar {
  height: 320px;/*hauteur de l'avatar*/
  width: 200px;/*largeur de l'avatar*/
}
 .thRight, .infoprofil, .basviolet .browse-arrows{
  font-family: 'Poiret One'; /*police utilisée*/
}

.rangée .thRight, .rangée .thLeft{
  font-family:'UnifrakturMaguntia'}

.nomavatar{
font-family:'UnifrakturMaguntia';
}
.basviolet, .postviolet{ background-color:#;background-repeat: repeat;}/*couleur de fond des messages*/
.imageavatar{
  background-image: url(http://zupimages.net/up/15/17/9ub5.png);
  /*image par-dessus l'avatar, laisser vide pour l'enlever*/
  position:absolute;
  top:0;
  left:0;
  z-index:3;
 
}
.infoprofil {
  background-image:url(http://img4.hostingpics.net/pics/369737hr9ccopie.png);
  /*image de fond des infos du profil, laisser vide pour l'enlever*/
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  padding:15px;
  font-size: 13px;
  color:#ffffff;
  z-index:0;
  overflow: auto;
  -moz-box-shadow: 0px 2px 6px 0px #000000;
  -webkit-box-shadow: 0px 2px 6px 0px #000000;
  -o-box-shadow: 0px 2px 6px 0px #000000;
  box-shadow: 0px 2px 6px 0px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#552831, Direction=134, Strength=20);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
 
.nomavatar{
  background-image:url(http://zupimages.net/up/15/17/aojx.png);/*image de fond du pseudo*/
  background-repeat: no-repeat;
  height:88px;/*largeur de l'image de fond*/
  width: 208px;/*hauteur de l'image de fond*/
  color:#552831;/*couleur du texte du rang*/
  text-shadow:0px 0px 4px darkgrey;
  font-size: 18px;
  line-height:90%;
  text-align:center;
  position:relative;
  padding-top:20px;
  margin-top: -25px;
  z-index: 3;
}

.fondpost{
  background-color:#;
  background-repeat: repeat;
  color: #;
  text-align:justify;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#660000, Direction=134, Strength=20);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 15px;
  min-height: 325px;
  margin: 5px 5px auto 5px;
  width:550px;
}

.profilmembre {
  -moz-box-shadow: 0px 2px 6px 0px #000000;
  -webkit-box-shadow: 0px 2px 6px 0px #000000;
  -o-box-shadow: 0px 2px 6px 0px #000000;
  box-shadow: 0px 2px 6px 0px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#660000, Direction=134, Strength=20);
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  position:relative;
  margin: 10px 0;

}

.rangée{
  background-image:url('http://img4.hostingpics.net/pics/369737hr9ccopie.png');
  border-radius:20px 20px 20px 20px;/*arrondis*/
  display:block;
  margin-top:15px;
}

.rangée .thRight{
  color:white;/*couleur du texte "message"*/
  text-shadow: 0px 2px 2px #000000;
  font-size: 27px;
  font-weight:bold;
  display:block;
  margin-left:255px;
  padding-top:3px;
  height:25px;
}
.rangée .thLeft, .basviolet .browse-arrows{
  color:white;/*couleur du texte "auteur"*/
  text-shadow: 0px 2px 2px #000000;
  font-size: 27px;
  font-weight:bold;
  display:block;
  float:left;
  width:255px;
  padding-top:3px;
  height:25px;
}
.basviolet{
  border:5px solid transparent;/*bordures de la partie basse du message*/
  display:block;
  border-radius:0 0 0px 0px;
  border-top:none;
  margin-bottom:30px;
}

.postviolet{
  border-left:5px solid transparent;/*bordures de la partie centrale du message*/
  border-right:5px solid transparent;
  display:block;
}



.postviolet .post-options{padding-right:30px;}
.avatar img: {width:100%; height: 100%;}/*redimensionne les avatars à la bonne taille*/
.pseudo {display:block;font-size:30px; /*taille du pseudo*/text-transform:none;}
th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop { border:none;font-weight:normal;}

.profilmembre:hover > .avatars {/*ne pas modifier*/
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  z-index:1;
}
.avatars {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:2;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  -o-transition:all 1s;
  -ms-transition:all 1s;
  transition:all 1s;
}

/*Retirer les bordures des gênantes *****************************************************************/
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}



/*Chat Box *****************************************************************/
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
 font-size: 13px;
 font-family: Georgia;
}
body.chatbox {
background-image: url('http://img4.hostingpics.net/pics/317514backgound.png');
background-repeat: repeat;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before {
content: "Roncepourpre";
 font-size: 13px;
 font-family: Georgia;
 }
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color:#ededed;
background-repeat: repeat;
    border-color: transparent;
  font-size: 13px;
 font-family: Fondamento;
}
/*Couleur de la date*/
.chatbox p .date-and-time
{color:white !important;}
#chatbox_header .catBottom .cattitle {
    color: #;
}



/*NOUVELLE FICHE DE PRÉSENTATION*/

.backfiche{
background-image:url('http://img11.hostingpics.net/pics/117370backgroundfiche.png');
width:580px;
height:1790px;
margin:auto;
border-top:#2b454a 20px solid;
border-bottom:#2b454a 20px solid;
box-shadow:0px 0px 4px #000000;
o-box-shadow:0px 0px 4px #000000;
-moz-box-shadow:0px 0px 4px #000000;
-webkit-box-shadow:0px 0px 4px #000000;
}

.linef{
border-bottom: 20px solid #dce1e3;
border-radius: 0px;
width: 580px;}
 
.titit{
 text-transform:none;
 color: #2b454a;
 letter-spacing: 2px;
 text-shadow: 0px 0px 3px darkgrey;
 font-family:'UnifrakturMaguntia';
 font-size:43px;
 margin-bottom:-30px;
 padding:6px;
 }

.tiit{
 text-transform:none;
 color: #2b454a;
 letter-spacing: 2px;
 text-shadow: 0px 0px 3px darkgrey;
 font-family:'UnifrakturMaguntia';
 font-size:32px;
 margin-bottom:-30px;
 padding:6px;
 }

.titt{
 text-transform:uppercase;
 color: #2b454a;
 text-shadow: 0px 0px 3px darkgrey;
 font-family:georgia;
 letter-spacing:6px;
 font-size:14px;
 padding:6px;
 text-align:center;}
 
  .tititit{
border-bottom: 16px solid #008b8b;
border-radius: 0px 0px 0px 0px;
width: 440px;
}
 
  .text{
color:#ffffff ;
letter-spacing: 6px;
text-shadow: 0px 0px 2px darkgrey;
font-family:georgia;
text-transform:uppercase;
text-align:center;
font-size:14px;
margin-left:5px;
margin-right:5px;
margin-bottom:-16px;
}
 
.ident{
 background-color:#;
 width:450px;
 height:300px;
 font-size:11px;
 padding:10px;
 text-align:justify;
 color:#6f908d;
 overflow:auto;
 margin:10px;
 background-color:#ededed;
 border:1px solid #ffffff;
 box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px darkgrey;
-webkit-box-shadow: 0px 0px 3px darkgrey;
}

.ident1{
 width:300px;
 height:110px;
 font-size:11px;
 padding:10px;
 text-align:justify;
 color:#6f908d;
  background-color:#ededed;
 border:1px solid #ffffff;
 box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px darkgrey;
-webkit-box-shadow: 0px 0px 3px darkgrey;
}
.unimg{
box-shadow:0px 0px 3px dakgrey;
o-box-shadow:0px 0px 4px #000000;
-moz-box-shadow:0px 0px 4px #000000;
-webkit-box-shadow:0px 0px 4px #000000;
margin:10px;
float:right;
border:1px solid #ffffff;
padding:5px;
}
   
 .deuximg{
box-shadow:0px 0px 4px #000000;
-moz-box-shadow:0px 0px 4px #000000;
-webkit-box-shadow:0px 0px 4px #000000;
  margin:14px;  }

.phyment{
width:240px;
height:290px;
font-size:11px;
padding:10px;
text-align:justify;
color:#6f908d;
overflow:auto;
margin:auto;
margin-right:5px;
 background-color:#ededed;
 border:1px solid #ffffff;
 box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px darkgrey;
-webkit-box-shadow: 0px 0px 3px darkgrey;
}

.phist{
width:480px;
height:310px;
overflow:auto;
font-size:11px;
padding:10px;
text-align:justify;
color:#6f908d;
margin:auto;
 background-color:#ededed;
 border:1px solid #ffffff;
 box-shadow: 0px 0px 3px darkgrey;
-moz-box-shadow: 0px 0px 3px darkgrey;
-o-box-shadow: 0px 0px 3px darkgrey;
-htm-box-shadow: 0px 0px 3px darkgrey;
-webkit-box-shadow: 0px 0px 3px darkgrey;
}

.pcred{
font-size:10px;
color:#2b454a;
text-shadow:0px 2px 3px #000000;
font-family:georgia;
letter-spacing:6px;
text-transform:uppercase;
}

/*NOUVELLES*/
.fnb{
background-color:#E0D9D9;
width:475px;
height:auto;
margin:auto;
border-left:5px solid #2c6968;
text-align:justify;
font-family:helvetica;
color:#8c8c8c;
font-size:11px;
}
.fn{
background-color:#2c6968;
width:auto;
height:40px;
padding:5px;
color:#c7c7c7;
padding-left:14px;
opacity:0.5;
}
.gntitre{
font-family: 'Great Vibes', cursive;
font-size:37px;
text-shadow:0px 0px 2px black;
color:#ffffff;
padding:8px;
}

.soust{
text-transform:uppercase;
color:#e09cb5;
font-size:12px;
font-family:georgia;
letter-spacing:3px;
text-shadow:0px 0px 7px darkgrey;
}


/*CADRES INTÉRIEURS DU FORUM POUR TEXTES & TITRES*/

.cadre1{
background-image:url('http://img11.hostingpics.net/pics/117370backgroundfiche.png');
width:500px;
height:auto;
margin:auto;
border-top:#2b454a 20px solid;
border-bottom:#2b454a 20px solid;
box-shadow:0px 0px 4px #000000;
o-box-shadow:0px 0px 4px #000000;
-moz-box-shadow:0px 0px 4px #000000;
-webkit-box-shadow:0px 0px 4px #000000;
padding:20px;
color:#6f908d;
text-align:justify;
line-height:13px;
}

.cadre2{
background-image:url('http://img4.hostingpics.net/pics/592989Cadre.png');
width:530px;
height:auto;
margin:auto;
border-top:#809c9b 0px solid;
border-bottom:#809c9b 0px solid;
box-shadow:0px 0px 4px #000000;
o-box-shadow:0px 0px 4px #000000;
-moz-box-shadow:0px 0px 4px #000000;
-webkit-box-shadow:0px 0px 4px #000000;
padding:25px;
color:#5d8780;
text-align:justify;
text-align:justify;
border:0px solid #70a199;
}

.cadre3{
background-image:url('http://img15.hostingpics.net/pics/851227backund.png');
width:500px;
height:auto;
margin:auto;
border-top:#809c9b 20px solid;
border-bottom:#809c9b 20px solid;
box-shadow:0px 0px 4px #000000;
o-box-shadow:0px 0px 4px #000000;
-moz-box-shadow:0px 0px 4px #000000;
-webkit-box-shadow:0px 0px 4px #000000;
border:1px solid #ffffff;
padding:25px;
color:#5d8780;
text-align:justify;
border:0px solid #70a199;
}

.cadre4{
background-image:url('http://img4.hostingpics.net/pics/383110partocopie.png');
width:500px;
height:auto;
margin:auto;
border-top:#809c9b 20px solid;
border-bottom:#809c9b 20px solid;
box-shadow:0px 0px 4px #000000;
o-box-shadow:0px 0px 4px #000000;
-moz-box-shadow:0px 0px 4px #000000;
-webkit-box-shadow:0px 0px 4px #000000;
border:1px solid #ffffff;
padding:25px;
color:#5d8780;
text-align:justify;
border:0px solid #70a199;
}
.cadre5{
background-image:url('http://img15.hostingpics.net/pics/851227backund.png');
width:500px;
height:auto;
margin:auto;
border-top:#2b454a 20px solid;
border-bottom:#2b454a 20px solid;
box-shadow:0px 0px 4px #000000;
o-box-shadow:0px 0px 4px #000000;
-moz-box-shadow:0px 0px 4px #000000;
-webkit-box-shadow:0px 0px 4px #000000;
border:1px solid #ffffff;
padding:25px;
color:#5d8780;
text-align:justify;
border:0px solid #70a199;
}

.cadrev{
background-image:url(http://img4.hostingpics.net/pics/369737hr9ccopie.png);
width:550px;
height:auto;
margin:auto;
box-shadow:0px 0px 4px #000000;
o-box-shadow:0px 0px 4px #000000;
-moz-box-shadow:0px 0px 4px #000000;
-webkit-box-shadow:0px 0px 4px #000000;
}

.scadrev{
background:#ededed;
width:460px;
height:auto;
margin:auto;
padding:10px;
font-size:11px;
line-weight:11px;
text-align:justify;
}



.titre1{
 text-transform:none;
 color: #2b454a;
 letter-spacing: 2px;
 text-shadow: 0px 0px 3px darkgrey;
 font-family:'UnifrakturMaguntia';
 font-size:38px;
 margin-bottom:-30px;
 margin-top:30px;
}

.titre2{
 text-transform:none;
 color: #2b454a;
 letter-spacing: 2px;
 text-shadow: 0px 0px 3px darkgrey;
 font-family:'Great Vibes';
 font-size:50px;
 margin-bottom:-70px;
 margin-top:70px;
 padding:6px;
 }


/*STAFFPRESENTATION*/
.cad{
background:#ededed;
border:1px solid #fffff;
width:380px;
height:auto;
font-size:11px;
margin:auto;
padding:10px;
box-shadow:0px 0px 4px darkgrey;
o-box-shadow:0px 0px 4px darkgrey;
-moz-box-shadow:0px 0px 4px darkgrey;
-webkit-box-shadow:0px 0px 4px darkgrey;
line-height:11px;}

/*FICHEDELIENS*/
.backld{
width:466px;
height:125px;
margin:auto;
background-color:#ededed;
border:1px solid #fffff;
border-top:#2b454a 5px solid;
padding:7px;
font-size:11px;
font-style:arial;
letter-spacing:1px;
text-align:justify;
color:#d4d2d2;
padding:6px;
text-align:justify;
box-shadow:0px 0px 3px #bfbbbd;
-moz-box-shadow: 0px 0px 3px #bfbbbd;
-o-box-shadow: 0px 0px 3px #bfbbbd;
-htm-box-shadow: 0px 0px 3px #bfbbbd;
-webkit-box-shadow: 0px 0px 3px #bfbbb
}
.tail{
width:345px;
height:100px;
overflow:auto;
font-size:11px;
}

.suivf{
  background:#ededed;
  border:1px solid #ffffff;
  width:460px;
  height:auto;
  font-size:11px;
  color:#6f908d;
  text-align:justify;
  margin:10px;
  padding:10px;
}

.suivc{
  background:#ededed;
  border:1px solid #ffffff;
  width:460px;
  height:auto;
  font-size:11px;
  color:#6f908d;
  text-align:jusitfy;
  margin:10px;
  padding:10px;
}


OVERALL HEADER
Code:
 <link href='http://fonts.googleapis.com/css?family=Great+Vibes|Poiret+One|UnifrakturMaguntia' rel='stylesheet' type='text/css' /><!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 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="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{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({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {switch_ticker.STOP_TIME}
            });
         });
      <!-- END switch_ticker -->
   });

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

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

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

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

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

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

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<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="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

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

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

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

AFFICHAGE D'UN SUJET
Code:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lovers+Quarrel|Great+Vibes|Fondamento" />
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
  var all_checked = true;
  for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
  }
  document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
  for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
        document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
  }
}
</script>
<!-- END multi_selection -->

<div class="bloc_sujets">
      <!-- BEGIN multi_selection -->
      <span align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></span>
  <!-- END multi_selection -->
 
  <!-- BEGIN pagination -->
      <span align="right"><span class="gensmall">{PAGINATION}</span></span>
  <!-- END pagination -->
 
  <!-- END header_table --><!-- BEGIN header_row -->
<!-- END header_row -->
 
<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
 
 
    <table class="sujets"><tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td><span class="icones_sujets"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></span></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
                <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
        <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
              <a class="topictitle2" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
        </div>
        <!-- BEGIN switch_description -->
        <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
        </span>
        <!-- END switch_description -->
        <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
        <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row3" align="center" valign="middle"><span class="sujets_auteur"><i>par {topics_list_box.row.TOPIC_AUTHOR}</i></span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="sujet_last">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
  <!-- END multi_selection -->
  </tr></table>
  <div class="sujets_stats"><span class="sujets_stats_contenu">Ce sujet a été vu {topics_list_box.row.VIEWS} fois et a reçu {topics_list_box.row.REPLIES} réponse(s).</span></div>
  <!-- END topic --><!-- BEGIN no_topics -->
  <table><tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
          </tr></table>
  <!-- END no_topics --><!-- BEGIN bottom --> 

  <br /><br />
<div class="pages"><span class="gensmall">{PAGINATION}</span>
  <span><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</span></div>
 
<!-- END bottom --><!-- BEGIN footer_table -->
</div><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->