Couleurs des Labels et Champs de profil

[avya]

Bonjouuuuur, Bonsoiiiir ...

Me revoilà avec un nouveau soucis, et je ne sais pas si c'est la fatigue ou quoi mais jusqu'à hier soir tout allait bien et maintenant je ne trouve pas ce qui cloche.

Dans l'affichage des profils dans les sujets, les labels de profil (avatar : / message : / camp : / etc) s'affiche de la même couleur que les "réponses" (Gal Gadot/ 1 / Les Cieux) hors je voudrais qu'ils soient de deux couleurs différentes mais impossible... Pourtant dans mon CSS j'ai bien la différence entre les deux.

image du souci:

Est-ce que les yeux d'experts de quelqu'un pourrait m'aider s'il vous plaît ?

Mon CSS :

Code:

/*HEADER ET BODY*/
#i_logo {margin-bottom: 10px;
  margin-top: 10px;
  margin-left: -9px;
  margin-right: -9px;}

/*HEADER DE FOND*/
body{
background-repeat: no-repeat, repeat;
background-position: top center, center;
background-attachment: scroll;
}

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

/* selectionner code */
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

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

span#fa_share {display:none!important;}
div#fa_search {display:none!important;}
span#fa_left.fa_tbMainElement {display:none!important;}

#fa_toolbar { position:absolute; top:0; z-index:0; padding:10px 0; height: 10px; border-bottom: 3px solid #373535;}
#fa_right { float:left; margin-left:150px; }
#fa_welcome, #fa_right #fa_notifications {
    line-height: 10px;
    padding: 0 5px;
    color: #373535;
  font-family: calibri;
        font-size: 12px;
     
 
}
#fa_left { float:right; margin-right:30px; }
#nav_bar_1 {position:fixed; z-index:999; top:0px; padding:10px; width:85%; left:35%; }
ul#fa_menulist { padding-bottom:35px; font-family:arial; }
a#fa_hide {display: none!important;}
#nav_bar_1 a{ padding:0px;font-size:12px;text-decoration:none!important; margin-left: 1px;
margin-right: 1px; }

#fa_menulist {
        background: #eceaed!important;
    border: 1px solid #373535;
    color: #333!important;
    font-size: 11px!important;
    font-variant: small-caps;
    position: absolute;
    left: 140px!important;
    top: 40px;
}

#fa_menulist :link, #fa_menulist :visited {
  color: #8c2c2b!important;
text-align : center; }

#fa_usermenu img {
    border: 2px solid #373535;
    width: 120px;
    max-width: 120px;
    max-height: 120px;
}

#fa_right a.rightHeaderLink {
    margin-left: 10px;
    vertical-align: top;
    color: #373535;
  font-size: 12px; }

/* BORDURE AVATAR */
.img_pa
{
 
z-index:5;
position:fixed;
 left:45px;
 top:10px;
width:75px;
height:75px;
border-radius:75px;
overflow:hidden;
border:5px solid;
border-color:#373535;
}
 
/* IMAGE AVATAR */
.img_pa img
{
width:75px;
}


/*soulignement liens*/
a, a:link, a:hover {
text-decoration: none!important;
  text-transform : uppercase;
 
}


/************************************************* PAGE ACCUEIL *************************************************/
div.newslink {
        background: #fff;
        border: 1px solid rgba(211, 207, 207, .7);
        width: 790px;
        margin: 2% auto;
        box-sizing: border-box;
        text-align: center;
        padding: 2% 0;
     font-size: 10px;
}

.page_accueil {
        display: flex;
        justify-content: center;
     font-family: Verdana, sans-serif;
        font-size: 10px;
     color: #373535;
        flex-wrap: wrap;
        flex-basis: 30%;
        align-items: flex-start;
}

.page_accueil .pa_contexte, .page_accueil .pa_news_infos {
        background: #eceaed;
        width: 30%;
        border: 1px solid rgba(211, 207, 207, .7);
}

.page_accueil .pa_center {
        width: 30%;
        margin: 0 2%;
}

/* SCROLLBAR */
.page_accueil ::-webkit-scrollbar {
        background: #2B2B2B;
        height: 9px;
        width: 5px;
}

