Profil à droite des sujets

[Mikki]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs

Description du problème

Bonjour,

J'ai modifier le template "Viewbody" et le CSS afin d'ajouter la feuille de personnage en onglet, arrondir les angles de le l'avatar/créer une bordure...

Mais j'aurais aimé mettre le profil à droite.

Pour le moment j'ai ceci : PHOTO

Voici mon CSS complet :

Code:


/*Cadre avatar*/
.avatar_cadre {
 margin-top: 3px;
 width: 200px;
 height: 320px;
 background-color: white;
 padding: 5px;
 border-radius: 10px 10px 10px 10px;
 border: groove 1em #E17A66;

}

/*Redimensionnement avatar*/

.avatar_cadre img {
 width: 200px;
 height: 320px;
 border-radius: 10px 10px 10px 10px;

}

/*** PROFIL SYSTEME ONGLET --------------- ***/

/* .systab .tab => les onglet */

.systab .tab {
 padding: 2px 10px; /*contrôle la largeur et longueur des rectangles "onglet 1, 2 et 3"*/
 margin-left: 10px; /* créée un espace entre les 3 titres d'onglets*/
 color: #AF430E;
 background: #FDCCB1;
 border: 2px solid #E17A66;
 cursor: pointer;
 border-radius: 20%;
}

/* .systab .tab:hover => les onglets survolés */

.systab .tab:hover {
 background: #FDCCB1;
 color: #AF430E;
 border-color: #E17A66;
 border-radius: 20%;
}

/* .systab .tab.selected => les onglets sélectionnés */
.systab .tab.selected{
 color: #FFFFFF;
 border:2px solid #E17A66;
 background: #E17A66;
}

/* .systab .contents => les conteneurs des contenus associés aux onglets  */
.systab .contents {
 margin-bottom: 10px;
 color: #AF430E;
 background: #FDCCB1;
 border:2px solid #E17A66;
 padding-top:10px;
}
/* style des onglets si ils sont à gauche ou à droite */
.systab.s_float .tab,.systab.s_float .tab {
 display: block;
 margin: 10px;
}

/* flottement des conteneurs si les onglets sont à gauche où à droite */
.systab.s_float .tabs,.systab.s_float .contents {
 float: left;
}


/******** BOTTIN AVATARS 03 ********/
/* LETTRES */
.LTRSV {
background:#E17A66! important; color:white! important;
}
/* SURVOL LETTRES */
.LTRSV:hover {
background:#CF573F! important; color:white! important;
}
/* LISTE DES SOURCES */
.LTRSV div {
background:rgba(250,250,250,0.3)! important; color:#CF573F! important;
}
/* BANDES DECORATION */
#LTRSV span{
background:#CF573F! important;
}

/******** ACCESSIBILITE DU FORUM ********/
body .uwy #userwayAccessibilityIcon {
 /* Permet de décaler le bouton vers le bas à partir du header de votre forum */
   margin-top: 40px;
 /* Permet de décaler le bouton vers la gauche à partir du header de votre forum */
   margin-left: -10px;
}

/******** PSEUDO CENTRER+AGGRANDI ********/
.post .name {
 display: block;
 text-align: center;
 padding-top: 5px;
 font-size:20px;text-transform:uppercase;
 font-family:Birch Std;
 }

/******** RANG INVISIBLE ********/
p.rankhidden {
   /* Les rangs (textes) ne sont pas visibles */
   display: none;
}

