Décalage dans les sections du profil

[Melodiam]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://funkytown-bakemono.forumactif.com

Description du problème

Bonjour !

J'ai un gros problème avec mon profil -> celui qui comporte la section préférences, avatar, sujets surveillés etc...

J'avais utilisé quelques codes pour notamment faire en sorte que le bloc soit aligné avec le reste du forum... Or je ne sais pas quels autres codes utiliser pour que toutes les sections du profil apparaissent de la même manière ! C'est un peu le bordel je ne vous cache pas ...

J'ai fais quelques screens :
là par exemple, un bloc blanc apparaît sous la bannière : https://i.goopics.net/WyOAN.png

là ce sont des exemples de section où l'alignement correspond pas : https://i.goopics.net/EVvgE.png et ici https://i.goopics.net/l0nA8.png ...

Je vous donne mon code CSS au complet afin que vous puissiez retrouver les quelques codes de retouche :

Code:

form[name="go_page"] .thHead {
    padding: 9px 18px; background: white; color: red;
}
.pagination {
    float: right; margin-top: 20px;
    font-size: 0; color: red;
}

.pagination span a:active, .pagination span a:link, .pagination span a:visited {
    background-color: black;
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 30px;
    margin: 0 6px 0 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 36px;
}

.pagination > a {
color: white;
}

/*******FEUILLE DE RP POUR LIM ********/
.intro-number {
    font-family: Pinyon Script;
    font-weight: bold;
    font-size: 35px;
    color: #fff;
    line-height: 1.2;
    float: left;
    text-shadow: 2px 2px #F08080;
  }
  .intro-base {
    width: 250px;
    padding: 20px;
    font-family: calibri;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 3px;
    text-align: left;
    background: #fefefe;
    color: #a2a2a2;
  }

.astral-out {
  width: 450px;
  padding: 10px;
  background: white;
  line-height: 1;
  border: 1px solid #e8e8e8;
}
.astral-in {
  background: url('https://i.goopics.net/mmww5.png');
  height: auto;
  background-size: cover;
  text-align: justify;
  padding: 25px;
}
.astral-head {
  height: 100px;
  padding: 10px;
  background: #fff;
}
.astral-head img {
  float: right;
}
.astral-title {
  position: absolute;
  font-family: Oswald;
  font-size: 40px;
  margin:10px 25px;
  color: #121212;
  font-weight: bold;
}
.astral-subtitle {
  position:absolute;
  font-family: oswald;
  color: #8C0296;
  margin: 46px 31px;
  letter-spacing: 3px;
  opacity: .7;
}
.astral-tag {
  position: absolute;
  margin-top: 70px;
  border-bottom: 1px solid #8C0296;
  width: 200px;
  margin-left: 10px;
  text-align: right;
  padding-right: 10px;
  font-family: roboto;
  font-size: 10px;
  text-transform: uppercase
}

.astral-body {
  height: auto;
  background: #fff;
  color: #000;
  margin-top: 10px;
  padding: 25px;
  font-family: roboto;
  font-size: 10.5px;
}
.astral-foott {
  height: auto;
  background: #8C0296;
  color: #fff !important;
  letter-spacing: 4px;
  padding: 20px;
  margin-top: 10px;
  font-weight: normal;
  font-family: verdana;
  font-size: 9px;
  text-align: center;
  text-transform: uppercase;
}
.astral-body-in {
  overflow: hidden; line-height: 12px;
  height: auto; padding: 10px;
}

.astral-in b {
  color: #8C0296;
  font-size: 11px;
  font-family: oswald;
}

.signature_div {
border-top: 3px double #eee; margin-top: 20px;
 }

/*****PRÉDÉFINIS*****/
.hundredeuro #membergroup [type=radio]:checked ~ label, .hundredeuro #membergroup ul b, .hundredeuro #membergroup h1 { color: #F50400!important; }

.hundredeuro #membergroup2 [type=radio]:checked ~ label, .hundredeuro #membergroup2 ul b, .hundredeuro #membergroup2 h1 { color: #8C0296!important; }

.hundredeuro #membergroup3 [type=radio]:checked ~ label, .hundredeuro #membergroup3 ul b, .hundredeuro #membergroup3 h1 { color: #00C4C4!important; }

.hundredeuro #membergroup4 [type=radio]:checked ~ label, .hundredeuro #membergroup4 ul b, .hundredeuro #membergroup4 h1 { color: #FFA108!important; }



 .predefB1 {
  width: 470px; height: 434px; background: black; padding:20px 20px 30px 20px;
 }

 .hundredeuro {
  width: 430px; height: 394px; margin: auto;
  background: #fff; border: solid 1px #ddd; color: #000;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0;
 }
 
/***TAB1***/

 .hundredeuro .tabs {
  position: relative; 
  width: 0px;
  height:  0px;
}

.hundredeuro .tab {
  float: left;
}

.hundredeuro .tab label {
  position: relative; float: right; text-align: center;
  top: 20px; left: 57px; width: 136px; padding: 30px 25px 55px 25px;
  border: solid 1px #ddd; border-bottom: none; height: 26px; color: white;
  background: black; transition: .5s; font: 16px/16px open sans;
}

.hundredeuro .tab [type=radio] {
  display: none; 
}

/***TABS 2***/
 .hundredeuro .tabbs {
  position: relative; 
  width: 0px;
  height:  0px;
}

.hundredeuro .tabb {
  float: left;
}

