Barre de navigation sur la même ligne

[sueki]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 07/02/2022
Lien du forum : https://simplelife.forumactif.com/

Description du problème

Bonjour/bonsoir !

Je viens vers vous car le css a été modifié sur le forum mais nous n'arrivons pas du tout à mettre les liens de navigation sur la même ligne.

voici le css complet :

Code:

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap')

bodyline {
        border-left: 4px solid #dbf1e6;
        border-right: 4px solid #dbf1e6;
  border-top: 0px solid #dbf1e6;
        border-bottom: 0px solid #dbf1e6;
    }


/* Modification de la partie code */
dl.codebox {
 padding: 3px;
 font-size: 10px;
 border: none;
  margin:none;
 }

dl.codebox dt {
 text-transform: uppercase;
 font-size: 10px;
   color: #c98c6d;
  -moz-border-radius:6px;
 }

blockquote.tiktok-embed {
 background: none;
 }
dl.codebox code {
 overflow: auto;
 display: block;
 height: auto;
 max-height: 300px;
 white-space: normal;
 font-size: 11px;
 color: #000000;
  font-family: Quicksand;
line-height: 125%;
 }

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

/*BROUILLON*/
.liteoption[name="draft"] {
  margin-left: 5px;
}

/* AJUSTEMENT FORCE TAILLE BOUTON*/

.posting-buttons.clearfix {
    float: left;
}

/*** AJUSTEMENT MISSOUILLE ***/

/*Réponse rapide*/
#quick_reply + #textarea_content {
    width: 630px !important;
}
    #i_logo {
     background-repeat: no-repeat;
    }
/*Images profil simplifié*/
#zone-profil img {
   max-width: 211px;
}

/* chatbox */
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before {
content: "Capulet" !important;
}

/* Couleur de fond ?? */
#outer-wrapper {
    background: #FFFFFF;
}

/* Preview message */
#preview .postbody {
    width: calc(100% - 100px);
}

/* Centrer les messages envoyés */
.panel div.mes-txt, .panel p {
  text-align: center;
}

/* Ajustement les messages avec la hauteur du cadre du profil */
div.postbody {
    padding: 0 50px !important;
}

/* Barre de navigation */
#menu-forum {
    background: #f5e8d7;
}

#menu-forum ul.navlinks {
  border: 0;
  position: relative!important;
  width:80%!important;
  left:10%! important;
  font-size:11px;
  text-align: center;
}

#menu-forum a {
   color: white;
}
.navigation {
background-color: #f5e8d7;
border: 3px solid #dedede;
position: absolute;
top: 0px;
width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 999;
}
#navig
{background-color: #f5e8d7;
border: 3px solid #dedede;
position: absolute;
top: 0px;
width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 999;
  width: 100%;
  margin: auto;
  text-align: center;
}
body#phpbb {
overflow-x : hidden;
}

/******************************************************************** PAGE ACCUEIL ********************************************************************/
::-webkit-scrollbar {
     width: 4px;
}
::-webkit-scrollbar-thumb {
     background: #FCEDE4;
}

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

.pa_sorbet_citron {
        background: #FCEDE4;
        border: 1px solid #f3c7bf;
        color: #5E5E5E;
        padding: 3% 2%;
        text-align: center;
        width: 720px;
   font-size: .9em;
        margin: auto;
}

.left, .middle, .right {
        width: 33%;
        margin: auto;
        float: left;
        text-align: justify;
}

.pa_sorbet_citron .middle {
     margin: 1% 2% 0;
   width: 30%;
}

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

.titrepa {
        color: #d0c0b8;
        font-family: 'Petit Formal Script', cursive;
        font-size: 28px;
        text-align: center;
        background: #FCEDE4;
        z-index: 2;
        position: relative;
        display: table;
        margin: 0 auto;
}

/* TITRES */
.pa_sorbet_citron h2, .pa_sorbet_citron h3 {
        color: #f79c93;
        font-family: 'Petit Formal Script', cursive;
        font-size: 20px;
        text-transform: lowercase;
        text-align: center;
        background: #FCEDE4;
        z-index: 2;
        position: relative;
        display: table;
        margin: 0 auto;
}


