profil avancé décalé et intouchable

[Dellou]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : aujourd'hui
Lien du forum : http://emrysacademy.forumactif.com/

Description du problème

Bonjour/Bonsoir forumactif !
Me revoilà avec un bug étrange... les profils avancés sont bugués totalement, intouchable et j'ai beau mettre un css et changer le template comme je le voudrai, ça ne change pas non plus ! enlever le css et le template modifier garde qu'en même ce bug, je ne comprend vraiment pas ?

En gros, les profils sont coincés dans cette forme actuelle que vous voyez en screen...
Une idée de comment régler ce problème...?

[Invité]

Hello Dellou,

à priori cela viendrait de la largeur en px de cette class:

Code:


table.forumline
{
width: 880px;
}


Si tu modifies en pourcentage, le soucis disparait:

Code:


table.forumline
{
width:100%;
}


a++

[Dellou]

Bonjour !
Merci beaucoup pour votre aide et votre intérêt, c'était bien ça qui faisait que c'était décalé !
Par contre, je ne comprend pas pourquoi je n'arrive pas à le modifier, ce template ? Vraiment intouchable, pourtant le CSS est là, le template aussi (tout deux venant de libre service de CCCrush) ... ?

[Invité]

Re,
hum, tu n'as pas besoin de mettre cette class:

Code:

table.forumline
{
width:100%;
}

Elle est déjà incluse dans les templates.
Ensuite, le forum que mentionnes annonce:
Largeur minimale du forum : 800px
Cette valeur se renseigne dans ton P.A:
Général/Configuration/Général/Structure des pages
Largeur du forum

Sur mon fofo de tests, tout fonctionne correctement.


a++

[Dellou]

Merci ! Pas de soucis pour la largeur du forum j'ai retiré le code inutile, mais ce n'est pas ce qui me fait défaut actuellement... Je ne peux juste pas modifier ce template, rien ne change...

[Invité]

Re,

Je ne peux juste pas modifier ce template, rien ne change...

ben, si tu ne donnes pas d'information, je ne peux pas savoir ce que tu veux effectuer .

a++

[Dellou]

mais...
justement, je ne sais pas d'où pourrais venir le problème et c'est pour ça que je cherche si quelqu'un saurait d'où pourrais provenir le problème...
Le template et le CSS pour les profils avancés sont nickel, c'est du copié/collé de CCCRUSH que j'ai utilisé sur mes deux autres forums
Mes deux autres forums ont intégralement le même CSS et les même templates... peut-être ai-je fait un oubli quelque part, mais de là à ce que ça rende impossible le codage dans la partie profil avancé ? Je n'en sais rien !

Je vous donne tout de même le CSS du forum & le template, si ce n'est pas dans le CSS je ne vois pas où ça pourrait être mais pourtant il est identique à mes deux autres forums.

Template

Code:

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><div class="lstPFIL"><!-- BEGIN switch_auth_user --><div class="adminPFIL">{ADMINISTRATE_USER}{BAN_USER} |&nbsp;{L_PRIVATE_MSG} : {PRIVATE_MSG}</div><!-- END switch_auth_user --><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div><div id="avPFIL"><div class="avPFIL">{AVATAR_IMG}</div><a class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a></div><div class="boxPFIL"><div class="namePFIL">{USERNAME}</div><div class="abtPFIL"><!-- BEGIN profile_field --><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div><!-- END profile_field --></div></div><div id="ktactPFIL"><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div>

<!-- BEGIN switch_rpg -->
<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>
 <!-- BEGIN rpg_fields -->
 <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>
 <!-- END rpg_fields -->
 {U_ADMIN_RPG}
 </div>
 <!-- END switch_rpg -->
<!-- BEGIN switch_admin_user_comment_active --><span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}<!-- END switch_admin_user_comment_active -->
</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>

CSS

Code:

/**************************************************************** MESSAGE ET PROFIL *****************************************************/

.sujetNouveauRep{
  margin-bottom:10px;

}
.sujetFond{
  font-family: 'Open Sans';
  font-size:12px;
  color:#2d2d40;
  padding:10px;
  width:880px;
}
.sujetTitre{
  padding:5px;
  background-color:#f5f5f5;
  color:#222;
  border:solid 1px #eee;
  font-size:34px;
  text-transform:uppercase;
  text-align:center;
  font-weight:normal;
  letter-spacing:2px;
  margin-bottom:10px;
  font-family: 'Tulpen One', cursive;
  border-radius:0px 0px 0px 0px;
  width:880px;
}
.sujetNav{
  font-size:0;
}
.sujetNav a{
  color:#697698!important;
 
  font-weight:normal;
  font-size:20px;
  text-decoration:none!important;
}
.sujetNav a:not(:last-of-type):after{
  content:"-";
  margin:0 2px;
}
.sujetPagination{
  color:#ccc;
  background-color:#f5f5f5;
  border:solid 1px #eee;
  padding:10px;

}
.sujetPaginationLast{
  padding:0 10px 10px;
}
.sujetPagination a{
  color:#504254!important;

}
.sujetPagination img{
  height:10px;
  opacity:0.8;
}
.sujetHeureEdit{
  height:20px;
  padding:10px 0 0 0;width:620px;
}
.sujetHeure{
  float:left;
  font-size:9px;
  text-transform:lowercase;
  font-family:tahoma;
  border:solid 1px #eee;
  padding:5px;
}
.sujetEdit{
  float:right;
}
.sujetEdit img{
  height:20px;
  opacity:;
  margin:0 3px;
}


