Les avatars ne sont plus en cercle et donc plus d'effet accordéon

[Bad_girls]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Je m'en suis aperçue aujourd'hui (27 juin 22)
Lien du forum : http://creations-offertes.1fr1.net/

Description du problème

Bonsoir!
Je viens de m'apercevoir que les avatars du forum ne sont plus en rond (comme ceux des membres de ce forum) le profil se cachait dessous l'image et se découvrait lorsque l'on passait le curseur sur l'image. (Effet accordéon)

J'ai essayé de refaire le chemin effectué en 2018

https://forum.forumactif.com/t384738-avatar-en-cercle

mais rien n'y fait.... J'ai aussi essayé avec cette recherche en me disant que peut-être mon template ou mes CSS avaient été modifiés suite à une mise à jour, mais ça n'a rien donné non plus...  

https://forum.forumactif.com/t334651-avatar-en-accordeon


https://forum.forumactif.com/t398580-impossible-de-mettre-un-avatar-en-rond-avec-effet-accordeon#3330992

L'image était ainsi avant:



On passait le curseur sur l'avatar, et le profil du membre apparaissait...

Qui pourrait m'aider à retrouver cela svp?  ça ne ressemble à plus rien actuellement  

Voilà mon CSS:

Code:

.forumline {
border:2px dotted #ffffff;
}

body { font-weight: bold; }

body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.sceditor-button.sceditor-button-image{
  display:none;
}
.sceditor-button.sceditor-button-link {
  display: none;

.sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
img.smiley {width: auto !important; height : auto !important;}
.sceditor-button.sceditor-button-servimg
/* Icônes couleur dans la palette */
}
.color-option {
display: inline-block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
margin: 3px !important;  /* espace entre chaque icône */
box-shadow: 0 0 2px #778899;  /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px;  /* arrondi */  
}

/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* largeur de la palette complète */
height: 100px !important;  /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}

.postdetails.poster-profile a img {
    display: block;
    margin: auto;
    height: 130px;
    width: 130px;}

a.forumlink span, a.forumtitle span { display: none; }
a.forumlink img, a.forumtitle img { display: inline!important; }
a.cattitle span, .secondarytitle h2 span, .table-title h2 span, .maintitle h2 span, .page-title h2 span { display: none; }
a.cattitle img, .secondarytitle h2 img, .table-title h2 img, .maintitle h2 img, .page-title h2 img { display: inline!important; }
a { text-decoration: none; }
A:hover{text-transform:uppercase;}
a.forumlink:link, a.forumlink:visited {
font-family:  Short Stack;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 3px solid #B81616;
color: #000000;
letter-spacing: 3px;
display: block;
-moz-border-radius:3px;
}

ROUGE --->  #B81616
.cadre1 {
border-radius: 15px;
border: solid #AAAAAA;
font-size: 8px;
font-family: Short Stack;
}

div.postbody{text-align:center !important;}


a:hover {
        background-color:#e1f1ca;
    
        -moz-transition:all 0.5s; /* Mozilla Firefox */
        -webkit-transition:all 0.5s; /* Safari et Google Chrome */
        -o-transition:all 0.5s; /* Opera */
        transition:all 0.5s;
    }
.cadre1 {
  border-radius: 15px;
  border: solid #272d5d;
    font-size: 8px;
  font-family: Short Stack;
}
    
  .signature_div img{
    max-width: 400px !important;
    max-height: 250px !important;
    }

Body {
  background-size: cover;
}

 /*zoom image revue par R_max*/
/**modif ont efface agrandir cette image**/
.resizebox {
    background-color: #369ffc;
    border: 3px solid #f2f2f2;
    cursor: default;
    display: block;
    line-height: 1.1em;
    margin: 0;
    max-width: 100%;
    padding-top: 15px;
    text-align: center;
  display:none;/**ont efface le redimentionnement de l'image voir a sa taille reel*/
}
 
/** zoom**/
a.fa_fancybox img{
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
/* general */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}
 
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 920;
}
 
.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
          border-radius: 4px;
  /***/
  max-width: 95%;
    max-height: 100%;
    top: 50px;
}
 
.fancybox-opened {
  z-index: 930;
}
 
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
 
.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}
 
.fancybox-inner {
  overflow: hidden;
}
 
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
 