.page_accueil ::-webkit-scrollbar-thumb {
        background-color: #FAFAFA;
        border: solid #2B2B2B;
        border-radius: 100px;
        border-width: 1px 2px;
        height: auto;
}

/* TITRES */
.page_accueil h2 {
        background: #000;
        color: #8c2c2b;
        display: block;
        width: 80%;
        margin: 4% auto;
        text-transform: uppercase;
        font-weight: normal;
       
        padding: 2% 0;
}

/* CONTEXTE */
.page_accueil .pa_contexte p {
        width: 95%;
        margin: 0 auto 2%;
        text-align: left;
        height: 217px;
        overflow: auto;
        padding: 0 2% 0 0;
        box-sizing: border-box;
}

.page_accueil .pa_contexte p span, .page_accueil .pa_contexte p a {
       color: #8c2c2b;
}

/* STAFF */

/* PARTIE STAFF ET ONGLETS */

/*container de la partie staff, ne pas toucher*/
.item_14 {grid-area: 4 / 1 / span 1 /span 1;}

/*container des onglets*/
.onglets_pa { display: flex;
    flex-direction: column;
    height: 75px;
    position: relative;
    text-align: justify;
    width: 220px; /*à ne modifier que si vous changez la largeur du grid / votre forum n'a pas la même largeur que le mien*/
}

/*les boutons de la PA, ne pas toucher*/
.onglets_pa .boutons_pa {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: 5px; /*éventuellement à modifier si vous ajoutez des images*/
}

/*les images du staff, à modifier si vous voulez changer la largeur des images et/ou ajouter une image*/
.staff {      border-radius: 50px;
    width: 35px;
    height: 35px;
    padding: 2px;
    border: 1px solid var(--border);
    object-fit: cover;}

/*décide de la largeur de la séparation entre les images*/
.lab {    cursor: pointer;
    margin-left: 8px;
}
.lab:hover {
    opacity:0.8;
}

/*la partie avec prénom, nom, en gros les informations du staff*/
.contenu { 
      border-bottom: 1px solid var(--border);
    border-top: 1px solid var(--border);
    box-sizing: border-box;
    margin-top: 5px;
    opacity: 0;
    padding: 4px 0;
    position: absolute;
    scrollbar-width: none;
    text-align: center;
    visibility: hidden;
    width: 220px; /*à modifier que si vous changez la largeur de onglets_pa / doit avoir la même largeur */
    height: 36px;
}

.contenu.visible {
  opacity: 1;
  visibility: visible;
}

/*balise déco du prénom, nom*/
h {    color: var(--accc1);
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;}

/*balise de la partie admin / profil*/
.sous_titre {    font-size: 9px;
  letter-spacing: 1px;}

/* ILLUSTRATIONS */
.page_accueil .pa_img img {
        border: 1px dashed #8c2c2b;
        border-radius: 100px;
        padding: 1%;
        margin: 5.6% 0;
}

.page_accueil .pa_img img:nth-child(2) {
       margin: 0 11%;
}

/* PARTENAIRES */
.page_accueil .pa_partenaires {
        display: flex;
        margin: 8% 0 0;
}

.page_accueil .pa_partenaires a {
        content: "";
        background: #000;
        width: 50px;
        height: 5px;
        display: block;
        margin: 0 4% 0 0;
}

.page_accueil .pa_partenaires a:last-child {
       margin: 0;
}

.page_accueil .pa_partenaires a:nth-child(2n+2) {
       background: #8c2c2b;
}

/* NEWS ET INFOS */
.page_accueil .pa_news_infos p {
        width: 90%;
        margin: auto;
        box-sizing: border-box;
        overflow: auto;
        text-align: left;
        height: 70px;
        line-height: 1.2;
}

.page_accueil .pa_news_infos p span::before {
        font-weight: bold;
        content: "|";
        color: #8c2c2b;
        display: inline-block;
}

/* Infos */
.page_accueil .pa_news_infos .pa_infos {
       height: 110px;
}

a.pa_credit {
        text-align: right;
        display: block;
        color: #eceaed;
        text-transform: uppercase;
        font-size: 10px;
        font-family: Verdana, sans-serif;
        margin: 1% 3% 0 0;
}

/************************************************* CATEGORIES *************************************************/
/*LIENS UTILES */
.cate_liens_utiles {
        display: block;
        text-align: right;
        margin: 0 1% 0 0;
     position: relative;
     font-family: Verdana, sans-serif;
        font-size: 10px;
     color: #373535;
}