.pa_sorbet_citron .left h2:nth-child(1n+2) {
     margin-top: -6%;
}

.pa_sorbet_citron h3 {
        margin: 2% auto;
        padding: 2%;
}

.pa_sorbet_citron .right h2:nth-child(1n+4) {
     margin-top: -9%;
}

.pa_sorbet_citron .dotted {
        display: block;
        content: "";
        border-bottom: 5px dotted #d0c0b8;
        margin: -9% 0 0 0;
}

/* CONTEXTE ET NEWS */
.pa_sorbet_citron .contexte, .pa_sorbet_citron .news {
        background:#FEFCF8;
        border: 1px solid #f3c7bf;
        margin: -5% 0 0;
}

.pa_sorbet_citron .contexte p, .pa_sorbet_citron .news p {
        height: 173px;
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
        overflow: auto;
        margin: 5% 0 4% 0;
}

/* MEMBRES DU MOIS */
.pa_sorbet_citron .membres_mois {
        border: 1px solid #f3c7bf;
        margin: 8% 0 0 0;
        text-align: center;
   padding: 3% 0;
}

.pa_sorbet_citron .mdm {
        width: 90px;
        height: 150px;
        overflow: hidden;
        display: inline-block;
        text-align: center;
        margin: 5% 2%;
}

.pa_sorbet_citron .mdm img {
        width: 90px;
        height: 150px;
        object-fit: cover;
}

.pa_sorbet_citron .mdm:hover .description_mdm {
        margin-top: -90px;
        transition: .5s all;
}

.pa_sorbet_citron .mdm .description_mdm {
        background: rgba(255,255,255,.8);
        z-index: 2;
        position: relative;
        height: 128px;
        box-sizing: border-box;
        padding: 25% 10%;
        font-size: 1.3em;
   transition: .5s all;
}

/* STAFF */
.pa_sorbet_citron .staff {
        width: 175px;
        height: 69px;
        overflow: hidden;
        margin: 4% auto 0;
}

.pa_sorbet_citron .staff img {
        object-fit: cover;
}

.pa_sorbet_citron .staff:hover .description_staff {
     margin-top: -80px;
}

.pa_sorbet_citron .description_staff {
        width: 100%;
        height: 80px;
        box-sizing: border-box;
        background: rgba(255,255,255,.8);
        transition: .5s all;
        position: relative;
        text-align: center;
        font-size: 1.5em;
        line-height: 1;
        padding: 4% 0;
}

/* LIENS UTILES */
.pa_sorbet_citron .liens_utiles {
     margin: 6% 0 0 0;
}

.pa_sorbet_citron .liens_utiles a {
        border: 1px solid #f3c7bf;
        box-sizing: border-box;
        color: #FEFCF8;
        background:#f79c93;
        display: inline-block;
        letter-spacing: 2px;
        margin: 1% 2%;
        padding: 1% 2%;
        text-align: center;
        text-transform: uppercase;
        transition: .5s all;
        width: 46%;
        font-family: Courier New, sans-serif;
        font-size: 1.13em;
}

.pa_sorbet_citron .liens_utiles a:hover {
        background: #FEFCF8;
        color: #f3c7bf;
}

/* POSTES VACANTS */
.pa_sorbet_citron .postes_vacants {
        border: 1px solid #f3c7bf;
        padding: 6% 5% 1%;
        text-align: center;
        margin: -5% 0 0;
}

.pa_sorbet_citron .postes_vacants img {
        width: 47px;
        height: 75px;
        object-fit: cover;
}

/* PARTENAIRES */
.pa_sorbet_citron .partenaires {
        border: 1px solid #f3c7bf;
        margin: 3% 0;
        padding: 2% 2% 5%;
        box-sizing: border-box;
        text-align: center;
        text-transform: uppercase;
}

.pa_sorbet_citron .partenaires img {
        width: 200px;
        height: 50px;
        object-fit: cover;
        border: 1px solid #f3c7bf;
}

.pa_sorbet_citron .partenaires a {
        color: #733936;
        font-family: Courier New, sans-serif;
        font-size: 2.13em;
}

