Commande profil+qeel

Bonjour :) J'ai remarqué que vos commandes sont ouvertes, alors je me permet de venir squatter deux petits templates.

Largeur maximale : 800px
Hauteur maximale : Hauteur de l'exemple (environ 600px je dirais).
Schéma : Vous avez tout ici, les schémas ainsi que le fond pour les groupes du qeel : https://imgbox.com/
Éléments : Normalement tout est bien indiqué sur les maquettes.
Images : Tout se trouve dans le lien plus haut.
Animations : Là aussi,normalement, tout est bien indiqué.
Informations supplémentaires : Si vous avez besoin de plus d'information, n'hésitez pas à me le faire savoir.

Bonjour,

Il ne m'est possible d'accéder à votre schéma, pourriez-vous vous me transmettre un lien valide s'il vous plaît ?

Bonjour :) Ah mince le lien il a pas fonctionné comme prévu du tout :o (ou alors comme un boulet j'ai sélectionné le mauvais XD).

Voilà le bon lien cette fois-ci : http://imgbox.com/g/LXlizhmnmt

Et j'ai oublié de fournir le titre du qeel, my bad x_x voici le lien : https://i.imgbox.com/TeAjOFth.png

Remplacez le code du QEEL [lignes 173 à 221] par :

Code:: 
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="tleQEEL"></div><div class="QEEL"><div class="boxQEEL"><div class="onlineQEEL" id="onLINE"><div>Ils sont là</div>{LOGGED_IN_USERS_LIST}<script type="text/javascript">document.getElementById('onLINE').innerHTML=document.getElementById('onLINE').innerHTML.replace(/Utilisateurs enregistrés :/," ")</script></div><div class="blocGQEEL"><script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script>

<div class="contenu_onglets"><div class="contenu_onglet" id="contenu_onglet_eins"><span style="color:#FA5858;">Groupe I</span>Contenu groupe 1.</div><div class="contenu_onglet" id="contenu_onglet_zwei"><span style="color:#FF8000;">Groupe II</span>Contenu groupe 2.</div><div class="contenu_onglet" id="contenu_onglet_drei"><span style="color:#FFFF00;">Groupe III</span>Contenu groupe 3.</div><div class="contenu_onglet" id="contenu_onglet_vier"><span style="color:#80FF00;">Groupe IV</span>Contenu groupe 4.</div><div class="contenu_onglet" id="contenu_onglet_funf"><span style="color:#0080FF;">Groupe V</span>Contenu groupe 5.</div><div class="contenu_onglet" id="contenu_onglet_sechs"><span style="color:#BF00FF;">Groupe VI</span>Contenu groupe 6.</div><div class="contenu_onglet" id="contenu_onglet_sieben"><span style="color:#FE2EF7;">Groupe VII</span>Contenu groupe 7.</div>

</div></div>

<div class="dayQEEL"><table id="dayQEEL">{L_CONNECTED_MEMBERS}</table></div><script type="text/javascript">document.getElementById('dayQEEL').innerHTML=document.getElementById('dayQEEL').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/," ");</script>

<div class="stsQEEL"><div class="tlPQEEL"><span id="tPOSTS">{TOTAL_POSTS}</span><b>Messages</b><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script></div><div class="tlSQEEL"><span class="FORUMCOUNTOPIC"></span><b>Sujets</b><script type="text/javascript" src="http://tinyurl.com/var-fa"></script></div><div class="tlMQEEL"><span id="tUSERS">{TOTAL_USERS}</span><b>Membres</b></div><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><div class="lstQEEL"><b>Bienvenue</b><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script></div></div></div>

<div class="GQEEL"><div class="onglets"><span class="onglet_0 onglet" id="onglet_eins" onmouseover="javascript:change_onglet('eins');" style="background:#FA5858;">Groupe I</span><span class="onglet_0 onglet" id="onglet_zwei" onmouseover="javascript:change_onglet('zwei');" style="background:#FF8000;">Groupe II</span><span class="onglet_0 onglet" id="onglet_drei" onmouseover="javascript:change_onglet('drei');" style="background:#FFFF00;">Groupe III</span><span class="onglet_0 onglet" id="onglet_vier" onmouseover="javascript:change_onglet('vier');" style="background:#80FF00;">Groupe IV</span><span class="onglet_0 onglet" id="onglet_funf" onmouseover="javascript:change_onglet('funf');" style="background:#0080FF;">Groupe V</span><span class="onglet_0 onglet" id="onglet_sechs" onmouseover="javascript:change_onglet('sechs');" style="background:#BF00FF;">Groupe VI</span><span class="onglet_0 onglet" id="onglet_sieben" onmouseover="javascript:change_onglet('sieben');" style="background:#FE2EF7;">Groupe VII</span>

</div></div><div id="anvQEEL">Bonne fête à : <table>{L_WHOSBIRTHDAY_TODAY}</table></div><script type="text/javascript">document.getElementById('anvQEEL').innerHTML=document.getElementById('anvQEEL').innerHTML.replace(/Aucun membre ne fête son anniversaire aujourd'hui/," ") .replace(/Membres fêtant leur anniversaire aujourd'hui :/," ");</script>

<script type="text/javascript">
//
</script>

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

Partie CSS :