.hundredeuro .tabb label {
  position: relative; float: right; text-align: center;
  top: 20px; left: 57px; width: 136px; padding: 30px 25px 55px 25px;
  border: solid 1px #ddd; border-bottom: none; height: 26px; color: white;
  background: black; transition: .5s; font: 16px/16px open sans;
}

.hundredeuro .tabb [type=radio] {
  display: none; 
}

/***TABS 3***/

/***TABS 2***/
 .hundredeuro .taabbs {
  position: relative; 
  width: 0px;
  height:  0px;
}

.hundredeuro .taabb {
  float: left;
}

.hundredeuro .taabb label {
  position: relative; float: right; text-align: center;
  top: 20px; left: 57px; width: 136px; padding: 30px 25px 55px 25px;
  border: solid 1px #ddd; border-bottom: none; height: 26px; color: white;
  background: black; transition: .5s; font: 16px/16px open sans;
}

.hundredeuro .taabb [type=radio] {
  display: none; 
}


.hundredeuro .content {
  position: absolute; background: #fff;
  top: 20px; bottom: 0px;
  left: -195px; right: 0px;
  opacity: 0; overflow: hidden;
  width: 250px; height: 350px;
  border: solid 1px #ddd;
  transition: .8s;
}

.hundredeuro [type=radio]:checked ~ label {
  background: white;
  z-index: 2;
}

.hundredeuro [type=radio]:checked ~ label ~ .content {
  z-index: 1; opacity: 1;
}

.hundredeuro .pic {
  width: 250px; height: 350px; background-size:cover!important;
}

.hundredeuro .info {
  margin: 20px; height: 310px; overflow: auto;
}

.hundredeuro ul {
  list-style: none; margin: 0; padding: 0 10px 0 0;
  font: 10px/10px open sans; text-align: left;
}

.hundredeuro ul li {
  border: solid 1px #ddd; margin: 0 auto 10px auto; padding: 5px;
}

.hundredeuro ul b {
  display: block; color: #fff!important; letter-spacing: 1px;
  font: bold 10px/10px open sans; text-transform: uppercase;
  padding: 5px; margin: -5px 0 5px -5px;
  border-bottom: dotted 1px #ddd;
}

.hundredeuro .body {
  margin: 20px; height: 410px; overflow: auto;
  padding-right: 10px; font: 10px/14px open sans;
  text-align: justify;
}

.hundredeuro .body b {
  font: bold 11px/14px open sans;
}

.hundredeuro .body::-webkit-scrollbar {
  width: 3px;
}

.hundredeuro .body::-webkit-scrollbar-track {
  background: #eee; border-left: solid 1px #fff; border-right: solid 1px #fff;
}

.hundredeuro .body::-webkit-scrollbar-thumb {
  background: #eee;
}

 .hundredeuro .info::-webkit-scrollbar {
  width: 3px;
}

.hundredeuro .info::-webkit-scrollbar-track {
  background: #eee; border-left: solid 1px #fff; border-right: solid 1px #fff;
}

.hundredeuro .info::-webkit-scrollbar-thumb {
  background: #eee;
}

.hundredeuro .body h1 {
  letter-spacing: 1px; border-bottom: dotted 1px; padding: 5px 0;
  font: bold 14px/10px open sans; text-transform: uppercase;
}

.hundredeuro img {
  width: 150px; height: 150px; border-radius: 50%;
  margin: 30px auto 20px auto; border: solid 1px #ddd;
  display: block; padding: 10px;
}



/**paratenaires***/


.partos {
filter: grayscale(100%); transition-delay: 0.2s; transition-timing-function: linear;
}


.partos:hover {
filter: none;
}


/*****afficher les monstres*****/

#hoverB { position: relative; width: 230px; height: 230px; overflow: hidden; }

#hoverB .two { width: 230px; height: 230px; -moz-transition-duration: 1.3s; 
  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; position: absolute; }

#hoverB:hover .two { left: -230px; -moz-transition-duration: 1.3s; 
  -webkit-transition-duration: 1.3s;  -o-transition-duration: 1.3s; }



/******fin des monstres******/



#eternal {height: 550px; width: 550px; position: relative; margin: auto; background: #222;}


#eternal-cont {height: 700px; width: 440px; position: absolute; right: 20px;
  background: red; overflow: hidden}

#eternal-cont1, #eternal-cont2 {height: 450px; width: 450px;
  box-sizing: border-box; background: none; position: relative;
  border-width: 20px 15px 20px 20px; border-color: #222;
  border-style: solid; color: #eee; font-family: cousine;
  font-size: 10px; transition: 0.6s;
  overflow: auto; padding-right: 5px; line-height: 1.4; text-align: justify}

#eternaltab1+label, #eternaltab2+label {display: block;
  position: relative; font-family: cousine; color: #eee;
  font-size: 11px; letter-spacing: 1px; left: 10px; top: 180px;
  margin-bottom: 15px; cursor: crosshair; transition: 0.3s; height: 20px; line-height: 1;}

#eternal input {display: none}

#eternaltab1:checked+label, #eternaltab2:checked+label, #eternaltab3:checked+label {color: #EDC707;}

#eternaltab1:checked+label ~ #eternal-cont > #eternal-cont1 {top: 0px}

#eternaltab1:checked+label ~ #eternal-cont > #eternal-cont2 {top: 200px}

#eternaltab2:checked+label ~ #eternal-cont > #eternal-cont1 {top: -400px}

#eternaltab2:checked+label ~ #eternal-cont > #eternal-cont2 {top: 0px}