.sujetPermissions{
  padding:10px;
  background-color:#e2dfed;
}
/*Profil du posteur*/
.sujetProfil{
  width:250px;
  height:350px;
  background:#f5f5f5;
  margin:10px 10px 10px 0;
  padding:10px;
  border:solid 1px #eee;
}
.sujetPseudo{
  text-align:right;
  padding-top:-30px;
font-family: 'Poppins', sans-serif;
  text-transform:uppercase;
  font-size:25px;
  background:#f5f5f5;
  width:610px;
  height:70px;
  border:solid 1px #eee;
padding-right:2px;
}
.sujetPseudo{
  text-decoration:none!important;
    padding-right:20px;
}
.sujetPseudo strong{
  font-weight:normal;
}
.sujetOn{
  position:absolute;
  bottom:15px;
  right:15px;
  transform:translatex(0px);
  webkit-transform:translatex(0px);
  transition:all 600ms;
}
.sujetHover:hover .sujetOn{
  transform:translatex(-200px);
  webkit-transform:translatex(-200px);
}
.sujetHover{
  position:relative;
  width:250px;
  height:350px;
  overflow:hidden;
 
}
.sujetInfos img {max-width:80px;width:80px;height:80px;background:#fff;
border-radius:100%;padding:5px; margin-left:55px;border:solid 1px #ccc;}
.sujetAvatar{
  position:absolute;
  top:0;
  left:0px;
  transform:translatex(0px);
  webkit-transform:translatex(0px);
  transition:all 600ms;
}
.sujetAvatar > img{
  width:100%;
}
.sujetHover:hover .sujetAvatar{
  transform:translatex(-250px);
  webkit-transform:translatex(-250px);
}
.sujetInfos{
  position:absolute;
  top:0px;
  left:0px;
  background:#f5f5f5;
  overflow:auto;
  padding:10px;
  color:#ccc;
  transform:translatex(200px);
  webkit-transform:translatex(200px);
  transition:all 600ms;
 
  width:230px;
  height:330px;
}
.sujetHover:hover .sujetInfos{
  transform:translatex(0px);
  webkit-transform:translatex(0px);
 
}
.sujetInfos div{
  padding:5px;
  background-color:#f5f5f5;
  font-size:9px;font-family:tahoma; text-transform:uppercase; color:#999;
}

.sujetRang{
  color:#191816;
  text-align:right;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:21px;
  padding-right:10px;
font-family: 'Tulpen One', cursive;

 
}
form#quick_reply {
  margin-top:10px;
  width:880px;
}

.sujetFeuille{
  padding:10px;
}
.sujetFeuille br:first-of-type{
  display:none;
}
/******************************************************************FIN MESSAGE ET PROFIL ********************************************/


/***************************************TOOLBAR********************************************************/

#fa_toolbar {
    background-color: transparent !important;  /* Rend transparent le fond principal */
}
#fa_right {
    background-color: #fefefe !important;
  border-right:solid 1px #ffae33;
  border-left:solid 1px #ccc;

    border-radius: 0 0 40px 40px;  /* Arrondis les bords */
    padding-left: 10px;  /* Règle la marge intérieure gauche */
    padding-right: 10px;  /* Règle la marge intérieure droite */
    position: relative;  /* Permet de décaler la toolbar */
    right: 400px;  /* Décale la toolbar de la droite */
}

#fa_menu:hover :visited, #fa_toolbar > #fa_right.notification > #fa_notifications {background:transparent!important;}


span#notif_unread {color:#656388!important;font-family:open sans!important;text-transform:lowercase!important;}
#fa_right a.rightHeaderLink{color:#656388!important;font-family:open sans!important;text-transform:lowercase!important;}
a#fa_show {right:400px!important;}


li.see_all {top:2px!important;font-size:9px!important;text-transform:lowercase!important;height:20px!important;}

/* Boutons connexion / enregistrement de la toolbar */
#fa_right a[href$="login"],
#fa_right a[href$="register"] {
    display: none!important;
}
a#fa_hide {display: none!important;}

a#fa_welcome {display:none!important;}
#fa_left {
    display:none!important;
}
 
#fa_search {
    display:none!important;
}
 
#fa_share {
    display:none!important;
}

/***********************************************************************BANNIERE**************************************/

#i_logo img {
    margin-left: -7px;
  margin-right:0px;
    margin-top: 40px;
    width: 101%;
  padding:0px;