Code:: /* TITRE QEEL */
.tleQEEL {
margin:auto; width:850px; height:189px;
background:url(https://i.imgbox.com/TeAjOFth.png); /* MODIFIABLE */
}
/* QEEL */
.QEEL {
margin:-20px auto 0; width:800px;
font-family:Arial; text-align:center;
}
/* BLOC POSITIONNEMENT QEEL */
.boxQEEL {
display:inline-block; vertical-align:top; width:630px; margin-right:10px;
}
/* MEMBRES EN LIGNE QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
width:212px; height:136px; padding:5px; overflow:auto; border:2px solid;
border-color:#432932; background:#CBC0C4; color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* TITRE MEMBRES EN LIGNE QEEL */
.onlineQEEL div {
margin-bottom:5px; text-transform:uppercase; text-align:left; font-size:14px; font-weight:bold;
color:#432932; /* MODIFIABLE */
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
width:394px; height:150px; overflow:hidden;
background:url(https://i.imgbox.com/XutzoWeL.png); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.contenu_onglet {
display:none;
margin:10px; width:354px; height:110px; padding:10px; overflow:auto;
}
/* TITRES DESCRITIFS GROUPES QEEL */
.contenu_onglet span {
display:block; margin:auto; text-transform:uppercase; text-align:center; font-size:14px;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin-top:10px;
width:375px; height:105px; padding:10px; overflow:auto;
background:#432932; /* MODIFIABLE */
}
.dayQEEL .row1 {
padding:0; background:none;
}
.dayQEEL .row1 .gensmall {
font-family:Arial;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top; margin-left:10px; margin-top:10px;
width:225px; text-align:center; font-size:10px;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top;
width:75px; height:50px; padding-top:15px;
background:#CBC0C4; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlPQEEL b {
display:block;
}
/* TOTAL SUJETS QEEL */
.tlSQEEL {
display:inline-block; vertical-align:top; margin:0 5px;
width:70px; height:50px; padding-top:15px;
background:#432932; color:#CBC0C4; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlSQEEL b {
display:block;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top;
width:70px; height:50px; padding-top:15px;
background:#CBC0C4; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlMQEEL b {
display:block;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:5px;
width:225px; height:45px; padding-top:10px;
text-transform:uppercase; font-size:16px;
background:#CBC0C4; color:black; /* MODIFIABLE */
}
.lstQEEL a {
display:block; font-size:14px;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top; width:160px;
}
/* GROUPES QEEL */
.onglet {
display:block; margin-bottom:5px; padding:5px 0; overflow:hidden;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* ANNIVERSAIRES QEEL */
#anvQEEL {
margin-top:5px; font-size:11px; text-align:left;
color:black; /* MODIFIABLE */
}
#anvQEEL .row1 {
background:none;
}
#anvQEEL .row1 .gensmall {
font-family:Arial;
}

Remplacez l'intégralité du template profile_view_body par :
Panneau d'administration > Affichage > Templates > Profil

Code:: <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div id="avPFIL"><div class="rangPFIL">{POSTER_RANK}</div><div class="avPFIL">{AVATAR_IMG}</div><div id="ktactPFIL"><div class="ktactPFIL">{contact_field.CONTENT}</div></div></div><div class="boxPFIL"><div class="namePFIL">PROFIL DE {USERNAME}</div>
<div class="abtPFIL"><div><span>{L_STATUT} :</span> {USER_ONLINE}</div><div><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><div><span>{L_PRIVATE_MSG} :</span> {PRIVATE_MSG}</div><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div><span class="genmed">- <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a> auxquels {PUSERNAME} a participé<br />- <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a> auxquels {PUSERNAME} a participé</span></div></div>

<div style="display:inline-block; vertical-align:top;">
<div class="boxRPG"><div class="imgRPG">{RPG_IMAGE}</div>

<span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>

{U_ADMIN_RPG}
</div>

<div class="adminPFIL"><span>{L_ADMINISTRATE_USER} :</span> {ADMINISTRATE_USER}{BAN_USER}</div></div></div>
<span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}
</div>
</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$('[id^=field_id]').each(function(){
if ( $(this).find('.field_editable').is('span, div') )
{
$(this).hover(function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
$(this).find('.ajax-profil_edit').attr({
alt: "{L_FIELD_EDIT_VALUE}",
title: "{L_FIELD_EDIT_VALUE}"
}).click(function(){
$(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
$(this).prev().find('.ajax-profil_valid').attr({
alt: "{L_VALIDATE}",
title: "{L_VALIDATE}"
}).click(function(){
var content = new Array();
$(this).parent().find('[name]').each(function(){
var type_special = $(this).is('input[type=radio],input[type=checkbox]');
if ( (type_special && $(this).is(':checked')) || !type_special )
{
content.push(new Array($(this).attr('name'), $(this).attr('value')));
}
});
var id_name = $(this).parents('[id^=field_id]').attr('id');
var id = id_name.substring(8, id_name.length);
$.post(
"{U_AJAX_PROFILE}",
{id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
function(data){
$.each(data, function(i, item){
$('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
});
},
"json"
);
});
$(this).remove();
});
}
},function()
{
if( $(this).find('.field_editable.invisible').is('span, div') )
{
$(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
$(this).find('.ajax-profil_edit').remove();
}
});
}
});
});
//]]>
</script>