/******** PAGE D'ACCUEIL ********/
/* PA */
.LST {
background:#E17A66; /* MODIFIABLE */
}
/* BLOC CONTEXTE PA */
.ctxtLST {
background:rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* CONTENU CONTEXTE PA */
.ctxtLST div {
background:white; color:#E17A66; /* MODIFIABLE */
}
/* BLOC LIENS PA */
.lksLST {
background:rgba(255,255,255,0.6); /* MODIFIABLE */
}
/* LIENS PA */
.lksLST a {
background:#E17A66; color:white; /* MODIFIABLE */
}
/* BLOC EVENEMENT PA */
.eventLST {
background:#E17A66; color:white; /* MODIFIABLE */
}
/* TRIANGLE BLOC EVENEMENT PA */
.eventLST::before {
border-left-color:#E17A66 !important; /* MODIFIABLE */
}
/* LIEN EVENEMENT PA */
.eventLST a {
background:white; color:#E17A66; /* MODIFIABLE */
}
/* BLOC NOUVELLES PA */
.newsLST {
background:white; /* MODIFIABLE */
}
/* CONTENU NOUVELLES PA */
.newsLST div {
background:white; color:#E17A66; /* MODIFIABLE */
}
/* PREDEFINIS PA */
.pfLST {
background:rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* PARTENAIRES PA */
.partLST {
background:rgba(255,255,255,0.6); /* MODIFIABLE */
}
/* BANDE STAFF & DISCLAIMER */
.bandLST {
background:rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* CONTENUS STAFF PA */
.staffLST div p {
background:rgba(255,255,255,0.9); color:#E17A66; /* MODIFIABLE */
}
/* DISPONIBLE PA */
.onLST {
background:lightgreen; color:#E17A66; /* MODIFIABLE */
}
/* INDISPONIBLE PA */
.offLST {
background:#E17A66; color:white; /* MODIFIABLE */
}
/* LIENS PROFILS STAFF PA */
.staffLST div p a {
color:#E17A66; /* MODIFIABLE */
}
/* DISCLAIMER PA */
.disLST {
background:rgba(0,0,0,0.2); color:white; /* MODIFIABLE */
}
/* COULEUR LIENS DISCLAIMER PA */
.disLST a {
color:#E17A66; /* MODIFIABLE */
}


/******** PROFIL MEMBRES ********/
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Birch Std;
}
/* BLOC ADMINISTRATION & DERNIERE VISITE PROFIL */
.lstPFIL {
margin-bottom:15px;
padding:2px 5px; border:1px solid;
font-size:10px; text-transform:uppercase; text-align:right;  
border-color:#FFFFFF; background:#E17A66; color:FFFFFF; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:left; margin-top:1px;
font-size:9px; text-align:left; text-transform:uppercase;
color:white; /* MODIFIABLE */
opacity:0.7;
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:white; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:white; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:15px;
width:200px; padding:10px; border:1px solid;
border-color:white; background:#E17A66; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:200px; height:320px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:white; background:rgba(255,255,255,0.4); color:white !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:white; background:rgba(255,255,255,0.4); color:white !important; /* MODIFIABLE */
}
/* PSEUDONYME & INFORMATIONS PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:30px; padding:20px;
text-transform:uppercase; text-align:center; font-size:20px; line-height:30px;
background:#E17A66; /* MODIFIABLE */
}
/* TRIANGLE PSEUDONYME PROFIL */
.namePFIL::before {
content:''; float:left; margin-left:-35px; margin-top:3px;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:#E17A66; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin-top:15px;
width:541px; height:275px; padding:10px; overflow-y:auto;
border:1px solid; font-size:11px;
border-color:white; background:white; color:E17A66; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:#E17A66; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:15px;
padding:10px 5px 10px 0; text-align:right;
background:rgba(0,0,0,0.8); /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin:0 5px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
margin:auto; max-height:25px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px; border:1px solid;
border-color:white; background:#E17A66; /* MODIFIABLE */
overflow:hidden;
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:white; /* MODIFIABLE */
width:780px;
overflow:hidden;
}
.boxRPG div:nth-of-type(1) br {
display:auto;
width:780px;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}



/******** LISTE DES MEMBRES ********/
/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:775px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:765px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Birch Std; font-size:16px;
background:#E17A66; color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:145px; padding-top:10px; text-align:center;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* AVATAR */
.imgLMBER{
margin:auto; margin-bottom:-55px;
width:130px; height:130px; border-radius:130px; overflow:hidden;
}
.imgLMBER img{
width:130px;
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
position:absolute; margin-top:10px; margin-left:10px;
width:80px; height:50px; padding-top:30px; border-radius:80px;
font-family:Birch Std; font-size:16px; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgLMBER:hover .msgLMBER {
opacity:1;
}
/* BLOC PSEUDONYME & INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
.boxLMBER {
padding:45px 10px 7px;
font-family:Birch Std; text-align:center;
background:rgba(255,255,255,0.8); /* MODIFIABLE */
}
/* BLOC PSEUDONYME & INSCRIPTION */
.nameLMBER{
margin-top:20px; height:30px; padding:5px 0;
text-align:center; text-transform:uppercase; letter-spacing:-0.5px; font-family:Birch Std; font-size:12px;
background:#FEFEFE; /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER{
font-size:10px; text-align:center; letter-spacing:0;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; padding:2px 0;
background:rgba(255,255,255,0.6); /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* IMAGES MP & WWW */
.btnLMBER {
margin-top:5px; height:15px;
}
.btnLMBER img{
max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
}





*/*********** SCROLLBAR ***********/
/*La scrollbar elle-même*/
::-webkit-scrollbar {
 background: #E17A66;
 width: 10px; /*Largeur pour les scrollbars verticales*/
 height: 10px; /*Hauteur pour les scrollbars horizontales*/
 border-radius: 5px;
}
/*L'espace sur lequel la barre de la scrollbarre défile*/
::-webkit-scrollbar-track {
 background: #E17A66;
 width: 10px; /*Largeur pour les scrollbars verticales*/
 height: 10px; /*Hauteur pour les scrollbars horizontales*/
 border-radius: 5px;
}
/*La barre de la scrollbar*/
::-webkit-scrollbar-thumb {
 background: #FFFFFF;
 width: 10px; /*Largeur pour les scrollbars verticales*/
 height: 10px; /*Hauteur pour les scrollbars horizontales*/
 border-radius: 5px;
}


/*À voir dans les pseudo-class plus bas*/
::-webkit-scrollbar-thumb:hover {
 background: #E9A69A;
}
::-webkit-scrollbar-thumb:active {
 background: #E9A69A;
}



/******** AVATAR MEMBRE TOOBART ********/
.fa_avatar img {
 width: 25px;
 height: 25px;
 position: relative;
 top: -3px;
 margin-right: 5px;
 border-radius: 5px;
 margin-bottom: -10px;
}


/******** HTAGS ********/
/* image du bouton hashtag */
.sceditor-button-hashtag div { background-image:url(https://i.servimg.com/u/f19/19/06/98/92/scehas11.png) !important }

/* menu déroulant des hashtags */
#fa-hashtag {
 background:url(https://i.servimg.com/u/f19/19/06/98/92/scehas11.png) no-repeat 3px 50% #E17A66;
 padding-left:22px;
}


/* hashtag style */
a.fa-hashtag {
 color:#000000;
 text-decoration:none;
 border-radius:3px;
 display:inline-block;
 padding:3px;
}

a.fa-hashtag:hover {
 color:#000000;
}


/* options du menu des hashtags */
.fa-hashtag-options {
 color:#666;
 font-size:11px;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 line-height:14px;
 background:#EEE;
 border:1px solid #CCC;
 border-radius:3px;
 box-shadow:0 3px 6px rgba(0, 0, 0, 0.175);
 margin-top:20px;
 padding:3px;
 position:absolute;
 z-index:100;
}

/* options du titre */
.fa-hashtag-title {
 font-size:12px;
 border-bottom:1px solid #CCC;
 padding-bottom:3px;
 margin-bottom:3px;
}

/* options des liens */
.fa-hashtag-options a {
 color:#333;
 text-decoration:none;
 display:inline-block;
 padding:2px 6px 2px 0;
}

.fa-hashtag-options a:hover {
 color:#666;
 text-decoration:underline;
}

/* options des mots gras */
.fa-hashtag-options b {
 color:#333;
 padding-left:6px;
}

/* options des tags */
.fa-hashtag-tag {
 color:#FFFFFF;
 font-weight:bold;
}




/******** FLECHES HAUT ET BAS ********/
.boutonhautbas {
   bottom: 40px;
   right: 20px; /* remplacez right par left pour afficher les boutons à gauche */
   position: fixed;
   z-index: 100;
}


/******** Personnalisation des je t'aime  boutons ********/

/* Couleur du texte du bouton J'aime */

.fa_like {
 color: #FF5454;
}

/* Couleur du texte du bouton J'aime (active) */

.fa_liked {
 color: #FF5454;
}

/* Couleur du texte du bouton Je n'aime pas */

.fa_dislike {
 color: #E99262;
}

/* Couleur du texte du bouton Je n'aime pas (active) */

.fa_disliked {
 color: #D70000;
}

/******** Personnalisation avancée des boutons je t'aime ********/

.rep-button, .rep-button:active, .rep-button:focus {

   background: #FFFFFF; /* Couleur de fond */
   border: 1px solid #CE5328; /* Couleur de la bordure du bouton */
   border-radius: 4px; /* Bordure arrondis du bouton */
   box-shadow: 0 -1px 0 #CE5328 inset; /* Ombre de la bordure du bouton */
   font-family: Trebuchet MS; /* Police d'écriture du bouton */
   font-size: 11.4px; /* Taille de la police d'écriture du bouton */
   font-weight: 700; /* Taille de la police grasse du bouton */
   height: 17px; /* Hauteur des boutons */
   text-transform: initial; /* Pour mettre une majuscule aux noms des boutons */
}




/************************************** BASE DU FORUM **************************************/
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:5px auto 0; width:800px; padding:15px 0; text-align:center;
background-image:url('https://i.postimg.cc/3RykQSTY/00-2.png'); background-repeat:repeat;
border-radius: 30px 30px 10px 10px;
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; font-size:32px; text-transform:uppercase; font-family:Birch Std;
color:white; /* MODIFIABLE */
}
/* CONTENU CATEGORIE */
.mdlCAT {
margin:auto;
width:800px; padding:25px 0 10px;
background:#FDCCB1; /* MODIFIABLE */
}
/* BAS CATEGORIE */
.btmCAT {
margin:auto; margin-bottom:10px; width:800px;
height:15px;
background-image:url('https://i.postimg.cc/PJKwyLbR/00-1.png'); background-repeat:repeat;  
border-radius: 10px 10px 30px 30px;
}
/* BLOC FORUM */
.FRM {
margin:auto; margin-bottom:15px;
width:750px; text-align:center; font-family:Birch Std;
border-radius: 10px;
}
/* BLOC TITRE FORUM */
.tleFRM {
margin:auto; margin-bottom:10px;
width:750px; padding:5px 0;
text-align:left; font-size:14px; text-transform:uppercase; letter-spacing:3px;
background-image:url('https://i.postimg.cc/s225N4H4/00.png'); background-repeat:repeat;
border-radius: 10px;
}

/* TITRE FORUM */
.tleFRM a {
padding-left:7px;font-family:Birch Std;
color:#AF430E !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
#descFRM {
display:inline-block; vertical-align:top;
width:400px; height:100px; overflow:hidden;
background:rgba(250,250,250,0.3); color:#AF430E; /* MODIFIABLE */
}
.descFRM {
position:relative;
width:400px; height:100px; overflow:hidden;
}
.descFRM div {
width:390px; height:90px; padding:5px; overflow-y:auto;
font-size:10px; text-align:justify; line-height:15.5px;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:5; margin-top:-5px; margin-left:-5px;
width:400px; height:100px;
transition:all .65s linear; -webkit-transition:all .65s linear;
}
#descFRM:hover img {
transform:translateX(-400px); -webkit-transform:translateX(-400px);
}
/* BLOC AVATAR DERNIER POSTEUR FORUM */
.avaFRM {
display:inline-block; vertical-align:top; margin:0 10px;
width:50px; height:90px; border:5px solid;
border-color:rgba(250,250,250,0.3); background:#E17A66; /* MODIFIABLE */
border-radius: 10px;
}
.avaFRM div {
width:50px; height:90px; overflow:hidden;
border-radius: 10px;
}
.avaFRM div img {
width:60px;
border-radius: 10px;
}
/* BLOC SOUS-FORUMS */
.sfFRM {
display:inline-block; vertical-align:top; margin-right:10px;
width:100px; height:90px; padding:5px; overflow:hidden;
color:rgba(0,0,0,0); line-height:0;
background:#F4A275(250,250,250,0.5);  /* MODIFIABLE */
border-radius: 10px;
}
.sfFRM:hover {
overflow-y:auto;
border-radius: 10px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
display:block; margin-bottom:5px; padding:3px 0;
font-size:9.5px;
text-transform:uppercase; line-height:12px;
background:white; color:#AF430E !important; /* MODIFIABLE */
border-radius: 10px;
}
/* BLOC ICÔNES / DERNIER MESSAGE FORUM / NOMBRE SUJETS & MESSAGES FORUM */
.boxFRM {
display:inline-block; vertical-align:top;
width:150px;
border-radius: 10px;
}
/* BLOC ICÔNES FORUM / DERNIER MESSAGE FORUM */
.lmsgFRM {
margin-bottom:5px;
width:150px; height:75px;
border-radius: 10px;
}
/* ICÔNES FORUM */
.imgFRM {
width:150px; height:75px;
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM div {
position:absolute; margin-top:-75px;
width:140px; height:75px; padding:0 5px; overflow:hidden;
text-align:center; font-size:10px;
background:rgba(255,255,255,0.9); color:#AF430E; /* MODIFIABLE */
opacity:0; transition:opacity 0.65s ease; -webkit-transition:opacity 0.65s ease;
}
.FRM:hover .lmsgFRM div {
opacity:1;
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
text-transform:uppercase; color:#AF430E; /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
width:150px; height:17px; padding-top:3px; overflow:hidden;
text-transform:uppercase; font-size:10px; letter-spacing:-0.5px; line-height:15px;
background:rgba(250,250,250,0.3); color:#AF430E; /* MODIFIABLE */
border-radius: 30px;
}

/************************************** QEEL **************************************/

/* QEEL */
#QEEL {
margin:auto; width:800px; font-family:Birch Std;

}
/* BLOC TITRE QEEL */
.tleQEEL {
width:800px; padding:10px 0;
text-align:right; text-transform:uppercase;
background-image:url('https://i.postimg.cc/3RykQSTY/00-2.png'); background-repeat:repeat;
border-radius: 30px 30px 10px 10px;

}
/* TITRE QEEL */
.tleQEEL a{
margin-right:10px; font-family:Birch Std; font-size:36px;
color:#FFFFFF; /* MODIFIABLE */
}
/* BLOC GAUCHE QEEL */
#blocQEEL {
display:inline-block; vertical-align:top;
border-radius: 0px 0px 0px 30px;
}
.blocQEEL {
position:relative; width:300px; height:275px; overflow:hidden;
border-radius: 0px 0px 0px 30px;
}
#blocQEEL img{
position:absolute;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
border-radius: 0px 0px 0px 30px;
}
/* BLOC MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:300px; height:265px; padding-top:10px; text-align:center;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(300px); -webkit-transform:translateX(300px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
}
#blocQEEL:hover #ondayQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
#blocQEEL:hover img{
transform:translateX(-300px); -webkit-transform:translateX(-300px);
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
margin:auto; margin-bottom:10px;
width:270px; height:100px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.7); color:#AF430E;  /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
margin:auto; width:270px; height:125px; padding:5px; overflow:auto;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Birch Std;
color:#FDCCB1; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top;
width:275px; height:260px; padding-top:15px; overflow:hidden;
background:rgba(250,250,250,0.2); color:#AF430E; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px auto; width:75%; padding:5px 0;
text-transform:uppercase; font-weight:bold; text-align:center;
border-bottom:1px solid #AF430E; color:#AF430E; /* MODIFIABLE */
}
/* ANNIVERSAIRES QEEL */
.anvQEEL {
display:block; margin:10px auto 0;
width:195px; height:65px; padding:5px; overflow:hidden;
border-radius: 10px 10px 10px 10px; font-weight:normal; text-align:justify;
background:#F8BF9F; /* MODIFIABLE */
transform:scale(0.5); -webkit-transform:scale(0.5); transition:transform 0.65s ease; -webkit-transition:transform 0.65s ease;
}
.anvQEEL:hover {
overflow:auto; transform:scale(1); -webkit-transform:scale(1);
}
.anvQEEL .row1{
padding:0; background:none !important;
}
/* COULEUR TEXTE ANNIVERSAIRES QEEL */
.anvQEEL .row1 .gensmall {
font-family:Birch Std;
color:#FFFFFF; /* MODIFIABLE */
}
/* BLOC DROITE QEEL */
#blocIIQEEL {
display:inline-block; vertical-align:top;
border-radius: 0px 0px 30px 0px;
}
.blocIIQEEL {
position:relative; width:225px; height:275px; overflow:hidden;
border-radius: 0px 0px 30px 0px;
}
#blocIIQEEL:hover .GQEEL {
transform:translateX(0px); -webkit-transform:translateX(0px);
border-radius: 0px 0px 30px 0px;
}
#blocIIQEEL img {
position:absolute; width:225px; height:275px;
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
border-radius: 0px 0px 30px 0px;
}
#blocIIQEEL:hover img{
transform:translateX(225px); -webkit-transform:translateX(225px);
border-radius: 0px 0px 30px 0px;
}
/* BLOC GROUPES QEEL */
.GQEEL {
width:225px; height:255px; padding:10px 0;
text-align:center; color:rgba(0,0,0,0); line-height:8px;
background:rgba(250,250,250,0.3); /* MODIFIABLE */
transform:translateX(-225px); -webkit-transform:translateX(-225px);
transition:transform 0.80s linear; -webkit-transition:transform 0.80s linear;
border-radius: 0px 0px 30px 0px;
}
/* GROUPES QEEL */
.GQEEL a {
display:block; padding:5px;
text-transform:uppercase; font-weight:bold; text-align:center;
font-size:16px; font-family:Birch Std; /* MODIFIABLE */
}