.fancybox-error {
  color: #444;
  font: 8px/20px "Short Stack,Century Gothic,Helvetica;
  margin: 0;
  padding: 10px;
}
 
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
 
.fancybox-image {
  max-width: 97%;
  max-height: 100%;
      cursor: pointer;
  cursor: -webkit-zoom-out!important;
  cursor: -moz-zoom-out!important;
}
 
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.png');
}
 
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 920;
}
 
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('https://i.servimg.com/u/f45/17/45/19/77/fancyb10.gif') center center no-repeat;
}
 
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 940;
}
 
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url('https://i.servimg.com/u/f45/17/45/19/77/blank10.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 940;
}
 
.fancybox-prev {
  left: 0;
}
 
.fancybox-next {
  right: 0;
}
 
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 940;
  visibility: hidden;
}
 
.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px;
}
 
.fancybox-next span {
  right: 20px;
  background-position: 0 -72px;
}
 
.fancybox-nav:hover span {
  visibility: visible;
}
 
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}
 
/* Overlay helper */
 
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 910;
  background: #000;
}
 
#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
 
/* Title helper */
 
.fancybox-title {
  visibility: hidden;
  font: normal 8px/20px "Short Stack",Century Gothic,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 950;
}
 
.fancybox-opened .fancybox-title {
  visibility: visible;
}
 
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 930;
  text-align: center;
}
 
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
 
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
 
.fancybox-title-inside-wrap {
  margin-top: 10px;
}
 
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}
 

.ll{display:none;
}
  
.sceditor-button-youtube{
    display:none !important;
}
.sceditor-button.sceditor-button-dailymotion {
  display: none;
}
.sceditor-button.sceditor-button-flash {
  display: none;
}
 
.calendar table[height]{ height: 65px; }
.calendar > table{ margin: auto; }

.day td {
  text-align: center;
}

 a.genmed[onmouseout="destroyTitle();"] {color:red;}
 
/*Le fond*/
td.M14_anniv{background: #FCBBDA;
}
/*La couleur*/
td.M14_anniv a.gen{color: #FF70B5;
}

 #fa_ticker_block .forumline, #fa_ticker_block .row1 {
    background: none;
    border: none;
}

.calendar table[height] *{ background:: none}

/* Avatar arrondi dans les messages */
.avatar-posteur img {
margin: auto;
text-align: center;
border-radius: 50%;
height: 150px;
width: 150px;
display: block;
overflow: hidden;
position: relative;
}

 
/* Avatar arrondi dans les messages */
.postdetails.poster-profile .avatar-posteur img{
  border-radius: 100px;
  height: 100px;
  width: 100px;
}

.avatar-posteur img {
    border-radius: 50%;
    display: block;
    height: 150px;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 150px;
    background-color: #272726;
    border: 5px solid #3e1d19;
    box-shadow: 0 0 6px #000;
}