box-shadow: 0px 0px 1px #f8c74e;
}
/************************************************************** PA *************************************************/
.tonImage:hover {
  opacity:0.8;
  transition: 0.5s;
}
.tonImage{transition: 0.5s; }

.ecr_rum {
text-align:center; font-weight: 100;
  text-transform:lowercase; font-size:11px; font-family: 'homemade apple', sans-serif;/* MODIFIABLE */
color:#fff;
  padding-bottom:20px;

}

div.desc_img {
    width:190px; /*largeur description*/
    height:40px; /*hauteur description*/
    background-size: cover;
    position: relative; /*pour pouvoir positionner le texte au dessus*/
  border:solid 1px #f1f1f1;
}
div.frm_desc {
    width:190px; /*hauteur description*/
    height: 40px; /*hauteur description*/
    padding: 2px; /*marge intérieure*/
    background: #fff; /*couleur de fond de la description*/
  font-family:tahoma;
  font-size:9px;
  line-height: 9px;
  text-align:center;
    position: absolute; /*pour placer par rapport au bloc desc*/
    top:0; /*position verticale*/
    left:0; /*position horizontale*/
    opacity:0; /*invisible ne tems normal*/
    transition: opacity 1s ease; /*effet de transition*/
}
div.frm_desc:hover {
    opacity:1; /*visible au survol*/
}

div.predef_img {
    width:195px; /*largeur description*/
    height:105px; /*hauteur description*/
    background-size: cover;
    position: relative; /*pour pouvoir positionner le texte au dessus*/
  border:solid 3px #f1f1f1;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
}

div.predef_img:hover {
    opacity:1; /*visible au survol*/
 filter: grayscale(0%); -moz-filter: grayscale(0%); -webkit-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);
transition: 0.5s;
}


/**slide**/
.slideshow,
.slide {
    width: 240px;
    height: 150px;
  border-right:solid 5px #fff;
  border-top:solid 3px #fff;
  border-bottom:solid 6px #fff;
  border-left:solid 2px #fff;
  background:#fff;
 
 
}

.slideshow {
    overflow: hidden;
}

.slideshow div {
    position: relative;
    top: 0;
    left: 0;
}
 
.slide {
    overflow: hidden;
 
    display: inline-block;
    vertical-align: middle;
     
    text-align: center;
    color: white;

}

/**slide**/

  h2{
    font-size:2em;
  }
  aside{
      float:left;
      width:95%;
      padding-left: 5%;
      position:relative;
      float:left;
      padding-top: 10px;
      padding-bottom:10px;
  }

.grayscale img
{
        filter: grayscale(1);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(1);
        -o-filter: grayscale(1);
        -ms-filter: grayscale(1);
}
.grayscale img:hover
{
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0);
}

div.contenant {
    width:200px;
    height:80px;
    overflow: hidden;
  background:#fefefe;
  border:solid 1px #eee;
  text-align:center;
 
 
}
 div.contenu {
    width: 200px;
    height: 80px;
    overflow: auto;
  background:#fefefe;
  border:solid 1px #eee;
  text-align:center;
 
 }
.contenant img {
  width:200px;
    height:80px; 
    position: relative; 
    bottom: 80px;
    transition: 0.9s; 
  border:solid 1px #eee;
}
.contenant:hover img { 
    bottom: 160px;
    transition: 0.9s;
  border:solid 1px #eee;
}



/******************************************************************************* FORUM **********************************/

div.topictitle strong { display: none; }

.sceditor-container
{
width: 600px !important;
}

a{
  cursor: crosshair;}
/* SPOILER CODE CITATION */


/*Titre de CODE, SPOILER ET QUOTE*/
.codebox > dt .genmed, .spoiler > dt {
  text-transform: uppercase; cursor:pointer; font-family: 'Tulpen One', cursive;font-size:12px;    letter-spacing: 3px;
}


.selectCode { float:right; text-transform: uppercase; cursor:pointer; font-family: 'Tulpen One', cursive;font-size:12px;    letter-spacing: 3px;}
div.cont_code { clear: right; }


.spoiler_closed {
     padding: 5px;
   display:block;
   line-height: 125%;
   border-top: none;
   background-color: #fff;
  border:solid 1px #f5f5f5;
  width:100%;
   box-shadow: 0px 0px 1px #848484;
   }
.spoiler_content {
     padding: 5px;
   display:block;
   line-height: 125%;
   border-top: none;
   background-color: #fff;
  border:solid 1px #f5f5f5;
  width:100%;
   box-shadow: 0px 0px 1px #848484;
}
 
.quote {
     padding: 5px;
   display:block;
   line-height: 125%;
   border-top: none;
   background-color: #fff;
  border:solid 1px #f5f5f5;
  width:100%;
   box-shadow: 0px 0px 1px #848484;
}

.code {
     padding: 5px;
   display:block;
   line-height: 125%;
   border-top: none;
   background-color: #fff;
  border:solid 1px #f5f5f5;
  width:100%;
   box-shadow: 0px 0px 1px #848484;
}


/* Code infobulles*/

