Comment faire des teintes sur les profils ?

[.Volubal.]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Hier
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Comment faisons-nous pour avoir des profils teintés ? (or, noir..)
Merci

http://www.universiteuniverselle.com/u1127 (par exemple)

[Lixyr]

Bonsoir,

Là c'est fait avec du JS et profil avancé.

Vous avez un profil simple ou avancé ? (information dans panneau d'administration > utilisateurs et groupes > profils > options générales > Activer le profil avancé)

Si c'est sur oui, alors il faudra passer par du JS, sinon on peut passer facilement par le template et utiliser uniquement du CSS.

[.Volubal.]

Bonsoir,

Là c'est fait avec du JS et profil avancé.

Vous avez un profil simple ou avancé ? (information dans panneau d'administration > utilisateurs et groupes > profils > options générales > Activer le profil avancé)

Si c'est sur oui, alors il faudra passer par du JS, sinon on peut passer facilement par le template et utiliser uniquement du CSS.

Merci, mais il me faut un code s'il vous plait,
Je n'ai aucun code, et j'ai aucune informations sur les codes :/

De plus, c'est profil avancé

Merci !

[*Splash*]

Hi,

Pour avoir une réponse mieux vaut répondre à la question posée par Lixyr, utilises-tu le profil avancé, oui ou non ?

[.Volubal.]

Hi,

Pour avoir une réponse mieux vaut répondre à la question posée par Lixyr, utilises-tu le profil avancé, oui ou non ?

Je viens juste de le voir, j'ai édit

[Lixyr]

Bonjour,

Avant toute chose, dans votre CSS, à la balise body, vous pouvez rajouter ça s'il-vous-plait ? Ça évitera d'avoir cette grande scroll-barre.

Code:

overflow-x: hidden;

Je reviendrai vers vous quand je n'aurai plus de page de maintenance sur les forums.

[.Volubal.]

Je ne trouve pas où déposer le code... (css couleur)

Cdlt

[*Splash*]

Ajoute la ligne en question à ce code présent dans ta CSS :

Code:

body {
    background-attachment: scroll;
    background-color: #fff;
    background-image: url(https://2img.net/s/t/11/61/54/i_background.gif);
    color: #536482;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: auto;
    padding: 10px 0;
}

[.Volubal.]

Ajoute la ligne en question à ce code présent dans ta CSS :

Code:

body {
    background-attachment: scroll;
    background-color: #fff;
    background-image: url(https://2img.net/s/t/11/61/54/i_background.gif);
    color: #536482;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: auto;
    padding: 10px 0;
}

Merci, mais vue que ce n'est pas moi qui à fais le CSS, je ne trouve pas la ligne, elle a du être modifier.
Cepandant, je l'ai mis aux lignes qui ressemble le plus, rien n'y est changé.

[*Splash*]

Tu peux mettre l'intégralité de ta CSS, entre les balises code ici ?

On te demande de rajouter une ligne et tu dis qu'elle est manquante...

[.Volubal.]

Tu peux mettre l'intégralité de ta CSS, entre les balises code ici ?

On te demande de rajouter une ligne et tu dis qu'elle est manquante...

Quand je la met, cela me met :

Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

Quand je supprime ce code, cela reviens à la normal.Qu'alors je met en code :

Code:

}
overflow-x: hidden;


[*Splash*]

Cette ligne doit être ajoutée à une série de ligne de code figurant dans ta CSS et non en vrac dans la CSS

Lire ici : https://forum.forumactif.com/t399300-comment-faire-des-teintes-sur-les-profils#3334302

[.Volubal.]

Je t'envoie ça en MP, sinon c'est trop long

[*Splash*]

Je t'envoie ça en MP, sinon c'est trop long

Pourquoi en MP ?

Ton code CSS en intégralité :

Code:

/* NAVIGATION */
.navSIT {
position:absolute; top:75px; margin-left:860px; /* MODULER SELON LA LARGEUR DE SON FORUM */
line-height:12px;
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block;
width:125px; padding:10px; border-radius:0 15px 15px 0;
text-align:center; line-height:normal;
text-transform:uppercase; font-size:10px; font-family:Arial; /* MODIFIABLE */
background:lightgrey; color:black; /* MODIFIABLE */
transition:all 0.65s; -webkit-transition:all 0.65s;
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
background:#8C6E3C; color:white; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:10px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
position:absolute; top:145px !important; left:0 !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:#8C6E3C; !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:lightgrey !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:grey; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:#94000C; color:black !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:lightgrey !important; /* MODIFIABLE */
}
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto;
width:800px; padding:10px 0; text-align:center;
background:#8C6E3C; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:2px;
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px;
width:800px; height:165px; overflow:hidden;
text-align:center; font-family:Arial;
}
/* BLOC ICÔNES / TITRE FORUM */
.tleFRM {
margin:auto; width:780px; height:20px; padding:10px; overflow:hidden;
font-size:16px; font-weight:bold; text-transform:uppercase; text-align:right;
background:#440604; /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM {
float:left;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; z-index:4; margin-left:15px; margin-top:40px;
width:95px; height:20px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:lightgrey; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:5; margin-top:15px; margin-left:15px;
width:145px; height:0; padding:0 5px; overflow:hidden;
font-size:10px; text-transform:uppercase; text-align:justify;
background:lightgrey; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
.sfFRM:hover {
overflow-y:auto;
}
.FRM:hover .sfFRM {
height:85px; padding:5px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
#descFRM {
display:inline-block; vertical-align:top;
width:625px; height:125px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:2;
width:625px; height:125px;
}
/* CONTENU DESCRIPTION FORUM */
.descFRM {
position:absolute; z-index:3; margin-top:15px; margin-left:185px;
width:335px; height:85px; padding:5px; overflow-y:auto; font-size:10px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
opacity:0; transition:opacity .85s ease; -webkit-transition:opacity .85s ease;
}
.FRM:hover .descFRM {
opacity:1;
}
/* TRIANGLE DERNIER MESSAGE FORUM */
.triFRM {
position:absolute; z-index:3; margin-top:-125px; margin-left:560px;
width:0; height:0; border-style:solid; border-width:0 65px 125px 0; border-color:transparent;
border-right-color:#94000C; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:155px; height:125px; padding:0 10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background:#94000C; color:#000000; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white !important; /* MODIFIABLE */
}
/* GENERAL ET CORPS DE PAGE */
body
{
 background: url(https://www.zupimages.net/up/18/43/a1d8.jpg) repeat #FFEDD0;
 /* le motif est en transparence il suffit de changer la couleur de fond */
 margin: 0;
 padding: 0;
 letter-spacing: 1px;
 
}
a:link, a:hover
{
 text-decoration: none !important;
}
.bodylinewidth
{
 position: relative;
 z-index: 10;
 width: 860px;
 margin: 0 auto;
 background: #FFEDD0; /* couleur de fond du corps */
 box-shadow: 0px 0px 10px #8C6E3C;
}
.bodyline
{
 padding: 0;
 margin: 0;
}
#page-body
{
 width: 98%;
 margin: auto;
}
#i_logo
{
 margin-top: 10px;
}
table
{
 width: 100%;
}
.forumline
{
 width: 100%;
 background: #FFEDD1;
}
table.three-col
{
 max-width: 880px !important;
}
/* DECO DES COTES */
#img_topleft
{
 position: fixed;
 z-index: 2;
 bottom: 40%;
 left: 50%;
 margin-left: -650px;
 width: 300px;
 height: 300px;
 background: url(https://zupimages.net/up/18/43/r4s8.png);
 -ms-transform: rotate(340deg); /* Internet Explorer */
 -moz-transform: rotate(340deg); /* Firefox */
 -webkit-transform: rotate(340deg); /* Safari et Chrome */
 -o-transform: rotate(340deg); /* Opera */
 border-radius: 50px;
 border: 5px solid #8C6E3C;
 box-shadow: 0px 0px 10px #8C6E3C;
}
#img_bottomright
{
 position: fixed;
 z-index: 2;
 bottom: 5%;
 left: 50%;
 margin-left: 330px;
 width: 300px;
 height: 300px;
 background: url(https://zupimages.net/up/18/43/xil3.png);
 -ms-transform: rotate(20deg); /* Internet Explorer */
 -moz-transform: rotate(20deg); /* Firefox */
 -webkit-transform: rotate(20deg); /* Safari et Chrome */
 -o-transform: rotate(20deg); /* Opera */
 border-radius: 50px;
 border: 5px solid #450604;
 box-shadow: 0px 0px 10px #450604;
}
/* QEEL */
.qeel_groupes
{
 position: relative;
 z-index: 11;
 width: 230px;
 height: 230px;
 margin: auto;
 text-align: center;
 background: #C09958;
 border: 5px solid #392700;
 border-radius: 250px;
 font-size: 0;
 box-shadow: 0px 0px 5px #39322c;
 overflow: hidden;
}
.qeel_groupes a.gensmall
{
 display: block;
 text-align: center;
 font-size: 12px;
 background: #C09958;
 font-family: 'Alegreya Sans SC', sans-serif;
 transition: 500ms;
}
.qeel_groupes a.gensmall:hover
{
 background: #ffffff;
}
.qeel_co
{
 position: absolute;
 z-index: 10;
 width: 450px;
 height: 200px;
 margin-left: -8px;
 margin-top: 25px;
 overflow: hidden;
 font-family: 'Chakra Petch', sans-serif;
 font-size: 16px;
 color: #8C6E3C; !important;
}
.qeel_co img
{
 position: absolute;
 transition: 1s;
}
.qeel_co:hover img
{
 margin-left: 450px;
}
.qeel_last
{
 position: absolute;
 z-index: 10;
 width: 450px;
 height: 200px;
 right: 0;
 margin-right: -1px;
 margin-top: 25px;
 overflow: hidden;
}
.qeel_last img
{
 position: absolute;
 transition: 1s;
}
.qeel_last:hover img
{
 margin-left: -450px;
}
.qeel_co_bloc, .qeel_last_bloc
{
 width: 300px;
 height: 180px;
 padding: 10px;
 background: #8C6F3C;
 border-width:2px;
 border-color:#8C6E3C;
 overflow: auto;
}
.qeel_last_bloc
{
 float: right;
 font-family: 'Chakra Petch', sans-serif;
 font-size: 11px;
 color: #8C6E3C; !important;
}
.forum_avatar
{
 position: absolute;
 z-index: 13;
 width: 80px;
 height: 80px;
 right: 10;
 margin-right: 190px;
 margin-top: 20px;
 overflow: hidden;
 border-radius: 60px;
 border: 3px solid #ffffff;
 box-shadow: 0px 0px 5px #8C6E3C;
 background: #8C6E3C;
}
.forum_avatar img
{
 width: 80px;
 margin-top: -20px;
}
/* PA */
.DOR {
background:#8C6E3C; /* MODIFIABLE */
}
/* TITRE STAFF PA */
.tleDOR {
background:#440604; color:white; /* MODIFIABLE */
}
/* BORDURES BLOCS STAFF PA */
.staffDOR div {
border-color:#440604; !important; /* MODIFIABLE */
}
/* CONTENUS STAFF PA */
.staffDOR div p {
background:#E7EAEA; color:black; /* MODIFIABLE */
}
/* DISPONIBLE PA */
.onDOR {
background:lightgreen; color:black; /* MODIFIABLE */
}
/* INDISPONIBLE PA */
.offDOR {
background:crimson; color:white; /* MODIFIABLE */
}
/* LIENS PROFILS STAFF PA */
.staffDOR div p a {
color:black; /* MODIFIABLE */
}
/* LIENS PA */
.lksDOR a {
background:rgba(0,0,0,0.5);
color:white;
/* MODIFIABLE */
}
/* BORDURE ACTUALITES PA */
.newsDOR {
border-color:#440604 !important; /* MODIFIABLE */
}
/* CONTENU ACTUALITES PA */
.newsDOR div {
background:#E7EAEA; color:black; /* MODIFIABLE */
}
/* CONTEXTE PA */
.ctxtDOR {
border-color:#440604 !important; background: #E7EAEA; color:black; /* MODIFIABLE */
}
/* TITRE PARTENAIRES PA */
.tleIIDOR {
background:#440604; color:white; /* MODIFIABLE */
}
/* PARTENAIRES PA */
.partDOR {
background:rgba(0,0,0,0.7); /* MODIFIABLE */
}
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
margin-bottom:3px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; opacity:0.7; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.topPFIL {
height:37px; padding:20px; overflow:hidden;
text-transform:uppercase; text-align:right; font-size:30px; line-height:34px;
background:#4A4A4A; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:block; margin-bottom:3px;
width:58px; height:15px; padding:1px 0; padding-left:2px;
text-transform:uppercase; text-align:center; font-size:9px; letter-spacing:2px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:block;
width:60px; height:15px; padding:1px 0;
text-transform:uppercase; text-align:center; font-size:9px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* TRIANGLE BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.triPFIL {
position:absolute; margin-top:-15px; margin-left:155px;
width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent;
border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* 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:200px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:200px; height:320px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color: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:541px; height:275px; 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.; /* 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;
}
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
margin:10px auto 0; width:800px; 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;
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:#8C6E3C; color:white; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* 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;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; vertical-align:top; margin-top:5px; margin-right:100px;
width:310px; height:15px; overflow:hidden;
background:#DBC993; color:black; /* MODIFIABLE */
font-size:9px; text-align:center; line-height:15px;
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:135px; height:75px; overflow:hidden;
background:#8C6E3C; /* MODIFIABLE */
font-size:11px; text-align:center; line-height:11px;
}
/* BLOC VUES & REPONSES SUJET */
.stsSBJ {
display:inline-block; vertical-align:top;
width:100px; padding:5px; line-height:15px;
background:#440604; /* MODIFIABLE */
}
/* VUES SUJET */
.vuesSBJ {
margin:5px auto;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.; 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.; color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* ONGLETS MESSAGERIE - BOITE DE RECEPTION / MESSAGES ENVOYES / BOITE ENVOI / ARCHIVES */
.ongMSGY {
display:inline-block; margin:0 5px 5px 0;
width:125px; height:10px; padding:2px 0;
background:#8C6E3C; color:white; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:11px;
}
/* ONGLETS INACTIFS */
.ongMSGY a {
color:lightgrey; /* MODIFIABLE */
}
/* BOUTON ALLER MESSAGERIE */
.goMSGY {
display:inline-block; vertical-align:middle; margin-top:-2px;
height:15px; border:none;
background:white; color:black; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:10px;
}
/* CAPACITE DE LA MESSAGERIE */
.boxMSGY {
height:23px; padding:10px 10px 0 0;
background:#8C6E3C; color:white; /* MODIFIABLE */
text-align:right; font-size:10px; text-transform:uppercase; font-family:Arial; line-height:12px;
}
/* PAS DE MESSAGE */
.noneMSGY {
margin:5px auto; padding:5px;
background:white; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* BLOC MESSAGE */
.blocMSGY {
margin:5px auto;
height:30px; padding:5px; overflow:hidden;
background:white; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.blocMSGY:hover {
height:55px;
}
/* BLOC TITRE MESSAGE */
.tleMSGY {
display:inline-block; vertical-align:top;
width:70%; height:20px; padding:5px 0; overflow:hidden;
background:#E9E9E9; /* MODIFIABLE */
text-align:left; font-size:11px; font-family:Arial; line-height:16px;
}
/* TITRE MESSAGE */
.tleMSGY a {
color:black !important; /* MODIFIABLE */
}
/* BLOC AUTEUR MESSAGE */
.nameMSGY {
display:inline-block; vertical-align:top; margin-left:1%;
width:29%; height:20px; padding:5px 0; overflow:hidden;
background:grey; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; font-family:Arial; line-height:19px;
}
/* COULEUR PSEUDONYME AUTEUR MESSAGE */
.nameMSGY strong {
color:white; /* MODIFIABLE */
}
/* DATE MESSAGE */
.dateMSGY {
display:block; margin-top:5px;
width:100%; height:10px; padding:5px 0;
background:grey; color:white; /* MODIFIABLE */
text-align:center; font-size:10px; font-family:Arial; line-height:10px;
}
/* PAGINATION MESSAGERIE */
.navMSGY {
margin:5px 0; padding:3px;
background:grey; color:white; /* MODIFIABLE */
}
.fontMSGY {
font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* NUMEROS PAGES PAGINATION MESSAGERIE */
.navMSGY a {
color:white; /* MODIFIABLE */
font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* TOUT SELECTIONNER / TOUT DESELECTIONNER MESSAGERIE */
.selectMSGY {
font-size:9px; text-transform:uppercase; font-family:Arial;
}
.selectMSGY a {
color:black !important; /* MODIFIABLE */
}
/* OPTIONS MESSAGERIE - SAUVEGARDER / SUPPRIMER / TOUT SUPPRIMER */
.btnMSGY {
display:inline-block; vertical-align:top; margin-left:5px;
padding:3px 5px 2px; border:none;
background:black; color:white; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:10px;
}
.jumpMSGY .gensmall {
font-size:0;
}
/* FOND LISTE DES MEMBRES */
.bgLMBER {
background:#440604; /* MODIFIABLE */
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center;
background:#8C6E3C; color:white; /* MODIFIABLE */
}
/* 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;
}
/* 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:grey; color:grey; /* 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:#8C6E3C; /* 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:#8C6E3C; /* 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;
}
/* SUJETS */
#plus_menu
{
 left: 600px !important;
 box-shadow: 0px 0px 5px #39322c;
}
a.topictitle
{
 font-weight: normal;
}
/* MISE EN FORME DU PROFIL ET DES MESSAGES */
.bloc_message
{
 width: 100%;
 margin: auto;
}
.profil
{
 width: 100%;
 height: 240px;
 background: #8C6F3C;
 margin-top: 20px;
 box-shadow: 0px 0px 5px #8C6E3C;
 border: 2px solid #ffffff !important;
}
.message
{
 width: 100%;
 margin: auto;
 background: #ffffff;
 margin-bottom: 20px;
 border: 2px solid #d0cdc8;
 padding-top: 2px;
}
.online
{
 display: block;
 clear: both;
 position: absolute;
 margin-top: -2px;
 margin-left: -2px;
}
.avatar_profil
{
 display: block;
 float: right;
 margin-right: 120px;
 margin-top: -20px;
 transform: rotate(20deg);
}
.avatar_profil img
{
 position: absolute;
 width: 130px;
 border: 5px solid #ffffff;
 box-shadow: 0px 0px 5px #8C6E3C;
 transition: 1s;
}
.avatar_profil img:hover
{
 width: 200px;
 box-shadow: 0px 0px 10px #8C6E3C;
}
.bloc_profil
{
 margin-left: 70px;
}
.rang_img
{
 position: relative;
 float: left;
}
.pseudo_membre
{
 display: block;
 width: 80%;
 font-size: 32px;
 letter-spacing: 2px;
 font-family: 'Shadows Into Light Two', cursive;
 margin-left: 50px;
}
.rang
{
 display: block;
 margin-left: 100px;
 font-size: 11px;
 font-style: italic;
 letter-spacing: 4px;
 font-family: 'Alegreya Sans SC', sans-serif;
 color: #000000;
}
.profil_contenu
{
 clear: both;
 width: 50%;
 height: 140px;
 margin-top: 10px;
 overflow: auto;
 background: #ffffff;
 border: 1px solid #637765;
 padding: 4px;
 font-size: 11px;
 text-align: justify;
}
.option_profil
{
 display: block;
 height: 160px;
 margin-left: 450px;
 margin-top: -150px;
 position: absolute;
 text-align: center;
 width: 100px;
}
.option_profil img
{
 opacity: 0.5;
 transition: 500ms;
}
.option_profil img:hover
{
 opacity: 0.8;
}
.message_contenu
{
 font-size: 13px;
 text-align: justify;
 padding: 10px;
}
.signature_div
{
 width: 100%;
 max-height: 600px;
 overflow: auto;
 margin: auto;
 background: #ffffff; /* couleur de fond espace signature */
}
.progress-bar td /* correction espacement barre de sondage */
{
 float: left;
 cellpadding: 0 !important;
 cellspacing: 0 !important;
 border: 0 !important;
 padding: 0 !important;
 margin: 0 !important;
}
/*GENERAL FICHES*//*/*/
.cadre-kit {
 width: 550px;
 border-width: 1px;
 border-style: solid;
 padding: 20px 0;
 margin: 5px auto;
 font: 11px 'Raleway', sans-serif;
}
.wrap-kit {
 width: 500px;
 margin: auto;
}
.wrap-kit h2 {
 text-align: center;
 padding: 30px 0;
 margin: 0;
 font: 800 25px 'Raleway', sans-serif;
 text-transform: uppercase;
}
.bloc-kit {
 border-width: 1px;
 border-style: solid;
 margin: 5px auto;
 background-color: #fff;
}
.contenu-kit {
 padding: 20px;
 text-align: justify;
}

/*COULEURS*/
/*Couleurs de la bordure et du fond du cadre extérieur*/
.cadre-kit {
 background-color: #450604;
 border-color: #CACACA;
}
/*Couleurs du fond du titre et du titre*/
.wrap-kit h2 {
 background-color: #94000C;
 color: #fff;
}
/*Couleur de la bordure et du fond du cadre intérieur*/
.bloc-kit {
 border-color: #CACACA;
 background-color: #DBC993;
}
/*Couleur du texte des cadres*/
.contenu-kit {
 color: #000;
}

/*FICHE PREDEFINI*/
/*Statut du prédef : de base, il est pris, mais on peut ajouter la class "libre" ou "réservé"*/
.statut {
 border: 1px solid #feb1b1;
 color: #ec2e2e;
 margin: 5px auto;
 background-color: #ffdcdc;
 padding: 5px;
 text-align: center;
 text-transform: uppercase;
}
.libre {
 border-color: #b8ecae;
 color: #69b153;
 background-color: #deffba;
}
.reserve {
 border-color: #fbae90;
 color: #f66d2e;
 background-color: #f9d5ad;
}
/*Le petit bloc sous le titre*/
.predef-intro-kit {
 padding: 5px 10px;
 font-size: 9px;
 text-align: right;
 text-transform: uppercase;
 background-color: #fff;
 margin: 5px 0;
}
.avatar-kit {
 float: left;
 margin-right: 5px;
}
/*bloc à côté de l'avatar*/
.predef {
 width: 193px;
 height: 318px;
 margin: 0;
 display: inline-block;
}
.predef .contenu-kit {
 padding: 5px 10px;
 height: 308px;
 overflow: auto;
}
/*Petits blocs pour le caractère*/
.caractere-kit {
 display: flex;
flex: 0 0 100%;
margin: 5px 0 0 0;
}
.caractere {
 flex: 1;
 padding: 10px;
 margin: 0 3px 0 0;
 text-align: center;
}
/*On retire le margin-right du dernier bloc de chaque ligne pour que ce soit joli*/
.caractere-kit-wrap .caractere-kit .caractere:last-child {
margin-right: 0;
}


/*REGLEMENT*/
/*Les titres de paragraphe du règlement*/
.contenu-kit t {
 text-transform: uppercase;
 display: block;
 margin-top: 10px;
 font-weight: bold;
 font-size: 14px;
}
/*Blocs d'alerte*/
.alerte {
 border: 1px solid #feb1b1;
 color: #ec2e2e;
 margin: 5px auto;
 background-color: #ffdcdc;
 padding: 10px;
 border-radius: 10px;
}
.verte {
 border: 1px solid #b8ecae;
 color: #69b153;
 background-color: #deffba;
}

/*RECENSEMENT D'AVATARS*/
.faceclaim {
 padding: 5px 0;
 text-align: center;
}
.nom-kit b {
 color: #A0A0A0;
}

/*CONTEXTE*/
/*Le petit bloc pour un titre d'intrigue ou de mise à jour du contexte*/
.intrigue {
 border: 1px solid #EFEFEF;
 margin: 5px 0;
 background-color: #EFEFEF;
 padding:5px;
 text-align: center;
 font-size: 13px;
}
.intrigue small {
 text-transform: uppercase;
 font-size: 9px;
 display: block;
}

/*LES CREDITS*/
.credit-kit {
 text-align: center;
 font-size: 8px;
 position: absolute;
 width: 450px;
 margin-top: 3px;
 text-transform: lowercase;
}
.credit-kit a {
 color: #989898!important;
 font-weight: 700;
 text-decoration: none;
}
.bgAdministrateur{background-color:red;height: 5px;}
}
.post.bgAdminUniversity {
  border-top: 10px solid #FF0000;
}
.boutonhautbas {
  bottom: 40px;
  right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
  position: fixed;
  z-index: 100;
}

[.Volubal.]

Je t'envoie ça en MP, sinon c'est trop long

Pourquoi en MP ?

Ton code CSS en intégralité :

Code:

/* NAVIGATION */
.navSIT {
position:absolute; top:75px; margin-left:860px; /* MODULER SELON LA LARGEUR DE SON FORUM */
line-height:12px;
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block;
width:125px; padding:10px; border-radius:0 15px 15px 0;
text-align:center; line-height:normal;
text-transform:uppercase; font-size:10px; font-family:Arial; /* MODIFIABLE */
background:lightgrey; color:black; /* MODIFIABLE */
transition:all 0.65s; -webkit-transition:all 0.65s;
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
background:#8C6E3C; color:white; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:10px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
position:absolute; top:145px !important; left:0 !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:#8C6E3C; !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:lightgrey !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:grey; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:#94000C; color:black !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:lightgrey !important; /* MODIFIABLE */
}
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto;
width:800px; padding:10px 0; text-align:center;
background:#8C6E3C; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:2px;
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px;
width:800px; height:165px; overflow:hidden;
text-align:center; font-family:Arial;
}
/* BLOC ICÔNES / TITRE FORUM */
.tleFRM {
margin:auto; width:780px; height:20px; padding:10px; overflow:hidden;
font-size:16px; font-weight:bold; text-transform:uppercase; text-align:right;
background:#440604; /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM {
float:left;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; z-index:4; margin-left:15px; margin-top:40px;
width:95px; height:20px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:lightgrey; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:5; margin-top:15px; margin-left:15px;
width:145px; height:0; padding:0 5px; overflow:hidden;
font-size:10px; text-transform:uppercase; text-align:justify;
background:lightgrey; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
.sfFRM:hover {
overflow-y:auto;
}
.FRM:hover .sfFRM {
height:85px; padding:5px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
#descFRM {
display:inline-block; vertical-align:top;
width:625px; height:125px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:2;
width:625px; height:125px;
}
/* CONTENU DESCRIPTION FORUM */
.descFRM {
position:absolute; z-index:3; margin-top:15px; margin-left:185px;
width:335px; height:85px; padding:5px; overflow-y:auto; font-size:10px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
opacity:0; transition:opacity .85s ease; -webkit-transition:opacity .85s ease;
}
.FRM:hover .descFRM {
opacity:1;
}
/* TRIANGLE DERNIER MESSAGE FORUM */
.triFRM {
position:absolute; z-index:3; margin-top:-125px; margin-left:560px;
width:0; height:0; border-style:solid; border-width:0 65px 125px 0; border-color:transparent;
border-right-color:#94000C; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:155px; height:125px; padding:0 10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background:#94000C; color:#000000; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white !important; /* MODIFIABLE */
}
/* GENERAL ET CORPS DE PAGE */
body
{
 background: url(https://www.zupimages.net/up/18/43/a1d8.jpg) repeat #FFEDD0;
 /* le motif est en transparence il suffit de changer la couleur de fond */
 margin: 0;
 padding: 0;
 letter-spacing: 1px;
 
}
a:link, a:hover
{
 text-decoration: none !important;
}
.bodylinewidth
{
 position: relative;
 z-index: 10;
 width: 860px;
 margin: 0 auto;
 background: #FFEDD0; /* couleur de fond du corps */
 box-shadow: 0px 0px 10px #8C6E3C;
}
.bodyline
{
 padding: 0;
 margin: 0;
}
#page-body
{
 width: 98%;
 margin: auto;
}
#i_logo
{
 margin-top: 10px;
}
table
{
 width: 100%;
}
.forumline
{
 width: 100%;
 background: #FFEDD1;
}
table.three-col
{
 max-width: 880px !important;
}
/* DECO DES COTES */
#img_topleft
{
 position: fixed;
 z-index: 2;
 bottom: 40%;
 left: 50%;
 margin-left: -650px;
 width: 300px;
 height: 300px;
 background: url(https://zupimages.net/up/18/43/r4s8.png);
 -ms-transform: rotate(340deg); /* Internet Explorer */
 -moz-transform: rotate(340deg); /* Firefox */
 -webkit-transform: rotate(340deg); /* Safari et Chrome */
 -o-transform: rotate(340deg); /* Opera */
 border-radius: 50px;
 border: 5px solid #8C6E3C;
 box-shadow: 0px 0px 10px #8C6E3C;
}
#img_bottomright
{
 position: fixed;
 z-index: 2;
 bottom: 5%;
 left: 50%;
 margin-left: 330px;
 width: 300px;
 height: 300px;
 background: url(https://zupimages.net/up/18/43/xil3.png);
 -ms-transform: rotate(20deg); /* Internet Explorer */
 -moz-transform: rotate(20deg); /* Firefox */
 -webkit-transform: rotate(20deg); /* Safari et Chrome */
 -o-transform: rotate(20deg); /* Opera */
 border-radius: 50px;
 border: 5px solid #450604;
 box-shadow: 0px 0px 10px #450604;
}
/* QEEL */
.qeel_groupes
{
 position: relative;
 z-index: 11;
 width: 230px;
 height: 230px;
 margin: auto;
 text-align: center;
 background: #C09958;
 border: 5px solid #392700;
 border-radius: 250px;
 font-size: 0;
 box-shadow: 0px 0px 5px #39322c;
 overflow: hidden;
}
.qeel_groupes a.gensmall
{
 display: block;
 text-align: center;
 font-size: 12px;
 background: #C09958;
 font-family: 'Alegreya Sans SC', sans-serif;
 transition: 500ms;
}
.qeel_groupes a.gensmall:hover
{
 background: #ffffff;
}
.qeel_co
{
 position: absolute;
 z-index: 10;
 width: 450px;
 height: 200px;
 margin-left: -8px;
 margin-top: 25px;
 overflow: hidden;
 font-family: 'Chakra Petch', sans-serif;
 font-size: 16px;
 color: #8C6E3C; !important;
}
.qeel_co img
{
 position: absolute;
 transition: 1s;
}
.qeel_co:hover img
{
 margin-left: 450px;
}
.qeel_last
{
 position: absolute;
 z-index: 10;
 width: 450px;
 height: 200px;
 right: 0;
 margin-right: -1px;
 margin-top: 25px;
 overflow: hidden;
}
.qeel_last img
{
 position: absolute;
 transition: 1s;
}
.qeel_last:hover img
{
 margin-left: -450px;
}
.qeel_co_bloc, .qeel_last_bloc
{
 width: 300px;
 height: 180px;
 padding: 10px;
 background: #8C6F3C;
 border-width:2px;
 border-color:#8C6E3C;
 overflow: auto;
}
.qeel_last_bloc
{
 float: right;
 font-family: 'Chakra Petch', sans-serif;
 font-size: 11px;
 color: #8C6E3C; !important;
}
.forum_avatar
{
 position: absolute;
 z-index: 13;
 width: 80px;
 height: 80px;
 right: 10;
 margin-right: 190px;
 margin-top: 20px;
 overflow: hidden;
 border-radius: 60px;
 border: 3px solid #ffffff;
 box-shadow: 0px 0px 5px #8C6E3C;
 background: #8C6E3C;
}
.forum_avatar img
{
 width: 80px;
 margin-top: -20px;
}
/* PA */
.DOR {
background:#8C6E3C; /* MODIFIABLE */
}
/* TITRE STAFF PA */
.tleDOR {
background:#440604; color:white; /* MODIFIABLE */
}
/* BORDURES BLOCS STAFF PA */
.staffDOR div {
border-color:#440604; !important; /* MODIFIABLE */
}
/* CONTENUS STAFF PA */
.staffDOR div p {
background:#E7EAEA; color:black; /* MODIFIABLE */
}
/* DISPONIBLE PA */
.onDOR {
background:lightgreen; color:black; /* MODIFIABLE */
}
/* INDISPONIBLE PA */
.offDOR {
background:crimson; color:white; /* MODIFIABLE */
}
/* LIENS PROFILS STAFF PA */
.staffDOR div p a {
color:black; /* MODIFIABLE */
}
/* LIENS PA */
.lksDOR a {
background:rgba(0,0,0,0.5);
color:white;
/* MODIFIABLE */
}
/* BORDURE ACTUALITES PA */
.newsDOR {
border-color:#440604 !important; /* MODIFIABLE */
}
/* CONTENU ACTUALITES PA */
.newsDOR div {
background:#E7EAEA; color:black; /* MODIFIABLE */
}
/* CONTEXTE PA */
.ctxtDOR {
border-color:#440604 !important; background: #E7EAEA; color:black; /* MODIFIABLE */
}
/* TITRE PARTENAIRES PA */
.tleIIDOR {
background:#440604; color:white; /* MODIFIABLE */
}
/* PARTENAIRES PA */
.partDOR {
background:rgba(0,0,0,0.7); /* MODIFIABLE */
}
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
margin-bottom:3px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; opacity:0.7; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.topPFIL {
height:37px; padding:20px; overflow:hidden;
text-transform:uppercase; text-align:right; font-size:30px; line-height:34px;
background:#4A4A4A; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:block; margin-bottom:3px;
width:58px; height:15px; padding:1px 0; padding-left:2px;
text-transform:uppercase; text-align:center; font-size:9px; letter-spacing:2px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:block;
width:60px; height:15px; padding:1px 0;
text-transform:uppercase; text-align:center; font-size:9px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* TRIANGLE BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.triPFIL {
position:absolute; margin-top:-15px; margin-left:155px;
width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent;
border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* 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:200px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:200px; height:320px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color: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:541px; height:275px; 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.; /* 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;
}
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
margin:10px auto 0; width:800px; 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;
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:#8C6E3C; color:white; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* 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;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; vertical-align:top; margin-top:5px; margin-right:100px;
width:310px; height:15px; overflow:hidden;
background:#DBC993; color:black; /* MODIFIABLE */
font-size:9px; text-align:center; line-height:15px;
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:135px; height:75px; overflow:hidden;
background:#8C6E3C; /* MODIFIABLE */
font-size:11px; text-align:center; line-height:11px;
}
/* BLOC VUES & REPONSES SUJET */
.stsSBJ {
display:inline-block; vertical-align:top;
width:100px; padding:5px; line-height:15px;
background:#440604; /* MODIFIABLE */
}
/* VUES SUJET */
.vuesSBJ {
margin:5px auto;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.; 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.; color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* ONGLETS MESSAGERIE - BOITE DE RECEPTION / MESSAGES ENVOYES / BOITE ENVOI / ARCHIVES */
.ongMSGY {
display:inline-block; margin:0 5px 5px 0;
width:125px; height:10px; padding:2px 0;
background:#8C6E3C; color:white; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:11px;
}
/* ONGLETS INACTIFS */
.ongMSGY a {
color:lightgrey; /* MODIFIABLE */
}
/* BOUTON ALLER MESSAGERIE */
.goMSGY {
display:inline-block; vertical-align:middle; margin-top:-2px;
height:15px; border:none;
background:white; color:black; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:10px;
}
/* CAPACITE DE LA MESSAGERIE */
.boxMSGY {
height:23px; padding:10px 10px 0 0;
background:#8C6E3C; color:white; /* MODIFIABLE */
text-align:right; font-size:10px; text-transform:uppercase; font-family:Arial; line-height:12px;
}
/* PAS DE MESSAGE */
.noneMSGY {
margin:5px auto; padding:5px;
background:white; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* BLOC MESSAGE */
.blocMSGY {
margin:5px auto;
height:30px; padding:5px; overflow:hidden;
background:white; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.blocMSGY:hover {
height:55px;
}
/* BLOC TITRE MESSAGE */
.tleMSGY {
display:inline-block; vertical-align:top;
width:70%; height:20px; padding:5px 0; overflow:hidden;
background:#E9E9E9; /* MODIFIABLE */
text-align:left; font-size:11px; font-family:Arial; line-height:16px;
}
/* TITRE MESSAGE */
.tleMSGY a {
color:black !important; /* MODIFIABLE */
}
/* BLOC AUTEUR MESSAGE */
.nameMSGY {
display:inline-block; vertical-align:top; margin-left:1%;
width:29%; height:20px; padding:5px 0; overflow:hidden;
background:grey; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; font-family:Arial; line-height:19px;
}
/* COULEUR PSEUDONYME AUTEUR MESSAGE */
.nameMSGY strong {
color:white; /* MODIFIABLE */
}
/* DATE MESSAGE */
.dateMSGY {
display:block; margin-top:5px;
width:100%; height:10px; padding:5px 0;
background:grey; color:white; /* MODIFIABLE */
text-align:center; font-size:10px; font-family:Arial; line-height:10px;
}
/* PAGINATION MESSAGERIE */
.navMSGY {
margin:5px 0; padding:3px;
background:grey; color:white; /* MODIFIABLE */
}
.fontMSGY {
font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* NUMEROS PAGES PAGINATION MESSAGERIE */
.navMSGY a {
color:white; /* MODIFIABLE */
font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* TOUT SELECTIONNER / TOUT DESELECTIONNER MESSAGERIE */
.selectMSGY {
font-size:9px; text-transform:uppercase; font-family:Arial;
}
.selectMSGY a {
color:black !important; /* MODIFIABLE */
}
/* OPTIONS MESSAGERIE - SAUVEGARDER / SUPPRIMER / TOUT SUPPRIMER */
.btnMSGY {
display:inline-block; vertical-align:top; margin-left:5px;
padding:3px 5px 2px; border:none;
background:black; color:white; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:10px;
}
.jumpMSGY .gensmall {
font-size:0;
}
/* FOND LISTE DES MEMBRES */
.bgLMBER {
background:#440604; /* MODIFIABLE */
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center;
background:#8C6E3C; color:white; /* MODIFIABLE */
}
/* 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;
}
/* 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:grey; color:grey; /* 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:#8C6E3C; /* 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:#8C6E3C; /* 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;
}
/* SUJETS */
#plus_menu
{
 left: 600px !important;
 box-shadow: 0px 0px 5px #39322c;
}
a.topictitle
{
 font-weight: normal;
}
/* MISE EN FORME DU PROFIL ET DES MESSAGES */
.bloc_message
{
 width: 100%;
 margin: auto;
}
.profil
{
 width: 100%;
 height: 240px;
 background: #8C6F3C;
 margin-top: 20px;
 box-shadow: 0px 0px 5px #8C6E3C;
 border: 2px solid #ffffff !important;
}
.message
{
 width: 100%;
 margin: auto;
 background: #ffffff;
 margin-bottom: 20px;
 border: 2px solid #d0cdc8;
 padding-top: 2px;
}
.online
{
 display: block;
 clear: both;
 position: absolute;
 margin-top: -2px;
 margin-left: -2px;
}
.avatar_profil
{
 display: block;
 float: right;
 margin-right: 120px;
 margin-top: -20px;
 transform: rotate(20deg);
}
.avatar_profil img
{
 position: absolute;
 width: 130px;
 border: 5px solid #ffffff;
 box-shadow: 0px 0px 5px #8C6E3C;
 transition: 1s;
}
.avatar_profil img:hover
{
 width: 200px;
 box-shadow: 0px 0px 10px #8C6E3C;
}
.bloc_profil
{
 margin-left: 70px;
}
.rang_img
{
 position: relative;
 float: left;
}
.pseudo_membre
{
 display: block;
 width: 80%;
 font-size: 32px;
 letter-spacing: 2px;
 font-family: 'Shadows Into Light Two', cursive;
 margin-left: 50px;
}
.rang
{
 display: block;
 margin-left: 100px;
 font-size: 11px;
 font-style: italic;
 letter-spacing: 4px;
 font-family: 'Alegreya Sans SC', sans-serif;
 color: #000000;
}
.profil_contenu
{
 clear: both;
 width: 50%;
 height: 140px;
 margin-top: 10px;
 overflow: auto;
 background: #ffffff;
 border: 1px solid #637765;
 padding: 4px;
 font-size: 11px;
 text-align: justify;
}
.option_profil
{
 display: block;
 height: 160px;
 margin-left: 450px;
 margin-top: -150px;
 position: absolute;
 text-align: center;
 width: 100px;
}
.option_profil img
{
 opacity: 0.5;
 transition: 500ms;
}
.option_profil img:hover
{
 opacity: 0.8;
}
.message_contenu
{
 font-size: 13px;
 text-align: justify;
 padding: 10px;
}
.signature_div
{
 width: 100%;
 max-height: 600px;
 overflow: auto;
 margin: auto;
 background: #ffffff; /* couleur de fond espace signature */
}
.progress-bar td /* correction espacement barre de sondage */
{
 float: left;
 cellpadding: 0 !important;
 cellspacing: 0 !important;
 border: 0 !important;
 padding: 0 !important;
 margin: 0 !important;
}
/*GENERAL FICHES*//*/*/
.cadre-kit {
 width: 550px;
 border-width: 1px;
 border-style: solid;
 padding: 20px 0;
 margin: 5px auto;
 font: 11px 'Raleway', sans-serif;
}
.wrap-kit {
 width: 500px;
 margin: auto;
}
.wrap-kit h2 {
 text-align: center;
 padding: 30px 0;
 margin: 0;
 font: 800 25px 'Raleway', sans-serif;
 text-transform: uppercase;
}
.bloc-kit {
 border-width: 1px;
 border-style: solid;
 margin: 5px auto;
 background-color: #fff;
}
.contenu-kit {
 padding: 20px;
 text-align: justify;
}

/*COULEURS*/
/*Couleurs de la bordure et du fond du cadre extérieur*/
.cadre-kit {
 background-color: #450604;
 border-color: #CACACA;
}
/*Couleurs du fond du titre et du titre*/
.wrap-kit h2 {
 background-color: #94000C;
 color: #fff;
}
/*Couleur de la bordure et du fond du cadre intérieur*/
.bloc-kit {
 border-color: #CACACA;
 background-color: #DBC993;
}
/*Couleur du texte des cadres*/
.contenu-kit {
 color: #000;
}

/*FICHE PREDEFINI*/
/*Statut du prédef : de base, il est pris, mais on peut ajouter la class "libre" ou "réservé"*/
.statut {
 border: 1px solid #feb1b1;
 color: #ec2e2e;
 margin: 5px auto;
 background-color: #ffdcdc;
 padding: 5px;
 text-align: center;
 text-transform: uppercase;
}
.libre {
 border-color: #b8ecae;
 color: #69b153;
 background-color: #deffba;
}
.reserve {
 border-color: #fbae90;
 color: #f66d2e;
 background-color: #f9d5ad;
}
/*Le petit bloc sous le titre*/
.predef-intro-kit {
 padding: 5px 10px;
 font-size: 9px;
 text-align: right;
 text-transform: uppercase;
 background-color: #fff;
 margin: 5px 0;
}
.avatar-kit {
 float: left;
 margin-right: 5px;
}
/*bloc à côté de l'avatar*/
.predef {
 width: 193px;
 height: 318px;
 margin: 0;
 display: inline-block;
}
.predef .contenu-kit {
 padding: 5px 10px;
 height: 308px;
 overflow: auto;
}
/*Petits blocs pour le caractère*/
.caractere-kit {
 display: flex;
flex: 0 0 100%;
margin: 5px 0 0 0;
}
.caractere {
 flex: 1;
 padding: 10px;
 margin: 0 3px 0 0;
 text-align: center;
}
/*On retire le margin-right du dernier bloc de chaque ligne pour que ce soit joli*/
.caractere-kit-wrap .caractere-kit .caractere:last-child {
margin-right: 0;
}


/*REGLEMENT*/
/*Les titres de paragraphe du règlement*/
.contenu-kit t {
 text-transform: uppercase;
 display: block;
 margin-top: 10px;
 font-weight: bold;
 font-size: 14px;
}
/*Blocs d'alerte*/
.alerte {
 border: 1px solid #feb1b1;
 color: #ec2e2e;
 margin: 5px auto;
 background-color: #ffdcdc;
 padding: 10px;
 border-radius: 10px;
}
.verte {
 border: 1px solid #b8ecae;
 color: #69b153;
 background-color: #deffba;
}

/*RECENSEMENT D'AVATARS*/
.faceclaim {
 padding: 5px 0;
 text-align: center;
}
.nom-kit b {
 color: #A0A0A0;
}

/*CONTEXTE*/
/*Le petit bloc pour un titre d'intrigue ou de mise à jour du contexte*/
.intrigue {
 border: 1px solid #EFEFEF;
 margin: 5px 0;
 background-color: #EFEFEF;
 padding:5px;
 text-align: center;
 font-size: 13px;
}
.intrigue small {
 text-transform: uppercase;
 font-size: 9px;
 display: block;
}

/*LES CREDITS*/
.credit-kit {
 text-align: center;
 font-size: 8px;
 position: absolute;
 width: 450px;
 margin-top: 3px;
 text-transform: lowercase;
}
.credit-kit a {
 color: #989898!important;
 font-weight: 700;
 text-decoration: none;
}
.bgAdministrateur{background-color:red;height: 5px;}
}
.post.bgAdminUniversity {
   border-top: 10px solid #FF0000;
}
.boutonhautbas {
   bottom: 40px;
   right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
   position: fixed;
   z-index: 100;
}

C'est cela

[Lixyr]

Voilà pour le CSS :

Code:

/* NAVIGATION */
.navSIT {
position:absolute; top:75px; margin-left:860px; /* MODULER SELON LA LARGEUR DE SON FORUM */
line-height:12px;
}
.mainmenu img{
display:none;
}
/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block;
width:125px; padding:10px; border-radius:0 15px 15px 0;
text-align:center; line-height:normal;
text-transform:uppercase; font-size:10px; font-family:Arial; /* MODIFIABLE */
background:lightgrey; color:black; /* MODIFIABLE */
transition:all 0.65s; -webkit-transition:all 0.65s;
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
background:#8C6E3C; color:white; /* MODIFIABLE */
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:10px !important; content:'Déconnexion'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
position:absolute; top:145px !important; left:0 !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:#8C6E3C; !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:lightgrey !important; /* MODIFIABLE */
}
/* TITRE MENU RECHERCHE */
#search_menu th.thHead {
text-transform:uppercase; font-family:Arial; /* MODIFIABLE */
background:grey; color:white; /* MODIFIABLE */
}
/* BARRE MENU RECHERCHE */
#search_menu input.post {
height:23px !important; border:none !important;
background:white; color:black; /* MODIFIABLE */
}
/* BOUTON MENU RECHERCHE */
#search_menu input.button {
height:25px; border:none !important; text-transform:uppercase;
background:#94000C; color:black !important; /* MODIFIABLE */
}
/* RECHERCHE AVANCEE */
#search_menu a{
display:block; margin-bottom:5px; width:235px;
background:none !important; border:none !important;
text-transform:uppercase; font-weight:bold; color:lightgrey !important; /* MODIFIABLE */
}
/* BLOC TITRE CATEGORIE */
.tleCAT {
margin:10px auto;
width:800px; padding:10px 0; text-align:center;
background:#8C6E3C; /* MODIFIABLE */
}
/* TITRE CATEGORIE */
.tleCAT h2 {
margin:0 auto;
font-size:42px; text-transform:uppercase; letter-spacing:2px;
font-family:Arial; color:white; text-shadow:1px 1px 0px rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* BLOC FORUM */
.FRM {
margin:0 auto 10px;
width:800px; height:165px; overflow:hidden;
text-align:center; font-family:Arial;
}
/* BLOC ICÔNES / TITRE FORUM */
.tleFRM {
margin:auto; width:780px; height:20px; padding:10px; overflow:hidden;
font-size:16px; font-weight:bold; text-transform:uppercase; text-align:right;
background:#440604; /* MODIFIABLE */
}
/* ICÔNES FORUMS */
.imgFRM {
float:left;
}
/* TITRE FORUM */
.tleFRM a {
color:white !important; text-shadow:1px 1px 0px rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* NOMBRE SUJETS & MESSAGES FORUM */
.nbFRM {
position:absolute; z-index:4; margin-left:15px; margin-top:40px;
width:95px; height:20px; padding:13px 5px 7px 5px; overflow:hidden;
text-align:center; font-size:11px; text-transform:uppercase;
background:lightgrey; color:rgba(0,0,0,0.5); /* MODIFIABLE */
}
/* BLOC SOUS-FORUMS */
.sfFRM {
position:absolute; z-index:5; margin-top:15px; margin-left:15px;
width:145px; height:0; padding:0 5px; overflow:hidden;
font-size:10px; text-transform:uppercase; text-align:justify;
background:lightgrey; /* MODIFIABLE */
transition:all .45s ease; -webkit-transition:all .45s ease;
}
.sfFRM:hover {
overflow-y:auto;
}
.FRM:hover .sfFRM {
height:85px; padding:5px;
}
/* LIENS SOUS-FORUMS */
.sfFRM a {
color:#191919 !important; /* MODIFIABLE */
}
/* DESCRIPTION FORUM */
#descFRM {
display:inline-block; vertical-align:top;
width:625px; height:125px; overflow:hidden;
background:#DEDEDE; /* MODIFIABLE */
font-size:11px; text-align:justify;
}
/* IMAGE DESCRIPTIVE FORUM */
#descFRM img {
position:absolute; z-index:2;
width:625px; height:125px;
}
/* CONTENU DESCRIPTION FORUM */
.descFRM {
position:absolute; z-index:3; margin-top:15px; margin-left:185px;
width:335px; height:85px; padding:5px; overflow-y:auto; font-size:10px;
background:rgba(250,250,250,0.7); color:black; /* MODIFIABLE */
opacity:0; transition:opacity .85s ease; -webkit-transition:opacity .85s ease;
}
.FRM:hover .descFRM {
opacity:1;
}
/* TRIANGLE DERNIER MESSAGE FORUM */
.triFRM {
position:absolute; z-index:3; margin-top:-125px; margin-left:560px;
width:0; height:0; border-style:solid; border-width:0 65px 125px 0; border-color:transparent;
border-right-color:#94000C; /* MODIFIABLE */
}
/* DERNIER MESSAGE FORUM */
.lmsgFRM {
display:inline-block; vertical-align:top;
width:155px; height:125px; padding:0 10px; overflow:hidden;
text-align:right; font-size:11px; text-transform:uppercase; line-height:24px;
background:#94000C; color:#000000; /* MODIFIABLE */
}
/* COULEUR TITRE SUJET DERNIER MESSAGE FORUM */
.lmsgFRM a {
color:white !important; /* MODIFIABLE */
}
/* GENERAL ET CORPS DE PAGE */
body
{
 background: url(https://www.zupimages.net/up/18/43/a1d8.jpg) repeat #FFEDD0;
 /* le motif est en transparence il suffit de changer la couleur de fond */
 margin: 0;
 padding: 0;
 letter-spacing: 1px;
 overflow-x: hidden;
}
a:link, a:hover
{
 text-decoration: none !important;
}
.bodylinewidth
{
 position: relative;
 z-index: 10;
 width: 860px;
 margin: 0 auto;
 background: #FFEDD0; /* couleur de fond du corps */
 box-shadow: 0px 0px 10px #8C6E3C;
}
.bodyline
{
 padding: 0;
 margin: 0;
}
#page-body
{
 width: 98%;
 margin: auto;
}
#i_logo
{
 margin-top: 10px;
}
table
{
 width: 100%;
}
.forumline
{
 width: 100%;
 background: #FFEDD1;
}
table.three-col
{
 max-width: 880px !important;
}
/* DECO DES COTES */
#img_topleft
{
 position: fixed;
 z-index: 2;
 bottom: 40%;
 left: 50%;
 margin-left: -650px;
 width: 300px;
 height: 300px;
 background: url(https://zupimages.net/up/18/43/r4s8.png);
 -ms-transform: rotate(340deg); /* Internet Explorer */
 -moz-transform: rotate(340deg); /* Firefox */
 -webkit-transform: rotate(340deg); /* Safari et Chrome */
 -o-transform: rotate(340deg); /* Opera */
 border-radius: 50px;
 border: 5px solid #8C6E3C;
 box-shadow: 0px 0px 10px #8C6E3C;
}
#img_bottomright
{
 position: fixed;
 z-index: 2;
 bottom: 5%;
 left: 50%;
 margin-left: 330px;
 width: 300px;
 height: 300px;
 background: url(https://zupimages.net/up/18/43/xil3.png);
 -ms-transform: rotate(20deg); /* Internet Explorer */
 -moz-transform: rotate(20deg); /* Firefox */
 -webkit-transform: rotate(20deg); /* Safari et Chrome */
 -o-transform: rotate(20deg); /* Opera */
 border-radius: 50px;
 border: 5px solid #450604;
 box-shadow: 0px 0px 10px #450604;
}
/* QEEL */
.qeel_groupes
{
 position: relative;
 z-index: 11;
 width: 230px;
 height: 230px;
 margin: auto;
 text-align: center;
 background: #C09958;
 border: 5px solid #392700;
 border-radius: 250px;
 font-size: 0;
 box-shadow: 0px 0px 5px #39322c;
 overflow: hidden;
}
.qeel_groupes a.gensmall
{
 display: block;
 text-align: center;
 font-size: 12px;
 background: #C09958;
 font-family: 'Alegreya Sans SC', sans-serif;
 transition: 500ms;
}
.qeel_groupes a.gensmall:hover
{
 background: #ffffff;
}
.qeel_co
{
 position: absolute;
 z-index: 10;
 width: 450px;
 height: 200px;
 margin-left: -8px;
 margin-top: 25px;
 overflow: hidden;
 font-family: 'Chakra Petch', sans-serif;
 font-size: 16px;
 color: #8C6E3C; !important;
}
.qeel_co img
{
 position: absolute;
 transition: 1s;
}
.qeel_co:hover img
{
 margin-left: 450px;
}
.qeel_last
{
 position: absolute;
 z-index: 10;
 width: 450px;
 height: 200px;
 right: 0;
 margin-right: -1px;
 margin-top: 25px;
 overflow: hidden;
}
.qeel_last img
{
 position: absolute;
 transition: 1s;
}
.qeel_last:hover img
{
 margin-left: -450px;
}
.qeel_co_bloc, .qeel_last_bloc
{
 width: 300px;
 height: 180px;
 padding: 10px;
 background: #8C6F3C;
 border-width:2px;
 border-color:#8C6E3C;
 overflow: auto;
}
.qeel_last_bloc
{
 float: right;
 font-family: 'Chakra Petch', sans-serif;
 font-size: 11px;
 color: #8C6E3C; !important;
}
.forum_avatar
{
 position: absolute;
 z-index: 13;
 width: 80px;
 height: 80px;
 right: 10;
 margin-right: 190px;
 margin-top: 20px;
 overflow: hidden;
 border-radius: 60px;
 border: 3px solid #ffffff;
 box-shadow: 0px 0px 5px #8C6E3C;
 background: #8C6E3C;
}
.forum_avatar img
{
 width: 80px;
 margin-top: -20px;
}
/* PA */
.DOR {
background:#8C6E3C; /* MODIFIABLE */
}
/* TITRE STAFF PA */
.tleDOR {
background:#440604; color:white; /* MODIFIABLE */
}
/* BORDURES BLOCS STAFF PA */
.staffDOR div {
border-color:#440604; !important; /* MODIFIABLE */
}
/* CONTENUS STAFF PA */
.staffDOR div p {
background:#E7EAEA; color:black; /* MODIFIABLE */
}
/* DISPONIBLE PA */
.onDOR {
background:lightgreen; color:black; /* MODIFIABLE */
}
/* INDISPONIBLE PA */
.offDOR {
background:crimson; color:white; /* MODIFIABLE */
}
/* LIENS PROFILS STAFF PA */
.staffDOR div p a {
color:black; /* MODIFIABLE */
}
/* LIENS PA */
.lksDOR a {
background:rgba(0,0,0,0.5);
color:white;
/* MODIFIABLE */
}
/* BORDURE ACTUALITES PA */
.newsDOR {
border-color:#440604 !important; /* MODIFIABLE */
}
/* CONTENU ACTUALITES PA */
.newsDOR div {
background:#E7EAEA; color:black; /* MODIFIABLE */
}
/* CONTEXTE PA */
.ctxtDOR {
border-color:#440604 !important; background: #E7EAEA; color:black; /* MODIFIABLE */
}
/* TITRE PARTENAIRES PA */
.tleIIDOR {
background:#440604; color:white; /* MODIFIABLE */
}
/* PARTENAIRES PA */
.partDOR {
background:rgba(0,0,0,0.7); /* MODIFIABLE */
}
/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
margin-bottom:3px;
font-size:9px; text-align:left; text-transform:uppercase;
color:black; opacity:0.7; /* MODIFIABLE */
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:black; /* MODIFIABLE */
}
/* BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.topPFIL {
height:37px; padding:20px; overflow:hidden;
text-transform:uppercase; text-align:right; font-size:30px; line-height:34px;
background:#4A4A4A; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:block; margin-bottom:3px;
width:58px; height:15px; padding:1px 0; padding-left:2px;
text-transform:uppercase; text-align:center; font-size:9px; letter-spacing:2px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:block;
width:60px; height:15px; padding:1px 0;
text-transform:uppercase; text-align:center; font-size:9px; line-height:15.5px;
background:rgba(255,255,255,1); color:black !important; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
color:white; /* MODIFIABLE */
}
/* TRIANGLE BLOC SUJETS & MESSAGES / PSEUDONYME PROFIL */
.triPFIL {
position:absolute; margin-top:-15px; margin-left:155px;
width:0; height:0; border-style:solid; border-width:15px 10px 0 10px; border-color:transparent;
border-top-color:#4A4A4A; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* 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:200px; padding:10px; border:1px solid;
border-color:grey; background:#DEDEDE; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:200px; height:320px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color:grey; background:rgba(255,255,255,0.4); color:black !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:73px; height:21px; padding:7px 10px 0; border:1px solid;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
border-color: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:541px; height:275px; 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.; /* 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;
}
/* PRESENTATION LISTE SUJETS */
/* BLOC SUJET */
.LSBJ {
margin:10px auto 0; width:800px; 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;
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:#8C6E3C; color:white; /* MODIFIABLE */
text-align:left; text-transform:uppercase;
}
/* TITRE SUJET */
.tleSBJ a {
color:white !important; /* 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;
}
/* DERNIER MESSAGE */
.lmsgSBJ {
display:inline-block; vertical-align:top; margin-top:5px; margin-right:100px;
width:310px; height:15px; overflow:hidden;
background:#DBC993; color:black; /* MODIFIABLE */
font-size:9px; text-align:center; line-height:15px;
}
/* AUTEUR SUJET */
.nameSBJ {
display:inline-block; vertical-align:top; margin:0 5px;
width:135px; height:75px; overflow:hidden;
background:#8C6E3C; /* MODIFIABLE */
font-size:11px; text-align:center; line-height:11px;
}
/* BLOC VUES & REPONSES SUJET */
.stsSBJ {
display:inline-block; vertical-align:top;
width:100px; padding:5px; line-height:15px;
background:#440604; /* MODIFIABLE */
}
/* VUES SUJET */
.vuesSBJ {
margin:5px auto;
width:85px; height:20px; padding-top:5px;
background:rgba(250,250,250,0.; 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.; color:black; /* MODIFIABLE */
font-size:11px; text-align:center;
}
/* ONGLETS MESSAGERIE - BOITE DE RECEPTION / MESSAGES ENVOYES / BOITE ENVOI / ARCHIVES */
.ongMSGY {
display:inline-block; margin:0 5px 5px 0;
width:125px; height:10px; padding:2px 0;
background:#8C6E3C; color:white; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:11px;
}
/* ONGLETS INACTIFS */
.ongMSGY a {
color:lightgrey; /* MODIFIABLE */
}
/* BOUTON ALLER MESSAGERIE */
.goMSGY {
display:inline-block; vertical-align:middle; margin-top:-2px;
height:15px; border:none;
background:white; color:black; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:10px;
}
/* CAPACITE DE LA MESSAGERIE */
.boxMSGY {
height:23px; padding:10px 10px 0 0;
background:#8C6E3C; color:white; /* MODIFIABLE */
text-align:right; font-size:10px; text-transform:uppercase; font-family:Arial; line-height:12px;
}
/* PAS DE MESSAGE */
.noneMSGY {
margin:5px auto; padding:5px;
background:white; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* BLOC MESSAGE */
.blocMSGY {
margin:5px auto;
height:30px; padding:5px; overflow:hidden;
background:white; /* MODIFIABLE */
transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
.blocMSGY:hover {
height:55px;
}
/* BLOC TITRE MESSAGE */
.tleMSGY {
display:inline-block; vertical-align:top;
width:70%; height:20px; padding:5px 0; overflow:hidden;
background:#E9E9E9; /* MODIFIABLE */
text-align:left; font-size:11px; font-family:Arial; line-height:16px;
}
/* TITRE MESSAGE */
.tleMSGY a {
color:black !important; /* MODIFIABLE */
}
/* BLOC AUTEUR MESSAGE */
.nameMSGY {
display:inline-block; vertical-align:top; margin-left:1%;
width:29%; height:20px; padding:5px 0; overflow:hidden;
background:grey; /* MODIFIABLE */
text-align:center; font-size:10px; text-transform:uppercase; font-family:Arial; line-height:19px;
}
/* COULEUR PSEUDONYME AUTEUR MESSAGE */
.nameMSGY strong {
color:white; /* MODIFIABLE */
}
/* DATE MESSAGE */
.dateMSGY {
display:block; margin-top:5px;
width:100%; height:10px; padding:5px 0;
background:grey; color:white; /* MODIFIABLE */
text-align:center; font-size:10px; font-family:Arial; line-height:10px;
}
/* PAGINATION MESSAGERIE */
.navMSGY {
margin:5px 0; padding:3px;
background:grey; color:white; /* MODIFIABLE */
}
.fontMSGY {
font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* NUMEROS PAGES PAGINATION MESSAGERIE */
.navMSGY a {
color:white; /* MODIFIABLE */
font-size:10px; text-transform:uppercase; font-family:Arial;
}
/* TOUT SELECTIONNER / TOUT DESELECTIONNER MESSAGERIE */
.selectMSGY {
font-size:9px; text-transform:uppercase; font-family:Arial;
}
.selectMSGY a {
color:black !important; /* MODIFIABLE */
}
/* OPTIONS MESSAGERIE - SAUVEGARDER / SUPPRIMER / TOUT SUPPRIMER */
.btnMSGY {
display:inline-block; vertical-align:top; margin-left:5px;
padding:3px 5px 2px; border:none;
background:black; color:white; /* MODIFIABLE */
text-align:center; font-size:9px; text-transform:uppercase; font-family:Arial; line-height:10px;
}
.jumpMSGY .gensmall {
font-size:0;
}
/* FOND LISTE DES MEMBRES */
.bgLMBER {
background:#440604; /* MODIFIABLE */
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center;
background:#8C6E3C; color:white; /* MODIFIABLE */
}
/* 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;
}
/* 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:grey; color:grey; /* 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:#8C6E3C; /* 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:#8C6E3C; /* 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;
}
/* SUJETS */
#plus_menu
{
 left: 600px !important;
 box-shadow: 0px 0px 5px #39322c;
}
a.topictitle
{
 font-weight: normal;
}
/* MISE EN FORME DU PROFIL ET DES MESSAGES */
.bloc_message
{
 width: 100%;
 margin: auto;
}
.profil
{
 width: 100%;
 height: 240px;
 background: #8C6F3C;
 margin-top: 20px;
 box-shadow: 0px 0px 5px #8C6E3C;
 border: 2px solid #ffffff !important;
}
.message
{
 width: 100%;
 margin: auto;
 background: #ffffff;
 margin-bottom: 20px;
 border: 2px solid #d0cdc8;
 padding-top: 2px;
}
.online
{
 display: block;
 clear: both;
 position: absolute;
 margin-top: -2px;
 margin-left: -2px;
}
.avatar_profil
{
 display: block;
 float: right;
 margin-right: 120px;
 margin-top: -20px;
 transform: rotate(20deg);
}
.avatar_profil img
{
 position: absolute;
 width: 130px;
 border: 5px solid #ffffff;
 box-shadow: 0px 0px 5px #8C6E3C;
 transition: 1s;
}
.avatar_profil img:hover
{
 width: 200px;
 box-shadow: 0px 0px 10px #8C6E3C;
}
.bloc_profil
{
 margin-left: 70px;
}
.rang_img
{
 position: relative;
 float: left;
}
.pseudo_membre
{
 display: block;
 width: 80%;
 font-size: 32px;
 letter-spacing: 2px;
 font-family: 'Shadows Into Light Two', cursive;
 margin-left: 50px;
}
.rang
{
 display: block;
 margin-left: 100px;
 font-size: 11px;
 font-style: italic;
 letter-spacing: 4px;
 font-family: 'Alegreya Sans SC', sans-serif;
 color: #000000;
}
.profil_contenu
{
 clear: both;
 width: 50%;
 height: 140px;
 margin-top: 10px;
 overflow: auto;
 background: #ffffff;
 border: 1px solid #637765;
 padding: 4px;
 font-size: 11px;
 text-align: justify;
}
.option_profil
{
 display: block;
 height: 160px;
 margin-left: 450px;
 margin-top: -150px;
 position: absolute;
 text-align: center;
 width: 100px;
}
.option_profil img
{
 opacity: 0.5;
 transition: 500ms;
}
.option_profil img:hover
{
 opacity: 0.8;
}
.message_contenu
{
 font-size: 13px;
 text-align: justify;
 padding: 10px;
}
.signature_div
{
 width: 100%;
 max-height: 600px;
 overflow: auto;
 margin: auto;
 background: #ffffff; /* couleur de fond espace signature */
}
.progress-bar td /* correction espacement barre de sondage */
{
 float: left;
 cellpadding: 0 !important;
 cellspacing: 0 !important;
 border: 0 !important;
 padding: 0 !important;
 margin: 0 !important;
}
/*GENERAL FICHES*//*/*/
.cadre-kit {
 width: 550px;
 border-width: 1px;
 border-style: solid;
 padding: 20px 0;
 margin: 5px auto;
 font: 11px 'Raleway', sans-serif;
}
.wrap-kit {
 width: 500px;
 margin: auto;
}
.wrap-kit h2 {
 text-align: center;
 padding: 30px 0;
 margin: 0;
 font: 800 25px 'Raleway', sans-serif;
 text-transform: uppercase;
}
.bloc-kit {
 border-width: 1px;
 border-style: solid;
 margin: 5px auto;
 background-color: #fff;
}
.contenu-kit {
 padding: 20px;
 text-align: justify;
}

/*COULEURS*/
/*Couleurs de la bordure et du fond du cadre extérieur*/
.cadre-kit {
 background-color: #450604;
 border-color: #CACACA;
}
/*Couleurs du fond du titre et du titre*/
.wrap-kit h2 {
 background-color: #94000C;
 color: #fff;
}
/*Couleur de la bordure et du fond du cadre intérieur*/
.bloc-kit {
 border-color: #CACACA;
 background-color: #DBC993;
}
/*Couleur du texte des cadres*/
.contenu-kit {
 color: #000;
}

/*FICHE PREDEFINI*/
/*Statut du prédef : de base, il est pris, mais on peut ajouter la class "libre" ou "réservé"*/
.statut {
 border: 1px solid #feb1b1;
 color: #ec2e2e;
 margin: 5px auto;
 background-color: #ffdcdc;
 padding: 5px;
 text-align: center;
 text-transform: uppercase;
}
.libre {
 border-color: #b8ecae;
 color: #69b153;
 background-color: #deffba;
}
.reserve {
 border-color: #fbae90;
 color: #f66d2e;
 background-color: #f9d5ad;
}
/*Le petit bloc sous le titre*/
.predef-intro-kit {
 padding: 5px 10px;
 font-size: 9px;
 text-align: right;
 text-transform: uppercase;
 background-color: #fff;
 margin: 5px 0;
}
.avatar-kit {
 float: left;
 margin-right: 5px;
}
/*bloc à côté de l'avatar*/
.predef {
 width: 193px;
 height: 318px;
 margin: 0;
 display: inline-block;
}
.predef .contenu-kit {
 padding: 5px 10px;
 height: 308px;
 overflow: auto;
}
/*Petits blocs pour le caractère*/
.caractere-kit {
 display: flex;
flex: 0 0 100%;
margin: 5px 0 0 0;
}
.caractere {
 flex: 1;
 padding: 10px;
 margin: 0 3px 0 0;
 text-align: center;
}
/*On retire le margin-right du dernier bloc de chaque ligne pour que ce soit joli*/
.caractere-kit-wrap .caractere-kit .caractere:last-child {
margin-right: 0;
}


/*REGLEMENT*/
/*Les titres de paragraphe du règlement*/
.contenu-kit t {
 text-transform: uppercase;
 display: block;
 margin-top: 10px;
 font-weight: bold;
 font-size: 14px;
}
/*Blocs d'alerte*/
.alerte {
 border: 1px solid #feb1b1;
 color: #ec2e2e;
 margin: 5px auto;
 background-color: #ffdcdc;
 padding: 10px;
 border-radius: 10px;
}
.verte {
 border: 1px solid #b8ecae;
 color: #69b153;
 background-color: #deffba;
}

/*RECENSEMENT D'AVATARS*/
.faceclaim {
 padding: 5px 0;
 text-align: center;
}
.nom-kit b {
 color: #A0A0A0;
}

/*CONTEXTE*/
/*Le petit bloc pour un titre d'intrigue ou de mise à jour du contexte*/
.intrigue {
 border: 1px solid #EFEFEF;
 margin: 5px 0;
 background-color: #EFEFEF;
 padding:5px;
 text-align: center;
 font-size: 13px;
}
.intrigue small {
 text-transform: uppercase;
 font-size: 9px;
 display: block;
}

/*LES CREDITS*/
.credit-kit {
 text-align: center;
 font-size: 8px;
 position: absolute;
 width: 450px;
 margin-top: 3px;
 text-transform: lowercase;
}
.credit-kit a {
 color: #989898!important;
 font-weight: 700;
 text-decoration: none;
}
.bgAdministrateur{background-color:red;height: 5px;}
}
.post.bgAdminUniversity {
  border-top: 10px solid #FF0000;
}
.boutonhautbas {
  bottom: 40px;
  right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
  position: fixed;
  z-index: 100;
}

C'était ligne 160.

Pour le profil, je vous dis juste après.

[Lixyr]

Bon, tenez-vous bien car c'est vraiment galère.

Avant toute chose, comprenez bien que ce code fonctionnera si vous conservez le profil tel qu'il est actuellement. Si vous rajoutez du JS, il se peut que ça ne fonctionne plus.

1) Le JS

- panneau > modules > gestion des codes javascript > créer un nouveau JS
- cocher : sur toutes les pages
- titre : ce que vous voulez

code :

Code:

$(function() { 
  if ( $("#profile-advanced-details").length ) {
    if ( $(".module-title").length ) {
      var rank_CSS = $(".module-title").closest("table.forumline").find("td.row1.gensmall img:eq(1)").attr("alt");
      console.log("rank : ", rank_CSS);
    }
    $("table.forumline").addClass(rank_CSS);
  }
});

2) Le CSS

Code:

.forumline.NOM_RANK_SANS_ESPACE, .forumline.NOM_RANK_SANS_ESPACE td {
    background-image: linear-gradient(to left, black, white);
}

Comment ça marche ?

Concrètement, dans le JS, je repère la page de profil, et je récupère le nom du rang associé à l'image rang du membre. Il faut donc que le membre ait une image de rang pour que ça fonctionne (vous pouvez en mettre une invisible de 1px si vous ne souhaitez pas en avoir une réellement affichée, l'important est qu'il y ait quand même un identifiant quelque part, et celui-ci est récupérable par le nom de l'image associé au rang).
C'est ce rang là que j'utilise dans le code CSS pour créer un affichage particulier, car je l'ajoute en tant que classe dans la page.

Pour le code fonctionne, il faut faire attention au CSS. Si vous avez un rang avec des espaces, il faudra, dans le code CSS, remplacer ces espaces par des points pour que ça fonctionne.

Pour vous, ça donnerait :

.forumline.Direction, .forumline.Direction td

.forumline.Fondateur, .forumline.Fondateur td

.forumline.Arrivant, .forumline.Arrivant td

3) La couleur associée

Pour modifier la couleur, il faut modifier cette partie du code CSS :

to left, black, white

black, c'est la couleur à gauche, et white la couleur à droite (donc là, ça fait une sorte de dégradé noir-blanc). Vous pouvez modifier ça par une couleur HTML, ou le nom en anglais.

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[.Volubal.]

Merci, j'ai étais aidé.