.cate_liens_utiles p {
       text-transform: uppercase;
}

.cate_liens_utiles > .bulle_content {
        opacity: 0;
        position: absolute;
        transform: scale(0.3) rotate(-45deg);
        transition: all .3s linear;
        visibility: hidden;
        right: 6.5%;
        top: -150%;
}

.cate_liens_utiles .bulle_content::before {
        content: "";
        position: absolute;
        top: 35%;
        font-size: 14px;
        color: rgba(211,207,207,.7);
}

.cate_liens_utiles:hover > .bulle_content {
        opacity: 1;
        visibility: visible;
        transform: scale(1) rotate(0deg);
}

.contenu_liens_utiles {
        border-radius: 5px;
        color: #fff;
        margin: auto;
        padding: 2%;
        text-align: center;
        background: #eceaed;
        border: 1px solid rgba(211,207,207,.7);
}

.contenu_liens_utiles a {
        display: block;
        color: #373535;
}




.categories {
        width: 790px;
        margin: 2% auto 0;
        background: #fff;
        border: 1px solid rgba(211,207,207,.7);
        box-sizing: border-box;
        font-size: 10px;
     font-family: Verdana, sans-serif;
        font-size: 10px;
     color: #373535;
}

.categories ::-webkit-scrollbar {
        background: #2B2B2B;
        height: 9px;
        width: 5px;
}

.categories ::-webkit-scrollbar-thumb {
        background-color: #FAFAFA;
        border: solid #2B2B2B;
        border-radius: 100px;
        border-width: 1px 2px;
        height: auto;
}