.infobulle{
position:relative;
text-decoration:none; 
}
 
.infobulle:hover{
z-index:25;
background: none;
}
 
.infobulle span{
display: none;
}
 
.infobulle:hover span{
display:block;
position:absolute;
top:40px; left:50px; width:autopx;
border:1px solid #9bc3c3;
background-color: #9bc3c3;
font-family: cousine;
  font-size: 8px;
  border-radius:4px 4px 4px 4px;
  color: #fff;
  text-transform:uppercase
text-align: justify;
padding:5px;white-space: nowrap;
}

.infobulle2{
position:relative;
text-decoration:none; 
}
 
.infobulle2:hover{
z-index:25;
background: none;
}
 
.infobulle2 span{
display: none;
}
 
.infobulle2:hover span{
  display:block;
position:absolute;
top:40px; left:50px; width:autopx;
  border-radius:2px 2px 2px 2px
border:1px solid #eee;
background-color: #fefefe;
font-family: roboto;
  font-size: 9px;
  color: #222;
  text-transform:uppercase
text-align: justify;
padding:5px;white-space: nowrap;

}
.infobulle3{
position:relative;
text-decoration:none; 
}
 
.infobulle3:hover{
z-index:25;
background: none;
}
 
.infobulle3 span{
display: none;
}
 
.infobulle3:hover span{
display:block;
position:absolute;
top:10px; left:30px; width:autopx;
border:1px solid #ccc;
background-color: #fff;
font-family: cousine;
  font-size: 9px;
  border-radius:4px 4px 4px 4px;
  color: #222;
  text-transform:uppercase
text-align: justify;
padding:5px;white-space: nowrap;
}


.forum_line
{
  width: 880px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 0px;

}
.forumline2 {
  border: none;
  box-shadow: none;
  background: none;
}



a.nav img
{
  width: 200px;
}

table.bodylinewidth {
   
  margin-top:0px;
  border-left:solid 20px rgba(255,255,255,0.3);
 
  border-right:solid 20px rgba(255,255,255,0.3);
  border-bottom:solid 20px rgba(255,255,255,0.3);
}







div.desc_img {
    width:299px; /*largeur description*/
    height:40px; /*hauteur description*/
    background-size: cover;
    position: relative; /*pour pouvoir positionner le texte au dessus*/
  border:solid 1px #f1f1f1;
}
div.frm_desc {
    width:295px; /*hauteur description*/
    height: 36px; /*hauteur description*/
    padding: 2px; /*marge intérieure*/
    background: #fff; /*couleur de fond de la description*/
  font-family:tahoma;
  font-size:9px;
  text-transform:uppercase;
  text-align:center;
    position: absolute; /*pour placer par rapport au bloc desc*/
    top:0; /*position verticale*/
    left:0; /*position horizontale*/
    opacity:0; /*invisible ne tems normal*/
    transition: opacity 1s ease; /*effet de transition*/
}
div.frm_desc:hover {
    opacity:1; /*visible au survol*/
}

div.predef_img {
    width:195px; /*largeur description*/
    height:105px; /*hauteur description*/
    background-size: cover;
    position: relative; /*pour pouvoir positionner le texte au dessus*/
  border:solid 3px #f1f1f1;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
}

div.predef_img:hover {
    opacity:1; /*visible au survol*/
 filter: grayscale(0%); -moz-filter: grayscale(0%); -webkit-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);
transition: 0.5s;
}


/**slide**/
.slideshow,
.slide {
    width: 240px;
    height: 150px;
  border-right:solid 5px #fff;
  border-top:solid 3px #fff;
  border-bottom:solid 6px #fff;
  border-left:solid 2px #fff;
  background:#fff;
 
 
}

.slideshow {
    overflow: hidden;
}

.slideshow div {
    position: relative;
    top: 0;
    left: 0;
}
 
.slide {
    overflow: hidden;
 
    display: inline-block;
    vertical-align: middle;
     
    text-align: center;
    color: white;

}

/**slide**/

  h2{
    font-size:2em;
  }
  aside{
      float:left;
      width:95%;
      padding-left: 5%;
      position:relative;
      float:left;
      padding-top: 10px;
      padding-bottom:10px;
  }
 
  nav{
    display:none;
  }
  #nav-btn{
 
    height:40px;
    width:40px;
    position:absolute;
    right:7px;
    top:7px;
    display:block;
    cursor: pointer;
  }
  h1{
      margin-bottom: 0px;
  }
 
 

.bodyline{
    position:relative;
margin-bottom: 0px;
    padding: 0;
  border: 1px solid #d1d1d1;;
  padding:15px;
      background: #fff;
  max-width:920px!important; /* largeur maximale */
min-width:920px!important; /* largeur minimale */
width:920px!important; /* largeur */
  border-radius: 0px;}




/** Suppression du soulignement **/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumlink {text-decoration: none;}
a.forumlink:hover {text-decoration: none!important;}
a.topiclink {text-decoration: none; }
a.topiclink:hover {text-decoration: none!important; }
/** Suppression du soulignement **/

