Soucis de Personnalisation de forum

Bien le bonjour à toutes et tous,

Aujourd'hui je viens vous voir car me voilà face à un soucis pour lequel je ne trouve pas de solution. Je me débrouille pour modifier des codes déjà existants mais sans plus et là, malgré toutes mes tentatives, rien ne marche...

En fait, j'essaie d'installer un background sur l'un de nos forums et ce dernier me fait des misères.
Soit il refuse de rester fixe en passant par la gestion des images du panneau d'administration (Panneau d'admin > Affichage > Gestion des images > Mode avancé) ou même en passant par le CSS

Code:

body
{
background: url(http://i63.tinypic.com/33ayvf5.jpg) top center no-repeat fixed;
}

Et quand c'est pas ça, il réduit carrément la taille de l'image du background quand je retravaille l'image en plus de refuser la fixité... Ne sachant pas d'où vient le soucis, je me permets donc de vous demander votre aide. A la suite, vous trouverez l'entièreté du CSS et des codes Templates que nous avons modifier (des fois que le problème viendrait d'ailleurs).

Il faut aussi savoir que nous avons installé cette navigation : Navigation en forme d'horloge

Et enfin, voici l'adresse du forum en question : http://prohibition-games.forumactif.org


CSS

Code:

/*corps du forum*/
.bodyline
{
  width: 950px;
-moz-border-radius: 20px;
border-radius:20px;
border-left: 5px solid #C40A26;
border-right: 5px solid #C40A26;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}

.bodylinewidth
{
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}

.bodyline
{
  background: #000000;
  color: #C40A26;
}

body
{
background: url(http://i63.tinypic.com/33ayvf5.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}

#chatbox .cb-avatar, #chatbox .cb-avatar > img { width: 20px !important; height:40px !important; }
#chatbox .user-msg .user, #chatbox .user-msg .msg {
    display: inline;
}
#chatbox.recently-connected:after {
  font-family: "trebuchet ms", serif;
  font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #8BC34A;
  box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto;
  width:80%; margin:1.5% auto; padding:1%; white-space: pre;
  content: "Bienvenue sur la chatbox =D \a Si tu es seul, remets une bûche sur le feu.";
}


/*-----------------------------------NAVIGATION-------------------------------------

/*Bloc de l'horloge*/
.nav_bloc {
  background-image: url('http://img15.hostingpics.net/pics/909229montre2.png');
  width: 300px;
  height: 300px;
  position: relative;
  display: block;
  margin-top: -190px;
  margin-left: 30px;
}

/*Trucs pour les liens*/
.navv {
  position: absolute;
  display: block;
  z-index: 2;
}

/*Aiguille*/
#nav_aiguille {
  background-image: url('http://img15.hostingpics.net/pics/418642aiguille.png');
  width: 14px;
  height: 244px;
  bottom: 32px;
  left: 140px;
  transform: rotate(0deg);
  -ms-transform: rotate(0deg); /*IE 9*/
  -webkit-transform: rotate(0deg); /*Opera, Chrome, and Safari*/
  transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  z-index: 1;
}

/*Positionnement des liens*/
#accueil {
  width: 100px;
  height: 27px;
  bottom: 260px;
  left: 101px;
  transform:rotate(1deg);
  -ms-transform:rotate(1deg); /* IE 9 */
  -webkit-transform:rotate(1deg); /* Opera, Chrome, and Safari */
}
#rechercher {
  width: 131px;
  height: 35px;
  bottom: 200px;
  left: 184px;
  transform:rotate(57deg);
  -ms-transform:rotate(57deg); /* IE 9 */
  -webkit-transform:rotate(57deg); /* Opera, Chrome, and Safari */
}
#membres {
  width: 94px;
  height: 28px;
  bottom: 100px;
  left: 218px;
  transform:rotate(109deg);
  -ms-transform:rotate(109deg); /* IE 9 */
  -webkit-transform:rotate(109deg); /* Opera, Chrome, and Safari */
}
#groupes {
  width: 99px;
  height: 32px;
  bottom: 21px;
  left: 144px;
  transform:rotate(157deg);
  -ms-transform:rotate(157deg); /* IE 9 */
  -webkit-transform:rotate(157deg); /* Opera, Chrome, and Safari */
}
#profil {
  width: 79px;
  height: 28px;
  bottom: 25px;
  left: 55px;
  transform:rotate(205deg);
  -ms-transform:rotate(205deg); /* IE 9 */
  -webkit-transform:rotate(205deg); /* Opera, Chrome, and Safari */
}
#mp {
  width: 115px;
  height: 39px;
  bottom: 120px;
  left: -31px;
  transform:rotate(265deg);
  -ms-transform:rotate(265deg); /* IE 9 */
  -webkit-transform:rotate(265deg); /* Opera, Chrome, and Safari */
}
#off, #on {
  width: 80px;
  height: 31px;
  bottom: 225px;
  left: 26px;
  transform:rotate(315deg);
  -ms-transform:rotate(315deg); /* IE 9 */
  -webkit-transform:rotate(315deg); /* Opera, Chrome, and Safari */
}
#s_inscrire {
  width: 107px;
  height: 37px;
  bottom: 120px;
  left: -27px;
  transform:rotate(263deg);
  -ms-transform:rotate(263deg); /* IE 9 */
  -webkit-transform:rotate(263deg); /* Opera, Chrome, and Safari */
}