/* TITRES CATEGORIES */
.categories_header {
        width: 790px;
        height: 100px;
        background: url(https://i.servimg.com/u/f16/20/03/31/05/img_fo11.png);
        text-align: center;
        box-sizing: border-box;
        font-family: Verdana;
        font-size: 36px;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: -5px;
        text-transform: uppercase;
}



/* FORUM */
.forum_content {
        width: 95%;
        margin: 2% auto;
        display: flex;
        height: 85px;
}

/* Bloc description et statut */
.forum_description_statut {
        width: 50%;
        display: flex;
}

.forum_description {
        background: #eceaed;
        border: 1px solid rgba(211,207,207,.7);
        padding: 4% 13% 4% 2%;
        text-align: justify;
        width: 90%;
        box-sizing: border-box;
}

.forum_description p {
        overflow: auto;
        width: 100%;
        height: 54px;
        padding: 0 5% 0 0;
        box-sizing: border-box;
     line-height: 1.2;
}

.forum_description p span {
        color: #8c2c2b;
        font-weight: bold;
}

.forum_statut {
        margin: 0 0 0 -10%;
        z-index: 1;
        align-self: center;
}

/* Bloc nom forum, dernier message avatar */
.nom_forum_dernier_avatar {
        width: 35%;
        display: flex;
}

.nom_forum_dernier {
        background: #eceaed;
        border: 1px solid rgba(211,207,207,.7);
        padding: 2% 5%;
        box-sizing: border-box;
        width: 280px;
        height: 85px;
     float:left;
}

.nom_forum_dernier .forumtitle {
        display: block;
        font-family: Verdana;
        font-weight: bold;
        color: #373535;
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: -1px;
     float:left;
     word-break: break-word;
   width: 70%;
}

.forum_avatar {
        align-self: center;
        margin: 0 -8px 0 0;
        z-index: 1;
     float:right;
}

.nom_forum_dernier_avatar .forum_avatar img {
        width: 50px;
        height: 73px;
        object-fit: cover;
        align-self: center;
}

.dernier_message {
       margin: 10% 0 0;
}

.dernier_message a {
       color: #373535;
  font-weight: bold;
}

.dernier_message span strong a:before {
        content: "par ";
 
        font-weight: normal;
}

/* Sous-forum */
.sous_forum {
        background: #eceaed;
        border: 1px solid rgba(211,207,207,.7);
        width: 23%;
   
        margin: 0 15px 0 0;
        box-sizing: border-box;
        text-align: center;
        height: 85px;
        overflow: auto;
        display: grid;
        flex-direction: column;
        justify-content: center;
}

.sous_forum a {
       color: #373535;
  margin-bottom: 2px;
  text-shadow: 2px 2px #fff;
}


/* LIENS FOOTER CATEGORIES */
.cate_liens_footer {
        text-align: center;
        margin: 0 0 3%;
}

.cate_liens_footer a {
        color: #373535;
        text-transform: uppercase;
        font-weight: bold;
}

.cate_liens_footer a:nth-child(1)::after {
       content: " | ";
}

a.cate_credit {
        text-align: right;
        display: block;
        color: #eceaed;
        text-transform: uppercase;
        font-size: 10px;
        font-family: Verdana, sans-serif;
        margin: 0 5% 2% 0;
}

/************************************************* QUI EST EN LIGNE *************************************************/
.qui-est-en-ligne {
        background: #fff;
        border: 1px solid rgba(211,207,207,.7);
        width: 790px;
        margin: auto;
        padding: 2% 5%;
        box-sizing: border-box;
        display: flex;
     font-family: Verdana, sans-serif;
        font-size: 10px;
     color: #373535;
}

.qui-est-en-ligne ::-webkit-scrollbar {
        background: #2B2B2B;
        height: 9px;
        width: 5px;
}

.qui-est-en-ligne ::-webkit-scrollbar-thumb {
        background-color: #FAFAFA;
        border: solid #2B2B2B;
        border-radius: 100px;
        border-width: 1px 2px;
        height: auto;
}

img.img_qeel {
        display: block;
        margin: auto;
}

.bloc_qeel {
        background: #eceaed;
        border: 1px solid rgba(211,207,207,.7);
        box-sizing: border-box;
        height: 175px;
        padding: 1%;
        width: 40%;
}

.bloc_qeel:nth-child(2) {
        margin: 0 2%;
        width: 50%;
}

.bloc_qeel:nth-child(2), .bloc_qeel:nth-child(3) {
        background: none;
        border: 0;
        padding: 0;
}

.qeel_connectes {
        width: 100%;
        height: 100px;
        overflow: auto;
        padding: 0 2% 0 0;
        box-sizing: border-box;
        margin: 5% 0 0;
}

.dernier_inscrit {
        background: #eceaed;
        border: 1px solid rgba(211,207,207,.7);
        box-sizing: border-box;
        padding: 5% 2%;
        text-align: center;
        color: #000000;
        font-size: 14px;
}

.dernier_inscrit a {
        text-decoration: none;
        display: block;
        margin: 3% 0 0;
        }

.qeel_groupes a {
        display: block;
        text-align: center;
        font-size: 10px;
     font-weight: bold;
}

.qeel_groupes a.g1 {
       color: #A52A2A;
}

.qeel_groupes a.g2 {
       color: #318585;
}

.qeel_groupes a.g3 {
       color: #379937;
}

.qeel_groupes a.g4 {
       color: #B36F27;
}

.qeel_groupes {
        margin: 4% 0;
        line-height: 1.7;
}

.qeel_stats {
        background: #eceaed;
        border: 1px solid rgba(211,207,207,.7);
        text-transform: uppercase;
        text-align: center;
        padding: 0% 0;
}

.derniers_connectes {
        height: 175px;
        overflow: auto;
        width: 100%;
        background: #eceaed;
        border: 1px solid rgba(211,207,207,.7);
        box-sizing: border-box;
        padding: 3%;
}

a.qeel_credit {
        text-align: right;
        display: block;
        color: #eceaed;
        text-transform: uppercase;
        margin: 3% 0 0;
}

.ListeSousForums a {
  display:block;
  /* autres propriétés CSS */
}

/******************************************* FOND LISTE DES MEMBRES **********************************************/
.bgLMBER {
background:#cac6c6; /* MODIFIABLE */
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom: 25px;
    width: auto;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 22px;
    text-align: center;
    background: #373535;
    color: #fff;
}

 /* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px; text-align:center;
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:15px 10px 10px;
width:200px; height:325px; font-family:Arial;
}
/* BLOC PSEUDONYME */
#nameLMBER {
position:absolute; z-index:3; margin-top:-10px; margin-left:85px;
width:100px; height:auto;
}
/* OMBRES BLOC PSEUDONYME */
.triLMBER {
position:absolute; z-index:2; margin-top:-10px; margin-left:80px;
width:0; height:0; border-style:solid; border-width:0 0 15px 5px; border-color:transparent;
border-bottom-color:black; /* MODIFIABLE */
}
.triRMBER {
position:absolute; margin-top:-10px; margin-left:185px;
width:0; height:0; border-style:solid; border-width:15px 0 0 5px; border-color:transparent;
border-left-color:black; /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER {
width:80px; padding:10px 10px 0;
text-align:center; text-transform:uppercase;
background:#E7E7E7; /* MODIFIABLE */
}
/* IMAGES MP * WWW */
.btnLMBER {
margin-top:5px; text-align:center; font-size: 0;
}
/* POINTE PSEUDONYME */
.triMBER {
width:0; height:0; border-style:solid; border-width:20px 50px 0 50px; border-color:transparent;
border-top-color:#E7E7E7; /* MODIFIABLE */
}
/* AVATAR */
.imgLMBER img {
position:absolute; z-index:2; margin-left:-100px;
width:200px; height:320px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.imgLMBER {
width:200px; height:320px; overflow:hidden;
}
.imgLMBER div {
position:relative;
width:200px; height:320px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE */
.imgLMBER div div {
width:190px; height:145px; padding:5px; overflow:hidden;
font-size:11px; text-align:center;
background-color:#b7b7b7;
color: #373535; /* MODIFIABLE - COULEURS PAR DEFAUT */
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;

}
.imgLMBER:hover div div {
transform:translateY(240px); -webkit-transform:translateY(240px);
}
.imgLMBER:hover img {
transform:translateY(-85px); -webkit-transform:translateY(-85px);
}
/* INFORMATIONS */
.imgLMBER div div span {
display:inline-block; vertical-align:top; height:17px; padding-top:3px;
text-align:center; text-transform:uppercase; font-size:10px;
background:rgba(250,250,250,0.6); /* MODIFIABLE */
}
/* NAVIGATION LISTE DES MEMBRES */
.pageLMBER {
margin:auto; width:640px;
color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
}
.pageLMBER a {
color:black; /* MODIFIABLE */
font-family:Arial;
}
/* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.btmLMBER {
margin-top:15px; padding:15px 0;
background:#b7b7b7; /* MODIFIABLE */
text-align:center;
}
/* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.formLMBER span {
display:inline-block; vertical-align:bottom; margin-top:1px;
height:17px; padding:2px 5px 0;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
}
.formLMBER input, select {
border:none !important;
height:19px; padding:0;
text-transform:uppercase; font-size:10px; font-family:Arial;
}
/* BOUTON OK LISTE DES MEMBRES */
.formLMBER .liteoption {
padding:0 5px 0 2px;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-weight:bold;
}

/***************************************************************SUJET ET PROFIL***************************/

a, a:hover {
     text-decoration: none !important;
     transition: .5s all;
}

/* SCROLLBAR */
::-webkit-scrollbar {
       width: 4px;
}

::-webkit-scrollbar-thumb {
       background: #373535;
}

::-webkit-scrollbar-track {
       background: #eceaed;
}

/* BOUTON ADMINISTRATEUR */
a[href*="/admin/index.forum?"] {
        background: #b72c5d;
        color: #fff;
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        line-height: 4;
        margin: 0 2%;
        text-transform: uppercase;
        width: 200px;
}

a[href*="/admin/index.forum?"]:hover {
   background: #908383;
}



/********************************************************** AFFICHAGE MESSAGES ET PROFILS **********************************************************/
/* NOUVEAU REPONDRE */
.nouveau_repondre {
        width: 800px;
        margin: 2% auto;
}

.nouveau_repondre img {
       margin: 0 2% 0 0;
}

/* FIL ARIANE */
.fil_ariane a {
        color: #908383;
        font-weight: normal;
        letter-spacing: 2px;
        font-size: 9px;
     font-family: 'Calibri', sans-serif;
}

.fil_ariane {
        width: 800px;
        margin: 2% auto;
        font-size: 9px;
}

.pagination_affichage_sujet img {
       display: none;
}

.pagination_affichage_sujet {
       float: right;
     font-family: 'Calibri', sans-serif;
}

/* AFFICHAGE SUJET */
table.affichage_sujets {
        background: #e3e3e3;
        border: 1px solid #c1bdb6;
        width: 800px;
        margin: auto;
        border-radius: 10px 10px 0 0;
        border-spacing: 0;
     font-size: 10px;
     font-family: 'Calibri', sans-serif;
}

/* HEADER SUJET */
.header_sujet h1 {
        background: #373535;
        text-align: center;
        display: block;
        color: #e3e3e3;
        letter-spacing: 5px;
        font-weight: normal;
        font-size: 26px;
        padding: 2%;
     margin: 0;
}

/* INTITULE DATE ET HEURE */
.as_infos {
        font-size: 9px;
        letter-spacing: 2px;
        margin: 3% 1% 2%;
}

/* PROFIL */
.as_profil {
        display: block;
        letter-spacing: 2px;
        padding: 0 1%;
        text-align: center;
        width: 210px;
        margin: 0 0 0 4%;
}

.as_profil_content {
        background: #eceaed;
        border-radius: 2px;
        border: 1px solid #c6c6c6;
        padding: 5% 2%;
}

/* Pseudo */
.as_pseudo {
        background: #373535;
        border-radius: 3px;
        padding: 1%;
        text-transform: uppercase;
        font-size: 14px;
        margin: 2% 0 0;
}

.as_pseudo a span strong {
        font-weight: normal;
        ;
}

/* Rang */
.as_rang {
       margin: 2% 0;
}



/* Avatar */
.as_avatar img {
       display: block;
  margin-left: -3px;
    border: 2px solid #373535;
}

/* Informations profil */
.as_contenu_profil {
        text-align: left;
        color: #373535;
        margin: 8% 2% 0;
}

.as_contenu_profil .label span {
       color: #838381 !important;
}

/* Editer supprimer citer */
.as_options a::after {
        content: " • ";
        color: #838381;
        font-size: 14px;
}

img.i_icon_quote, img.i_icon_edit, img.i_icon_delete {
       display: none;
}

.as_options a[href*="mode=quote"]::before, .as_options a[href*="mode=editpost"]::before, .as_options a[href*="mode=delete"]::before {
        color: #838381;
        text-transform: uppercase;
}

.as_options a[href*="mode=quote"]::before {
   content: "Citer";
}

.as_options a[href*="mode=editpost"]::before {
     content: "Editer";
}

.as_options a[href*="mode=delete"]::before {
     content: "Supprimer";
}

.as_options a:last-child::after {
       content: "";
}

.as_options {
       margin: 2% 0;
}

/* ZONE DE TEXTE */
table.as_content_message {
       padding: 2% 9%;
}

.content_message {
        text-align: justify;
}

.postbody {
        font-size: 12px;
        line-height: 18px;
        margin: 0 5%;
}

form#quick_reply {
       margin: 2% 0;
}

table.as_content_message .gensmall {
       color: #838381;
}

/* SIGNATURE */
.signature_div::before {
        content: "";
        background: url(https://www.zupimages.net/up/18/46/85n1.png) no-repeat;
        width: 239px;
        height: 6px;
        display: block;
        margin: 5% auto 0;
}

/* MODERER ET SURVEILLER */
.as_options_sujet a, .reponse_rapide input {
        background: #373535;
        color: #fff;
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        line-height: 4;
        margin: 0 2%;
        text-transform: uppercase;
        width: 200px;
}

.as_options_sujet a:hover, .reponse_rapide input:hover {
       background: #908383;
}

.as_options_sujet {
        text-align: center;
        margin: 3% 0;
}

.as_moderer {
        font-size: 0;
        width: 200px;
        text-align: center;
        margin: auto;
        display: inline-block;
}

/* REPONSE RAPIDE */
table.reponse_rapide {
       margin: 2% 0 0;
}

table.reponse_rapide .row2 {
       background: none;
}

.reponse_rapide input {
        border: 0;
        line-height: 2.5;
        margin: 0;
     cursor: pointer;
}
dl.codebox {
    margin: 8px;
    width: 500px;}

.codebox dt {
    background-color: #373535;
}

.codebox dt {
    display: block;
    padding: 3px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: top right;
    text-transform: uppercase;
    font-weight: 700;
    color: #eceaed;
}

.codebox dd {
  background-color : #eceaed;
    border: 1px dotted #000;
}


/******************************************************** AFFICHAGE SUJETS ********************************************************/
/* NOUVEAU */
ul.posting-buttons.clearfix, .posting-options.topic-options {
        width: 95%;
        margin: 1% auto;
}

ul.posting-buttons.clearfix li {
       list-style: none;
}

/* FIL ARIANE PAGINATION */
.ariane_pagination {
        width: 95%;
        margin: auto;
     font-family: Calibri, sans-serif;
        font-weight: bold;
        color: #858386;
}

.ariane_pagination li {
        list-style: none;
        display: inline-block;
        padding: 0 1% 0 0;
        color: #858386;
        text-transform: uppercase;
        font-style: bold;
        font-size: 10px;
}

.ariane_pagination li a {
     color: #858386;
}

.pagination_forum {
        float: right;
        color: #858386;
        text-transform: uppercase;
     font-family: Calibri, sans-serif;
        font-weight: bold;
        font-size: 10px;
}

.pagination_forum a {
     color: #858386;
}

/* LIGNE SUJET */
.contenu_liste_sujets {
        width: 100%;
        margin: 3px auto;
        background: #fff;
        border: 1px solid #adaeb1;
        padding: 1%;
        box-sizing: border-box;
        color: #373535;
        text-transform: uppercase;
     font-family: Calibri, sans-serif;
        font-weight: bold;
        letter-spacing: .5px;
}

.contenu_liste_sujets::after {
        content: "";
        clear: both;
        display: block;
}

.contenu_liste_sujets a {
     color: #8c2c2b;
}

.contenu_liste_sujets .center {
        width: 80%;
     float: left;
        text-align: left;
}

a.topictitle::after {
        display: block;
        content: "";
}

img.ls_statut {
        float: left;
        margin: 1.2% 4% 0 0;
}

.contenu_liste_sujets .vues {
        background: #e3e0e2;
        border: 1px solid #b6b5b7;
        float: right;
        text-align: center;
        padding: 1%;
        color: #8c2c2b;
        margin: 0 2px 0 0;
}

/* MODERER */
.boutons_moderation {
        width: 95%;
        margin: 0 auto;
}

.boutons_moderation a {
        background: #e3e0e2;
        border: 1px solid #b6b5b7;
        font-size: 10px;
        text-transform: uppercase;
        color: #373535;
        display: inline-block;
        line-height: 3;
        width: 32.5%;
     font-family: Calibri, sans-serif;
        font-weight: bold;
        text-align: center;
}

.boutons_moderation a:hover {
     background: #b6b5b7;
     color: #fff;
}

.surveiller a {
       width: 100%;
}

.surveiller {
        display: inline-block;
        width: 32.5%;
     margin: 0 1.1%;
}

.bouton_moderer {
        font-size: 0;
        width: 32.5%;
        display: inline-block;
        margin: -5% 0 2% 0;
}

.bouton_moderer a {
       width: 100%;
}

/* PAS DE SUJET */
.pas_de_sujet {
        text-transform: uppercase;
        font-style: bold;
        color: #62676e;
        text-align: center;
        margin: 2% 0;
}

#gfooter {
    margin: 8px 0;
    padding: 0.5em;
    text-align: right;
    font-size: .8em;
    background-color: #eceaed;
    color: #373535;
}

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 = {  };
    }
});

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>