/*BARRE DE DEFILEMENT*/
::-webkit-scrollbar {
  height: 5px;
  width: 3px;
  background-color: black; /* couleur de fond */
}
 
html > ::-webkit-scrollbar {
  width: 6px; /* largeur de la barre */
}
 
::-webkit-scrollbar-thumb {
  background: #cccccc /* couleur de la barre qui se déplace */
}
 
::-webkit-scrollbar-track-piece {
  background-color: #222; /* couleur de fond */
}


a {text-decoration: none;}

div.sujetMessage {width:630px;}

body
{ cursor: url(http://cur.cursors-4u.net/cursors/cur-7/cur686.cur), auto !important;
    position:center;
  overflow-x: hidden;
  background-attachment: fixed;
  background-image:url(https://i.pinimg.com/564x/4c/a1/b3/4ca1b3ce1ae37f5f61cfd67e32b067d2.jpg);
  margin-bottom: 0;
padding-bottom: 0;
}


/***************************************************************************** QEEL **************************************/
 
/*PERSONNALISATION DU QEEL PAR AWFUL*/
/*Le bloc du QEEL*/
#qeel {
    width: 900px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background:#f5f5f5;
  border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    padding: 20px;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
    color: #000;
}
 #qeel a, #qeel a:hover, #qeel a:active {
    text-decoration: none!important;
}
/*Titre du QEEL*/
 #qeel h2 {
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    background: #222;
    color: #fff;
    margin: -20px -20px 20px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    padding: 10px;
}
/*Les titres des boîtes*/
 #qeel h3 {
    background: #ddd;
  border:solid 1px #ccc;
  text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;
    color: #222;
    margin: 0;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    padding: 2px 8px;
    font-weight: 500;
}
 .qeel-left {
    height: 180px;
    width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 10px;
}
/*Blocs des stastistiques messages et membres*/
 .qeel-stats div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #eee;
    height: 30px;
    line-height: 30px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 5px;
    font-family: "Roboto Condensed", sans-serif;
    padding-right: 10px;
    font-size: 11px;
}
 .qeel-stats div i {
    background: #1e1e1e;
    color: #ccc;
    width: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: auto;
    font-size: 15px;
}
/*Bloc de la liste des connectés*/
 .qeel-online {
    width: 350px;
    height: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 10px;
}
 .qeel-online .qeel-online-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 10px;
    overflow: auto;
    border: 10px solid #fff;
    background: #fff;
    font-size: 10px;
}
/*Bloc statistique des connectés*/
 .qeel-online-stats {
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 5px;
}
/*Bloc des connectés des dernières 24h*/
 .qeel-last-24 {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
 .qeel-last-24 .qeel-online-content{
    overflow: auto;
    margin: 10px;
    padding-right: 5px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
 .qeel-last-24 .qeel-online-content table {
    border-collapse: collapse;
}
 .qeel-last-24 .qeel-online-content td {
    padding: 0;
    background: transparent;
}
 .qeel-last-24 .qeel-online-content .gensmall {
    font-family: "Roboto", sans-serif;
}
 .qeel-right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
 .qeel-right > div:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
 .qeel-welcome h3 {
    margin:0 0 10px!important;
}
/*Bloc du lien vers Discord*/
 .qeel-discord a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Roboto Condensed", sans-serif;
    background:#ddd;
  border:solid 1px #ccc;
    color: #fff;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
 .qeel-discord:hover a {
    color: #7b7b7b;
}
 .qeel-discord a i {
    font-size: 50px;
    margin: 10px;
    color: #757575;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
 .qeel-discord:hover a i {
    color: #1e1e1e;
}
 .qeel-discord a div {
    text-transform: uppercase;
    font-size: 15.5px;
    line-height: 1;
}
 .qeel-discord a div b {
    display: block;
    font-size: 30px;
    color: #6e6e6e;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
 .qeel-discord:hover a div b {
    color: #1e1e1e;
}
/*Blocs des liens top 20 posteurs, supprimer cookies, etc*/
 .qeel-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
 .qeel-links a {
    height: 40px;
    width: 40px;
    background: #1e1e1e;
    color: #ccc;
    text-align: center;
    font-size: 10px;
    box-sizing: border-box;
    border: 1px solid #1e1e1e;
    box-shadow: 3px 0 0 #303030 inset, -3px 0 0 #303030 inset, 0 3px 0 #303030 inset, 0 -3px 0 #303030 inset;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
 .qeel-links a:hover {
    color: #4e4e4e;
}
 .qeel-links a div {
    position: absolute;
    right: 50px;
    white-space: nowrap;
    color: #1e1e1e;
    background: #fff;
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    height: 10px;
    line-height: 10px;
    padding: 2px 5px;
    top: calc(50% - 7px);
    pointer-events: none;
    -webkit-transform: translate(30px,0);
            transform: translate(30px,0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
 .qeel-links a div:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: -5px;
    top: 3.5px;
}
 .qeel-links a:hover div {
    -webkit-transform: translate(0,0);
            transform: translate(0,0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 /******************************************************************* CATEGORIES ******************************************/
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:auto; margin-top:5px;
width:900px; padding:15px 0; text-align:center; height:80px;
background:#222; border:solid 1px #ccc; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0; margin-top:5px;margin-left:20px;
  text-transform:lowercase; font-size:50px; font-family: 'open sans', sans-serif;font-style: italic; color:#222; 
    text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;
    text-align: left;
    font-weight: 100;
    letter-spacing: -4px; /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:5px auto;
width:900px; font-family:Arial;border:solid 1px #ccc;padding-bottom:5px;background:#f5f5f5;
}
/* BLOC TITRE & DERNIER MESSAGE FORUM */
.boxFRM {
display:inline-block; vertical-align:top; margin-bottom:5px;
width:720px; padding:10px 0 10px 15px;
background:#eee;border:solid 1px #ccc; /* MODIFIABLE */
}
/* TITRE FORUM */
.tleFRM {
display:inline-block; padding-top:3px;
}
.tleFRM a {
text-transform:uppercase; text-align:left;font-family:poppins;
color:#222 !important; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
float:right; margin-right:10px;
height:15px; padding:5px; overflow:hidden;
text-align:center; font-size:10px; text-transform:uppercase;
background:rgba(250,250,250,0.6); color:black; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:black !important; /* MODIFIABLE */
}
/* TAILLE PSEUDONYME DERNIER POSTEUR FORUM */
.lmsgFRM .gensmall {
font-size:8px;
}
/* NOMBRE SUJETS FORUM */
.nbFRM {
display:inline-block; vertical-align:top; margin-left:15px;
width:45px; height:30px; padding-top:15px; margin-bottom:3px;
font-size:10px; text-transform:uppercase; text-align:center;
background-image: url(https://i.imgur.com/WF7LhvS.png); color:white; /* MODIFIABLE */
}
/* NOMBRE MESSAGES FORUM */
.nbIIFRM {
background-image: url(https://i.imgur.com/9MIgDCG.png); color:white; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
.descFRM {
display:inline-block; vertical-align:top;
width:580px; height:&à0px; padding:5px; overflow-y:auto;
font-size:10px; text-align:justify; line-height:15px;
background:rgba(250,250,250,0.3); color:black; /* MODIFIABLE */
}


/* IMAGE DESCRIPTIVE */
.descFRM img {
position:absolute; z-index:3; margin-left:370px; margin-top:-10px;
width:50px; height:50px; border-radius:100%;border:solid 10px #fff;
}

/* BLOC SOUS-FORUMS */

.sfFRM {
margin:auto;
width:900px; text-align:right; font-size:7px;margin-top:-5px;border-left:solid 1px #ccc;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;
background:white; color:#74878B; background:#ddd;/* MODIFIABLE */
}
/* LIENS SOUS-FORUMS */
.sfFRM a{text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;
display:inline-block; vertical-align:middle; margin:5px 0; margin-right:5px;
text-transform:uppercase; color:#222 !important; /* MODIFIABLE */
}
/* ICÔNES FORUM */
.imgFRM {
display:inline-block; vertical-align:top; margin-left:150px;
width:150px; height:100px;background-image:url(https://i.pinimg.com/564x/4c/a1/b3/4ca1b3ce1ae37f5f61cfd67e32b067d2.jpg);border:solid 1px #ccc;
}
/**************************************** PRESENTATION LISTE SUJETS ***********************************************************/
/* BLOC SUJET */
.LSBJ {
margin:10px auto 0; width:880px; text-align:center; font-family:Arial;
}
/* OUTIL MODERATION SUJET */
.modSBJ {
position:absolute; z-index:3; margin-left:-10px; margin-top:30px;
}
/* AVATAR DERNIER POSTEUR */
.avSBJ {
display:inline-block; vertical-align:top; margin-right:5px; border-radius:5px 5px 5px 5px;
width:75px; height:75px; overflow:hidden;
}
.avSBJ img{
width:85px;
}
/* BLOC TITRE & DESCRIPTION / ICÔNES / DERNIER MESSAGE SUJET */
.boxSBJ {
display:inline-block; vertical-align:top;
width:465px;
}
/* BLOC TITRE & DESCRIPTION SUJET */
.tleSBJ {
display:inline-block; vertical-align:top;
width:455px; height:55px; padding:0 5px; overflow:hidden;
background:#eee; color:white; border:solid 1px #ccc;/* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:#222 !important; font-style:italic;font-family:open sans;font-size:20px;/* MODIFIABLE */
}
/* DESCRIPTION SUJET */
.descSBJ {
display:inline-block; vertical-align:middle; margin-right:5px;
color:#CCC; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* LISTE DES PAGES SUJET */
.gotoSBJ {
display:inline-block; vertical-align:middle; font-size:9px;
color:#CCC; /* MODIFIABLE */
}
.gotoSBJ a{
color:#CCC !important; /* MODIFIABLE */
}
.gotoSBJ br:nth-of-type(1) {
display:none;
}
.gotoSBJ img {
display:none;
}
/* ICÔNES SUJET */
.imgSBJ {
display:inline-block; vertical-align:top; margin-top:5px; margin-right:5px;
width:150px; height:15px;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; vertical-align:top; margin-top:5px;
width:310px; height:15px; overflow:hidden;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
font-size:9px; text-align:center; line-height:15px;
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:top; margin:0 5px;border:solid 1px #ccc; border-radius:0px 5px 0px 5px;
width:135px; height:75px; overflow:hidden;
background-image:url(https://i.pinimg.com/564x/4c/a1/b3/4ca1b3ce1ae37f5f61cfd67e32b067d2.jpg); /* MODIFIABLE */
font-size:11px; text-align:center; line-height:11px;
}
/* BLOC VUES & REPONSES SUJET */
.stsSBJ {
display:inline-block; vertical-align:top;border-radius:3px 3px 3px 3px;
width:100px; padding:5px; line-height:15px;
background:#222; /* MODIFIABLE */
}
/* VUES SUJET */
.vuesSBJ {
margin:5px auto;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* REPONSES SUJET */
.repSBJ {
margin:5px auto;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}



/******************************************************* LISTE MEMBRE ****************************************************************/

/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:780px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:770px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:#f1f1f1; color:#ccc;border:solid 1px #ddd; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:185px; height:185px; overflow:hidden; text-align:center;
}
/* AVATAR */
.imgLMBER {
width:185px; height:185px; overflow:hidden;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.imgLMBER img{
width:185px;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.MBER:hover .imgLMBER img{
margin-top:-10px; margin-left:-10px; width:205px;
filter:grayscale(1) blur(2px); -webkit-filter:grayscale(1) blur(2px);
}
/* PSEUDONYME */
.nameLMBER{
position:absolute; z-index:5; margin-left:10px; margin-top:85px;
width:165px; padding:5px 0;
text-align:center; text-transform:uppercase; font-family:Arial; font-size:12px;
background:#FEFEFE; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.MBER:hover .nameLMBER {
margin-top:10px;
}
/* BLOC NOMBRE MESSAGES / INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
#boxLMBER {
position:absolute; z-index:3; margin-top:10px;
width:165px; height:165px; padding:0 10px; overflow:hidden;
opacity:0; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.boxLMBER {
position:relative; margin-top:-105px;
font-family:Arial; text-align:center; text-transform:uppercase;
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.MBER:hover .boxLMBER {
margin-top:35px;
}
.MBER:hover #boxLMBER {
opacity:1;
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
margin-top:5px; padding:2px 0;
color:rgba(255,255,255,0.8); /* MODIFIABLE */
font-size:10px; text-align:center;
}
/* DATE INSCRIPTION */
.joinLMBER{
margin-top:5px; padding:2px 0;
color:rgba(255,255,255,0.8); /* MODIFIABLE */
font-size:10px; text-align:center; letter-spacing:3px;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; padding:2px 0;
color:rgba(255,255,255,0.8); /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* FT */
.ftLMBER {
margin-top:5px; max-height:45px; padding:2px 0;
color:rgba(255,255,255,0.8); /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* IMAGES MP & WWW */
.btnLMBER {
margin-top:5px;
height:15px; text-align:center;
}
.btnLMBER img{
max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
}

/*************************************************************** FIN LISTE MEMBRE **********************************************************/
/**************************************************************NAVIGATION**********************************************************/

/* NAVIGATION */
#navSIT {
  left:0; top:0;
padding-right 0;
width:100%; height:70px;
position:fixed; z-index:999;
background:#fafafa;/* MODIFIABLE */
  box-shadow: 0px 0px 1px #f8c74e;
}
.navSIT {
  top:15px; right:15px;position:absolute;}

/* BORDURE AVATAR */
.avaSIT {
position:absolute; z-index:5; left:15px;
width:85px; height:85px;
 -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
  overflow:hidden; border:8px solid;
  border-top-color:#f8c74e;
border-bottom-color:rgba(255, 255, 255, 0.3);
 border-right-color:rgba(255, 255, 255, 0.3);
 border-left-color:#f8c74e;  /* MODIFIABLE */
}
/* IMAGE AVATAR */
.avaSIT img{
width:85px;
}
/* MESSAGE DE BIENVENUE */
.welcSIT {
position:absolute; left:120px; top:13px;
    text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff; font-weight: 100;
  text-transform:lowercase; font-size:25px; font-family: 'Open Sans', sans-serif;font-style: italic;/* MODIFIABLE */
color:#222; /* MODIFIABLE */
}
/* BIENVENUE */
.welcSIT::before {
float:left; margin-right:8px;margin-top:-1px;
  letter-spacing: -1px;
    font-style: italic;
  color:#f8c74e;
content:'bienvenue ღ'; /* MODIFIABLE */
}


/*IMAGE INDEX*/
#i_icon_mini_index{
  background-image:url('https://i.imgur.com/Ia0pfin.png'); /*image si la souris ne survole pas*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#fefefe;
  margin-right:10px;
}
#i_icon_mini_index:hover{
    background-image:url('https://i.imgur.com/Ia0pfin.png'); /*image si la souris ne survole pas*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#eee;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
  margin-right:10px;
}

/*IMAGE FAQ*/
#i_icon_mini_faq{
  background-image:url('https://i.imgur.com/FC4BhjY.png'); /*image si la souris ne survole pas*/
    width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#fefefe;
  margin-right:10px;
}
#i_icon_mini_faq:hover{
  background-image:url('https://i.imgur.com/FC4BhjY.png'); /*image si la souris survole*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#eee;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
  margin-right:10px;
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
  background-image:url('https://i.imgur.com/uQpq5lj.png'); /*image si la souris ne survole pas*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#fefefe;
  margin-right:10px;
}
#i_icon_mini_search:hover{
  background-image:url('https://i.imgur.com/uQpq5lj.png'); /*image si la souris survole*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#eee;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
  margin-right:10px;
}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
    background-image:url('https://i.imgur.com/62ONWev.png'); /*image si la souris ne survole pas*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#fefefe;
  margin-right:10px;
}
#i_icon_mini_members:hover{
  background-image:url('https://i.imgur.com/62ONWev.png'); /*image si la souris survole*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#eee;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
  margin-right:10px;
}

/*IMAGE PROFIL*/
#i_icon_mini_profile{
  background-image:url('https://i.imgur.com/AxsE8cl.png'); /*image si la souris ne survole pas*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#fefefe;
  margin-right:10px;
}
#i_icon_mini_profile:hover{
  background-image:url('https://i.imgur.com/AxsE8cl.png'); /*image si la souris survole*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#eee;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
  margin-right:10px;
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
  background-image:url('https://i.imgur.com/gOy7PQs.png'); /*image si la souris ne survole pas*/
    width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#fefefe;
  margin-right:10px;
}
#i_icon_mini_message:hover{
  background-image:url('https://i.imgur.com/gOy7PQs.png'); /*image si la souris survole*/
 width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#eee;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
  margin-right:10px;
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
    background-image:url('https://i.imgur.com/AawI8AS.png'); /*image si la souris ne survole pas*/
    width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
 
  border-radius: 5px 5px 5px 5px;
  background:#fefefe;
  margin-right:10px;
}
#i_icon_mini_new_message:hover{
  background-image:url('https://i.imgur.com/AawI8AS.png'); /*image si la souris survole*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#eee;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
  margin-right:10px;
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
  background-image:url('https://i.imgur.com/LU8eOCw.png'); /*image si la souris ne survole pas*/
 width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#fefefe;
  margin-right:10px;
}
#i_icon_mini_logout:hover{
  background-image:url('https://i.imgur.com/LU8eOCw.png'); /*image si la souris survole*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#eee;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
  margin-right:10px;
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
  background-image:url('https://i.imgur.com/L2bFTiq.png'); /*image si la souris ne survole pas*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#fefefe;
  margin-right:10px;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
 
}
#i_icon_mini_register:hover{
  background-image:url('https://i.imgur.com/L2bFTiq.png'); /*image si la souris survole*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#eee;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
  margin-right:10px;
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
  background-image:url('https://i.imgur.com/3mleWQm.png'); /*image si la souris ne survole pas*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#fefefe;
  margin-right:10px;
}
#i_icon_mini_login:hover{
  background-image:url('https://i.imgur.com/3mleWQm.png'); /*image si la souris survole*/
  width:30px; /*Largeur de l'image*/
  height:30px; /*Hauteur de l'image*/
  border:solid 1px #ccc;
  padding:5px;
  border-radius: 5px 5px 5px 5px;
  background:#eee;
  filter: grayscale(100%); -moz-filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
  margin-right:10px;
}
#search_menu {
  left: -100px !important;
}
 
#search_menu .forumline {
  width: 400px;
}
/**************************************************************** LIEN PROFIL **********************************************/

/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* 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:grey; background:#DEDEDE; color:black; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:left; margin-top:1px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; /* MODIFIABLE */
opacity:0.7;
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:black; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:15px;
width:250px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:250px; height:350px; overflow:hidden;
}
.avPFIL img {
min-width:250px;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:98px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:98px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !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:#4A4A4A; /* 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:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin-top:15px;
width:491px; height:305px; padding:10px; overflow-y:auto;
border:1px solid; font-size:11px;
border-color:grey; background:#FEFEFE; color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:black; /* 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:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:black; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}
/********************************************************FIN LIEN PROFIL***********************************************************/

[Invité]

Re,
l'astuce mentionne sur un profil non avancé :
http://crushcrushcrush.actifforum.com/t156-10-profil

Il faut voir avec le forum concerné pour régler ton soucis .

a++

[Dellou]

Olala... C'était si bête !
Merci énormément d'avoir réglé mon problème et pris le temps !!

Bonne soirée à vous !