/************************************** BARRE DE NAVIGUATION **************************************/
/* NAVIGATION */
.navSIT {
position:absolute; top:100px; margin-left:800px; /* MODIFIABLE - DETERMINE LA POSITION */
line-height:0px; border-top:2px solid;
border-top-color:white; /* MODIFIABLE */
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block;
width:135px; padding:5px 0; border:2px solid; border-top:none;
text-align:center; line-height:normal;
text-transform:uppercase; font-size:11px; font-family:Birch Std; /* MODIFIABLE */
background:#E17A66; border-color:white; color:white; /* MODIFIABLE */
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
background:#FCBC9A; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:11px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:80px !important; left:-50px !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Birch Std; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:#F4A275 !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Birch Std; /* MODIFIABLE */
background:grey; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:#F4A275; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:grey; color:white !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:#AF430E !important; /* MODIFIABLE */
}

/************************************** LISTE SUJETS **************************************/
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
width:800px; margin:5px auto; font-family:Birch Std;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-25px; margin-top:15px;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top; margin-right:5px;
width:50px; height:50px;
}
/* TITRE / STATISTIQUES / DERNIER MESSAGE / AUTEUR SUJET */
.boxSBJ {
display:inline-block; vertical-align:top; width:720px;
}
/* BLOC TITRE SUJET */
.tleSBJ {
display:inline-block; vertical-align:top;
width:455px; height:60px; padding:0 5px 0 10px; overflow:hidden; border-bottom:5px solid;
background:#FDCCB1; border-color:#F4A275; color:#E17A66; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:#AF430E !important; /* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
color:#FDCCB1; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* BLOC DERNIER MESSAGE & AUTEUR SUJET */
.boxIISBJ {
display:inline-block; width:250px;
}
/* DERNIER MESSAGE SUJET */
.lmsgSBJ {
height:15px; padding:5px; overflow:hidden;
background:rgba(250,250,250,0.5); color:#AF430E; /* MODIFIABLE */
font-size:8px; text-align:center;
}
/* AUTEUR SUJET */
.nameSBJ {
height:20px; padding:13px 5px 7px 5px; overflow:hidden;
background:#FDCCB1; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* VUES SUJET */
.vuesSBJ {
display:inline-block; vertical-align:top;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:#AF430E; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:95px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:#AF430E; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* LISTE DES PAGES */
.gotoSBJ {
display:inline-block; vertical-align:top; margin-top:5px;
width:530px; font-size:10px; text-align:right;
color:#E17A66; /* MODIFIABLE */
}
.gotoSBJ a{
color:#E17A66 !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}



/************************************** ASSOCIER UN PERSONNAGE A GAUCHE **************************************/
:root { /*MODIFIABLE */
 --color-text: rgba(255, 255, 255, 0.87);
 --color-delete: #E7683C;
 --color-tooltip: #E17A66;
 --color-squircle: #E17A66;
 --color-accent: #E17A66;
 --color-button: #FDCCB1;
 --color-pill: #ffffff;
 --gap-size: 16px;
 --ease: cubic-bezier(0.4, 0.0, 0.2, 1);
 --ease-bounce: cubic-bezier(0.43, 0.09, 0.38, 2.56);
border-color:white; /* MODIFIABLE */
border-radius: 10px;
}


.switcheroo {
 color: var(--color-text);
 background-color: var(--color-bg);
 font-size: 16px;
 transition: .2s ease;
}
.switcheroo[position="static"] {
 position: relative;
}
.switcheroo[position="top"] {
 position: fixed;
 top: 50;
 left: 0;
 z-index: 100;
}
.switcheroo[position="bottom"] {
 position: fixed;
 bottom: 0;
 left: 0;
 z-index: 100;
}
.switcheroo[direction="horizontal"] {
 width: 100%;
}
.switcheroo[direction="vertical"] {
 height: 100%;
}

.switcheroo__squircles {
 display: flex;
 margin: 0;
 padding: 0;
 list-style: none;
 padding: var(--gap-size);
 gap: var(--gap-size);
}
.switcheroo[direction="horizontal"] .switcheroo__squircles {
 flex-direction: row;
}
.switcheroo[direction="vertical"] .switcheroo__squircles {
 flex-direction: column;
}

/* squircle */
.switcheroo[theme="discord"] .switcheroo__squircle {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 background-color: var(--color-squircle);
}
.switcheroo[theme="discord"] .switcheroo__squircle {
 width: 48px;
 height: 48px;
 border-radius: 50%;
 cursor: pointer;
 transition: border-radius 128ms var(--ease);
}
.switcheroo[theme="discord"] .switcheroo__squircle:hover {
 border-radius: 36%;
}
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:before {
 content: "";
 width: 100%;
 height: 100%;
 display: block;
 background-color: var(--color-pill);
 position: absolute;
 border-radius: 4px;
 top: 50%;
 transform: translate(-100%, -50%) scale(0);
 transition: transform 128ms, opacity 64ms;
 pointer-events: none;
 opacity: 0;
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:before {
 content: "";
 width: 100%;
 height: 100%;
 display: block;
 background-color: var(--color-pill);
 position: absolute;
 border-radius: 4px;
 left: 50%;
 transform: translate(-50%, -100%) scale(0);
 transition: transform 128ms, opacity 64ms;
 pointer-events: none;
 opacity: 0;
}
.switcheroo[theme="discord"] .switcheroo__squircle.active {
 border-radius: 36%;
 cursor: default;
 border: 1px solid white;
}
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:hover:before {
 opacity: 1;
 transform: translate(-100%, -50%) scale(0.5);
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:hover:before {
 opacity: 1;
 transform: translate(-50%, -100%) scale(0.5);
}

.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle.active:before {
 opacity: 1;
 transform: translate(-85%, -50%) scale(0.2);
 border-radius: 50%;
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle.active:before {
 opacity: 1;
 transform: translate(-50%, -85%) scale(0.2);
 border-radius: 50%;
}


/* tooltip */
.switcheroo__popper {
 background-color: var(--color-tooltip);
 padding: 0.68rem 1rem;
 position: absolute;
 width: -webkit-max-content;
 width: max-content;
 border-radius: 4px;
 z-index: 0;
 opacity: 0;
 transition: opacity 64ms var(--ease), transform 128ms var(--ease-bounce);
 pointer-events: none;
 color: #ffffff;
}
.switcheroo[direction="vertical"] .switcheroo__popper {
 left: 155%;
 top: 50%;
 transform-origin: left;
 transform: translateY(-50%) scale(0.98);
}
.switcheroo[direction="horizontal"] .switcheroo__popper {
 top: 155%;
 left: 50%;
 transform-origin: top;
 transform: translateX(-50%) scale(0.98);
}
.switcheroo__popper:before {
 content: "";
 position: absolute;
 width: 24px;
 height: 24px;
 background-color: var(--color-tooltip);
 z-index: -1;
}
.switcheroo[direction="vertical"] .switcheroo__popper:before {
 left: -2px;
 top: 50%;
 transform: translateY(-50%) rotate(-45deg);
}
.switcheroo[direction="horizontal"] .switcheroo__popper:before {
 left: 50%;
 top: -2px;
 transform: translateX(-50%) rotate(-45deg);
}

.switcheroo[direction="vertical"] .switcheroo__squircle:hover .switcheroo__popper {
 opacity: 1;
 transform: translateY(-50%) scale(1);
}
.switcheroo[direction="horizontal"] .switcheroo__squircle:hover .switcheroo__popper {
 opacity: 1;
 transform: translateX(-50%) scale(1);
}
.switcheroo__squircle:hover:before {
 opacity: 1;
 transform: translate(-100%, -50%) scale(0.5);
}

/* avatar */
.switcheroo[theme="discord"] .switcheroo__avatar {
 position: relative;
 width: 100%;
 height: 100%;
 border-radius: inherit;
 overflow: hidden;
}
.switcheroo[theme="discord"] .switcheroo__avatar img {
 width: 100%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
/* divider */
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__divider {
 width: 100%;
 height: 2px;
 background-color: var(--color-pill);
 border-radius: 1px;
 opacity: 0.06;
 transform: scale(0.8);
}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__divider {
 width: 2px;
 background-color: var(--color-pill);
 border-radius: 1px;
 opacity: 0.06;
 transform: scale(0.8);
}
/* delete button */
.switcheroo[theme="discord"] .switcheroo__delete {
 display: flex;
 justify-content: center;
 position: absolute;
 width: 16px;
 line-height: 14px;
 height: 16px;
 top: -2px;
 right: -2px;
 border-radius: 50%;
 background-color: var(--color-delete);
 transform: scale(0);
 opacity: 1;
 transition: transform 128ms var(--ease), opacity 64ms var(--ease);
 cursor: pointer;
 font-size: 13px;
}
.switcheroo[theme="discord"] .switcheroo__squircle:hover .switcheroo__delete {
 opacity: 1;
 transform: scale(1);
}
/* logo */
.switcheroo[theme="discord"] .switcheroo__logo {
}
.switcheroo[theme="discord"] .switcheroo__logo img {
 width: 32px;
}
.switcheroo[theme="discord"] .switcheroo__logo:hover {
 background-color: var(--color-accent);
}
/* buttons */
.switcheroo[theme="discord"] .switcheroo__squircle--button {
 transition: border-radius 128ms var(--ease);
 color: var(--color-button);
}
.switcheroo[theme="discord"] .switcheroo__squircle--button:hover {
 color: #fff;
 background-color: var(--color-button);
}
/* modal */
.switcheroo__form {
 padding: 48px;
}
.switcheroo__form-row {
 display: flex;
 flex-flow: column;
 align-items: flex-start;
 margin-bottom: 16px;
}
.switcheroo__form-label {
 margin-bottom: 8px;
 font-size: 14px;
 text-transform: uppercase;
 color: var(--color-text) !important;
}
.switcheroo__form-input {
 padding: 6px !important;
 font-size: 16px !important;
 border-radius: 4px !important;
 width: 100% !important;
 border-bottom: 2px solid var(--color-accent) !important;
 background-color: var(--color-bg) !important;
 color: var(--color-text) !important;
 cursor: text !important;
}
.switcheroo__form-button {
 border-radius: 8px;
 padding: 8px;
 border: none;
 outline: none;
 box-shadow: none;
 text-transform: uppercase;
 font-size: 14px;
 align-self: flex-end;
 color: #fff;
 background-color: var(--color-accent);
}

.monomer-overlay {
 position: fixed;
 z-index: 999;
 top: 0;
 left: 0;
 opacity: 0;
 width: 100%;
 height: 100%;
 transition: 0.2s opacity ease;
 background: rgba(0, 0, 0, 0.6);
}

.monomer-modal {
 position: fixed;
 z-index: 999;
 top: 50%;
 left: 50%;
 opacity: 0;
 width: 94%;
 padding: 24px 20px;
 transition: 0.2s opacity ease;
 transform: translate(-50%, -50%);
 border-radius: 2px;
 background: var(--color-squircle);
 color: var(--color-text);
}

.monomer-modal.monomer-open.monomer-anchored {
 top: 20px;
 transform: translate(-50%, 0);
}

.monomer-modal.monomer-open {
 opacity: 1;
}

.monomer-overlay.monomer-open {
 opacity: 1;
}

.monomer-close {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 20px;
 font-weight: 700;
 line-height: 24px;
 text-align: center;
 width: 24px;
 height: 24px;
 position: absolute;
 top: -5px;
 right: -5px;
 padding: 5px;
 cursor: pointer;
 color: #fff;
 border: 0;
 outline: none;
 background: var(--color-delete);
 border-radius: 50%;
 padding: 0;
}
.monomer-close:hover {
 opacity: 0.8;
}

.forSwitcheroo {
   /* positionnement absolu du bouton en haut à droite */
   position: absolute;
   top: 30;
   left: 0;
   /* Mises en page diverses */
   margin:5px;
   border-radius:10px;
   background-color:#E17A66;
   border-color:white;
   color:white;
}

Voici ce que j'aimerais avoir : PHOTO / montage

Bien sur, je me doute qu'on ne peut, peut-être pas faire ce genre de chose. Donc je prend tout ce qu'on peut faire.

J'ai essayé de repartir de zéro mais à chaque fois je coince avec le template...

Merci d'avance pour votre aide !!

[Mikki]

Mon message était trop long, donc je suis désolé, je fais un double message pour vous donnez mon template sous code.

Voici mon template viewbody :

Code:

<!-- BEGIN switch_plus_menu -->  


<script type="text/javascript">  

 //<![CDATA[  

 var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';  

</script>  

<!-- END switch_plus_menu -->  

<script type="text/javascript">  

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>  

<!-- BEGIN switch_push_direct_send -->  

<div id="push-answer" class="jqmWindow"></div>  

<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>  

<script>  

 //<![CDATA[  

 $(document).ready(function() {  

 $('#push-answer').jqm({toTop: true});  

 $('#push-bell').click(function () {  

 return sendWebPush({TOPIC_ID});  

 });  

 function sendWebPush(tId) {  

 $.get("/ajax_push.php?topicID=" + tId).done(showPushAnswer);  


 }  

 function showPushAnswer(data) {  

 $('#push-answer').html(data).jqmShow();  

 $('.jqmOverlay').bgiframe();  

 $('#push-answer').bgiframe();  

 }  

 });  

 //]]>  

</script>  

<!-- END switch_push_direct_send -->  


<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>&nbsp;&nbsp;&nbsp;  

 <!-- 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">  

                <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>  

                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->  

                {NAV_CAT_DESC_SECOND}  

            </span>  

 </td>  

 <td align="right" valign="bottom" nowrap="nowrap" width="100%">  

 <span class="gensmall bold">  

 
 <!-- BEGIN switch_plus_menu -->  

 &nbsp;  

 <div id="addthis-toolbar" style="display: inline-block;">  

 <div class="btn-floating-left" tabindex="100">  

 {L_SHARE}  

 </div>  

 <div class="addthis-toolbar-btn" style="display:none;">  

 {switch_plus_menu.SOCIAL_BUTTONS}  

 
 </div>  

 </div>  

 &nbsp;|&nbsp;  

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

 insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});  

 //]]>  
 </script>  
 {switch_plus_menu.JS_SOCIAL_BUTTONS}  
 <!-- 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="2" height="28">  
 <table width="100%" border="0" cellspacing="0" cellpadding="0">  
 <tr>  
 <td width="9%" class="noprint">&nbsp;</td>  
 <td align="center" class="t-title">  
 <h1 class="cattitle">&nbsp;{TOPIC_TITLE}<!-- BEGIN switch_push_direct_send -->&nbsp;<span id="push-bell" title="{switch_push_direct_send.L_PUSH_SEND}"></span><!-- END switch_push_direct_send --></h1>  
 </td>  
 <td align="right" width="9%" class="browse-arrows">  
                        <!-- BEGIN switch_isconnect -->  
                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;  
                        <!-- END switch_isconnect -->  
                        <a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;  
                    </td>  
 </tr>  
 </table>  
 </td>  
 </tr>  
 <tr>  
 <td class="row1" colspan="2"><span class="gensmall">{POSTERS_LIST}</span></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">{L_MESSAGE}</th>  
 </tr>  
 <!-- BEGIN postrow -->  
 <!-- BEGIN hidden -->  
 <tr>  
 <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>  
 </tr>  
 <!-- END hidden -->  
 <!-- BEGIN displayed -->  
 <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">  
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">  
 <span class="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><br />  
 <span class="postdetails poster-profile">  

{postrow.displayed.POSTER_RANK}  
                                  {postrow.displayed.RANK_IMAGE} <br />                                  
                                  <div class="avatar_cadre">{postrow.displayed.POSTER_AVATAR} </div>  <br /><br />
               <div class="systab">  
<div class="selected">    
   <span>VISA CARD</span>  
        <span class="profil"> <!-- BEGIN profile_field --><div class="infos-posteur">  
          <span class="profil_label"> <!-- Champs du profil  --> {postrow.displayed.profile_field.LABEL}</span>  
              <!-- Contenu/réponses aux champs --> {postrow.displayed.profile_field.CONTENT}  
             {postrow.displayed.profile_field.SEPARATOR}  
          </div> <!-- END profile_field --> </span>  
</div>  
<div>  
   <span> PETIT PLUS</span>  
     <div class="rpg"><!-- Feuille de personnage -->{postrow.displayed.POSTER_RPG}</div>  
</div>  
<div>  
</div>  
</div>  
</span><br />  
 <img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />  
   </td>  
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="100%">  
 <table width="100%" height="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}&nbsp; &nbsp;<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 height="100%" valign="top">  
 <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>  

 <!-- BEGIN switch_likes_active -->  

  

   <tr><td colspan="2">  

 <div class="fa_like_div">  

  

   <!-- BEGIN switch_like_list -->  

  

  {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}  

 <!-- END switch_like_list -->  

 <!-- BEGIN switch_dislike_list -->  

  

  {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}  

 <!-- END switch_dislike_list -->  

 <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">  

 <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"></path></svg>  

 <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}  

  

   </button>  

 <!-- BEGIN switch_dislike_button -->  

 <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">  

 <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"></path></svg>  

 <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}   </button>  

 <!-- END switch_dislike_button -->  

 </div></td></tr>  

 <!-- END switch_likes_active -->  

 </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>&nbsp;<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="2" height="28">  

   <span class="genmed">{no_post.L_NO_POST}</span>  

 </td>  

   </tr>  

 <!-- END no_post -->  

 <tr align="right">  

 <td class="catBottom" colspan="2" height="28">  

 <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>  

 <td width="9%" class="noprint">&nbsp;</td>  

 <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>  

 <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">  

                         <!-- BEGIN switch_isconnect -->  

                         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;  

                         <!-- END switch_isconnect -->  

                          <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;  

                     </td>  

 </tr>  

 </table>  

 </td>  

 </tr>  

 </table>  

 <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">  

 <tr>  

 <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>  

 <!-- BEGIN topicpagination -->  

 <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>  

 <!-- END topicpagination -->  

 </tr>  

 <!-- BEGIN switch_user_logged_in -->  

 <!-- BEGIN watchtopic -->  

 <tr>  

 <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>  

 </tr>  

 <!-- END watchtopic -->  

 <!-- END switch_user_logged_in -->  

 </table>  

      <!-- BEGIN promot_trafic -->  

 <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">  

 <tr>  

 <td class="catBottom" height="28">  

 <table width="100%" border="0" cellspacing="0" cellpadding="0">  

 <tr>  

  

   <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>  

 <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>  

 </tr>  

 </table>  

 </td>  

 </tr>  

 </table>  

  

  

  

    

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">  

 <tr>  

 <td class="catBottom" height="28">  

 <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>  

 <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>  

  

   <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>  

 </tr>  

 </table>  

 </td>  

 </tr>  

 <tr>  

 <td class="row2 postbody" valign="top">  

  

   <!-- BEGIN link -->  

 &raquo;&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />  

 <!-- END link -->  

 </td>  

 </tr>  

 </table>  

 <!-- END promot_trafic -->  

  

  

 <!-- BEGIN switch_forum_rules -->  

 <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">  

 <tbody>  

 <tr>  

 <td class="catBottom">  

 <table width="100%" border="0" cellspacing="0" cellpadding="0">  

  

   <tbody>  

 <tr>  

 <td valign="top">  

 <div class="cattitle">&nbsp;{L_FORUM_RULES}</div>  

 </td>  

 </tr>  

 </tbody>  

   </table>  

 </td>  

 </tr>  

 <tr>  

 <td class="row1 clearfix">  

 <table>  

 <tr>  

 <!-- BEGIN switch_forum_rule_image -->   <td class="logo">  

 <img src="{RULE_IMG_URL}" alt="" />  

 </td>  

 <!-- END switch_forum_rule_image -->  

 <td class="rules postbody">  

 {RULE_MSG}  

 </td>  

   </tr>  

 </table>  

 </td>  

 </tr>  

 </tbody>  

 </table>  

 <!-- END switch_forum_rules -->  

       <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">  

 <tr>  

 <td class="row2" colspan="2" align="center" style="padding:0px">  

 <!-- BEGIN switch_user_logged_in -->  

 <a name="quickreply"></a>  

 {QUICK_REPLY_FORM}<br />  

   <!-- END switch_user_logged_in -->  

   </td>  

 </tr>  

 <tr>  

 <td style="margin:0; padding: 0;" colspan="2">  

 <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">  

 <tbody>  

 <!-- BEGIN show_permissions -->  

 <tr>  

 <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>  

 <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>  

 </tr>  

 <!-- END show_permissions -->  

 <tr>  

 <td class="catBottom" colspan="2" height="28">  

  

  

 <table width="100%" border="0" cellspacing="0" cellpadding="0">  

 <tr>  

 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>  

 <!-- BEGIN show_permissions -->  

 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>  

 <!-- END show_permissions -->  

   </tr>  

   </table>  

 </td>  

 </tr>  

 </tbody>  

 </table>  

 </td>  

 </tr>  

  

  

 <tr>  

 <td style="margin:0; padding: 0;" colspan="2">  

 <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">  

 <tbody>  

 <tr>  

 <td class="catBottom" colspan="2" height="28">  

 <table width="100%" border="0" cellspacing="0" cellpadding="0">  

  

  

 <tr>  

 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>  

 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>  

 </tr>  

 </table>  

 </td>  

 </tr>  

   </tbody>  

 </table>  

 </td>  

 </tr>  

 </table>  

   <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">  

  <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">  

 <tr>  

 <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>  

 <span class="nav">  

 <!-- BEGIN switch_user_authpost -->  

 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;  

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

     <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>  

    

  

   <!-- 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">&nbsp;</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 -->

['Christa]

Hello,

Pour avoir la colonne de profil du côté gauche sous PhpBB2, il faut intervertir toutes les colonnes du tableau qui contient les messages, ce qui devrait donner ceci :

Code:

<!-- BEGIN switch_plus_menu -->


<script type="text/javascript">

    //<![CDATA[ 

    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';

</script>

<!-- END switch_plus_menu -->

<script type="text/javascript">

    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>

<!-- BEGIN switch_push_direct_send -->

<div id="push-answer" class="jqmWindow"></div>

<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>

<script>

    //<![CDATA[ 

    $(document).ready(function () {

        $('#push-answer').jqm({ toTop: true });

        $('#push-bell').click(function () {

            return sendWebPush({ TOPIC_ID });

        });

        function sendWebPush(tId) {

            $.get("/ajax_push.php?topicID=" + tId).done(showPushAnswer);


        }

        function showPushAnswer(data) {

            $('#push-answer').html(data).jqmShow();

            $('.jqmOverlay').bgiframe();

            $('#push-answer').bgiframe();

        }

    });

    //]]> 

</script>

<!-- END switch_push_direct_send -->


<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>&nbsp;&nbsp;&nbsp;

                <!-- 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">

                <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>

                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->

                {NAV_CAT_DESC_SECOND}

            </span>

        </td>

        <td align="right" valign="bottom" nowrap="nowrap" width="100%">

            <span class="gensmall bold">


                <!-- BEGIN switch_plus_menu -->

                &nbsp;

                <div id="addthis-toolbar" style="display: inline-block;">

                    <div class="btn-floating-left" tabindex="100">

                        {L_SHARE}

                    </div>

                    <div class="addthis-toolbar-btn" style="display:none;">

                        {switch_plus_menu.SOCIAL_BUTTONS}


                    </div>

                </div>

                &nbsp;|&nbsp;

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

                    insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}', '{JS_SESSION_ID}', { JS_AUTH_FAVOURITES });

                    //]]> 
                </script>
                {switch_plus_menu.JS_SOCIAL_BUTTONS}
                <!-- 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="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="9%" class="noprint">&nbsp;</td>
                    <td align="center" class="t-title">
                        <h1 class="cattitle">&nbsp;{TOPIC_TITLE}<!-- BEGIN switch_push_direct_send -->&nbsp;<span id="push-bell" title="{switch_push_direct_send.L_PUSH_SEND}"></span><!-- END switch_push_direct_send --></h1>
                    </td>
                    <td align="right" width="9%" class="browse-arrows">
                        <!-- BEGIN switch_isconnect -->
                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;
                        <!-- END switch_isconnect -->
                        <a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td class="row1" colspan="2"><span class="gensmall">{POSTERS_LIST}</span></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="thRight" nowrap="nowrap">{L_MESSAGE}</th>
        <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
    </tr>
    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <tr>
        <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
    </tr>
    <!-- END hidden -->
    <!-- BEGIN displayed -->
    <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <td class="{postrow.displayed.ROW_CLASS}" {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="100%">
            <table width="100%" height="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}&nbsp; &nbsp;<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 height="100%" valign="top">
                    <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>

                <!-- BEGIN switch_likes_active -->



                <tr>
                    <td colspan="2">

                        <div class="fa_like_div">



                            <!-- BEGIN switch_like_list -->



                            {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}

                            <!-- END switch_like_list -->

                            <!-- BEGIN switch_dislike_list -->



                            {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}

                            <!-- END switch_dislike_list -->

                            <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}" data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">

                                <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"></path>
                                </svg>

                                <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}



                            </button>

                            <!-- BEGIN switch_dislike_button -->

                            <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">

                                <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"></path>
                                </svg>

                                <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE} </button>

                            <!-- END switch_dislike_button -->

                        </div>
                    </td>
                </tr>

                <!-- END switch_likes_active -->

            </table>

        </td>
        <td class="{postrow.displayed.ROW_CLASS}" {postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <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><br />
            <span class="postdetails poster-profile">

                {postrow.displayed.POSTER_RANK}
                {postrow.displayed.RANK_IMAGE} <br />
                <div class="avatar_cadre">{postrow.displayed.POSTER_AVATAR} </div> <br /><br />
                <div class="systab">
                    <div class="selected">
                        <span>VISA CARD</span>
                        <span class="profil"> <!-- BEGIN profile_field -->
                            <div class="infos-posteur">
                                <span class="profil_label"> <!-- Champs du profil  --> {postrow.displayed.profile_field.LABEL}</span>
                                <!-- Contenu/réponses aux champs --> {postrow.displayed.profile_field.CONTENT}
                                {postrow.displayed.profile_field.SEPARATOR}
                            </div> <!-- END profile_field -->
                        </span>
                    </div>
                    <div>
                        <span> PETIT PLUS</span>
                        <div class="rpg"><!-- Feuille de personnage -->{postrow.displayed.POSTER_RPG}</div>
                    </div>
                    <div>
                    </div>
                </div>
            </span><br />
            <img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
        </td>

    </tr>

    <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">


        <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>
        <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>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>

        </td>

    </tr>

    <!-- BEGIN first_post_br -->

</table>

<hr />

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

    <tr>

        <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>

        <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>

    </tr>

    <!-- END first_post_br -->

    <!-- END displayed -->

    <!-- END postrow -->

    <!-- BEGIN no_post -->

    <tr align="center">

        <td class="row1" colspan="2" height="28">

            <span class="genmed">{no_post.L_NO_POST}</span>

        </td>

    </tr>

    <!-- END no_post -->

    <tr align="right">

        <td class="catBottom" colspan="2" height="28">

            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>

                    <td width="9%" class="noprint">&nbsp;</td>

                    <td align="center" class="t-title"><a name="bottomtitle"></a>
                        <div class="cattitle">{TOPIC_TITLE}</div>
                    </td>

                    <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">

                        <!-- BEGIN switch_isconnect -->

                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;

                        <!-- END switch_isconnect -->

                        <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;

                    </td>

                </tr>

            </table>

        </td>

    </tr>

</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">

    <tr>

        <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

        <!-- BEGIN topicpagination -->

        <td class="row1" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>

        <!-- END topicpagination -->

    </tr>

    <!-- BEGIN switch_user_logged_in -->

    <!-- BEGIN watchtopic -->

    <tr>

        <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>

    </tr>

    <!-- END watchtopic -->

    <!-- END switch_user_logged_in -->

</table>

<!-- BEGIN promot_trafic -->

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">

    <tr>

        <td class="catBottom" height="28">

            <table width="100%" border="0" cellspacing="0" cellpadding="0">

                <tr>



                    <td valign="top">
                        <div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div>
                    </td>

                    <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>

                </tr>

            </table>

        </td>

    </tr>

</table>









<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">

    <tr>

        <td class="catBottom" height="28">

            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>

                    <td valign="top">
                        <div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div>
                    </td>



                    <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

                </tr>

            </table>

        </td>

    </tr>

    <tr>

        <td class="row2 postbody" valign="top">



            <!-- BEGIN link -->

            &raquo;&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />

            <!-- END link -->

        </td>

    </tr>

</table>

<!-- END promot_trafic -->





<!-- BEGIN switch_forum_rules -->

<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">

    <tbody>

        <tr>

            <td class="catBottom">

                <table width="100%" border="0" cellspacing="0" cellpadding="0">



                    <tbody>

                        <tr>

                            <td valign="top">

                                <div class="cattitle">&nbsp;{L_FORUM_RULES}</div>

                            </td>

                        </tr>

                    </tbody>

                </table>

            </td>

        </tr>

        <tr>

            <td class="row1 clearfix">

                <table>

                    <tr>

                        <!-- BEGIN switch_forum_rule_image -->
                        <td class="logo">

                            <img src="{RULE_IMG_URL}" alt="" />

                        </td>

                        <!-- END switch_forum_rule_image -->

                        <td class="rules postbody">

                            {RULE_MSG}

                        </td>

                    </tr>

                </table>

            </td>

        </tr>

    </tbody>

</table>

<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">

    <tr>

        <td class="row2" colspan="2" align="center" style="padding:0px">

            <!-- BEGIN switch_user_logged_in -->

            <a name="quickreply"></a>

            {QUICK_REPLY_FORM}<br />

            <!-- END switch_user_logged_in -->

        </td>

    </tr>

    <tr>

        <td style="margin:0; padding: 0;" colspan="2">

            <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">

                <tbody>

                    <!-- BEGIN show_permissions -->

                    <tr>

                        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>

                        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>

                    </tr>

                    <!-- END show_permissions -->

                    <tr>

                        <td class="catBottom" colspan="2" height="28">





                            <table width="100%" border="0" cellspacing="0" cellpadding="0">

                                <tr>

                                    <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

                                    <!-- BEGIN show_permissions -->

                                    <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

                                    <!-- END show_permissions -->

                                </tr>

                            </table>

                        </td>

                    </tr>

                </tbody>

            </table>

        </td>

    </tr>





    <tr>

        <td style="margin:0; padding: 0;" colspan="2">

            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">

                <tbody>

                    <tr>

                        <td class="catBottom" colspan="2" height="28">

                            <table width="100%" border="0" cellspacing="0" cellpadding="0">





                                <tr>

                                    <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

                                    <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>

                                </tr>

                            </table>

                        </td>

                    </tr>

                </tbody>

            </table>

        </td>

    </tr>

</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">

    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">

        <tr>

            <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>

                <span class="nav">

                    <!-- BEGIN switch_user_authpost -->

                    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;

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

            <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>





            <!-- 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">&nbsp;</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 -->

[Mikki]

Ooh ça marche à merveille !! Je sais pas exactement "ou" vous avez inversé, ou modifier un template, je peux validé la demande, c'est super merci beaucoup !!