<div class="nouveau_repondre">
     <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow">
                     <img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" />
        </a>
     <!-- END switch_user_authpost -->
         
     <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}">
                     <img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" />
        </a>
   <!-- END switch_user_authreply -->
</div>

<div class="fil_ariane">
     <a class="nav" href="{U_INDEX}">
             <span>
                     {L_INDEX}
             </span>
     </a>
               
     <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
        {NAV_CAT_DESC_SECOND}
 
     <div class="pagination_affichage_sujet">
             <!-- BEGIN topicpagination -->
         {PAGINATION}
      <!-- END topicpagination -->
     </div>
</div>

<table class="affichage_sujets" width="100%" border="0" cellspacing="1" cellpadding="0" >
   <tr>
      <td class="header_sujet" colspan="2" height="28">
         <h1>
                             {TOPIC_TITLE}
                     </h1>
      </td>
   </tr>
   
   {POLL_DISPLAY}
 
   
   <!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
     <tr><td colspan="2"><div class="as_infos">
                                 {L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   {postrow.displayed.POST_DATE}               
          </div></td></tr>
 
   <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
       
      <td {postrow.displayed.THANK_BGCOLOR} valign="top" class="as_profil">
         <div class="as_profil_content">
                             <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
                        <div class="as_pseudo">
                                 {postrow.displayed.POSTER_NAME}
                        </div>
            
                        <div class="as_rang">
                                {postrow.displayed.POSTER_RANK}
                        </div>
                 
                        <div class="as_avatar">
                                {postrow.displayed.POSTER_AVATAR}
                        </div>      
                     
                        <div class="as_contenu_profil">
                                <!-- BEGIN profile_field -->
                  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
               <!-- END profile_field -->
               <div onClick="this.firstChild.src=(this.firstChild.src=='https://images2.imgbox.com/b9/3b/dulDpwNt_o.png')?'https://images2.imgbox.com/76/92/699N7Spu_o.png':'https://images2.imgbox.com/b9/3b/dulDpwNt_o.png';this.lastChild.style.display=(this.firstChild.src=='https://images2.imgbox.com/b9/3b/dulDpwNt_o.png')?'none':'block';" style="text-align: center; padding: 3px;"><input type="image" src="https://images2.imgbox.com/b9/3b/dulDpwNt_o.png"/><div style="display: none; text-align: left;"><span>{postrow.displayed.POSTER_RPG}</span></div></div>
                        </div>
                     </div>
                 
                     <div class="as_options">
                             {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}
                     </div>
      </td>
         
         
      <td {postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <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 class="content_message">{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}">
   </tr>
   <!-- BEGIN first_post_br -->
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td colspan="2" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
</table>




<!-- BEGIN promot_trafic -->
<!-- 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"> {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 width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td 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>
</table>

<div class="fil_ariane">
     <a class="nav" href="{U_INDEX}">
             <span>
                     {L_INDEX}
             </span>
     </a>
               
     <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
        {NAV_CAT_DESC_SECOND}
 
     <div class="pagination_affichage_sujet">
             <!-- BEGIN topicpagination -->
         {PAGINATION}
      <!-- END topicpagination -->
     </div>                  
</div>
 
<div class="nouveau_repondre">
     <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow">
                     <img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" />
        </a>
     <!-- END switch_user_authpost -->
            
     <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}">
                     <img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" />
        </a>
   <!-- END switch_user_authreply -->
</div>
 
<div class="as_options_sujet">
     <!-- BEGIN switch_user_logged_in -->
      <!-- BEGIN watchtopic -->
         {S_WATCH_TOPIC}
      <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
 
     <div class="as_moderer">
             {S_AUTH_LIST}
     </div>
</div>

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

<!-- 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} <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="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Je vous remercie beaucouuuup !