Partie CSS :

Code:: /* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC AVATAR / RANG / IMAGES CONTACT */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px;
}
/* AVATAR */
.avPFIL {
position:relative; z-index:5; width:200px; height:320px; border:2px solid;
border-color:#432932; /* MODIFIABLE */
}
/* IMAGE RANG PROFIL */
.rangPFIL {
position:absolute; margin-left:-50px; margin-top:-100px; color:rgba(0,0,0,0);
}
.rangPFIL img{
margin-left:-170px;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; text-align:center; color:rgba(0,0,0,0);
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
margin:0 5px; max-height:25px;
}
/* BLOC POSITIONNEMENT PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top; margin-left:10px; width:586px;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:20px; padding:10px 0;
text-transform:uppercase; text-align:center;
background:#432932; color:white; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span {
color:white !important; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-right:10px;
width:270px; height:340px; overflow:auto;
font-size:11px;
color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
display:inline-block; vertical-align:top; width:286px; padding:10px;
background:#CCC; color:black; /* MODIFIABLE */
}
.boxRPG span:nth-of-type(even) {
display:block; font-weight:normal;
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* IMAGE FEUILLE DE PERSONNAGE PROFIL */
.imgRPG {
display:block; margin:0 auto 10px; text-align:center; border:2px solid;
border-color:#432932; /* MODIFIABLE */
}
.boxRPG br {
display:none;
}
/* ADMINISTRER UTILISATEUR PROFIL */
.adminPFIL {
text-align:right; font-size:11px; font-family:Arial;
}
/* INTITULE ADMINISTRER UTILISATEUR PROFIL */
.adminPFIL span {
display:block; text-transform:uppercase; font-weight:bold;
color:black; /* MODIFIABLE */
}

Bonsoir :) Alors je sais pas si c'est à cause de mon css ou d'autre chose, mais la couleur de fond du qeel et du profil du membre ne veut pas s'afficher. Je te met le code css complet que j'ai, ça vient peut-être de là ?

Code:: .bodyline a.mainmenu:first-child { display: none!important; }
.bodyline a.mainmenu:nth-child(2) { display: none!important; }
.bodyline a.mainmenu:nth-child(3) { display: none!important; }

#i_logo {
height: 435px;
}

a.nav img
{
width:0px;
visibility:hidden;
}

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

a.mainmenu {
color:#fff;
text-transform:uppercase;
font-size:20px;
font-family:'Playfair Display';
}

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