#eternal-cont1::-webkit-scrollbar, #eternal-cont2::-webkit-scrollbar, #eternal-cont3::-webkit-scrollbar {width: 5px}

#eternal-cont1::-webkit-scrollbar-thumb, #eternal-cont2::-webkit-scrollbar-thumb, #eternal-cont3::-webkit-scrollbar-thumb {background: #EDC707; border: 2px solid #222}

#eternal-cont1::-webkit-scrollbar-track, #eternal-cont2::-webkit-scrollbar-track, #eternal-cont3::-webkit-scrollbar-track {background: #222; border:none!important}

#eternal h2 {font-family: work sans; font-weight: 900;
  font-style: italic; font-size: 22px;
  text-transform: uppercase; margin-top: 0; margin-bottom: 10px; color: #EDC707}



/*****FIN DU SLIDE PRÉSA*****/

.containnner {
  position: relative;
  width: 100%;
}

.overllay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.containnner:hover .overllay {
  opacity: 1;
}

.amacurieux2 b { color: #00c5ba; }
 
.amacurieux2 { padding: 10px; background-color: #fff;
  font-family: calibri; text-align: left;
  text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #000; margin-top: 1px; }

.amacurieux  {
padding: 10px; background-color: #101010;
  font-family: calibri; text-align: center; text-transform: uppercase;
  font-size: 8px; letter-spacing: 1px; background-color: #00e1d1;
}

.textOV {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.blocpres {  width: 500px; height: 290px; padding-top: 10px;
  background: url('https://nsa39.casimages.com/img/2019/01/03/190103093732765841.png');}

.blocpresborder {  width: 525px; height: 315px; border: 1px solid #ededed; padding: 10px; }

.blocpres2 {  width: 480px; height: 270px; border: 1px solid white;}

.blocpres3 { width: 445px; height: 233px; overflow: auto;
  text-align: justify; padding: 10px; font-size: 10px; line-height: 12px;
  background-color: #fff; position: relative; top: 17px;}


.ama::-webkit-scrollbar { width: 5px; }
.ama::-webkit-scrollbar-track { background-color: #fff; }
.ama::-webkit-scrollbar-thumb { background-color: #d6c6c6; }

.amaaa { overflow: auto; height: 340px; padding: 10px; text-align: justify; }

.ama { padding: 10px; text-align: justify;
  font-family: arial; line-height: 100%; font-size: 10px; color: #000; }

.amatitle { padding: 20px; background-color: #101010;
  text-align: center; text-transform: uppercase; font-size: 12px;
  letter-spacing: 3px; color: #00d7c1; }

.amapseudo { padding: 50px; background-color: #fff;
  text-align: center; text-transform: uppercase; font-size: 30px;
  color: #101010; font-family: 'Fugaz One', cursive; }

.amaaborder {  width: 525px; height: auto; border: 1px solid #ededed; padding: 10px; }

.amama { background: url(https://nsa39.casimages.com/img/2019/01/03/190103093732765841.png);
  padding: 10px; width: 500px;
}

.amama2 { width: 180px; height: 190px;
  background-image: url(http://i65.tinypic.com/2rot1dl.gif); background-size: cover;}

.amatitle b { font-family: 'Fugaz One', cursive; font-size: 20px; color: #fff; }

.amafields1 { padding: 10px; background-color: #fff;
  font-family: calibri; text-align: left; text-transform: uppercase;
  font-size: 8px; letter-spacing: 1px; color: #000; }

.amafields1 b { color: red; }

.amafields2 b { color: red; }
 
.amafields2 { padding: 10px; background-color: #fff;
  font-family: calibri; text-align: left;
  text-transform: uppercase; font-size: 8px; letter-spacing: 1px; color: #000; margin-top: 1px; }


.ptHIST { width: 500px; height: 570px; padding-top: 10px;
  background: url('https://nsa39.casimages.com/img/2019/01/03/190103093732765841.png')}

.ptirgeborderHIST {  width: 525px; height: 595px; border: 1px solid #ededed; padding: 10px; }

.ptHISTtxt { width: 450px; height: 405px;
overflow: auto; border-bottom: 10px solid #101010;
  text-align: justify; font-size: 10px; color: #202020; line-height: 12px; }

.ptHISTtxt b { color: #ff0600; }
 
.ptHISTtxt i { color: #00d2c2; letter-spacing: 2px; }
 
.SUBpts { width: 460px; height: 80px; padding-left: 45px;
 padding-bottom: 5px; padding-top: 5px;
 border-bottom: 1px solid #ededed; margin-top: 20px;
 margin-bottom: 20px;
 font-family: 'Fugaz One', cursive; line-height: 22px;
 text-transform: uppercase; color: black; text-align: right;
letter-spacing: -1px; font-size: 28px;}

.SUBpts2 { margin-top: 10px; width: auto; height: auto; float: left;
padding: 5px; font-family: 'Fugaz One', cursive;
 text-transform: uppercase; color: black; text-align: right;
letter-spacing: -1px; font-size: 28px;}

.ptHIST2 { width: 480px; height: 550px; padding: 10px; background-color: white; }

.ptirgeborder {  width: 525px; height: 395px; border: 1px solid #ededed; padding: 10px; }

.ptirgebdr2 {  width: 480px; height: 350px; border: 1px solid white;}

.ptirge {  width: 500px; height: 370px; padding-top: 10px;
  background: url('https://nsa39.casimages.com/img/2019/01/03/190103093732765841.png');}

.ptirge2 { width: 375px; height: 245px; background-color: #fff; position: relative; top: 50px;}

.ptirge3 { width: 160px; position: relative; top: 30px; margin-left: 10px;}

.ptirgepsd {
  font-family: 'Fugaz One', cursive; font-size: 20px;
  line-height: 25px; font-weight: bold;
  text-transform: uppercase; color: #fff; text-align: center;
}

.nickpsd {
  font-size: 15px;
 color: red;
  text-transform: uppercase; text-align: center;
}


.ptirge4 {  width: 100px; position: relative; top: 40px; margin-left: 40px;}

.ptirge5 { height: 235px; top: 5px; width: 185px; background-color: #ff0600; padding-left: 15px;
  padding-top: 20px; position: relative;}

.ptirge6 { width: 155px; height: 195px; overflow: auto;
  background-color: #fff; padding: 10px;  position: relative;  margin-left: 15px;}

.ptirge7 { height: 235px; top: 5px; width: 180px; background-color: #101010;
  position: relative;}


.chatbox-title .chat-title {
    color: #222222!important;
}

#sce_smilies_body {
    background-color: white;
    background-image: none;
  border: 1px solid #ededed;
    margin: 0!important;
  height: auto;
    min-width: 1px!important;
}

/*****FEUILLE DE LIENS******/

.fdliensfond {
width: 600px; height: 250px;
  background: url(https://i.goopics.net/JGnAJ.png);
}

.fdlienspseudo {margin-top: -100px; position: relative; width:200px;
  height: 200px; border-radius: 200px 200px 200px 200px; background: black;
  text-transform: uppercase; font-size: 10px; padding: 80px 20px 20px 20px;
  color: white; font-family: arial; text-align: center; line-height: 10px;
  font-weight: 900; border: 5px solid white;

}

.fdliensfond2 { width: 600px; height: 775px; margin-top: -95px;
  background: #f9f9f9; border: 3px double #eee; padding: 50px; text-align: justify;
}

.fdliensblocs { float: left; width: 230px; height: 200px;
  border: 1px solid #ededed; padding: 20px; overflow: auto;
  background: white; text-align: justify;
}

.fdliensblocs2 { float: right; width: 230px; height: 200px;
  border: 1px solid #ededed; padding: 20px; overflow: auto;
  background: white; text-align: justify;
}

.fdlienscolor { margin-top: 230px; width:500px; height: 200px;
  padding: 20px; background: black;
}

.fdlienscolortxt { overflow: auto; background: white; width: 460px; height: 158px; padding: 20px;
}

.fdlienscolor2 { margin-top: 5px; width:500px; height: 220px;
  padding: 20px; background: black;
}

.fdlienscolortxt2 { overflow: auto; background: white; width: 460px; height: 180px; padding: 20px;
    } 
   
   
   
.contaiin {
display:block;
margin: auto;
height:730px;
width:530px;
background-color:#fdfdfd;
padding:15px;
box-shadow: 0px 0px 7px rgba(20,20,20,0.32);

}

.containt {

overflow:hidden;
width:498px;
height:700px;
box-sizing:border-box;

}

.front {

transition:ease-in-out 1.5s;
transition-delay:0.3s;
width:498px;
height:700px;
margin-top:-1px;
padding-top:1px;
background-image:url('https://nsa39.casimages.com/img/2018/05/20/18052012421122299.png');
background-size:cover;

}

.frontc {
       
width: 300px;
height: 150px; background: white;
margin-top: 250px; margin-left: 100px;
position: relative; padding: 20px;

}

.frontctext {
       
font-family: arial; font-weight: 900; color: black; text-align: center;
text-transform: uppercase; font-size: 13px; letter-spacing: 1px;
width: 250px; height: 110px; border: 1px solid #ededed;
  padding: 50px;
}


.containt:hover .front {
margin-left:-400px;
transition:ease-in-out 1.5s;

}

.secontextes {

display:block;
height:250px;
width:355px;
margin-bottom: 25px;
overflow:auto;
background-color:none;
border: 1px solid #ededed; padding: 20px;

}

.secontextes i {

color: #929eea;

}

.secontextes b {

color: #eb72ac;

}

.secont {

display:block;
height:700px;
width:415px;
overflow:auto;
background-color:none;

}

.seconw {

display:block;
margin:auto;
margin-bottom:250px;
width:85%;
height:85%;
font-family:arial;
font-size:9px;
text-align:justify;
       line-height:120%;

}

.seconame {

font-family:Oswald;
font-size:40px;
color:#2d2d2d;
letter-spacing: 13px;
text-align:center; writing-mode: vertical-rl;
text-orientation: sideways; line-height: 30px;
text-transform:uppercase; float: right;
text-shadow:0px 0px 5px #c2c2c2;
margin-left: -30px; margin-top: 30px;
}

.secosubh {
font-family:cousine;
font-size:7px;
text-transform:uppercase;
line-height: 100%;
       margin-top:20px;
color:#c3c3c3;
margin-bottom:3px;

}

.secosubh2 {

font-family:arial;
font-size:9px; letter-spacing: 5px;
text-transform:uppercase;
color:white; background: black;
  padding: 5px 30px 5px 30px;
width: 355px;
display:block; margin-bottom: 5px;
text-align:center;


}

.secoimg {

display:block;
margin-left: 50px;
width:100%;
height:350px;
padding:10px;
background-color:#fff;
border:1px solid #eee;

}

 .secont::-webkit-scrollbar {width:8px;}
 .secont::-webkit-scrollbar-track {background-color:#fcfcfc;}
 .secont::-webkit-scrollbar-thumb {background:#202020; border:none;}



div#postingbox.panel { width: 950px; margin-left: -20px;}

div.panel.row2.sig { background: white; width: 950px; margin-left: -20px;}

.ptitesinfos span { color: white !important;
}

#cp-main .panel.sig {
    background-color: #fff;
}

.labprofsimple span { color: white !important;
}


.labprofsimple { margin-top: 5px; margin-right: -58px; float: right; 
  text-transform: uppercase; background: black; padding: 5px;
  width: 220px; color: white !important; font-size: 9px; text-align: right;
}

blockquote {
    background-color: #f6f6f6;
    border-color: #aaaff4;
    border-radius: 0px;
    border-style: solid;
    border-width: 0 0 0 6px;
    font-size: 1.2rem;
    margin: 0 9px;
    overflow: hidden;
    padding: 18px;
    position: relative;
}

blockquote:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: #efb7de;
    content: "\f347";
    display: inline-block;
    font-family: Ionicons;
    font-size: 3.6rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    right: 9px;
    speak: none;
    text-rendering: auto;
    text-transform: none;
    top: 6px;
}

blockquote cite {
    display: block; width: 190px; margin-bottom: 10px;
    font-size: 9px; text-transform: uppercase; background: black; color: white; padding: 10px;
    font-style: normal;
    font-weight: 500;
}

 
#preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody table, div[class*='post--'] .postbody td {
    border: 0px solid #444!important;
}

/* width */
::-webkit-scrollbar {
    width: 3px;
  height: 3px;
}

/* Track */
::-webkit-scrollbar-track {
    background: black;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #ffc30e;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #fde1b6;
}

dl.codebox dt {
display: none;
}

dl.codebox:before {
display: none;
}

dl.codebox {
    background-color: #fafafa;
    border-color: rgba(0,0,0,0.1);
    border-radius: 0 0px 0px 0;
    border-right: 5px solid black;
    border-left: 5px solid black;
    font-size: 1.3rem;
    padding: 18px;
    color: #404040 !important;
    position: relative;
}

/*****MESSAGE À TOUT FAIRE*******/
.msgtoutfaire {
  background: url(https://nsa39.casimages.com/img/2019/01/02/190102023340499159.png); width: 600px;
  color: white; height: 150px; padding: 50px;
}

.msgtexte2 i {
color: #f50500;
}

.msgtexte2 {
width: 600px; padding: 100px 50px 50px 50px; text-align: justify;
  color: #222222; background: white; min-height: 300px;
  border-right: 1px solid #ededed;
 border-left: 1px solid #ededed;
  margin-right: 1px;
border-bottom: 1px solid #ededed;
}

.msgtoutfairetxt {
float: right; background: black; width: 600px; height: 40px;
font-size: 14px; line-height: 20px; text-align: left; letter-spacing: 1px;
font-style: italic; padding: 10px 10px 10px 150px; color: white;
position: relative; margin-right: 22px; text-transform: uppercase;
}

.msgtexte2 b {
    color: #00cec3;
}

.edited-message {
    display: none;
}

.bloc24h {
width: 290px; overflow: auto; margin-left: 8px;
height: 150px; border: 1px solid #efefef; font-size: 10px;
padding: 40px; text-transform: uppercase; margin-top: -10px;
}

.blocenligne {
width: 250px; overflow: auto; height: 150px;
border: 1px solid #efefef; font-size: 10px; margin-left: -2px;
padding: 40px; text-transform: uppercase; margin-top: -10px;
}

.blocfinnoirqeel {
width: 550px;
background: black;
 margin-bottom: 5px; text-transform: uppercase;
padding: 10px; font-size: 9px; color: white;
letter-spacing: 1px; color: white;
}

.statistics-item > strong {
    font-size: 12px
    font-weight: 0;
    line-height: 29px;
  margin-left: 5px;  margin-right: 5px;
    color: #a094ea;
  vertical-align: 0px;
}

.statistics {
  background-color: #222222 !important;
  text-align: center;
  font-size: 10px; width: 1020px;
}

.statistics-item {
    text-align: center;
    width: 310px;
  text-transform: uppercase;
}

.statistics-item a {
    color: white; font-size: 10px;
}
.statistics-item a:link, .statistics-item a:visited {
    color: #a094ea; font-style: italic; vertical-align: 0px;
}

.groupe1 {
width:195px; background: #8C0296; margin-right: 200px; line-height: 110px;
height: 115px; float: right; position: relative; color: white !important; letter-spacing: 3px;
margin-top: -239px; text-align: center; font-size: 12px; font-family: impact;
}


.groupe2 {
width:195px; background: #00C4C4; line-height: 110px;letter-spacing: 3px;
height: 115px; float: right; position: relative; color: white;
margin-top: -117px; text-align: center; font-size: 12px; font-family: impact;
}


.groupe3 {
width:195px; background: #FFA108; line-height: 110px;letter-spacing: 3px;
height: 115px; float: right; position: relative; color: white !important;
margin-top: -277px; text-align: center; font-size: 12px; font-family: impact;
}


.groupe4 {
width:195px; background: #F50400; margin-right: 200px; line-height: 110px;
height: 115px; float: right; position: relative; color: white !important; letter-spacing: 3px;
margin-top: -155px; text-align: center; font-size: 12px; font-family: impact;
}


.monqeel {
width: 1020px; margin-left: 200px; height: 380px;
background: white; padding: 30px;
}



.iframeCB {
border: 1px solid #ededed; background: white;
  padding: 5px; width: 250px; margin-left: -15px;
}


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

.button-round:hover {
    color: #fff;
  background-color: #8a1e91;
}


.button-round {
    background-color: #ffc10c;
    border-radius: 48px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    color: #fff;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 48px!important;
}

.pm-actions.bottom {
    float: none; margin-left: 200px;
}

ul.forums li.row dl {
    background-position: left 15px top 50%!important;
    background-size: 50px 155px!important;
    min-height: 0 px;
    padding: 0;
    position: relative;
}

dl.iconne {
    background-position: left 24px top 50%;
    background-repeat: no-repeat;
    background-size: 50px 50px !important;
    height: auto;
    min-height: 50px;
}

dl.iconn {
    background-position: left 24px top 50%;
    background-repeat: no-repeat;
    background-size: 50px 50px !important;
    height: auto;
    min-height: 50px;
}

dl.icon {
    background-position: left 24px top 50%;
    background-repeat: no-repeat;
    background-size: 50px 155px !important;
    height: auto;
    min-height: 155px;
}

.table-title, .table-title h2 {
    color: #fff;
  font-family: economica;
    display: inline;
    font-size: 1em;
}

.lastpost-avatar:after {
display: none;
}

.ion-android-time {
color: #00b5b0;
}

.ion-android-time:hover {
color: #ff0600;
}



.last-post-icon {
margin-right: 15px; float: right;
  transform:rotate(180deg); position: relative; margin-top: 5px;
}

.lastpost-avatar img {
    border-radius: 0px;
  display: block;
  margin-top: -76px; margin-left: -25px;
    height: 158px;
    padding: 2px;
    position: relative;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    width: auto;
    z-index: 1;
}

.is-sticky#headerbar-top {
    background-color: transparent;
      box-shadow: 0 0 3px rgba(0,0,0,0);
    height: auto;
    left: 0;
    padding: 6px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000!important;
}

#headerbar-top {
display: none;
}

#logo {
    display: inline-block;
    position: relative;
  float: right; margin-right: 110px;
    margin-top: -330px;
}

/*banniere en tete*/
#page-logo.entete1 { background-image: url('https://i.goopics.net/JGWxo.png'); }
#page-logo.entete2 { background-image: url('https://i.goopics.net/AemVg.png'); }
#page-logo.entete3 { background-image: url('https://i.goopics.net/AemVg.png'); }



/* NAVIGATION */
.navSIT {
position:absolute; top:40px; margin-left:110px; /* MODIFIABLE - DETERMINE LA POSITION */
line-height:0px;
background-image: url(https://nsa39.casimages.com/img/2018/05/24/180524094009461145.png);
height: 223px; padding: 5px; width: 100px;
 /* MODIFIABLE */
}
.mainmenu img{
display: none;
}
/* LIENS NAVIGATION */
.navSIT a.mainmenu {
display:block;
width:100px; padding:5px 0; border-bottom:0px solid white; border-top:none;
text-align:justify; line-height:normal; letter-spacing: 4px;
text-transform:uppercase; font-size:11px; font-family: economica; /* MODIFIABLE */
color:white; /* MODIFIABLE */
}
/* SURVOL LIEN NAVIGATION */
.navSIT a.mainmenu:hover {
background: transparent;
}
/* DECONNEXION */
a#logout.mainmenu {
font-size:0px;
}
a#logout.mainmenu::after {
display:inline-block; vertical-align:middle;
font-size:11px !important; content:'À bientôt !'; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:80px !important; left:-50px !important;
}
/* COULEUR FOND MENU RECHERCHE */
#search_menu td.row2 {
background:lightgrey !important; font-family:Arial; /* MODIFIABLE */
}
/* COULEUR TEXTE MENU RECHERCHE */
#search_menu td.row2 span.genmed {
color:black !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:grey; color:white !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:black !important; /* MODIFIABLE */
}


.memberlist_container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding:5px;
        user-select:none;
}
 
.memberlist_item {
        flex: 0 1 auto;
        margin:5px;
}
 
.memberlist_inner img:first-child {
        width: 120px;
        background-color: #FFF;
        border-color: #FFF;
        border-radius: 0px;
        border-style: solid;
        border-width: 2px;
        box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
}
 
.memberlist_inner {
        position:relative;
}
 
.memberlist_inner_description {
        position:absolute;
        top:10px;
        left:10px;
        bottom:15px;
        right:10px;
        font-size: 9px;
        text-transform: uppercase;
        background: white;
        opacity: 0;
        color: black;
        transition: 1s;
        overflow: auto;
        padding: 10px;
        text-align: left;
        box-sizing: border-box;
}
 
.memberlist_inner_description:hover {
        opacity: 1;
        transition: 1s;
}
 
.memberlist_links {
        padding-top: 8px;
}

.topic-actions-buttons {
display: none;
}

.sub-header-buttons {
    float: right;
  margin-bottom: -20px;
  margin-right: -90px;
}
.sub-header-path {
    font-size: 0;
  margin-left: 200px;
  background: white;
}

h1.page-title {
    color: white;
  width: 1020px;
    margin-left: 200px;
  background: black;
    font-family: Roboto, sans-serif;
  text-transform: uppercase;
  padding: 10px;
    font-size: 15px;
    font-weight: 500;
}

.h3, h3 {
    border-color: #000;
    border-style: solid;
    border-width: 0 0 1px;
}

.panel {
    width: 1020px;
    margin-left: 200px;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    color: #444;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 18px 18px 0;
    position: relative;
}


 
/***MESSAGE PROFIL****/
 
.autour {
  width:auto;
  height:auto;
  background: white;
  border: solid 0px black;
}

.postprofile-avatar {
    height: 350px; margin-left:2px;
    width: 250px; margin-top: 30px;
    background-image:red;
  }

  .postprofile-avatar img {
    border: 0px solid #eee; padding: 0px;
    border-radius: 0px;
    height: 350px;
    width: 250px;
}


.postprofile div:nth-of-type(1) span {
display: none;
}

.postprofile div:nth-of-type(1) {
    padding: 0px;
}

.postprofile .label {font-size:0px;}
.postprofile .label span,.postprofile .f1{font-size:8px!important;}

.imagerang {
position: relative;
background:white;
top:-350px;
height:350px;
opacity:0;
transition:linear 0.5s;
}
.imagerang:hover {
  transition:linear 0.5s;
  opacity:1;
}

.contactsduprof {
line-height: 145px;
margin-top: 10px;
text-align: center;
width: 250px;
margin-left: 3px;
display: inline-block;
border: 1px solid #ededed;
}
 
.ptitesinfos {
  font-weight: 500;
  background: black;
  font-size: 8px;
  text-align: center;
  text-transform: uppercase;
  padding: 5px;
}
 
.repptitesinfos img {
width: 210px; height: auto;
}


.repptitesinfos {
  background: white;
  font-size: 8px;
  color: black;
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  margin-bottom: -5px;
}
 
.postprofile-info {
width: 250px;
  padding: 10px;
  margin-left: 3px;
background: url(https://nsa39.casimages.com/img/2019/01/01/190101051905527243.png);
color: white;
}
 
.postprofile-info {
    font-size: 1.2rem;
    line-height: 1.3333;
}
 
.postprofile-name {
text-transform: uppercase; letter-spacing: 2px;
  position: relative;
  background: white;
  margin-top: -435px;
  padding: 20px;
  width: 250px;
  float: right;
  margin-right: 3px;
  border: 3px solid #FFF;
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
}
 
 
 
.postprofile-rank {
text-transform: uppercase; letter-spacing: 2px;
  background: black; color: white;
  padding: 20px;
  margin-top: 15px;
  margin-left: 3px;
  width: 250px;
}
 
.post-head {
border-bottom: 2px solid #202020;
}
 
.post-head .profile-icons {
    float: right;
    list-style: none;
    margin-right: -17px;
    margin-top: 30px;
}

 
.postprofile {
    color: #444;
    float: right;
  margin-top: 84px;
    font-size: 11px;
    position: relative;
    width: 292px;
}
 
 
.postbody {
 background: white;
  padding: 40px;
  width: 725px;
  min-height: 800px;
  border-right: 2px solid #202020;
}
.postbody .content {
    font-size: 11px;
  background: white;
  text-align: justify;
}



.chatbox-options li a, .chatbox-options li label {
    color: #000;
}


.chatbox-title {
    color: black !important;
    float: left;
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

#chatbox_header {
    background-color: #FFF;
    height: 49px;
    line-height: 1;
    padding: 18px;
}


.footerbar-system, .footerbar-user {
display: none;
}

.button:hover, .button1:hover, .button2:hover, input[type="submit"]:hover {
    color: #fff;
  background-color: #00d5c3;
}

.button, .button1, .button2, input[type="submit"] {
    background-color: #ff0600;
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    color: #fff;
  text-transform: uppercase;
    display: inline-block;
    font-family: Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    overflow: hidden;
    padding: 9px 18px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    width: auto!important;
}

.topic-actions.bottom {
    margin: 9px -90px 18px;
}
fieldset.vf_jumpbox {
    font-size: 1.3rem;
    height: auto;
  margin-right: -90px;
    min-height: 2.5em;
    text-align: right;
}

.block {
    border-radius: 0px;
}

#info_open {
    width: 1020px;
    margin-left: 200px;
}

.forumbg .row:last-child {
    border-radius: 0px;
}

.linklist.top {
    border-width: 0 0 1px;
    padding-bottom: 6px;
    width: 1020px;
    margin-left: 200px;
}


#page-footer {
    background-color: #99c963;
}

ul.forums {
    background-color: #fff;
    background-image: none;
    border-radius: 0 0 3px 3px;
    max-height: 3000px;
    overflow: hidden;
  border-radius: 0px;
    transition-duration: 360ms;
}

#picture_legend, #privmsgs-menu {
display: none;
}
.linklist.bottom {
display: none;
}

.post {
    background-position: 100% 0;
    background-repeat: no-repeat;
    border-color: rgba(0,0,0,0.18);
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    margin-bottom: 24px;
    width: 1020px;
    margin-left: 200px;
}

.forabg {
    background-color: #3793ff;
    background-image: url(https://2img.net/i/fa/empty.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    clear: both;
    margin-bottom: 24px;
    margin-left: 200px;
    width: 1020px;
    padding: 0;
}

.forumbg {
    background-color: #3793ff;
    background-image: url(https://2img.net/i/fa/empty.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    border-radius: 0px;
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    clear: both;
    margin-bottom: 24px;
    margin-left: 200px;
    width: 1020px;
    padding: 0;
}

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900');
body {
  position: relative;
  overflow-x: hidden;
}
#sidebar {
position: absolute;
  top: 0;
  left: 0;
  height: 310%;
  width: 300px;
  background: white;
  box-sizing: border-box;
  padding: 40px;
  font-family: 'Source Sans Pro', sans-serif;
  z-index: 999;
}
#sidebar.medium {
  width: 250px;
padding: 30px;
}
#sidebar.right {
    right: 0;
    left: initial !important;
}

#sidebar.right.medium {
    padding: 30px 10px 30px 40px;
}
#sidebar a, #sidebar a:hover, #sidebar a:active {
text-decoration: none!important;
}
#sidebar a,#sidebar a:hover,#sidebar a:active {
  text-decoration: none;
}
#sidebar a {
    color: #f5f5f5;
    outline: none;
    transition: color 0.3s ease-in;
}
#sidebar a:hover {
    color: #808080 !important;
}
#sidebar-trigger {
  position: absolute;
  right: 10px;
  top: 15px;
  display: block;
  height: 21px;
  width: 25px;
}
#sidebar-trigger span {
  display: block;
  width: 25px;
  height: 3px;
  border-radius: 8px;
  background: #f2f2f2;
  position: relative;
  margin-top: 8px;
}
#sidebar-trigger span:after,#sidebar-trigger span:before {
  content:"";
  width: 25px;
  height: 3px;
  border-radius: 8px;
  background: #f2f2f2;
  position: absolute;
  transition: all 0.2s;
}
#sidebar-trigger span:after {
  margin-top: 8px;
}
#sidebar-trigger.active span:after {
  transform: rotate(-45deg);
  margin-top: 0px;
}
#sidebar-trigger span:before {
  margin-top: -8px;
}
#sidebar-trigger.active span:before {
  transform: rotate(45deg);
  margin-top: 0px;
}
#sidebar-trigger.active span {
    background-color: transparent;
    transition: all 0.2s;
}
#sidebar h2 {
  color: #f2f2f2;
  text-transform: uppercase;
  margin-left: -12px;
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 5px;
  margin-top: 250px;

  position: relative;
}