a.pa_credits {
        color: #d0c0b8;
        text-align: right;
        display: block;
        text-decoration: none;
        text-transform: lowercase;
        letter-spacing: -1px;
        font-style: italic;
        font-family: Arial, sans-serif;
        font-size: 13px;
}

/*----------- FIN PA ---------*/


/****************** CODAGE CATEGORIES PAR MAGMA. ***********************/

.lastpost-avatar img {
width: 45px;
height: 80px; border: 2px double #c2e0cc; padding: 0px;
  filter: grayscale(0);
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -o-filter: grayscale(0);
        -ms-filter: grayscale(0); border-radius: 0px; -webkit-radius: 0px;  }

.lastpost-avatar img:hover {
border: 2px double #955a3e; padding: 0px;
    filter: grayscale(80%); -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
  opacity: 0.9; -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
 filter: grayscale(80%); -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
  opacity: 0.8;    /* l'opacite que vous voulez au depart */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 25); /* Hack IE 5-7 */
 -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;  
  -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out;  }

.modifcat { background-color : #F7EDE7;; width: 800px; padding-bottom: 10px;} /*** le fond de la catégorie ***/
.catégoz{ position : relative ; top : 20px; left: 13px;} /*** l'emplacement des titres catégories ***/
.catégoz h2 { font-size: 35px; font-family: 'Quicksand', sans-serif; letter-spacing: 1px; font-weight: bold;
  text-transform: none; text-shadow: 0 1px 0 #fff;} /*** le style des titres des catégories ***/
 
.statdescrip { border-radius: 2px; -webkit-border-radius: 2px; width: 430px; height: 85px;
  background-color: #fff; border:1px solid #c2e0cc;  margin-top: -16px; padding-left: 4px;  padding-right: 4px;
  padding-boddom: 4px;} /*** le style du bloc des descriptions ***/
.descrip_bloc1 { width: 403px; height: 45px; overflow:auto; text-align: justify;  line-height: 11px; padding: 4px;
 font-family: Tahoma; padding-bottom: 6px; font-size: 10px; background-color: #ffffff; border:1px solid #eae6e2;} /*** le style des descriptions ***/
.statistiques_cat {background-color: #fff;  width: 135px; height: 85px;
  border-radius: 2px; -webkit-border-radius: 2px; margin-top: -7px; border:1px solid #c2e0cc;} /*** le style des statistiques en général ***/
.stat_general{ width: px; height: 86px; overflow:auto; font-size: 10px; line-height: 13px;
 font-family: 'Roboto Condensed', sans-serif;  font-size: 11px;}

.sousfofo {

 padding-bottom : 5px; text-align: left; height: 79px; width:150px;
background-image : url('https://www.zupimages.net/up/22/05/od39.png');
    border-radius: 2px; -webkit-border-radius: 2px;margin-left: -4px; border:1px solid #c2e0cc;}
.sousfofo a { overflow: x;
color: #777777; width: 142px!important; display:inline-block; border-collapse: separate; height : 6px;
font-family: Arial; line-height: 12px; padding: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px;
   -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
  -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
font-size: 8px; text-transform : lowercase; }

.sousfofo a:hover {
color: #781931;
 font-family: Arial;
text-shadow: 0px 0px 2px solid #fff; font-size: 8px; text-transform : lowercase; }

.forumutitre { padding-top: -50px!important;}
.forumtitre a { color:#c98c6d; font-size: 25px; font-family: Open Sans Condensed; letter-spacing: 2px;
text-transform: uppercase; text-shadow: 0 1px 0 #fff; padding-top: -20px!important;
  -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
  -webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
  -moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
  -moz-transition-timing-function:ease-in;
/* … et lorsque ce sera standardisé */ margin-left: 100px;
  transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;}

.forumtitre a:hover {color:#f9ebd1 !important; letter-spacing: 2px;}
.stat1 {font-size: 10px; font-family: Open Sans Condensed; letter-spacing: 0px; color:#000; height : 10px; background-color: #c2e0cc;
  text-transform: uppercase;  text-align: center;  }
.forumdesc1 {text-align: center;  font-size: 10px; padding-top: 15px; }
.image_cate {margin-top: 10px;}

/********************* FIN DES CODES CATEGORIES ********************************/
/**FIN**/

/******************************************************************** QUI EST EN LIGNE ********************************************************************/
.qeel_sorbet_citron {
        background: #FCEDE4;
        border: 1px solid #f3c7bf;
        color: #733936;
        font-size: 10px;
        margin: auto;
        width: 95%;
        padding: 0 0 2% 0;
}

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

.qeel_left, .qeel_right {
        width: 46%;
        float: left;
        margin: 0 2%;
}

/* GROUPES */
.groupes {
        text-align: center;
        width: 100%;
}

.groupes a {
        display: inline-block;
        width: 20%;
        margin: 0 2%;
        color: #FFFDFA;
        text-transform: uppercase;
        padding: .5% 0;
}

#g1 {
     background: #f79c93;
}

#g2 {
     background: #d0c0b8;
}

/* STATISTIQUES */
.qeel_left p {
        text-align: justify;
        margin: 5% 0 12%;
}

/* TITRES */
.qeel_sorbet_citron h2 {
        background: #FCEDE4;
        color: #f79c93;
        display: table;
        font-family: 'Petit Formal Script', cursive;
        font-size: 20px;
        margin: 0 auto;
        position: relative;
        text-align: center;
        text-transform: lowercase;
        z-index: 2;
}

.qeel_right h2 {
     margin: -4% auto 0;
}

/* MEMBRES CONNECTES 24 H */
.membres_24 {
        border: 1px solid #f3c7bf;
        background: #FFFDFA;
        margin: -3% 0 0;
        padding: 10%;
}

.membres_24 table {
        width: 100%;
        height: 100px;
        display: block;
        overflow: auto;
        padding: 0 5% 0 0;
        box-sizing: border-box;
}

.membres_24 .row1 {
     background: none;
}

.membres_24 .gensmall {
        font-family: Calibri, Arial, sans-serif;
        font-size: 1em;
        color: #733936;
}

/* CONNECTES */
.stats {
        border: 1px solid #f3c7bf;
        background: #FFFDFA;
        margin: 5% 0 0;
        padding: 2%;
   text-align: justify;
        box-sizing: border-box;
}

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

/* CREDITS */
.credits {
        margin: 3.5% 0 0;
        text-align: justify;
}
/******************************FIN DU QEEL***************************/

/*Code couleur messages*/


/* LES COULEURS */
 .kit-wrap {
     background: #fcede4;
}
 .kit-wrap, .kit {
     border: 1px solid #f79c93;
}
 .kit-head {
     background: #4CCE92;
}
 .kit-head h2, .kit-head h3 {
     color: #4a7341;
}
 .kit-head h2 {
     text-shadow: -1px 1px 0 #ffffff;
}
 .kit-head h3 {
     text-shadow: -1px 0 0 #ffffff;
}
 .kit-padd {
     background: #c0decf;
}
 .kit, .kit-txt, .kit-avatar {
     background: #fff;
}
 .kit-txt h4, .kit-title {
     color: #f79c93;
}
 .kit-txt h4:after {
     background: #FF;
}
 .kit-faceclaim .kit-txt div, .kit-app .kit-info .kit-txt div {
     border-bottom: 1px solid #d4d4d4;
}
 .kit-faceclaim .kit-txt div b, .kit-faceclaim .kit-txt div a {
     color: #aeaeae;
}
 .kit-avatar {
     border: 1px solid #d4d4d4;
}

 .kit-colors {
     color:  #c0decf ;
}
 .kit-colorsV2 {
     color:  #f6a197;
}
 .kit-colorsvv {
     color:  #d0c0b8;
}
 .kit-colorsvers {
     color:  #f3c7bf;
}


/* STYLE GÉNÉRAL */
 .kit-wrap {
     width: 500xp;
     margin: 0 auto 20px;
     box-sizing: border-box;
     padding: 20px;
     font-family: 'Overpass', sans-serif;
     position: relative;
}
 .kit-wrap a,.kit-wrap a:hover ,.kit-wrap a:active {
     text-decoration: none;

    
}
 .kit {
     padding: 3px;
     margin-bottom: 4px;
     width: 100%;
}
 .kit-head {
     height: 185px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
     line-height: 1.3em;
}
 .kit-head > img {
    position: absolute;
height: 185px;
  width: 320px;

}
.kit-head h2, .kit-head h3 {
     margin: 0;
     text-transform: uppercase;
     letter-spacing: 1px;
    position: relative;
}
 .kit-head h2 {
     font-weight: bold;
     font-size: 24px;
}
 .kit-head h3 {
     font-size: 10px;
     font-family: 'Quicksand', monospace;
     font-weight: normal;
     letter-spacing: 2px;
}
 .kit-padd {
     padding: 5px;
}
 .kit-padd1 {
     padding: 5px;
}
 .kit-txt {
     padding: 20px 60px;
     text-align: justify;
     font-size: 11px;
}

 .kit-txt h4 {
     text-align: center;
     margin: 0 0 30px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 15px;
     position: relative;
}
 .kit-txt h4:after {
     content: "";
     height: 1px;
     width: 100px;
     position: absolute;
     bottom: -10px;
     left: calc(50% - 50px);
}
 .kit-title {
     font-family: 'Quicksand', monospace;
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 1px;
     margin-right: 8px;
}
 .kit-credit {
     width: 100%;
     text-align: center;
     position: absolute;
     bottom: -20px;
     left: 0;
}
 .kit-credit a {
     font-family: 'Share Tech Mono', monospace;
     color: #ccc;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 1px;
     text-decoration: none!important;
}
/* ANNONCE */
 .kit-annonce {
     width: 300px;
     padding: 0px;
     border: 0;
     background: transparent;
}
 .kit-annonce .kit-txt {
     padding: 40px;
}
/* FACECLAIM */
 .kit-faceclaim .kit-txt h4 {
     text-align: left;
     border: 1px solid;
     height: 40px;
     line-height: 40px;
     padding: 0 15px;
     margin: 0 0 20px;
}
 .kit-faceclaim .kit-txt h4:after {
     display: none;
}
 .kit-faceclaim .kit-txt div {
     margin: 3px 0 0;
     padding: 2px 10px;
}
 .kit-faceclaim .kit-txt div b {
     font-family: 'QuickSand', monospace;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: normal;
}
/* FICHE DE PRÉSENTATION */
 .kit-app {
     width: 450px;
     display: flex;
     flex-wrap: wrap;
}
 .kit-app .kit-info {
     width: 200px;
     margin-right: 4px;
     height: 300px;
}
 .kit-app .kit-info .kit-txt {
     overflow: auto;
     padding: 10px;
}
 .kit-app .kit-info .kit-txt div {
     margin: 3px 0 0;
     padding: 2px 10px;
}
 .kit-app .kit-info .kit-txt  div .kit-title {
     display: block;
     font-weight: normal;
}
 .kit-app .kit:nth-child(3) {
     flex: 1;
     height: 300px;
}
 .kit-app .kit-info .kit-txt,.kit-app .kit:nth-child(3) .kit-padd,.kit-app .kit:nth-child(3) .kit-txt, .kit-app .kit-player .kit-txt  {
     height: 100%;
     box-sizing: border-box;
}
 .kit-app .kit:nth-child(3) .kit-txt ,.kit-app .kit-player .kit-txt {
     overflow: auto;
     padding: 20px 30px;
}
 .kit-avatar {
     padding: 3px;
     height: 100px;
     width: 100px;
}
 .kit-player {
     height: 100px;
     flex: 1;
     margin-left: 4px;
}
.kit-last{
    margin-bottom: 0;
}


/* Profile et message */
/********************************************************* MESSAGE PROFIL *********************************************************/

/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-transform:uppercase; text-align:center; font-family:Arial;
background:#FFFFFF; /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; font-size:22px;
color:#f0ae9e; /* MODIFIABLE */
}
/* NAVIGATION */
.navPOST {
display:block; margin:5px auto 0; width:100%;
padding:2px 0; font-size:10px;
background:#FFFFFF; color:black; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:black; /* MODIFIABLE */
}
/* BLOC DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:10px; padding:5px; font-size:11px;
background:#f0ae9e; color:BLACK; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
width:470px; min-height:auto; padding:5px;
background:#FFFFFF; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* PROFIL JOUEUR */
#boxPOST {
position:auto; margin-left:3px; margin-top:0px; margin-right:5px;
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:0xp; margin-top:-20px;
width:400px; padding:5px;
text-align:left; text-transform:uppercase; font-family:Trajan Pro 3; line-height:14px;

}
.namePOST a {
display:inline-block; vertical-align:middle;
}
/* TEXTE RANG */
.rankPOST {
display:inline-block; vertical-align:middle; padding-left:5px;
text-transform:uppercase; text-align:center; font-size:11px;
color:black; /* MODIFIABLE */
}
/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
padding:5px 0;
font-size:10px; font-family:Arial;
background:#FCEDE4; color:black;  /* MODIFIABLE */
}
/* BLOC AVATAR */
.avaPOST {
margin:0 5px; width:200px;
}
.avaPOST img {
width:200px;
}
/* BLOC IMAGES CONTACT JOUEUR */
.ktactPOST {
margin:5px auto;
width:200px; padding:5px 0; text-align:center;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.ktactPOST img {
margin:0 2px; max-height:20px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin:auto; width:200px;
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST .label {
text-transform:tiny; font-weight:bold; /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img {
margin:auto; max-width:200px;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:5px auto 0; width:200px;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
/* LOSANGE GROUPE */
.grpPOST {
position:absolute; margin-top:-25px; margin-left:-8px;
width:15px; height:15px;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:30px 105px 0 105px; border-color:transparent;
border-top-color:#FCEDE4; /* MODIFIABLE */
}


/* Réponse Rapide */

/*--- Bloc réponse rapide ---*/
 
.sceditor-container.ltr.sourceMode {
width:100% !important;
background-color: #ffffff !important;
}
.sceditor-container.ltr.wysiwygMode {
width:650px !important;
background-color: #ffffff !important; }

/*Navigation Bar & Bannière fond*/

body
{
background: url(...) top center no-repeat #f9ebd1;
}


#i_logo
{
height: 400px;
}

mainmenu {
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    color: #000000 !important;
    font-family: Montserrat;
    font-size: 7pt;
    font-weight: 700;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s;
  
}

.menubottom {
    left: 0;
    padding: 15px 0;
    right: 0;
    top:550px;
    background-color: #fcede4;
    position: absolute;
}


/** SYSTEME DE MULTICOMPTES **/
:root {--color-text:#700900;--color-bg: #e8e4d2;--color-delete: #f7f2e8;--color-tooltip: #700900;--color-squircle: #f7f5f1;--color-accent: #006600;--color-button: #700900;--color-pill: #006600;--gap-size: 8px;--ease: cubic-bezier(0.4, 0.0, 0.2, 1);--ease-bounce: cubic-bezier(0.43, 0.09, 0.38, 2.56);}
.switcheroo {color: #700900;background-color var(--color-bg);font-size: 12px;}
.switcheroo[position="static"] {position: relative; }
.switcheroo[position="top"] {position: fixed;top: 0;left: 0;z-index: 100;}
.switcheroo[position="bottom"] {position: fixed;bottom: 0;left: 0;z-index: 100;}
.switcheroo[direction="horizontal"] {width: 100%;}
.switcheroo[direction="vertical"] {height: 100%;}
.switcheroo__squircles {display: flex;margin: 0;padding: 0;list-style: none;padding: var(--gap-size);gap: var(--gap-size);}
.switcheroo[direction="horizontal"] .switcheroo__squircles {flex-direction: row;}
.switcheroo[direction="vertical"] .switcheroo__squircles {flex-direction: column;}
/* squircle */
.switcheroo[theme="discord"] .switcheroo__squircle {position: relative;display: flex;align-items: center;justify-content: center;background-color: var(--color-squircle);}
.switcheroo[theme="discord"] .switcheroo__squircle {width: 48px;height: 48px;border-radius: 50%;cursor: pointer;transition: border-radius 128ms var(--ease);}
.switcheroo[theme="discord"] .switcheroo__squircle:hover {border-radius: 36%;}
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:before {content: "";width: 100%;height: 100%;display: block;background-color: var(--color-pill);position: absolute;border-radius: 4px;top: 50%;transform: translate(-100%, -50%) scale(0);transition: transform 128ms, opacity 64ms;pointer-events: none;opacity: 0;}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:before {content: "";width: 100%;height: 100%;display: block;background-color: var(--color-pill);position: absolute;border-radius: 4px;left: 50%;transform: translate(-50%, -100%) scale(0);transition: transform 128ms, opacity 64ms;pointer-events: none;opacity: 0;}
.switcheroo[theme="discord"] .switcheroo__squircle.active {border-radius: 36%;cursor: default;}
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:hover:before {opacity: 1;transform: translate(-100%, -50%) scale(0.5);}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:hover:before {opacity: 1;transform: translate(-50%, -100%) scale(0.5);}
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle.active:before {opacity: 1;transform: translate(-85%, -50%) scale(0.2);border-radius: 50%;}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle.active:before {opacity: 1;transform: translate(-50%, -85%) scale(0.2);border-radius: 50%;}
/* tooltip */
.switcheroo__popper {background-color: var(--color-tooltip);padding: 0.68rem 1rem;position: absolute;width: -webkit-max-content;width: max-content;border-radius: 4px;z-index: 0;opacity: 0;transition: opacity 64ms var(--ease), transform 128ms var(--ease-bounce);pointer-events: none;color: #fff;}
.switcheroo[direction="vertical"] .switcheroo__popper {left: 155%;top: 50%;transform-origin: left;transform: translateY(-50%) scale(0.98);}
.switcheroo[direction="horizontal"] .switcheroo__popper {top: 155%;left: 50%;transform-origin: top;transform: translateX(-50%) scale(0.98);}
.switcheroo__popper:before {content: "";position: absolute;width: 24px;height: 24px;background-color: var(--color-tooltip);z-index: -1;}
.switcheroo[direction="vertical"] .switcheroo__popper:before {left: -2px;top: 50%;transform: translateY(-50%) rotate(-45deg);}
.switcheroo[direction="horizontal"] .switcheroo__popper:before {left: 50%;top: -2px;transform: translateX(-50%) rotate(-45deg);}
.switcheroo[direction="vertical"] .switcheroo__squircle:hover .switcheroo__popper {opacity: 1;transform: translateY(-50%) scale(1);}
.switcheroo[direction="horizontal"] .switcheroo__squircle:hover .switcheroo__popper {opacity: 1;transform: translateX(-50%) scale(1);}
.switcheroo__squircle:hover:before {opacity: 1;transform: translate(-100%, -50%) scale(0.5);}
/* avatar */
.switcheroo[theme="discord"] .switcheroo__avatar {position: relative;width: 100%;height: 100%;border-radius: inherit;overflow: hidden;}
.switcheroo[theme="discord"] .switcheroo__avatar img {width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
/* divider */
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__divider {width: 100%;height: 2px;background-color: var(--color-pill);border-radius: 1px;opacity: 0.06;transform: scale(0.Cool;}
.switcheroo[theme="discord"][direction="horizontal"] .switcheroo__divider {width: 2px;background-color: var(--color-pill);border-radius: 1px;opacity: 0.06;transform: scale(0.Cool;}
/* delete button */
.switcheroo[theme="discord"] .switcheroo__delete {display: flex;justify-content: center;position: absolute;width: 16px;line-height: 14px;height: 16px;top: -2px;right: -2px;border-radius: 50%;background-color: var(--color-delete);transform: scale(0);opacity: 1;transition: transform 128ms var(--ease), opacity 64ms var(--ease);cursor: pointer;font-size: 13px;}
.switcheroo[theme="discord"] .switcheroo__squircle:hover .switcheroo__delete {opacity: 1;transform: scale(1);}
/* logo */
.switcheroo[theme="discord"] .switcheroo__logo {}
.switcheroo[theme="discord"] .switcheroo__logo img {width: 32px;}
.switcheroo[theme="discord"] .switcheroo__logo:hover {background-color: var(--color-accent);}
/* buttons */
.switcheroo[theme="discord"] .switcheroo__squircle--button {transition: border-radius 128ms var(--ease);color: var(--color-button);}
.switcheroo[theme="discord"] .switcheroo__squircle--button:hover {color: #700900;background-color: var(--color-button);}
/* modal */
.switcheroo__form {padding: 48px;}
.switcheroo__form-row {display: flex;flex-flow: column;align-items: flex-start;margin-bottom: 16px;}
.switcheroo__form-label {margin-bottom: 8px;font-size: 14px;text-transform: uppercase;color: #89573A!important;}
.switcheroo__form-input {padding: 6px !important;font-size: 16px !important;border-radius: 4px !important;width: 100% !important;border-bottom: 2px solid var(--color-accent) !important;background-color: var(--color-bg) !important;color: var(--color-text) !important;cursor: text !important;}
.switcheroo__form-button {border-radius: 8px;padding: 8px;border: none;outline: none;box-shadow: none;text-transform: uppercase;font-size: 14px;align-self: flex-end;color: #fff;background-color: var(--color-accent);}
.monomer-overlay {position: fixed;z-index: 999;top: 0;left: 0;opacity: 0;width: 100%;height: 100%;transition: 0.2s opacity ease;background: rgba(0, 0, 0, 0.6);}
.monomer-modal {position: fixed;z-index: 999;top: 50%;left: 50%;opacity: 0;width: 94%;padding: 24px 20px;transition: 0.2s opacity ease;transform: translate(-50%, -50%);border-radius: 2px;background: var(--color-squircle);color: var(--color-text);}
.monomer-modal.monomer-open.monomer-anchored {top: 20px;transform: translate(-50%, 0);}
.monomer-modal.monomer-open {opacity: 1;}
.monomer-overlay.monomer-open { opacity: 1;}
.monomer-close {font-family: Helvetica, Arial, sans-serif;font-size: 20px;font-weight: 700;line-height: 24px;text-align: center;width: 24px;height: 24px;position: absolute;top: -5px;right: -5px;padding: 5px;cursor: pointer;color: #700900;border: 0;outline: none;background: var(--color-delete);border-radius: 50%;padding: 0;}
.monomer-close:hover {opacity: 0.8;}

/*Fin code*/

#sstyle {
  margin-top: 10px;
}





On a essayé de chercher mais vraiment pas trouvé. Nous vous remercions pour votre aide vraiment !

[Toryudo]

Bonjour !
Ce n'est pas vraiment un problème de CSS, ce serait plutôt un problème de code dans un Template. Dans votre overall_header, au niveau du {GENERATED_NAV_BAR}, je suppose quelques problèmes. Voici le code par défaut de la version phpbb3 :

Code:

<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
   <li>{GENERATED_NAV_BAR}</li>
</ul>

Et je suppose que chez vous, vous avez remplacé par quelque chose comme ça (je ne peux pas voir pour l'affirmer, mais ça ne doit pas être loin) :

Code:

<div id="navig">
   {GENERATED_NAV_BAR}
</div>

Le problème, c'est que {GENERATED_NAV_BAR} fonctionne avec des <li> dans un <ul> dont le CSS est déjà écrit grâce à ses deux class : linklist et navlinks. Pas de soucis, vous pouvez corriger votre problème rapidement en remplaçant comme ceci :

Code:

<ul id="navig" class="linklist navlinks">
   <li>{GENERATED_NAV_BAR}</li>
</ul>

On garde le id="navig" pour conserver votre CSS perso, on troque le <div> contre un <ul> ce qui ne change pas grand-chose visuellement mais qui permet d'avoir du code propre, et on rajoute les class pour bénéficier du CSS par défaut et réaligner le tout horizontalement. On remet également les <li> autour de {GENERATED_NAV_BAR} pour la propreté et le tour est normalement joué !

[sueki]

Merci beaucoup à toi, maintenant je saurai ce qu'il faut faire. Un grand merci