a{text-decoration:none;color:#969696; }

.quote, .code, .spoiler_closed, .spoiler_content {
background-color: rgb(238, 238, 238);
border: 1px solid rgb(199, 199, 199);
box-shadow: 0px 1px 0px rgb(255, 255, 255);
border-radius: 2px 2px 2px 2px;
padding: 5px;
overflow:auto;
}

.postbody {
text-align:justify;
padding-left:5px;
padding-right:5px;
}

.forumline{
border-bottom: 6px #F0F0F0 solid;
border-top: 6px #F0F0F0 solid;
border-right: 1px #F0F0F0 solid;
border-left: 1px #F0F0F0 solid;
position:relative;}

u{
border-bottom:2px dotted #e10b33;
text-decoration:none;}

.bodyline{
margin-left: -50px;
margin-right: -50px;
}

.secondarytitle h2, secondarytitle h1 {
color: rgb(255, 255, 255);
font-family: times new roman;
font-size: 30px;
font-weight: lighter;
letter-spacing: -2px;
text-align: center;
text-transform: uppercase;
}
.secondarytitle h2 {
display: inline;
}

/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
width: 5px; /*largeur de la scrollbar verticale*/
height: 5px; /*hauteur de la scrollbar horizontale*/
background-color: #000000;}

::-webkit-scrollbar-track {
background-color: #FFFFFF; /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
background-color: #000000 /*couleur de l'ascenseur*/;}
/* FIN SCROLLBAR */

/* DÉBUT CATÉGORIE */
.categories *
{
box-sizing:border-box;
}

.titre_cate h2
{
margin:0px;
border-top:#938288;
}

.titre_cate, .catebottom
{
background:url(http://i.imgur.com/QGVsiI8.png);
background-size:100% 100%;
height:155px;
text-align:center;
}

.catebottom
{
margin-top: -85px;
}

.categories
{
width:850px;
margin:auto;
background:#d2cecb !important;
text-align:justify;
font-family: 'Playfair Display', serif;
}

.description
{
background:#af9ea4 !important;
height:130px;
color:#5b484e;
clear:both;
margin: 0px 35px;
position:relative;
}

.derniermessage, .derniermessage a
{
color:#5b484e;
text-decoration:none;
font-size:13px;
}

.titre_forum, .titre_forum *
{
color:#3e3234 !important;
text-transform:uppercase;
font-weight:bold;
font-size:25px;
margin-left:0px;
}

.unecategorie
{
position:relative;
}

.titre_forum, .stats
{
width:70%;
height:35px;
margin-left:5%;
float:left;
}

.stats
{
width:25%;
margin:0;
text-transform:uppercase;
color:#392f30;
margin-top:0px;
}

.description > img
{
position:absolute;
top:0px;
right:0px;
}

.description > div
{
width:370px;
overflow:auto;
padding:5px;
height:130px;
font-size:14px;
font-weight:bold;
color:#3b282e;
overflow:hidden;
}
.description > div:hover
{
width:370px;
overflow:auto;
padding:5px;
height:130px;
font-size:14px;
font-weight:bold;
color:#3b282e;
overflow:auto;
}

.lastavatar
{
box-shadow: 0 0 15px #000;
height: 75px;
overflow: hidden;
position: absolute;
right: 125px;
top: 65px;
width: 150px;
}

.derniermessage
{
font-weight: 700;
height: 75px;
position: absolute;
right: 280px;
text-align: center;
text-transform: uppercase;
top: 65px;
width: 160px;
z-index: 5;
word-wrap: break-word;
}

.plus_sous
{
color:white;
font-size:25px;
width: 40px;
height: 0;
border-style: solid;
border-width: 0 0 40px 40px;
border-color: transparent transparent #3f2c32 transparent;
position:absolute;
top:125px;
right:35px;
line-height:55px;
}

.plus_sous::first-letter
{
margin-left:-20px;
}

.sousforums
{
background: #3f2c32 !important;
margin: 0px 35px;
color:white;
overflow:auto;
height:0px;
transition:.5s;
}

.sousforums a
{
text-decoration:none;
color:white;
font-size:inherit;
margin-left:10px;
text-transform:uppercase;
}

.sousforums:hover, .plus_sous:hover + .sousforums
{
height:35px;
transition:.5s;
}
/* FIN CATÉGORIES */

/* DÉBUT MESSAGES IMPORTANT */
.m_all {
background-image: url(http://img4.hostingpics.net/pics/913612hcimagemessoff.png);
background-size: 100%;
background-repeat: no-repeat;
background-color: #262237;
color: #e6e6e6;
padding: 220px 20px 20px 20px;
max-width: 660px;
text-align: justify;
position: relative;
font-family: calibri;
font-size: 15px;
line-height: 16px;
}
.m_title1 {
font-family: Oswald;
text-transform: uppercase;
font-size: 22px;
position: absolute;
top: 100px;
left: 45px;
color: #666899;
text-shadow: 1px 1px 0px rgb(0, 0, 0);
line-height: 36px;
}
.lettrine {
float: left;
font-size: 55px;
padding-right: 10px;
line-height: 48px;
color: #666899;
font-weight: bold;
}
/* FIN MESSAGE IMPORTANT */

/* EDITEUR DE MESSAGE */
.sceditor-container /* contenu editeur */
{
background: #f1f1f1 !important;
border: none !important;
}
.sceditor-toolbar /* barre contenant les boutons */
{
background: #f1f1f1 !important;
border-bottom: 2px solid #272625 !important;
}
.sceditor-group /* groupes de boutons */
{
background: #f1f1f1 !important;
border-bottom: 1px solid #000000 !important;
}
a.sceditor-button /* boutons */
{
background: #f1f1f1 !important;
}
.sceditor-container textarea, .sceditor-container iframe /* zone de saisie texte */
{
padding: 5px !important;
color: #ada78e !important;
font-size: 11px !important;
}
/* FIN EDITEUR DE MESSAGE */

/***** Fiche de présentation Luxe *****/

.astree-cadre {
border: 2px solid #968070;
background-color: #292929;
max-width: 500px;
margin: 20px auto;
color: #ababab;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
}

.astree-cadre a {
color: #968070;
text-decoration: none;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.astree-cadre a:hover {
color: #8b2f32;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}

.astree-nom {
display: block;
text-align: center;
margin: -15px auto 40px;
color: #968070;
font-family: 'Cinzel Decorative', serif;
font-size: 45px;
line-height: 25px;
text-shadow: 0 0 2px #000;
}

.astree-titre {
border-bottom: 2px solid #968070;
color: #968070;
text-shadow: 0 0 2px #000;
padding: 5px 20px;
font-family: 'Cinzel Decorative', serif;
font-size: 30px;
margin-top: 20px;
}

.astree-cadre ul {
list-style: none;
padding: 0 20px;
}

.astree-cadre li span {
font-family: 'Cinzel', serif;
color: #968070;
font-size: 16px;
}

.astree-chapitre {
display: inline-block;
font-family: 'Cinzel', serif;
font-size: 25px;
color: #968070;
margin: 25px;
padding: 5px 15px;
border-left: 5px solid #968070;
text-shadow: 0 0 2px #000;
}

.astree-cadre p {
margin: 10px 20px;
text-align: justify;
}

.astree-cadre p > q {
display: block;
font-family: 'Cinzel', serif;
color: #968070;
font-size: 16px;
line-height: 28px;
}

.astree-cadre p > q:before, .astree-cadre p > q:after {
content: '';
}

.astree-credits a {
display: block;
text-align: center;
font-family: 'Cinzel', serif;
color: #968070;
line-height: 40px;
}
/* FIN PRÉSENTATION LUXE */

/* DÉBUT PROFIL */
.bord-topic {
display: flex;
justify-content: space-between;
}

/* boutons Nouveau, Répondre, Verrouillé */
.boutons-reponse {
font-size: 30px;
line-height: 1;
font-family: Georgia, serif;
flex-shrink: 1;
flex-grow: 1;
margin-right: 20px;;
}
.boutons-reponse a {
color: #fffaff;
}
.boutons-reponse img {
display: none;
}
.boutons-reponse img[alt*="nouveau"] + span:after {
content: 'Nouveau ';
}
.boutons-reponse img[alt*="Répondre "] + span:after {
content: 'Répondre ';
}
.boutons-reponse img[alt*="verrouillé"] + span:after {
content: 'Verrouillé ';
}

/* navigation */
.nav-topic {
flex-grow: 1;
flex-shrink: 1;
text-align: right;
font-size: 12px;
line-height: 1;
font-family: Georgia, serif;
text-transform: uppercase;
}
.haut .nav-topic { /* en haut de la page */
padding-top: 15px;
}
.bas .nav-topic { /* en bas de la page */
padding-bottom: 15px;
}

/* titre du sujet */
h1.topic-title {
background: #6f505f;
margin: 0;
padding: 10px;
text-align: center;
color: #fffaff;
font-size: 30px;
line-height: 1;
font-family: Georgia, serif;
}

/* fond message */
.messages {
background: #928388;
margin: 0;
padding: 50px 10px 10px;
position: relative;
}
.hidden { /* messages masqués */
text-align: center;
padding: 20px;
}

/* affichage d'un message */
.message {
margin-bottom: 20px;
min-height: 630px;
}

/* pagination */
.pagination.haut {
position: absolute;
top: 10px;
right: 10px;
}
.pagination.bas {
position: absolute;
bottom: 10px;
right: 10px;
}

/* sondage */
.sondage {
width: 100%;
margin: -60px 0 20px;
}
.sondage .row2 {
background: transparent;
}
.sondage:empty {
margin: 0;
}

/* colonne auteur */
.colonne-auteur {
position: relative;
margin-top: 20px;
}

/* rang image */
.rang-image {
position: absolute;
top: -110px;
left: -220px;
}

/* contenant avatar + pseudo */
.bordure-auteur {
border: 1px solid #fffaff;
width: 200px;
padding: 3px;
position: absolute;
}

/* avatar */
.avatar-auteur, .avatar-auteur img {
width: 200px;
height: 320px;
transition: all 1s;
}
.avatar-auteur {
position: relative;
overflow: hidden;
}

/* survol de l'avatar */
.survol-avatar {
padding: 10px;
transition: all 1s;
background: rgba(255, 250, 255, .9);
position: absolute;
top: 320px;
left: 10px;
width: 160px;
height: 280px;
overflow: auto;
}
.avatar-auteur:hover .survol-avatar {
transition: all 1s;
top: 10px;
}

/* avatar grisé au survol */
.avatar-auteur:hover img {
filter: grayscale(.3);
}

/* champs du profil */
.label {
font-size: 12px;
line-height: 1;
font-family: Georgia, serif;
}
.field-content {
background: #463138;
color: #fffaff;
font-size: 12px;
line-height: 1;
font-family: Georgia, serif;
padding: 3px;
margin-bottom: 5px;
}

/* fiche rpg */
.rpg {
font-size: 12px;
line-height: 1;
font-family: Georgia, serif;
}
.rpg a {
background: #463138;
color: #fffaff;
font-size: 12px;
line-height: 1;
font-family: Georgia, serif;
padding: 3px;
display: block;
}
.rpg a + br {
display: none;
}

/* nom et rang */
.auteur {
background: #463138;
padding: 3px;
text-align: center;
font-family: Georgia, serif;
}
.auteur, .auteur a span strong {
color: #fffaff;
}
.nom-auteur {
font-size: 35px;
border-bottom: 1px solid #FFF;
padding-bottom: 3px;
margin-bottom: 3px;
}
.rang-auteur {
font-size: 12px;
line-height: 1;
font-family: Verdana, sans-serif;
}

/* inventaire */
.inventaire {
position: absolute;
top: 400px;
left: 0;
display: flex;
flex-wrap: wrap;
width: 207px;
}
.inventaire div:empty {
padding: 0;
}

/* titre de l'inventaire */
.titre-inventaire {
width: 100%;
color: #463138;
text-align: center;
font-size: 20px;
line-height: 1;
font-family: Georgia, serif;
margin-top: 10px;
margin-bottom: 5px;
}

/* cases de l'inventaire */
.un, .deux, .trois, .quatre, .cinq, .six {
background: #463138;
padding: 5px;
flex-shrink: 1;
flex-grow: 1;
width: 26%;
position: relative;
float: left;
}
.un, .deux, .trois {
margin-bottom: 5px;
}
.un, .deux, .quatre, .cinq {
margin-right: 5px;
}

/* infobulles inventaire */
.inventaire .label {
transition: all 1s;
top: -5px;
left: -5px;
display: block;
position: absolute;
background: rgba(255, 250, 255, .9);
color: #463138;
padding: 3px;
font: 10px;
border-radius: 5px;
opacity: 0;
}
.inventaire > div:hover .label {
opacity: 1;
}

/* colonne message */
.colonne-message {
margin-left: 227px;
}

/* date + boutons */
.haut-message {
display: flex;
justify-content: space-between;
font-size: 15px;
line-height: 1;
font-family: Georgia, serif;
}
.haut-message, .haut-message a {
color: #fffaff;
}
.date, .boutons {
flex-shrink: 1;
flex-grow: 1;
}
.boutons {
text-align: right;
}
.boutons img {
display: none;
}
.boutons a {
padding-left: 13px;
}
/* boutons Citer & cie */
.boutons a[href*="quote"]:before {
content: 'Citer ';
}
.boutons a[href*="edit"]:before {
content: 'Éditer ';
}
.boutons a[href*="delete"]:before {
content: 'Supprimer ';
}
.boutons a[href*="ip"]:before {
content: 'IP ';
}

/* message */
div.postbody {
border: 5px solid #463138;
background: #cbc9bd;
padding: 10px;
text-align: justify;
margin: 5px 0;
color: #333;
min-height: 366px;
}

/* signature */
.signature_div {
border-top:3px solid #463138;
margin-top:20px;
min-height: 200px;
font-size: 12px;
line-height: 1.3;
font-family: Verdana, sans-serif;
}
.signature_div br:first-of-type, .signature_div br:nth-child(2) {
display: none;
}

/* en ligne + autres boutons */
.online {
text-align: right;
font-family: Georgia;
font-size: 15px;
}
.online a img {
display: none;
}
.online > * {
padding-left: 15px;
}
.online a {
color: #FFFAFF;
}
.online a[title*="profil"]:after {
content: 'Profil ';
}
.online a[title*="message"]:after {
content: 'Message privé ';
}
.online a[href*="email"]:after {
content: 'Email ';
}

/* surveiller les sujets */
.watch-topic {
margin-top: 30px;
padding: 20px 20px 0;
text-align: right;
background: #928388;
}

/* réponse rapide */
.quick-reply {
padding: 20px;
background: #928388;
}
.quick-reply table {
margin: 0 auto;
}
.quick-reply .row2 {
background: transparent;
}

/* permissions */
.permissions {
margin-bottom: 20px;
padding: 20px;
background: #6f505f;
}
.permissions a {
color: #FFFAFF;
}
.permissions .row1, .permissions .row2 {
background: transparent;
}
/* FIN PROFIL */

/* DEBUT PA */
* {
font-family:'Playfair Display';
}
#PA {
width:850px;
height:760px;
background-color: #928388;
}
#titre{
margin-left:20px;
}
#contexte {
background:url('http://i.imgur.com/Ob1rIlL.png');
background-repeat:no-repeat;
overflow:hidden;
font-size:13px;
width:310px;
color:#000;
height:243px;
padding:20px;
text-align:justify;
margin-left:-450px;
margin-top:-15px;
}
#gobelin {
margin-top:-305px;
margin-left:0px;
}
.staffOLD {
margin-left:320px;
margin-top:-300px;
position:relative;
width:150px;
}
.staff {
display:inline-block;
padding:3px;
color:#fff;

}
.staff:hover, {
background-color:#533a40;
}
.staff span {
position:absolute;
background:#533a40;
margin-left:-145px;
margin-top:9px;
transform:scale(1) rotate(-180deg);
transition:all .4s;
padding:15px;
opacity:0;
text-align:center;
}

.staff:hover span, .staff:focus span{
transform:scale(1) rotate(0);
opacity:.9;
width:110px;
height:28px;
}

.lien {
margin-left:-630px;
width:170px;
height:24px;
font-size:15px;
color:#fff7fc !important;
background:#432932;
margin-top: 8px;
}
.lien a{
color:#ffffff;
text-decoration:none;
}

/* slideshow */
#slideshow {
position:relative;
width:318px;
height:178px;
margin-top:-184px;
margin-left:-110px;
}

/* gestion des dimensions et débordement du conteneur */
#slideshow .container {
position:relative;
width:318px;
height:178px;
overflow:hidden;
}