/*Mouvement de l'aiguille selon le lien survolé*/
#accueil:hover ~ #nav_aiguille {
  transform:rotate(2deg);
  -ms-transform:rotate(2deg); /* IE 9 */
  -webkit-transform:rotate(2deg); /* Opera, Chrome, and Safari */
}
#rechercher:hover ~ #nav_aiguille {
  transform:rotate(57deg);
  -ms-transform:rotate(57deg); /* IE 9 */
  -webkit-transform:rotate(57deg); /* Opera, Chrome, and Safari */
}
#membres:hover ~ #nav_aiguille {
  transform:rotate(109deg);
  -ms-transform:rotate(109deg); /* IE 9 */
  -webkit-transform:rotate(109deg); /* Opera, Chrome, and Safari */
}
#groupes:hover ~ #nav_aiguille {
  transform:rotate(157deg);
  -ms-transform:rotate(157deg); /* IE 9 */
  -webkit-transform:rotate(157deg); /* Opera, Chrome, and Safari */
}
#profil:hover ~ #nav_aiguille {
  transform:rotate(205deg);
  -ms-transform:rotate(205deg); /* IE 9 */
  -webkit-transform:rotate(205deg); /* Opera, Chrome, and Safari */
}
#mp:hover ~ #nav_aiguille {
  transform:rotate(265deg);
  -ms-transform:rotate(265deg); /* IE 9 */
  -webkit-transform:rotate(265deg); /* Opera, Chrome, and Safari */
}
#s_inscrire:hover ~ #nav_aiguille {
  transform:rotate(263deg);
  -ms-transform:rotate(263deg); /* IE 9 */
  -webkit-transform:rotate(263deg); /* Opera, Chrome, and Safari */
}
#on:hover ~ #nav_aiguille, #off:hover ~ #nav_aiguille {
  transform: rotate(315deg);
  -ms-transform: rotate(315deg); /* IE 9 */
  -webkit-transform: rotate(315deg); /* Opera, Chrome, and Safari */
}

               /*FIN NAVIGATION*/