.avatar-posteur img
{
  display: block;
  width: 150px;
  height:190px;
  margin-left: -10px;
  margin-right: 10px;
  overflow: hidden;
  background: #272726;
  border: 5px solid #3e1d19;
  transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -htm-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  box-shadow: 0px 0px 6px #000000;
  -moz-box-shadow: 0px 0px 6px #000000;
  -o-box-shadow: 0px 0px 6px #000000;
  -htm-box-shadow: 0px 0px 6px #000000;
  -webkit-box-shadow: 0px 0px 6px #000000;
      transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatar-posteur img:hover
{
  margin-left: 5px;
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -htm-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
      transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess
{
  position: absolute;
  display: block;
  width: 150px;
  height: 150px;
  margin: auto;
  padding: 5px;
  overflow: auto;
  background: #6b664e;
  color: #c5bea0;
  font-size: 11px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
      transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.profil_mess:hover
{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
      transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.pseudo_mess
{
  display: block;
  position: relative;
  z-index: 2;
  width: 190px;
  margin-top: -15px;
  margin-left: 10px;
  text-align: center;
  font-size: 18px;
  font-family: courier;
  font-weight: bold;
  text-shadow: 0px 0px 3px #c5bea0;
  background: #94855c;
  padding-top: 5px;
  border-left: 3px solid #371e1a;
  border-right: 3px solid #371e1a;
  border-top: 1px solid #371e1a;
  border-bottom: 1px solid #371e1a;
  box-shadow: 0px 0px 3px #000000;
  -moz-box-shadow: 0px 0px 3px #000000;
  -o-box-shadow: 0px 0px 3px #000000;
  -htm-box-shadow: 0px 0px 3px #000000;
  -webkit-box-shadow: 0px 0px 3px #000000;
}

.poster_name {
  text-align: center;
  font-size: 1.5em; /*taille du pseudo*/
}
.postprofile img {
  max-width: 100%;
}

 
.M14_postAnni td[width="150"]
{
background-color:green;
color:white!important;
}
.M14_postAnni .postdetails.poster-profile,
.M14_postAnni .postdetails.poster-profile .label,
.M14_postAnni .postdetails.poster-profile .label span
{
color:white!important;
}
 

/*Avatar citation*/
img.M14_Img_Citation
{
height: 16px;/*hauteur de l avatar*/
width: 16px;/*largeur de l avatar*/
vertical-align: middle;/*on aligne l avatar*/
margin-right:8px;/*on decale de la moitie de la largeur de l avatar*/
border-radius: 16px;/*on arrondi l avatar*/
  /*LES TRANSITIONS AU SURVOL*/
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*au survol de l avatar des citation on augmente la taille*/
img.M14_Img_Citation:hover
{
height:48px;
width:48px;
}

a.M14_td_clic
{
width: 100%;
left: 0;
right: 0;
position: relative;
margin-right: 0px;
display: block;
}


/*Auteur dans les sujets*/
.M14_AutHorPost
{
font-size:11px;
color:darkblue;
font-style:italic;
}
/*Invite dans les sujets*/
.M14_InvitePost
{
font-size:11px;
color:darkred;
font-style:italic;
}

.mobile_image { max-width:99% }
#mpage-body .postbody > .content > div { overflow:hidden }/* FA7UP_6394db8c: Citer post par MP */
.fapopup, .fapopup-rounded {
    display: inline-block;
    background: none;
    font-family: Georgia, DejaVu Serif, Norasi, serif;
    font-size: 16px;
    color: #000;
    max-width: 100%;
    margin: auto;
    padding: 0;
    overflow: hidden;
    box-shadow: none;
    position: fixed;
    z-index: 99999 !important;
    box-shadow: #000 0 0 0.15em 0.15em;
}
.fapopup *, .fapopup-rounded * {
    margin: 0;
    padding: 0;
    box-shadow: none;
    font-size: 1em;
    background: none;
    color: #000;
    position: relative;
}
.fapopup .close_popup, .fapopup-rounded .close_popup {
    float: right;
    background: #fff;
    color: #4e4e4e;
    margin-left: 1em;
    display: block;
    height: 1em;
    width: 1.4em;
    text-align: center;
    -webkit-box-shadow: #1b1b1b 0 0 0.05em 0.05em;
    -moz-box-shadow: #1b1b1b 0 0 0.05em 0.05em;
    box-shadow: #1b1b1b 0 0 0.05em 0.05em;
}
.fapopup .close_popup:hover, .fapopup-rounded .close_popup:hover {
    cursor: pointer;
    box-shadow: #929292 0 0 0.05em 0.05em;
}
.fapopup .header, .fapopup-rounded .header {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.2em;
    background: #4e4e4e;
    background: -webkit-linear-gradient(0deg, #1b1b1b, #4e4e4e);
    background: -moz-linear-gradient(0deg, #1b1b1b, #4e4e4e);
    background: -o-linear-gradient(0deg, #1b1b1b, #4e4e4e);
    background: linear-gradient(0deg, #1b1b1b, #4e4e4e);
    color: #fff;
    text-shadow: 0px 0px 0.05em #000;
    font-family: Courier, "Courier New", FreeMono, Liberation Mono, monospace;
    font-weight: 900;
    line-height: 1.2;
    vertical-align: top;
    cursor: default;
}
.fapopup .header .title, .fapopup-rounded .header .title {
    color: #fff;
    font-weight: 900;
}
.fapopup .header .title::before, .fapopup-rounded .header .title::before {
    content: ".:";
}
.fapopup .header .title::after, .fapopup-rounded .header .title::after {
    content: ":.";
}
.fapopup .message, .fapopup-rounded .message {
    clear: both;
    color: #000;
    background: #fff;
    padding: 0.2em;
    line-height: 1.2;
    vertical-align: top;
    font-size: inherit;
    overflow: auto;
    width: 90vw;
    height: 80vh;
    max-height: 80vh;
}
.fapopup .message iframe, .fapopup-rounded .message iframe {
    width: 100%;
    height: 100%;
}
.fapopup .w100p, .fapopup-rounded .w100p {
    width: 100% !important;
    box-sizing: border-box !important;
}
#b_fapopup {
    z-index: 99998 !important;
    width: 100%;
    height: 100vh;
    background: #fff;
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
}
.fapopup-rounded {
    border-radius: 0.3em;
}
.fapopup-rounded .close_popup {
    border-radius: 0.1em;
}
.fapopup-rounded .message {
    border-radius: 0 0 0.2em 0.2em;
}
/* FA7UP_6394db8c_stop */

 .forumline{border-radius: 20px; overflow:hidden;}

.quote {
  border:20px solid #3c2a24;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
  border-radius:20px;
}

.profile-icon img, .post-options img {margin-left:-5px;}

#fa_ticker_block .forumline, #fa_ticker_block .row1 {
    background: none;
    border: none;
}

 body {
        background-repeat: no-repeat;
        }

body { font-weight: bold; }

.forumline, .calendar {
    border: 2px dotted #fff;
    border-radius: 20px;
    overflow: hidden;
}

 span.sublinks a {font-size:24px;}

.sousforum a {
  display: block;
  font-family: Short Stack;
  font-size: 26px;
    line-height: 26px;
}

.postbody {
 
   line-height:30px;
 
   letter-spacing:normal;
 
}



Et mon Template viewtopic_body:

Code:

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

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

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

//]]>
</script>

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

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
  <tr align="right">
    <td class="catHead" colspan="3" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="9%" class="noprint">&nbsp;</td>
          <td align="center" class="t-title">
            <h1 class="cattitle">&nbsp;{TOPIC_TITLE}</h1>
          </td>
          <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
    <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
    <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
    <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
  <tr>
    <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- BEGIN displayed -->
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
      
                  <span class="rang_mess">{postrow.displayed.RANK_IMAGE}</span>
                
                  <span class="avatar_mess"><span class="profil_mess"><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
                    {postrow.displayed.POSTER_RPG}</span>
                    {postrow.displayed.POSTER_AVATAR}</span>
                
                  <span class="pseudo_mess">{postrow.displayed.POSTER_NAME}</span>                
              
      </td>
        {postrow.displayed.POSTER_RPG}
      </span><br />
      <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
    </td>
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
          <td valign="top" nowrap="nowrap" class="post-options">
            {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
          </td>
        </tr>
        <tr>
          <td colspan="2" class="hr">
            <hr />
          </td>
        </tr>
        <tr>
          <td colspan="2">
            <!-- BEGIN switch_vote_active -->
            <div class="vote gensmall">
              <!-- BEGIN switch_vote -->
              <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
              <!-- END switch_vote -->

              <!-- BEGIN switch_bar -->
              <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                <!-- BEGIN switch_vote_plus -->
                <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                <!-- END switch_vote_plus -->

                <!-- BEGIN switch_vote_minus -->
                <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                <!-- END switch_vote_minus -->
              </div>
              <!-- END switch_bar -->

              <!-- BEGIN switch_no_bar -->
              <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
              <!-- END switch_no_bar -->

              <!-- BEGIN switch_vote -->
              <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
              <!-- END switch_vote -->
            </div>
            <!-- END switch_vote_active -->

            <div class="postbody">

              <div>{postrow.displayed.MESSAGE}</div>

              <!-- BEGIN switch_attachments -->
              <dl class="attachbox">
                <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                <dd>
                  <!-- BEGIN switch_post_attachments -->
                  <dl class="file">
                    <dt>
                      <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

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

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

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

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

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

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

            </div>
            <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
      <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>
    </td>
    <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
      <table border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="middle">
            {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
    <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
    <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
    <td class="row1" colspan="3" height="28">
      <span class="genmed">{no_post.L_NO_POST}</span>
    </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
    <td class="catBottom" colspan="3" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="9%" class="noprint">&nbsp;</td>
          <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
          <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
  <tr>
    <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
    <!-- BEGIN topicpagination -->
    <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
    <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
    <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
  <tr>
    <td class="catBottom" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
          <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
    <td class="catBottom" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
          <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="row2 postbody" valign="top">
      <!-- BEGIN link -->
      »&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
      <!-- END link -->
    </td>
  </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
  <tbody>
    <tr>
      <td class="catBottom">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tbody>
            <tr>
              <td valign="top">
                <div class="cattitle">&nbsp;{L_FORUM_RULES}</div>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <tr>
      <td class="row1 clearfix">
        <table>
          <tr>
            <!-- BEGIN switch_forum_rule_image -->
            <td class="logo">
              <img src="{RULE_IMG_URL}" alt="" />
            </td>
            <!-- END switch_forum_rule_image -->
            <td class="rules postbody">
              {RULE_MSG}
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

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

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

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

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

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

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

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

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

1000 merci d'avance à toutes les personnes qui essayeront de m'aider!

Cordialement

[Bad_girls]

Bonsoir! je vais partir donc je me permets un petit UP un petit peu avant les 24 heures....

S'il vous plaît, Merci d'avance pour votre aide!

Cordialement

[Oka.mi]

Bonjour,

No stress, vous avez plusieurs jours pour faire votre UP avant qu'on ne corbeille... en plus, vous pouvez toujours récupérer votre sujet si vous nous en faîtes la demande par MP !

Concernant votre problème, le CSS ne fonctionne pas comme il faut car vous avez changé les noms des éléments ciblés.
Sur votre page, vous avez .avatar_mess installé, alors que dans votre CSS, vous ciblez .avatar-posteur, qui n'existe pas


Pour y remédier, on va extraire le passage concerné du CSS que vous a communiqué Masdan ici https://forum.forumactif.com/t398580-impossible-de-mettre-un-avatar-en-rond-avec-effet-accordeon#3330616
À savoir ce passage, donc

Code:

.post .avatar_mess {
margin: auto;
text-align: center;
border-radius: 50%;
height: 150px;
width: 150px;
display: block;
overflow: hidden;
position: relative;
}

 
                            
.post .avatar_mess {
                
            
          
 

               
    border-radius: 50%;
    display: block;
    height: 150px;
    margin: auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 150px;
    background-color: #272726;
    border: 5px solid #3e1d19;
    box-shadow: 0 0 6px #000;
}

.avatar_mess
{
  display: block;
  width: 150px;
  height:190px;
  margin-left: -10px;
  margin-right: 10px;
  overflow: hidden;
  background: #272726;
  border: 5px solid #3e1d19;
  transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -htm-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  box-shadow: 0px 0px 6px #000000;
  -moz-box-shadow: 0px 0px 6px #000000;
  -o-box-shadow: 0px 0px 6px #000000;
  -htm-box-shadow: 0px 0px 6px #000000;
  -webkit-box-shadow: 0px 0px 6px #000000;
      transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.avatar_mess:hover
{
  margin-left: 5px;
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -htm-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
      transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

Et on va remplacer le passage équivalent de votre CSS, lignes 409 à 493, autrement dit tout le passage après /* Avatar arrondi dans les messages */ et avant .profil_mess, à supprimer chez vous donc pour mettre l'extrait ci-dessus à la place.

Ensuite, il va falloir remonter un peu, ligne 184, vous avez l'élément .fancybox-error pour lequel vous avez spécifié une série de polices, mais vous avez oublié un guillemet, ce que n'apprécie pas l'optimisation css activée sur votre forum. Si vous ne rectifiez pas ça, la correction ci-dessus ne s'effectuera pas correctement.
Donc ajoutez le guillemet fermant, comme ceci :

Code:

.fancybox-error {
  color: #444;
  font: 8px/20px "Short Stack",Century Gothic,Helvetica;
  margin: 0;
  padding: 10px;
}

[Bad_girls]

Bonjour Oka.mi!

Désolée pour le UP je pensais qu'il fallait le faire tous les 24h (mais pas avant) sinon topic archivé... Merci pour l'info!

J'ai fais les corrections, et ça marche parfaitement!

1000 merci pour votre aide et très belle fin de semaine à vous!

Cordialement