/* le conteneur des slides */
#slideshow .slider {
position:absolute;
left:0;
top:0;
width:400%;
height:145px;
animation:slider 16s infinite;
-webkit-animation:slider 16s infinite;
}

/* Fonction animation */
@keyframes slider {
0%,20%,100% {left:0}
25%,45% {left:-100%}
50%,70% {left:-200%}
75%,95% { left:-300%}
}
@-webkit-keyframes slider {
0%,20%,100% {left:0}
25%,45% {left:-100%}
50%,70% {left:-200%}
75%,95% { left:-300%}
}

.news {
height:178px;
}

.newsA {
background-color:#6a575d;
width:280px;
height:auto;
margin-left:325px;
margin-top:-178px;
font-size:15px;
padding-left:6px;
padding-bottom:2px;
color:#fff;
}
.newsB {
background-color:#cbc0c4;
width:280px;
height:auto;
margin-left:325px;
margin-top:4px;
font-size:15px;
color:#392d31;
padding-left:6px;
padding-bottom:2px;
text-transform:uppercase;
}
.newsC {
background-color:#6a575d;
width:280px;
height:auto;
margin-left:325px;
margin-top:4px;
font-size:14px;
padding-left:6px;
padding-bottom:2px;
color:#fff;
}
.newsD {
background-color:#cbc0c4;
width:280px;
height:auto;
margin-left:325px;
margin-top:4px;
font-size:15px;
color:#392d31;
padding-left:6px;
padding-bottom:2px;
}
.predefinisOLD{
margin-left:-650px;
margin-top:20px;
position:relative;
width:50px;
}
.predefinis{
margin-left:2px;
display:inline-table;
font-weight:bold;
}
.predefinis:hover, {
background-color:#533a40;
}
.predefinis span {
position:absolute;
background:#e4d1cd;
margin-left:-72px;
margin-top:5px;
transform:scale(1) rotate(-180deg);
transition:all .4s;
opacity:0;
text-align:center;
color:#000;
padding-top:15px;
}
.predefinis:hover span, .predefinis:focus span{
transform:scale(1) rotate(0);
opacity:.7;
width:68px;
height:75px;
}
.predefinis a{
color:#000;
font-weight:normal;
}
.event {
margin-left: 135px;
margin-top:-105px;
width:300px;
height:81px;
padding:2px;
color:#3b3034;
border:5px solid #3e272f;
background-color:#cbc0c4;
text-align:left;
font-size:16px;
font-weight:bold;
}
.event span{
font-size:12px;
color:#3b3034;
font-weight:normal;
}
.event a{
color:#3b3034;
margin-left:235px;
text-transform:uppercase;
font-weight:normal;
font-size:14px;
}
.top-sites{
margin-left:458px;
margin-top:-105px;
}
.partenariats {
width:780px;
margin-left:-188px;
margin-top:10px;
background-color:#4a2f38;
height:35px;
padding:10px;
}
.credits{
width:700px;
text-align:center;
margin-left:-150px;
font-size:9px;
color:#402f35;
font-family:arial;
}
/* FIN PA */