/*--COntexte--*/
.fiche_cont {
width:600px;
margin:auto;
}
.fond1_cont {
width:90%;
background-image:url(http://img15.hostingpics.net/pics/876228papertexturestockbyomg009d4q4wu0.jpg);
transform:rotate(-1deg);
border: solid 1px black;
margin-left:auto;
margin-right:auto;
margin-top:-50px;
}
.fond2_cont {
width:100%;
background-image:url(http://img15.hostingpics.net/pics/876228papertexturestockbyomg009d4q4wu0.jpg);
transform:rotate(-1deg);
border: solid 1px black;
margin:auto;
}
.fond3_cont {
width:97%;
background-image:url(http://img15.hostingpics.net/pics/876228papertexturestockbyomg009d4q4wu0.jpg);
margin:auto;
padding:10px;
transform:rotate(2deg);
border: solid 1px black;
text-align:center;
}
.txt_cont {
width:90%;
text-align:justify;
font-size:13px;
color:black;
padding:10px;
margin:auto;
}
.titre_cont {
display:block;
text-align:center;
font-size:25px;
color:black;
}
.img_cont {
margin-left:-30px;
width:565px;
}
.img2_cont {
width:100px;
height:100px;
padding:3px;
}
a.credit_cont {
text-decoration:none;
color:black;
text-align:center;
padding:5px;
display:block;
}
/*-- FIN CODE CONTEXTE--*/
/*Profil et affichage de lavatar par Alu pour Never utopia */
.profilmembre {
  border: 1px solid #a19388;
  position:relative;
  margin-right:10px;/*à adapter pour que la flèche noire ne morde pas le texte (augmenter)*/
  background-color:#ABABAB;
}

.pseudo{
  padding-top:4px;
  width:200px;
  height:31px;
  background-color:#1C1C1C;
  position:relative;
  text-align:center;
  color:#949046;
  font:Josefin Slab, Georgia;
  text-transform:uppercase;
}
.pseudo .name a{font-size:24px; font-weight:300;color:#737373 !important;}

.flecheprofil{
  width:0px;
  height:0px;
  border:8px solid transparent;
  border-left:25px solid #1C1C1C;
  position:absolute;
  top:10px;
  left:200px;
}

.rang {
  width:136px;
  height:19px;
  background-color: #1C1C1C;
  font: 10px Josefin Slab, Georgia;
  line-height:95%;
  text-transform: uppercase;
  color:#636363;
  margin:-15px auto 5px auto;
  padding:2px;
  text-align:center;  
  position:relative;
  z-index:2;
  -moz-box-shadow: 0px 0px 8px 0px #656565;
  -webkit-box-shadow: 0px 0px 8px 0px #656565;
  -o-box-shadow: 0px 0px 8px 0px #656565;
  box-shadow: 0px 0px 8px 0px #656565;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8);
}
.infoprofil{
  position:absolute;
  top:35px;
  left:0;
  background: rgba(0, 0, 0, 0.75);
  opacity:0;
  filter:alpha(opacity=0);
  height:320px;
  width:200px;
  text-align:center;
  font:13px sans-serif 500;
  text-transform:uppercase;
  color:#8A8A8A;
  -moz-transition: all 0.7s ease;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.infoprofil:hover{opacity:1; filter:alpha(opacity=100);}

.infoprofil .label span {
  visibility:visible;
  text-decoration:underline;
  display:block;
  background-color:rgba(0, 0, 0, 0.65);
  color:#8A8A8A !important;
  padding:5px;
  margin: 5px 0 -5px 0;
}
.infoprofil .label{visibility:hidden;}
.infoprofilrep {
  visibility:visible;
  display:block;
  background-color:rgba(0, 0, 0, 0.65);
  padding:3px;
  margin:-5px 0 -3px 0;
}
/*fin du profil ****************************************************/
/* Carte ID */

.img3 {
border: 5px solid indianred;
border-radius:20px;
width:200px;
height:320px;
opacity:0.5;
-moz-transition: all 3s;
-webkit-transition: all 3s; }

.img3:hover {
border: 5px solid indianred;
border-radius:100px;
width:200px;
height:320px;
opacity:1;
-moz-transition: all 3s;
-webkit-transition: all 3s; }

.text2 {
text-size:11px;
margin-left:-20px;
padding:8px;
text-align:justify;
height:280px;
width:300px;
color:white;
box-shadow:3px 3px 5px indianred;
text-shadow:2px 1px 1px indianred;
background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#CD5F5F), to(#D88181));
border:3px solid #D88181;
border-radius:20px;
overflow:hidden;
}

.miniscroll {
margin-left:-10px;
height:20px;
width:300px;
color:white;
box-shadow:3px 3px 5px indianred;
text-shadow:2px 1px 1px indianred;
background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#CD5F5F), to(#D88181));
border:3px solid #D88181;
border-radius:20px;
text-align:center; }

/* Informations */


.text3 {
padding:8px;
text-align:justify;
height:200px;
width:500px;
color:white;
box-shadow:3px 3px 5px indianred;
text-shadow:2px 1px 1px indianred;
background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#CD5F5F), to(#D88181));
border:3px solid #D88181;
border-radius:20px;
overflow:auto;
}

/* Liens */
.text1 {
padding:28px;
text-align:justify;
height:100px;
width:390px;
color:white;
box-shadow:3px 3px 5px indianred;
text-shadow:2px 1px 1px indianred;
background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#CD5F5F), to(#D88181));
border:3px solid #D88181;
border-radius:20px;
overflow:auto;
}

.img1 {
margin-bottom:-20px;
border:3px solid indianred;
-moz-transform:rotate(20deg);
-webkit-transform:rotate(20deg);
opacity:0.8;
-moz-transition: all 1s;
-webkit-transition: all 1s;}


.img1:hover {
margin-bottom:-20px;
border:3px solid indianred;
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
opacity:1;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}

.img2 {
margin-left:-5px;
margin-bottom:-45px;
border:3px solid indianred;
-moz-transform:rotate(20deg);
-webkit-transform:rotate(20deg);
opacity:0.8;
-moz-transition: all 1s;
-webkit-transition: all 1s;}


.img2:hover {
margin-left:-5px;
margin-bottom:-45px;
border:3px solid indianred;
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
opacity:1;
-moz-transition: all 1s;
-webkit-transition: all 1s;
}

.ruban {
text-align:center;
margin-left:320px;
margin-top:-30px;
background-color:indianred;
color:white;
font-size:16px;
height:20px;
width:200px;
opacity:0.8;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-moz-transform:rotate(-30deg);
-webkit-transform:rotate(-30deg); }

.ruban:hover {
text-align:center;
margin-left:320px;
margin-top:-30px;
background-color:indianred;
color:white;
font-size:16px;
height:20px;
width:200px;
opacity:1;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-moz-transform:rotate(-30deg);
-webkit-transform:rotate(-30deg); }

.un{
margin-right:-30px;
margin-top:-40px; }

.titre1 {
text-align:center;
color : #D88181;
text-decoration : none;
font-size:70px;
font-family:  'Brush script std', 'Vivaldi', 'Giddyup std', cursive;
padding-right:4px;
padding-left:7px;
letter-spacing:1px;
text-shadow: 2px 2px 3px indianred;
}
/*AVATAR CENTREY DANS LE PROFIL*/
.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

a.forumlink:link, a.forumlink:visited {
font-family:  Georgia;
font-weight: bold;
Font-style: italic;
text-align: left;
font-size: 21px;
letter-spacing: -2px;
display: block;
margin-left: 30px;
}
/*AFFICHAGE DE L'AVATAR*/
.name1{
  font-size: 16px; /*pour la taille du pseudo*/
}
.profilava{
  background-color: #E6C8B1; /*couleur de fond*/
  width: 230px;
  text-align: center;
  border-top: 5px solid #a87556; /*au-dessus*/
  border-bottom: 5px solid #a87556; /*en-dessous*/
  border-left: 1px dotted #a87556;
  border-right: 1px dotted #a87556;
  border-radius: 15px;
}
.profilinfo{
  background-color: #E6C8B1;
  width: 230px;
  text-align: justify;
  font-size: 12px;
  border-top: 5px solid #a87556;
  border-bottom: 5px solid #a87556;
  border-left: 1px dotted #a87556;
  border-right: 1px dotted #a87556;
  border-radius: 15px;
}
/*FIN CODAGE VAVA*/

span a.forumlink:hover {
text-align: left;
text-transform : lowercase;
letter-spacing: 1px;
display: block;
text-decoration:none;
font-weight: bold;
}

body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}


a.mainmenu{
font-family:  Georgia;
text-transform : lowercase;
font-weight: bold;
letter-spacing:-2px;
text-align: center;
text-decoration:none;
text-shadow:1px 0px 1px #000000;
font-size: 20px;
color:#FADDAA;
}

a.mainmenu:hover {
text-decoration:none;
color:#A87556;
text-shadow: none;
border:dashed 0px #e5a462;
text-shadow:1px 0px 1px #000000;
}


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
a.forumlink:hover {text-transform:uppercase;}
a:hover{text-transform:lowercase;}
a { text-decoration: none; }



/* TITRE CAT INDEX*/
.secondarytitle, .secondarytitle h2{
color: #e8d9b1;
font-size: 40px;
font-variant: small-caps;
text-align: center;
font-family: Georgia;
Font-style: italic;
text-shadow:1px 1px 3px #000000;
}

.forumline{
background-image: url(http://zupimages.net/up/3/1445467771.jpg);
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
border-bottom: 6px #A87556 solid;
border-top: 2px #A87556 solid;
border-right: 2px #A87556 solid;
border-left: 2px #A87556 solid;
text-align: justify;
background-color: #A87556;
padding-left: 8px; /*espace entre les bloc et le cadre de l'index*/
padding-right: 8px; /*espace entre les bloc et le cadre de l'index*/
padding-bottom: 12px; /*espace entre les bloc et le cadre de l'index*/
padding-top: 8px;
}

.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;
}

/*AVATAR CENTREY DANS LE PROFIL*/
.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

/*Modif de la position des liens genre "Top 20 des posteurs du fofo" etc.*/
.lieens {
color: red;
font-family: georgia;
font-weight: bold;
font-variant: small-caps;
}

/*Pour l'opacité sur les images*/
.opacity {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}
.opacity:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}

a, a:hover {
    text-decoration: none !important;
}
/*Bouton Sélectionner le code*/.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
/* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}

/* Fin - style pour vérification pseudo à l'inscription */

/*SE DÉBARASSER DE LA "COULEUR CADRE CATÉGORIE"*/
.catHead {  border: none !important;}
.catBottom  {  border: none !important;}
.thLeft  {  border: none !important;}
.thRight {  border: none !important;}
.row3Right {  border: none !important;}

/*Pour l'espacement des lettres au survol d'un lien*/
a:hover{
    letter-spacing: 2px;
}
/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }
/*Correction de la cassure de la barre des votes*/
.progress-bar td
{
  float: left;
  cellpadding: 0 !important;
  cellspacing: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/*Dernière edition par... supprimé*/ tr.post span.gensmall { display: none; }
a { text-decoration: none; }

/* TITRE CHATBOX*/
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Taverne de Dyonisos"; }
#chatbox_header .cattitle strong { visibility: hidden; }

/*CONTOUR AUTOUR DE L'AVATAR*/
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:3x;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border: 3px solid #F9F9F9;
}
/*AVATAR CENTREY DANS LE PROFIL*/
.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}
/*********************************** PA ***********************************/

/*** PARTENAIRES ET TOPS ***/
.img_partenaires {
  opacity: 0.5;
}

.img_partenaires:hover {
  opacity: 1;
}



/*** IMAGES DU STAFF ***/

.imgPA {
  border-radius: 50%;
  width: 100px;
  height: 100px;
}

.info {
  position: relative;
  z-index: 24;
  text-decoration: none;
}
 
c.info:hover {
  z-index: 25;
}
 
c.info span {
  display: none;
}
 
c.info:hover span {
  display: block;
  position: absolute;
  top: -9.3em;
 left: -0.3em;
  border-radius: 50%;
  width: 105px;
  height: 105px;
  background-color: #0D0D0D;
  color: #F3F3F3;
  text-align: center;
  font-weight: none;
}



/*** IMAGES DES PREDEFINIS ***/
.imgwidget {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: linear;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: linear;
  transition-duration: 1s;
  transition-timing-function: linear;
}

.imgwidget:hover {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.info {
  position: relative;
  z-index: 24;
  text-decoration: none;
}

d.info:hover {
  z-index: 25;
}
 
d.info span {
  display: none;
}
 
d.info:hover span {
  display: block;
  position: absolute;
  top: -2em;
 left: -2em;
  width: 140px;
  height: 50px;
  overflow: auto;
  background-color: #0D0D0D;
  color: #F3F3F3;
  text-align: center;
  font-weight: none;
}



/*** EFFET DU CONTEXTE ***/

.contexte {
  width: 400px;
  height: 200px;
  overflow: hidden;
  background-color: #E8D9B1;
  border-radius: 25px;
  position: relative;
  top: -2.2em;
}
    
.contexte_img {
  position: relative;
  z-index: 2;
  width: 400px;
  height: 200px;
  margin-left: 0px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  -transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.contexte:hover .contexte_img {
  margin-top: -200px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
    
.contexte_description {
  position: relative;
  z-index: 1;
  width: 350px;
  height: 140px;
  color: #614527;
  padding: 25px;
  text-align: justify !important;
  font-size: 11px;
  overflow: auto;
}

.contexte_description a {
  text-decoration: none !important;
}



/*** SYSTEME D'ONGLETS ***/

.paonglet {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px;
  cursor: pointer;
  background-color: #AD946F;
  color: #614527;
}
            
.paonglet_0 {
  border-radius: 25px;
}

.paonglet_1 {
  border-radius: 25px;
  color: #614527;
}

.contenu_paonglet {
  padding: 25px;
  display: none;
  width: 780px;
  height: 450px;
  border-radius: 25px;
  background-color: #AD946F;
}

.contenu_paonglet a{
  text-decoration: none !important;
}



/*** BLOC DE TEXTE DE LA PA ***/

.bloc_pa {
  background-color: #E8D9B1;
  border-radius: 25px;
  color: #614527;
  padding: 25px;
  text-align: justify !important;
  position: relative;
  top: -2.2em;
}

.bloc_pa a {
  text-decoration: none !important;
  color: #70A0BA !important;
}

/*** TITRES DES BLOCS ***/

.titre_pa {
  font-family: 'Pacifico', 'cursive';
  font-size: 30px;
  position: relative;
  top: -0.3em;
  color: #F3F3F3;
  z-index: 1;
}

.titre_pa:hover {
  color: #70A0BA;
}

/*********************************** FIN PA ***********************************/
/***REGLEMENT****/
.fond_reg {
margin:auto;
width:80%;
border-radius: 200px;
background-color:#1D1D1D;
border:4px solid #6a0e1b;
padding:10px;
box-shadow:0px 0px 8px #767676;
text-align:center;
}

.titre_reg {
display:block;
width:60%;
margin:auto;
color:white;
font-size:25px;
text-align:center;
border:2px dotted #6a0e1b;  
border-radius: 100px;
padding:10px;
background-color:#2F3C3E;
font-family: 'Berkshire Swash', cursive;
}

.texte_reg {
margin:auto;
width:75%;
border-radius: 100px;  
background-color:#333333;
border:2px dotted #6a0e1b;
padding:40px;
text-align:justify;
color:white;
}

.soustitre_reg {
display:block;
font-size:18px;
color:white;
text-indent:50px;
text-shadow:2px 2px 2px #6a0e1b;
font-family: 'Handlee', cursive;
 
}
/****FIN REGLEMENT****/

/* -------------------------------- QEEL -------------------------------- */

        /*** MISE EN FORME LIENS AU SURVOL ***/
        a:hover {
          text-decoration: none !important;
        }

        /*** MISE EN FORME FONT DU QEEL ***/
        .fond_qeel {
          width: 780px;
          border-radius: 0px 0px 25px 25px;
          background-color: #AD946F;
          margin: auto;
          height: 620px;
          position: relative;
        }

        /*** MISE EN FORME TITRE PRINCIPAL ***/
        .titre_principal {
          color: #2D5A57;
          font-family: georgia;
          font-size: 28;
          letter-spacing: 5px;
          text-align: center;
        }

        /*** MISE EN FORME SOUS-TITRE "Et à qui se fier ?" ***/
        .titre_secondaire {
          color: #C7BBC1;
          font-family: georgia;
          font-size: 14px;
          text-align: center;
        }

        /*** MISE EN FORME BLOC STATISTIQUES ***/
        .bloc_stat {
          background-color: #F0F0F0;
          padding: 15px;
          width: 200px;
          height: 150px;
          overflow: auto;
          font-size: 11px;
          border: 2px solid #CACACA;
          text-align: justify;
          color: #515151;
          position: absolute;
          left: 3em;
          z-index: 1;
        }

        /*** MISE EN FORME BLOC DES GROUPES ***/
        .bloc_groupes {
          background-color: #F0F0F0;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 12px;
          border: 2px solid #CACACA;
          text-align: center;
          font-family: 'Times Nex Roman';
          font-variant: small-caps;
          position: absolute;
          left: 24.1em;
          z-index: 1;
        }

        /*** MISE EN FORME BLOC DES CONNECTES LES 24H ***/
        .bloc_connectes {
          background-color: #F0F0F0;
          padding: 15px;
          width: 420px;
          height: 50px;
          overflow: auto;
          font-size: 20px;
          border: 2px solid #CACACA;
          text-align: center;
          font-family: 'Six Caps', sans-serif;
          position: absolute;
          left: 14.5em;
          z-index: 1;
        }

        /*** COULEUR ET TRANSPARENCE DU FOND DES 24H ***/
        #kaboum .row1 {
          background-color : transparent;
        }

        #kaboum span.gensmall {
          color: #515151;
        }

        /*** MISE EN FORME DES TITRES (simple + survol) ***/
        .titre_bloc {
          font-family: 'Dancing Script', cursive;
          font-size: 24px;
          font-weight: bold;
          color: #303030;
          position: absolute;
          z-index: 2;
          margin-top: -18px;
        }

        .titre_bloc:hover {
          color: #2D5A57;
        }

        /*** GROUPES A ONGLETS ***/
        /* Mise en forme des noms de groupe */
        .groupe_onglet {
          display: inline-block;
          padding: 10px;
        }

        /* Mise en forme du bloc en transparence de description */
        .contenu_groupe_onglet {
          padding: 15px;
          display: none;
          width: 315px;
          height: 115px;
          overflow: auto;
          font-size: 11px;
          color: #414141;
          text-align: justify;
          background-color: #CBC4C2;
          position: absolute;
          top: 14em;
          left: 21em;
          filter: alpha(opacity = 50);
          opacity: 0.5;
        }

        /* Mise en forme des liens */
        .contenu_groupe_onglet a{
          text-decoration: none !important;
        }

        /*** MISE EN FORME DES CREDITS ***/
        .credits {
          text-align: right;
          margin-right: 10px;
          font-size: 9px;
          margin-top: 10px;
        }

        .credits a{
          color: #B0C3AB;
        }

        /* -------------------------------- FIN QEEL -------------------------------- */

Désolé pour le double post mais pas assez de place pour tout les codes ^^"

Template : INDEX_BODY

Code:

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

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
 <!-- 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'" 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_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="50%" valign="top">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
 <!-- END switch_user_logged_in -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
 <!-- END switch_delete_cookies -->
 </td>
 <td width="50%" align="right">
 <span class="gensmall">
 <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
 <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
 <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
 <!-- BEGIN switch_on_index -->
 <!-- BEGIN switch_delete_cookies -->
 <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
 <!-- END switch_delete_cookies -->
 <!-- END switch_on_index -->
 </span>
 </td>
 </tr>
</table>

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

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

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

 <tr>
 <td><span class="genmed">{L_PASSWORD}:</span> </td>
 <td><input class="post" type="password" size="10" name="password"/> </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'" 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 -->
        <link href='http://fonts.googleapis.com/css?family=Dancing+Script|Six+Caps' rel='stylesheet' type='text/css'>
        <div class="fond_qeel"><br /><br /><div class="titre_principal">Qui arpente les rues ?</div>
              <div class="titre_secondaire">Et à qui se fier ?</div>
    <br /><img src="http://i59.servimg.com/u/f59/16/61/97/52/sans_t11.jpg" style="width: 100%; border-top: 2px solid #C8BCBE; border-bottom: 2px solid #5A5F65;" />
    <div style="background-color: #AD946F; height: 260px;">
          <br /><br />
            <br />
          <div class="titre_bloc" style="left: 2.5em;">Statistiques</div>
            <div class="bloc_stat">{TOTAL_POSTS}.<br />{TOTAL_USERS}.<br />
            {NEWEST_USER}.<br />
            {TOTAL_USERS_ONLINE}<br /><br />{LOGGED_IN_USER_LIST}</div>
          <div class="titre_bloc" style="left: 13em;">Groupes</div>
            <div class="bloc_groupes"><div class="groupe_onglets">
              <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_protecteurs" onclick="javascript:change_groupe_onglet('protecteurs');"><font color=#D16308>Famiglia</font></span>
              <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_trucs" onclick="javascript:change_groupe_onglet('trucs');"><font color=#6B854B>Tryaku</font></span>
              <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_dissidents" onclick="javascript:change_groupe_onglet('dissidents');"><font color=#000000>Bratva</font></span>
              <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_civils" onclick="javascript:change_groupe_onglet('civils');"><font color=#8C091E>Melting Pot</font></span>
              <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_gardiens" onclick="javascript:change_groupe_onglet('gardiens');"><font color=#DB0B32>Civils</font></span>
              <span class="groupe_onglet_0 groupe_onglet" id="groupe_onglet_ordre" onclick="javascript:change_groupe_onglet('ordre');"><font color=#8878E3>Forces de l'Ordre</font></span>
          </div></div><br /><br /><br /><br /><br />
          <div class="titre_bloc" style="left: 13em;">Périgrination</div>
            <div class="bloc_connectes"><table id="kaboum">{L_CONNECTED_MEMBERS}</table></div>
      
          <script type="text/javascript">
                    //<!--
                            function change_groupe_onglet(name)
                            {
                                    document.getElementById('groupe_onglet_'+anc_groupe_onglet).className = 'groupe_onglet_0 groupe_onglet';
                                    document.getElementById('groupe_onglet_'+name).className = 'groupe_onglet_1 groupe_onglet';
                                    document.getElementById('contenu_groupe_onglet_'+anc_groupe_onglet).style.display = 'none';
                                    document.getElementById('contenu_groupe_onglet_'+name).style.display = 'block';
                                    anc_groupe_onglet = name;
                            }
                    //-->
                    </script>
          <br />
          <div class="contenu_groupe_onglets">
            
        <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_protecteurs"><span style="color: #123D18; font-weight: bold;">Famiglia</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
            
        <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_trucs"><span style="color: #776B2B; font-weight: bold;">Tryaku</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
            
        <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_dissidents"><span style="color: #772F2B; font-weight: bold;">Bratva</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>

        <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_civils"><span style="color: #3B133B; font-weight: bold;">Melting Pot</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
              
        <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_gardiens"><span style="color: #2B3077; font-weight: bold;">Civils</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
            
        <div class="contenu_groupe_onglet" id="contenu_groupe_onglet_ordre"><span style="color: #000000; font-weight: bold;">Force de l'Ordre</span> • Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.Manu Seres conditum terra et quae initium brevi aliaque municipium municipium aliaque mensis marique magna nundinas promiscuae plurima marique consueta magna manu promiscuae Euphrate priscorum Macedonum mercatoribus flumine flumine multitudo ubi opulentis mensis prope disparatur opulentis flumine mittunt magna Macedonum mittunt magna consueta mercatoribus ad nundinas plurima ab Septembris aliaque priscorum Anthemusia municipium Indi spatio ab aliaque magna ubi Macedonum disparatur quae prope et flumine quae ab sollemnitate nundinas quae ad opulentis mercatoribus mensis ad plurima conditum promiscuae conditum nundinas Septembris brevi promiscuae initium municipium aliaque convenit aliaque prope Anthemusia marique quae mittunt sollemnitate nundinas in Euphrate commercanda Septembris quae.</div>
            </div>
        
            <script type="text/javascript">
                    //<!--
                            var anc_groupe_onglet = 'protecteurs';
                            change_groupe_onglet(anc_groupe_onglet);
                    //-->
      </script></div><div class="credits"><a href="http://www.never-utopia.com/">♈ Halloween</a></div><br /><br /></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>  </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>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie     : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

Template : OVERALL_HEADER

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
 <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="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({
 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="http://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="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" 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 />&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 cellspacing="0" cellpadding="0" border="0" align="left">
 <tr>
                                          <td align="left">
   <div class="nav_bloc" align="center">
    <div class="navv" id="accueil"><a href="/forum"><img src="http://img11.hostingpics.net/pics/578802accueil.png" alt="Accueil" /></a></div>
    <div class="navv" id="rechercher"><a href="/search"><img src="http://img11.hostingpics.net/pics/896295rechercher.png" alt="Rechercher" /></a></div>
    <div class="navv" id="membres"><a href="/memberlist"><img src="http://img11.hostingpics.net/pics/618481membres.png" alt="Membres" /></a></div>
    <div class="navv" id="groupes"><a href="/groups"><img src="http://img11.hostingpics.net/pics/826427groupes.png" alt="Groupes" /></a></div>
                                                    <div class="navv" id="profil"><a href="/profile?mode=editprofile"><img src="http://img11.hostingpics.net/pics/446898profil.png" alt="Profil" /></a></div>
      <!-- BEGIN switch_user_logged_in -->
    <div class="navv" id="mp"><a href="/privmsg?folder=inbox"><img src="http://img11.hostingpics.net/pics/860693messagerie1.png" alt="MP" id="mpO" /></a></div>
                                                    <div class="navv" id="off"><a href="/login?logout"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Déconnexion" /></a></div>
      <!-- END switch_user_logged_in -->
      <!-- BEGIN switch_user_logged_out -->
                                                    <div class="navv" id="s_inscrire"><a href="/register"><img src="http://img11.hostingpics.net/pics/693663sinscrire.png" alt="S'inscrire" /></a></div>
                                                    <div class="navv" id="on"><a href="/login"><img src="http://img11.hostingpics.net/pics/225491onoff.png" alt="Connexion" /></a></div>
      <!-- END switch_user_logged_out -->
                                                    <div class="navv" id="nav_aiguille"></div>
                                                    <div style="visibility: hidden;">{GENERATED_NAV_BAR}</div>
      </div></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 -->

Template : VIEWTOPIC_BODY

Code:

<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }
    
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
        
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }
    
 return false;
};