[Oka.mi]

Bonjour,

Savez-vous que vous n'avez pas besoin de passer par le css impliquant un !important pour forcer la couleur des champs du profil ? En effet, cette couleur se modifie individuellement en cliquant sur le du champ concerné, dans l'onglet Utilisateurs & Groupes > Profils > Champs du profil.


Mais je confirme qu'avec le CSS et le template fournis plus haut, la couleur s'applique chez moi alors que cela n'a pas l'air d'être le cas chez vous. Si le problème n'est pas réglé avec le conseil précédent, pouvez-vous rendre un champ de votre profil visible pour les invités ? Car actuellement, je ne vois rien au-dessus du "OPEN". Ce sera plus pratique pour trouver la cause du souci

[avya]

Bonjour !

Effectivement je savais que je pouvais modifier les couleurs des champs de profil mais je n'en avais pas mis pour justement le faire en CSS ensuite (pourquoi ? Je ne sais pas, sûrement un goût pour me compliquer la vie....).
Et le soucis venait de là ! Comme je n'avais pas mis de couleur, le CSS ne fonctionnait pas puisqu'il était là pour remplacer cette couleur, et du coup cela ne changeait rien. Je suis désolée, ça me paraît être vraiment un erreur bête...

Merci beaucoup de m'avoir aidé encore une fois !
Belle soirée !

[Oka.mi]

Pas de souci, c'est avec plaisir.

Bonne soirée à vous également