/* ------------- AFFICHAGE DES SUJETS ------------- */
.paginationsujetgen{
font-family: 'Playfair Display', serif;
height: 0px;
}

.paginationsujetgen a{
font-size: 13px;
color: #2D2125;
text-decoration: none!important;
}

.navigationsujet{
background: #CBC0C4;
width: 775px;
height: 28px;
margin: auto;
text-align: center;
text-transform: uppercase;
line-height: 27px;
overflow: hidden;
}

.navigationsujet a{
font-family: 'Playfair Display', serif;
color: #2D2125;
font-size: 15px;
font-weight: 100;
}

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

.titresujetliste{
background: #432932;
width: 770px;
height: 37px;
font-family: 'Playfair Display', serif;
padding-left: 5px;
z-index: 99;
position: relative;
}

.titresujetliste div{
color: #D4C5CA;
font-size: 13px;
position: relative;
top: -35px;
left: 635px;
width: 145px;
}

.titresujetliste a.topictitle{
color: #D4C5CA;
font-size: 25px;
font-weight: 100;
}

.imgnewnonew{
width: 0px;
height: 18px;
position: relative;
left: -25px;
top: -5px;
}

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

.pseudoun{
border: 6px solid #432932;
background: #CBC0C4;
width: 228px;
height: 33px;
margin-top: -9px;
font-family: 'Playfair Display', serif;
text-align: center;
font-size: 20px;
line-height: 30px;
}