//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap">
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
 </td>
 <td class="nav" valign="middle" width="100%">
 <span class="nav" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}" itemprop="url"><span itemprop="title">{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
 </td>
 <td align="right" valign="bottom" nowrap="nowrap" width="100%">
 <!-- BEGIN switch_twitter_btn -->
 <span id="twitter_btn" style="margin-left: 6px; ">
 <a href="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 -->
 <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
 <!-- END switch_fb_likebtn -->
 
 <span class="gensmall bold">
 <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
 <!-- BEGIN switch_plus_menu -->
  | 
 <script type="text/javascript">//<![CDATA[
 var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
 var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
 var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
 var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
 var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
 var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
 insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 <!-- END switch_plus_menu -->
 </span>
 </td>
 </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
 <tr align="right">
 <td class="catHead" colspan="3" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint"> </td>
 <td align="center" class="t-title">
 <h1 class="cattitle"> {TOPIC_TITLE}</h1>
 </td>
 <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 -->
  
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                  <div class="profilmembre"><div class="pseudo"><span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><div class="flecheprofil"></div></div>
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_AVATAR}
                                  <div class="rang">{postrow.displayed.POSTER_RANK}</div>
            <div class="infoprofil"><!-- BEGIN profile_field -->
                                  {postrow.displayed.profile_field.LABEL} <span class="infoprofilrep">{postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}
                                  <!-- END profile_field --></div>
            {postrow.displayed.POSTER_RPG}
                    </span></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" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <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}" alt="" />

 <!-- BEGIN switch_dl_att -->
 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
 <!-- END switch_no_dl_att -->
 </dt>

 <!-- BEGIN switch_no_comment -->
 <dd>
 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
 </dd>
 <!-- END switch_no_comment -->

 <!-- BEGIN switch_no_dl_att -->
 <dd>
 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
 </dd>
 <!-- END switch_no_dl_att -->

 <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->

 <div class="clear"></div>
 <!-- BEGIN switch_signature -->
 <div class="signature_div">
 {postrow.displayed.SIGNATURE}
 </div>
 <!-- END switch_signature -->

 </div>
 <span class="gensmall">{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} 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>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
 <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
 </tr>
 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center">
 <td class="row1" colspan="3" height="28">
 <span class="genmed">{no_post.L_NO_POST}</span>
 </td>
 </tr>
 <!-- END no_post -->
 <tr align="right">
 <td class="catBottom" colspan="3" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint"> </td>
 <td align="center" class="t-title"><a name="bottomtitle"></a><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>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
 <tr>
 <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
 <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
 <tr>
 <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
 </tr>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
 <tr>
 <td class="catBottom" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top"><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}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </td>
 </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
 <tbody>
 <tr>
 <td class="catBottom">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tbody>
 <tr>
 <td valign="top">
 <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}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules postbody">
 {RULE_MSG}
 </td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td class="row2" colspan="2" align="center" style="padding:0px">
 <!-- BEGIN switch_user_logged_in -->
 <a name="quickreply"></a>
 {QUICK_REPLY_FORM}<br />
 <!-- END switch_user_logged_in -->
 </td>
 </tr>
 <tr>
 <td style="margin:0; padding: 0;" colspan="2">
 <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
 <tbody>
 <!-- BEGIN show_permissions -->
 <tr>
 <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
 <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
 </tr>
 <!-- END show_permissions -->
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <!-- BEGIN show_permissions -->
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 <!-- END show_permissions -->
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <td style="margin:0; padding: 0;" colspan="2">
 <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
 <tbody>
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
 </td>

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

 <!-- BEGIN moderation_panel -->
 <td align="center">
 <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
 </td>
 <td align="center" width="250">
 <span class="gensmall"> </span>
 </td>
 <!-- END moderation_panel -->
 </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
 <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

 <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
 </td>
 </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Et voilà, c'est enfin terminé ^^"

Merci d'avance pour votre aide providentielle ^^

Hello :)

Dans le CSS que nous as fourni, tu as ceci dans ton CSS pour le body :

Code:

body
{
background: url(http://i63.tinypic.com/33ayvf5.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
}


Puis plus loin ceci :

Code:

body {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: top center;
}


Le second CSS va écraser le premier

Je conseille d'enlever les 2 codes pour le body du CSS de ton forum, et ensuite de bien cocher dans ton panneau d'administration ce que tu veux. (^-^)
En effet s'il y a du CSS qui écrase les réglages du panneau d’administration, tu as auras beau essayé, ça ne fonctionnera pas. ><

Yesssss ! Ca fonctionne enfin, dire que c'était tout bête et que j'ai rien vu ^^" Merci beaucoup de ton aide ^^