#sidebar .sidebar-txt {
  color: #202020;
  text-align: justify;
  font-size: 10px;
  line-height: 10px;
  padding: 10px;
  border: 1px solid #efefef;
  position: relative;
}
#sidebar .sidebar-txt.contexte {
  margin-bottom: 40px;
}
#sidebar .sidebar-txt.contexte:after {
  content: "";
  height: 3px;
  width: 220px;
  position: absolute;
  left: 0;
  bottom: -20px;
  background: #00d7cb;
}
#sidebar.medium .sidebar-txt.contexte {
  margin-right: 10px;
}
#sidebar .title {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #808080;
  margin-bottom: 15px;
  font-size: 11px;
}
#sidebar .sidebar-block {
  margin-bottom: 20px;
}
#sidebar ul {
  padding: 0;
  list-style-type: none;
}
#sidebar #liens a {
    color: #fff;
    font-size: 12px;
    outline: none;
    line-height: 1.9;
    transition: color 0.3s ease-in;
    display: inline-block;
    background: #ff0000;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    margin-right: 4px;
    margin-bottom: 4px;
}
#sidebar ul li a:hover {
    background: white; color: #79dee7 !important;
}
#sidebar #partenaires a {
  display: inline-block;
  padding: 3px;
  height: auto;
  border: 1px solid #efefef;
  margin: 0 5px 7px 0;
}
#sidebar.medium #partenaires a {
    margin: 0 2px 5px 0;
}
#sidebar #staff .staff-info {
  position: relative;
  overflow: hidden;
  height: 50px;
  margin-bottom: 6px;
}
#sidebar.medium #staff .staff-info {
  height: 50px;
  width: 190px;
}
#sidebar #staff .staff-info img {
  height: 50px;
  width: 220px;
}
#sidebar.medium #staff .staff-info img {
  height: 50px;
  width: 190px;
}
#sidebar #staff .staff-info .staff-tooltip {
  background: #8c4696;
  color: #222222;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  text-align: center;
  font-size: 10px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