.pseudoun a{
text-decoration: none !important;
text-transform: uppercase;
}

.pseudoun span{
color: #42363a !important;
font-weight: none !important;
}

.blocvues{
width: 73px;
height: 73px;
border: 1px solid #433036;
background: #6A575D;
color: #D4C5CA;
font-family: 'Playfair Display', serif;
text-align: center;
line-height: 65px;
font-size: 25px;
}

.blocreponses{
width: 73px;
font-size: 25px;
height: 73px;
border: 1px solid #423338;
background: #C8C2C4;
color: #1D1216;
font-family: 'Playfair Display', serif;
text-align: center;
line-height: 65px;
}

.derniermesssujet{
text-align: center;
width: 189px;
height: 48px;
padding: 3px;
font-size: 12px;
overflow: auto;
font-family: 'Playfair Display', serif;
line-height: 12px;
}

.avatardernier{
width: 145px;
height: 73px;
overflow: hidden;
box-shadow: 0px 0px 4px #533938;
}

.avatardernier img{
width: 145px;
margin-top: -50px;
}

.descrsujet{
background: #432932;
color: #D4C5CA;
width: 446px;
font-size: 12px;
line-height: 20px;
padding-left: 3px;
height: 20px;
overflow: hidden;
margin-top: -9px;
font-family: 'Playfair Display', serif;
}
/* FIN AFFICHAGE SUJETS */

/* TITRE QEEL */
.tleQEEL {
margin:auto; width:850px; height:189px;
background:url(https://i.imgbox.com/TeAjOFth.png); /* MODIFIABLE */
}
/* QEEL */
.QEEL {
margin:-20px auto 0; width:800px;
font-family:Arial; text-align:center;
}
/* BLOC POSITIONNEMENT QEEL */
.boxQEEL {
display:inline-block; vertical-align:top; width:630px; margin-right:10px;
}
/* MEMBRES EN LIGNE QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin-right:10px;
width:212px; height:136px; padding:5px; overflow:auto; border:2px solid;
border-color:#432932; background:#CBC0C4; color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* TITRE MEMBRES EN LIGNE QEEL */
.onlineQEEL div {
margin-bottom:5px; text-transform:uppercase; text-align:left; font-size:14px; font-weight:bold;
color:#432932; /* MODIFIABLE */
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
width:394px; height:150px; overflow:hidden;
background:url(https://i.imgbox.com/XutzoWeL.png); color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.contenu_onglet {
display:none;
margin:10px; width:354px; height:110px; padding:10px; overflow:auto;
}
/* TITRES DESCRITIFS GROUPES QEEL */
.contenu_onglet span {
display:block; margin:auto; text-transform:uppercase; text-align:center; font-size:14px;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin-top:10px;
width:375px; height:105px; padding:10px; overflow:auto;
background:#432932; /* MODIFIABLE */
}
.dayQEEL .row1 {
padding:0; background:none;
}
.dayQEEL .row1 .gensmall {
font-family:Arial;
}
/* STATISTIQUES QEEL */
.stsQEEL {
display:inline-block; vertical-align:top; margin-left:10px; margin-top:10px;
width:225px; text-align:center; font-size:10px;
}
/* TOTAL MESSAGES QEEL */
.tlPQEEL {
display:inline-block; vertical-align:top;
width:75px; height:50px; padding-top:15px;
background:#CBC0C4; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlPQEEL b {
display:block;
}
/* TOTAL SUJETS QEEL */
.tlSQEEL {
display:inline-block; vertical-align:top; margin:0 5px;
width:70px; height:50px; padding-top:15px;
background:#432932; color:#CBC0C4; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlSQEEL b {
display:block;
}
/* TOTAL MEMBRES QEEL */
.tlMQEEL {
display:inline-block; vertical-align:top;
width:70px; height:50px; padding-top:15px;
background:#CBC0C4; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:12px;
}
.tlMQEEL b {
display:block;
}
/* DERNIER UTILISATEUR ENREGISTRE QEEL */
.lstQEEL {
margin-top:5px;
width:225px; height:45px; padding-top:10px;
text-transform:uppercase; font-size:16px;
background:#CBC0C4; color:black; /* MODIFIABLE */
}
.lstQEEL a {
display:block; font-size:14px;
}
/* BLOC GROUPES QEEL */
.GQEEL {
display:inline-block; vertical-align:top; width:160px;
}
/* GROUPES QEEL */
.onglet {
display:block; margin-bottom:5px; padding:5px 0; overflow:hidden;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL GROUPE QEEL */
.onglet_1 {
opacity:1;
}
/* ANNIVERSAIRES QEEL */
#anvQEEL {
margin-top:5px; font-size:11px; text-align:left;
color:black; /* MODIFIABLE */
}
#anvQEEL .row1 {
background:none;
}
#anvQEEL .row1 .gensmall {
font-family:Arial;
}
/* FIN QEEL */

/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC AVATAR / RANG / IMAGES CONTACT */
#avPFIL {
display:inline-block; vertical-align:top;
width:200px;
}
/* AVATAR */
.avPFIL {
position:relative; z-index:5; width:200px; height:320px; border:2px solid;
border-color:#432932; /* MODIFIABLE */
}
/* IMAGE RANG PROFIL */
.rangPFIL {
position:absolute; margin-left:-50px; margin-top:-100px; color:rgba(0,0,0,0);
}
.rangPFIL img{
margin-left:-170px;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:10px; text-align:center; color:rgba(0,0,0,0);
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block;
}
.ktactPFIL img {
margin:0 5px; max-height:25px;
}
/* BLOC POSITIONNEMENT PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top; margin-left:10px; width:586px;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:20px; padding:10px 0;
text-transform:uppercase; text-align:center;
background:#432932; color:white; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span {
color:white !important; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
display:inline-block; margin-right:10px;
width:270px; height:340px; overflow:auto;
font-size:11px;
color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
text-transform:uppercase; font-weight:bold; color:black; /* MODIFIABLE */
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
display:inline-block; vertical-align:top; width:286px; padding:10px;
background:#CCC; color:black; /* MODIFIABLE */
}
.boxRPG span:nth-of-type(even) {
display:block; font-weight:normal;
}
/* INTITULES CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* IMAGE FEUILLE DE PERSONNAGE PROFIL */
.imgRPG {
display:block; margin:0 auto 10px; text-align:center; border:2px solid;
border-color:#432932; /* MODIFIABLE */
}
.boxRPG br {
display:none;
}
/* ADMINISTRER UTILISATEUR PROFIL */
.adminPFIL {
text-align:right; font-size:11px; font-family:Arial;
}
/* INTITULE ADMINISTRER UTILISATEUR PROFIL */
.adminPFIL span {
display:block; text-transform:uppercase; font-weight:bold;
color:black; /* MODIFIABLE */
}
/* FIN DU PROFIL */

Remplacez les lignes 245 à 272 du template overall_header par :

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

<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>

<td align="center" width="100%" valign="middle">

<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />

<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br />  </span>
</td>

<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>

</tr>
</table>

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">

Remplacez :

Code:: .bodyline{
margin-left: -50px;
margin-right: -50px;
}

Par :

Code:: /* CORPS DU FORUM */
.bodyline {
background:#928388; /* MODIFIABLE */
}

Bonjour :) Tout fonctionne Nickel à présent, je vous remercie énormément ♥ Vous serez bien évidemment crédité dans la partie concernée :)