#sidebar #staff .staff-info:hover .staff-tooltip {
  top: 0;
  opacity: 1;
  visibility: visible;
}
#sidebar #staff .staff-tooltip h3 {
  text-transform: uppercase;
  margin: 10px 0 0;
  font-size: 12px;
  letter-spacing: 1px;
}

table {
    border: 0px solid black;
}

.headerbar {
background: url(https://nsa39.casimages.com/img/2018/05/24/180524094130892074.png);
}

#page-footer .copyright-body {
    border-color: black !important;
}

#page-footer {
    margin-left: 250px; background: url(https://nsa39.casimages.com/img/2018/05/22/180522014713549211.png);
}

.content h2, .panel h2 {
    border-color: #e3e2e2;
    color: #e3e2e2;

}

.statistics {
  background-color: red;
  text-align: center;
  font-size: 10px; margin-left: 355px; width: 1020px;
}

#page-footer {
  background-color: #99c963;
}

#page-footer .copyright-body {
  border-color: #255227;
}

EN VOUS REMERCIANT !!!!

[*Splash*]

Hi,
Je pense que tu tentes d'appliquer un codage réalisé pour un forum en phpBB2 sur un forum en version ModernBB
Tu as les sources des codes utilisés ?

[Melodiam]

Bonjour !!!!

En fait je clique droit sur les éléments du forum et je reprends leurs noms ensuite dans mon CSS pour éditer à mon goût. Sinon, je modifie à même dans le template... Or là je n'arrive pas à modifier pour faire en sorte que les sections dans le profil s'affichent toutes de la même manière... Je ne sais pas comment faire !

Merci !!

[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 »

[Melodiam]

J'ai fini par résoudre le problème en trouvant la balise adéquat !!
MERCI !!!