Texte qui sort du cadre

[Kalia Alena]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Un moment
Lien du forum : http://pass-magic.forumactif.com

Description du problème

Bonjour,
Voilà j'ai un petit soucis depuis la dernière MAJ que j'ai effectuée sur mon forum, mon texte a souvent tendance à sortir du cadre alors qu'auparavant peut importe les messages postés ou les codages, ça n'arrivait jamais.
Voici deux exemples d'endroits où le texte sort, un exemple avec un texte posté tout ce qu'il y a de plus banal (le plus urgent à régler), et un autre exemple avec un code qui avait été mis en place pour tous les postes vacants du forum :

Exemple 1
Exemple 2

Par ailleurs, comme je ne sais pas si cela peut être lié à ma feuille de style CSS, je vous la joins également.

Code:

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }


body {
background-repeat: no-repeat;
  background-position: top center;
}


.lastpost-avatar {
float: left;
padding: 2px;
}
.lastpost-avatar img {
width: 50px;
height: 80px;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}


/*début infobulle*/
 
.thumbnail {
  position: relative;  /*pour pouvoir positionner l infobulle par rapport à l image*/
  cursor: help;  /*curseur de la souris au survol*/
}
.thumbnail div.tstaff {
  position: absolute;  /*pour positionner l infobulle par rapport à l image*/
  top: 90px; /*position verticale de l infobulle*/
  left: -220px;  /*position horizontale de l infobulle*/
  background: rgb(200, 174, 157);  /*couleur de fond*/
  border: 2px solid rgb(159, 115, 85); /*bordure*/
  width: 300px;  /*largeur de l infobulle*/
  height: 200px;  /*hauteur de l infobulle*/
  padding: 5px; /*marge intérieure*/
  overflow: auto;  /*pour la barre de défilement*/
  z-index: 1;  /*pour que l infobulle reste au dessus des images*/
  border-radius: 5px; /*arrondi des coins*/
  box-shadow: 0 0 10px black;  /*effet d ombre*/
  display: none;  /*pour masquer l infobulle*/
}
 
.thumbnail:hover .tstaff {
  display: block;  /*pour afficher l infobulle au survol de thumbnail*/
}


/* PAGE ACCUEIL FORME 1 */


th.secondarytitle h2 font {
    color: #6b6b6b !important;
    font-family: Perpetua Titling MT !important;
    font-size: 20px;
}


#f1_accueil
{
  width: 800px;
  height: 500px;
  margin: auto;
  background: url(http://image.noelshack.com/fichiers/2013/26/1372353069-acc.png);
  text-shadow: none !important;
}
#f1_accueil a
{
  color: #6B6B6B !important;
  text-shadow: none !important;
}
#f1_accueil a:hover
{
  color: #ffffff !important;
  text-shadow: none !important;
}
.f1_col1
{
  width: 300px;
  vertical-align: top;
}
.f1_contexte
{
  width: 220px;
  height: 300px;
  overflow: auto;
  margin-top: 100px;
  margin-left: 65px;
  text-align: justify;
  color: #6B6B6B;
  text-shadow: 1px 1px 0px #ffffff;
}
.f1_bloconglets
{
  margin-top: 80px;
}
.f1_onglet1, .f1_onglet2, .f1_onglet3
{
  display: inline-block;
  width: 110px;
  height: 50px;
}
.f1_onglet1
{
  margin-left: 50px;
  margin-right: 25px;
}
.f1_onglet2
{
  margin-right: 30px;
}
.f1_contenu1, .f1_contenu2, .f1_contenu3
{
  position: absolute;
  width: 0px;
  height: 220px;
  margin-top: 40px;
  padding-top: 40px;
  overflow: hidden;
  font-size: 11px;
  color: #6B6B6B;
}
.f1_contenu1
{
  margin-left: -10px;
}
.f1_contenu2
{
  margin-left: -149px;
}
.f1_contenu3
{
  margin-left: -294px;
}
.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3
{
  width: 400px;
}
.f1_liens
{
  display: block;
  text-align: center;
}
.f1_liens a
{
  font-size: 12px;
  font-weight: bold;
}
.f1_news, .f1_friends
{
  width: 200px;
  height: 200px;
  overflow: hidden;
  text-align: justify;
}
.f1_credits, .f1_topsites
{
  height: 150px;
  border-left: 1px solid #6B6B6B;
  margin-left: 5px;
  padding: 5px;
  text-align: center;
}

.f1_staff1
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://fc04.deviantart.net/fs70/f/2010/058/1/1/__Eclair_Farron_Icon___by_Ultima_Memoria.png);
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #6B6B6B;
}

.f1_staff2
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://i79.servimg.com/u/f79/12/95/72/47/icones10.jpg);
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #6B6B6B;
}

.f1_staff3
{
  display: block;
  width: 50px;
  height: 50px;
  background: url(http://image.noelshack.com/fichiers/2013/27/1372677434-aika.png);
  margin-bottom: 20px;
  margin-top: 20px;
  border: 1px solid #6B6B6B;
}


.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3
{
  position: absolute;
  width: 0px;
  height: 150px;
  background: #ffffff;
  margin-left: 80px;
  overflow: hidden;
}
.f1_staffcontenu2
{
  margin-top: -72px;
}
.f1_staffcontenu3
{
  margin-top: -144px;
}
.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3
{
  width: 300px;
  border: 1px solid #6B6B6B;
}

/* FIN PAGE ACCUEIL FORME 1 */


/* MISE EN FORME DES CATEGORIES ET FORUMS AVEC LES IMAGES */

.cate_titre
{
  clear: both;
  height: 100px;
  margin-top: 50px;
}

.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
text-align: center;
padding: 2px;
  border-bottom: 3px dotted #f0f0f0;
}
.catetitre
{
color: #6b6b6b;
font-family: arial;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
}

.description
{
  display: block;
  width: 400px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  border: 2px solid #9c9c9c;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 391px;
  height: 91px;
  overflow: auto;
  background-color: #191817;
  font-size: 10px;
  color: #9c9c9c;
  text-align: justify;
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

/* -------- CATEGORIES ------ */

.bodylinewidth
{
width: 900px;
margin: auto;
}

.bodyline
{
background: url(IMAGE) top left no-repeat #;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 3px 3px 3px #;
-moz-box-shadow: 3px 3px 3px #;
-o-box-shadow: 3px 3px 3px #;
-htm-box-shadow: 3px 3px 3px #
-webkit-box-shadow: 3px 3px 3px #;
border: 1px solid #;
}

#i_logo
{
margin-bottom: 20px;
}

#page-body
{
margin-top: 50px;
}


.forumline
{
max-width: 800px;
min-height: 100px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
background-color: #FFFFFF;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-left: 8px solid #f0f0f0;
box-shadow: 2px 2px 2px #373737;
-moz-box-shadow: 2px 2px 2px #373737;
-o-box-shadow: 2px 2px 2px #373737;
-webkit-box-shadow: 2px 2px 2px #373737;
-htm-box-shadow: 2px 2px 2px #373737;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}


.table_head
{
width: 850px;
height: 88px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/996201categorie01.jpg) top center no-repeat;
}
.table_body
{
width: 850px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/122807categorie02.jpg) top center repeat-y;
}
.table_foot
{
width: 850px;
height: 129px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/780236categorie04.jpg) bottom center no-repeat;
}

.cate
{
margin-top: -30px;
}
.titre
{
font-size: 18px;
font-variant: spall-caps;
letter-spacing: 2px;
text-shadow: 1px 1px 0px #4D3009;
}
.cate_body
{
width: 550px;
min-height: 100px;
margin-left: 6px;
margin-right: 6px;
margin-top: 4px;
margin-bottom: 4px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 4px;
padding-right: 4px;
background-color: #dadada;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
border-left: 8px solid #f0f0f0;
box-shadow: 2px 2px 2px #373737;
-moz-box-shadow: 2px 2px 2px #373737;
-o-box-shadow: 2px 2px 2px #373737;
-webkit-box-shadow: 2px 2px 2px #373737;
-htm-box-shadow: 2px 2px 2px #373737;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.cate_body:hover
{
background-color: #6b6b6b;
border-left: 8px solid #dadada;
}
.forumlink
{
display: block;
width: 300px;
text-align: center;
}
.forumlink a
{
color: #6b6b6b !important;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none !important;
text-shadow: 1px 1px 0px #828282;
border-bottom: 2px solid #4D3009;
}
.forumlink a:hover
{
color: #c7c7c7 !important;
text-shadow: 1px 1px 0px #c7c7c7;
text-decoration: none !important;
font-style: italic;
}
.illu_cate
{
float: left;
margin-right: 4px;
margin-bottom: 4px;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
-htm-transition: 1s;
}
.illu_cate:hover
{
float: left;
margin-right: 4px;
margin-bottom: 4px;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-webkit-transition: 1s;
-htm-transition: 1s;
}
.description
{
display: block;
font-size: 10px;
color: #6b6b6b;
text-align: justify;
}
.liens_sousforum a
{
font-weight: bold;
}
.liens_sousforum a:hover
{
font-weight: bold;
text-decoration: none !important;
}
.stats_last
{
display: block;
width: 140px;
height: 70px;
margin-right: 5px;
background-color: #6b6b6b;
border: 1px solid #dadada;
box-shadow: 2px 2px 2px #373737;
-moz-box-shadow: 2px 2px 2px #373737;
-o-box-shadow: 2px 2px 2px #373737;
-webkit-box-shadow: 2px 2px 2px #373737;
-htm-box-shadow: 2px 2px 2px #373737;
padding: 4px;
font-size: 10px;
text-align: center;
}
.stats
{
display: block;
border-bottom: 1px dashed #828282;
font-size: 10px;
font-weight: bold;
padding-bottom: 2px;
margin-bottom: 2px;
}
.last a
{
text-transform: uppercase;
text-shadow: 1px 1px 0px #e4e4e4;
}
.last a:hover
{
text-decoration: none !important;
color: #828282 !important;
}

table
{
max-width: 800px;
margin: auto;
}



.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

/* ------ INFOBULLE ------ */

        a.info {
        position:relative;
        z-index:24;
        color:#000000;
        text-decoration:none
        }
       
        a.info:hover {
        z-index:25;
        background-color:#FFFFFF
        }
       
        a.info span {
        display: none
        }
       
        a.info:hover span {
        display:block;
        position:absolute;
        top:0px;
        left:0px;
        width:100px;
        border:1px solid #000000;
        background-color:#FFFFFF;
        color:#000000;
        font-weight:none;
        padding:5px;
        }

/*--------- BARRE DE NAVIGATION ------- /*

        .navig {
        position: absolute;
        top: 0px;
        width: 100%;
        background-color: #FFFFFF;
        border-bottom: 3px solid #000000;
        }



*/-----------QQEL-------/*

/* QEEL ONGLETS LATERAUX HOVER */

.qeelnu31_titre
{
  display: block;
  width: 800px;
  height: 100px;
  background-image: url(http://image.noelshack.com/fichiers/2013/27/1372676606-qqel.png);
  margin: auto;
}
#qeelnu31
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 5px;
  height: 200px;
  padding: 10px;
  background: #FFFFFF;
  border: 1px solid #6B6B6B;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -htm-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 0px 5px #6B6B6B1;
  -moz-box-shadow: 0px 0px 5px #6B6B6B;
  -o-box-shadow: 0px 0px 5px #6B6B6B;
  -htm-box-shadow: 0px 0px 5px #6B6B6B;
  -webkit-box-shadow: 0px 0px 5px #6B6B6B;
}
#qeelnu31_content
{
  width: 750px;
  height: 200px;
  overflow: hidden;
}
#qeelnu31_links
{
  float: left;
}
.qeelnu31_link1, .qeelnu31_link2, .qeelnu31_link3
{
  width: 150px;
  height: 48px;
  margin-bottom: 2px;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=60);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_link1
{
  background: url(http://image.noelshack.com/fichiers/2013/27/1372672686-24.png);
}
.qeelnu31_link2
{
  background: url(http://image.noelshack.com/fichiers/2013/27/1372672688-groupes.png);
}
.qeelnu31_link3
{
  background: url(http://image.noelshack.com/fichiers/2013/27/1372672681-h-b.png);
}
.qeelnu31_link1:hover, .qeelnu31_link2:hover, .qeelnu31_link3:hover
{
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
 
}
.qeelnu31_contenu1
{
  width: 750px;
  height: 200px;
  margin-left: 150px;
  background: #F0F0F0;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #6B6B6B;
}
.qeelnu31_contenu2
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  overflow: hidden;
  background: #F0F0F0;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #6B6B6B;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu3
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  margin-top: -50px;
  overflow: hidden;
  background: #F0F0F0;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #6B6B6B;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu4
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  margin-top: -100px;
  overflow: hidden;
  background: #F0F0F0;
  border: 1px solid #f2eee9;
  box-shadow: 0px 0px 3px #c1b1a0;
  -moz-box-shadow: 0px 0px 3px #c1b1a0;
  -o-box-shadow: 0px 0px 3px #c1b1a0;
  -webkit-box-shadow: 0px 0px 3px #c1b1a0;
  -htm-box-shadow: 0px 0px 3px #c1b1a0;
  color: #6B6B6B;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_link1:hover .qeelnu31_contenu2, .qeelnu31_link2:hover .qeelnu31_contenu3,
.qeelnu31_link3:hover .qeelnu31_contenu4
{
  width: 650px;
  height: 200px;
  overflow: auto;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.qeelnu31_contenu
{
  display: block;
  padding: 5px;
  color: #6B6B6B;
  font-size: 10px;
  text-align: justify;
}

.qeelnu31_stats
{
  font-size: 12px;
  text-shadow: -1px -1px 0px #6B6B6B;
  letter-spacing: 2px;
  font-weight: bold;
}
.usernu31_online
{
  display: block;
  font-size: 12px;
  text-shadow: -1px -1px 0px #6B6B6B;
  letter-spacing: 2px;
  font-weight: bold;
  text-align: center;
}
.gr1, .gr2, .gr3, .gr4, .gr5, .gr6, .gr7, .gr8, .gr9, .gr10, .gr11
{
  font-size: 18px;
  font-weight: bold;
  text-shadow: -1px -1px 0px #6B6B6B;
  text-transform: uppercase;
}
a.gr1
{
  color: #424242 !important;
}
.gr2
{
  color: #BB76C9 !important;
}
.gr3
{
  color: #FF0505 !important;
}
.gr4
{
  color: #4BD15F !important;
}
.gr5
{
  color: #FF600A !important;
}
.gr6
{
  color: #B5B51D !important;
}
.gr7
{
  color: #20C0FA !important;
}
.gr8
{
  color: #4FB397 !important;
}
.gr_description
{
  font-size: 10px;
  line-height: 9px;
  text-align: justify;
  color: #6B6B6B;
  text-shadow: 1px 1px 0px #;
}


/* -------- TABLEAU PAGE ACCUEIL ------ */

/*TITRES*/
.titr {
  font-family: Cookie; font-size: 55px;
  line-height: 80%; letter-spacing: 0px; position: relative; right: 9px;
  color:#D69E48;
  margin-top: -5px;
}

.titr2 {
  font-family: "Englebert"; line-height: 22px;
  margin-top:2px;
  letter-spacing: 0px;
  text-align: center;
  font-size: 15px;
  color: #ffffff;
}

.titr2:hover {
  color:white;
}

/*BLOC CONTEXTE*/
.catei {
  width: 205px;
  height: 225px;
  border: 2px solid #7996A2;
  background-color: #ffffff;
  border-radius: 2px 2px 2px 2px;
}

.cateititre {
  background-color:#7996A2;
  font-family: 'Redressed';
  color: #ffffff;
  font-size: 14px;
  text-align: center;}

.catei_description {
  position: relative;
  width: 200px;
  height: 205px;
  z-index: 1;
  margin-top: 2px;
  text-align: justify;
  font-size: 10px;
  font-family: arial;
  color: ;
  padding: 1px;
  overflow: auto;
}

/*BLOC STAFF*/
.q3 {
  background-color: #ffffff;
  border: 2px solid #7996A2;
  text-align:center;
  border-radius: 1px 1px 1px 1px;
  width: 740px;
  height: 100px;
}

/*SLIDE*/
.wow {
  font-family: georgia;
  opacity:0.0;
  font-size:12px;
  color: black;
  text-align: center;
  width: 110px;
  height: 80px;
  background-color:#7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow:hover {
  opacity: 1
}


/*TOP PARTENAIRE*/
.cad {
  width: 280px;
  height: 70px;
  border: 2px solid #7996A2;
  background-color: #ffffff;
  border-radius: 2px 2px 2px 2px;
}

.topS {
  color: #C2B496;
  font-size: 14px;
}

/*MEMBRE DU MOIS*/
.cadm {
  width: 280px;
  height: 140px;
  border: 2px solid #7996A2;
  background-color: #ffffff;
  border-radius: 2px 2px 2px 2px;
}

/*SLIDE*/
.wow2 {
  font-family: georgia;
  opacity:0.0; 
  font-size:12px;
  color: black;
  text-align: center;
  width: 130px;
  height: 50px;
  background-color:#7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow2:hover {
  opacity: 1
}

/*NEWS*/
.new {
  width: 230px;
  height: 220px;
  border: 2px solid #7996A2;
  background-color: #ffffff;
  border-radius: 2px 2px 2px 2px;
}

.cred {
  width: 225px;
  height: 200px;
  text-align: justify;
  font-size: 11px;
  font-family: arial;
  padding: 1px;
  overflow: auto;
}

.cate {
  width: 362px;
  height: 125px;
  overflow: hidden;
  border: 2px solid #7996A2;
  background-color: #ffffff;
  border-radius: 2px 2px 2px 2px;
}

/*PV&SCENARIOS*/
.q5{
  display: block;
  border: 2px solid #7996A2;
  background-color: #ffffff;
  text-align:center;
  padding:1px;
  border-radius: 2px 2px 2x 2x;
  width: 735px;
  height: 70px;
}

.wow3{
  font-family: georgia;
  opacity:0.0; 
  font-size:10px;
  color: black;
  text-align: center;
  width: 105px;
  height: 50px;
  background-color:#7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
}

.wow3:hover {
  opacity: 1
}


.center {
  margin-right: -7px;
}

.cellule_pv0{
 margin-left: -345;
}
.cellule_pv1 {
  margin-left: -245;
}


/************* QEEL PAR PHANTASMAGORIA sur PRD *******/

.fond_qeel {background-color: #ffffff; width: 780px; }
.bloc_stat1{ background-color: #ebd8d0; border: 1px solid #cc9e8e; width: 250px; height: 130px; overflow: auto;
padding: 7px; font-size: 9px; line-heigh: 10px; text-align : justify;}
 .bloc_stat2 {background-color: #ebd8d0; border: 1px solid #cc9e8e; width: 520px; height: 50px; overflow: auto;
  padding: 7px; font-size: 9px; line-heigh: 10px; text-align : justify; margin-top: -2px;}
.groupe { text-transform : Capitalize; font-family: 'Engagement', cursive; text-shadow: 1px 1px 2px #fff;
  font-size: 18px; margin-top: -10px;}


Un très grand merci par avance à ceux qui m'aideront à résoudre ce problème.

[MlleAlys]

Bonjour,

Pour ma part ça ne dépasse pas, c'est le corps du forum qui s'élargit. Est-ce également le cas lorsque vous être déconnecté ?

Commencez en tout cas par ceci :
Dans Général > forum > Configuration > Largeur du forum : entrez 820 et enregistrez.
Cela évitera de faire double effet avec le css, vous pourrez bien sûr modifier cette valeur si besoin.

Pour ce qui est de votre css, j'y ai corrigé quelques erreurs, le voici :

Code:

/*FOND DE PAGE ET EN TETE*/

body {
  background-position: top center;
  background-repeat: no-repeat;
}

#i_logo {
  width: 100%;
  height: 450px;
  margin-bottom: 20px;
}

#page-body {
  margin-top: 50px;
}

/*début infobulle*/

.thumbnail {
  position: relative; /*pour pouvoir positionner l infobulle par rapport à l image*/
  cursor: help;
}

.thumbnail div.tstaff {
  display: none;
  z-index: 1; /*pour que l infobulle reste au dessus des images*/
  position: absolute; /*pour positionner l infobulle par rapport à l image*/
  top: 90px; /*position verticale de l infobulle*/
  left: -220px; /*position horizontale de l infobulle*/
  width: 300px; /*largeur de l infobulle*/
  height: 200px; /*hauteur de l infobulle*/
  padding: 5px; /*marge intérieure*/
  border: 2px solid rgb(159, 115, 85) ; /*bordure*/
  border-radius: 5px; /*arrondi des coins*/
  overflow: auto; /*pour la barre de défilement*/
  background: rgb(200, 174, 157) ; /*couleur de fond*/
  box-shadow: 0 0 10px black; /*effet d ombre*/
}

.thumbnail:hover .tstaff {
  display: block;
}

/* PAGE ACCUEIL FORME 1 */

th.secondarytitle h2 font {
  font-family: Perpetua Titling MT !important;
  font-size: 20px;
  color: #6b6b6b !important;
}

#f1_accueil {
  width: 800px;
  height: 500px;
  margin: auto;
  text-shadow: none !important;
  background: url(http://image.noelshack.com/fichiers/2013/26/1372353069-acc.png);
}

#f1_accueil a {
  text-shadow: none !important;
  color: #6B6B6B !important;
}

#f1_accueil a:hover {
  text-shadow: none !important;
  color: #ffffff !important;
}

.f1_col1 {
  width: 300px;
  vertical-align: top;
}

.f1_contexte {
  width: 220px;
  height: 300px;
  margin-top: 100px;
  margin-left: 65px;
  overflow: auto;
  text-align: justify;
  text-shadow: 1px 1px 0 #ffffff;
  color: #6B6B6B;
}

.f1_bloconglets {
  margin-top: 80px;
}

.f1_onglet1, .f1_onglet2, .f1_onglet3 {
  display: inline-block;
  width: 110px;
  height: 50px;
}

.f1_onglet1 {
  margin-right: 25px;
  margin-left: 50px;
}

.f1_onglet2 {
  margin-right: 30px;
}

.f1_contenu1, .f1_contenu2, .f1_contenu3 {
  position: absolute;
  width: 0;
  height: 220px;
  margin-top: 40px;
  padding-top: 40px;
  overflow: hidden;
  font-size: 11px;
  color: #6B6B6B;
}

.f1_contenu1 {
  margin-left: -10px;
}

.f1_contenu2 {
  margin-left: -149px;
}

.f1_contenu3 {
  margin-left: -294px;
}

.f1_onglet1:hover .f1_contenu1, .f1_onglet2:hover .f1_contenu2, .f1_onglet3:hover .f1_contenu3 {
  width: 400px;
}

.f1_liens {
  display: block;
  text-align: center;
}

.f1_liens a {
  font-size: 12px;
  font-weight: bold;
}

.f1_news, .f1_friends {
  width: 200px;
  height: 200px;
  overflow: hidden;
  text-align: justify;
}

.f1_credits, .f1_topsites {
  height: 150px;
  margin-left: 5px;
  padding: 5px;
  border-left: 1px solid #6B6B6B;
  text-align: center;
}

.f1_staff1 {
  display: block;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #6B6B6B;
  background: url(http://fc04.deviantart.net/fs70/f/2010/058/1/1/__Eclair_Farron_Icon___by_Ultima_Memoria.png);
}

.f1_staff2 {
  display: block;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #6B6B6B;
  background: url(http://i79.servimg.com/u/f79/12/95/72/47/icones10.jpg);
}

.f1_staff3 {
  display: block;
  width: 50px;
  height: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #6B6B6B;
  background: url(http://image.noelshack.com/fichiers/2013/27/1372677434-aika.png);
}

.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
  position: absolute;
  width: 0;
  height: 150px;
  margin-left: 80px;
  overflow: hidden;
  background: #ffffff;
}

.f1_staffcontenu2 {
  margin-top: -72px;
}

.f1_staffcontenu3 {
  margin-top: -144px;
}

.f1_staff1:hover .f1_staffcontenu1, .f1_staff2:hover .f1_staffcontenu2, .f1_staff3:hover .f1_staffcontenu3 {
  width: 300px;
  border: 1px solid #6B6B6B;
}

/* FIN PAGE ACCUEIL FORME 1 */

/* MISE EN FORME DES CATEGORIES ET FORUMS AVEC LES IMAGES */

.cate_titre {
  clear: both;
  height: 100px;
  margin-top: 50px;
}

.catetitre_content {
  display: block;
  z-index: 2;
  position: absolute;
  width: 950px;
  margin-top: -40px;
  margin-right: auto;
  margin-left: auto;
  padding: 2px;
  border-bottom: 3px dotted #f0f0f0;
  text-align: center;
}

.catetitre {
  text-shadow: 1px 1px 0 #000000;
  text-transform: uppercase;
  font-family: arial;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 1px;
  color: #6b6b6b;
}

.description {
  display: block;
  width: 400px;
  height: 100px;
  margin: auto;
  border: 2px solid #9c9c9c;
  overflow: hidden;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  box-shadow: 1px 1px 1px #191817;
}

.description_contenu {
  display: block;
  position: absolute;
  width: 391px;
  height: 91px;
  padding: 5px;
  overflow: auto;
  text-align: justify;
  font-size: 10px;
  color: #9c9c9c;
  background-color: #191817;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 0;
  filter: alpha(opacity=0);
}

.description_contenu:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* -------- CATEGORIES ------ */

.lastpost-avatar img {
  width: 50px;
  height: 80px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.forumline {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-left: 8px solid #f0f0f0;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 2px 2px 2px #373737;
  -moz-box-shadow: 2px 2px 2px #373737;
  box-shadow: 2px 2px 2px #373737;
}

.table_head {
  width: 850px;
  height: 88px;
  margin: auto;
  background: url(http://img11.hostingpics.net/pics/996201categorie01.jpg) top center no-repeat;
}

.table_body {
  width: 850px;
  margin: auto;
  background: url(http://img11.hostingpics.net/pics/122807categorie02.jpg) top center repeat-y;
}

.table_foot {
  width: 850px;
  height: 129px;
  margin: auto;
  background: url(http://img11.hostingpics.net/pics/780236categorie04.jpg) bottom center no-repeat;
}

.cate {
  margin-top: -30px;
}

.titre {
  text-shadow: 1px 1px 0 #4D3009;
  font-size: 18px;
  letter-spacing: 2px;
}

.cate_body {
  width: 550px;
  margin: 4px 6px;
  padding: 10px 4px 4px 10px;
  min-height: 100px;
  border: 1px solid #f0f0f0;
  border-left-width: 8px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color: #dadada;
  -webkit-box-shadow: 2px 2px 2px #373737;
  -moz-box-shadow: 2px 2px 2px #373737;
  box-shadow: 2px 2px 2px #373737;
}

.cate_body:hover {
  border-left: 8px solid #dadada;
  background-color: #6b6b6b;
}

.forumlink {
  display: block;
  width: 300px;
  text-align: center;
}

.forumlink a {
  border-bottom: 2px solid #4D3009;
  text-decoration: none !important;
  text-shadow: 1px 1px 0 #828282;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #6b6b6b !important;
}

.forumlink a:hover {
  text-decoration: none !important;
  text-shadow: 1px 1px 0 #c7c7c7;
  font-style: italic;
  color: #c7c7c7 !important;
}

.illu_cate {
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.illu_cate:hover {
  float: left;
  margin-right: 4px;
  margin-bottom: 4px;
  opacity: 1;
  filter: alpha(opacity=100);
}

.description {
  display: block;
  text-align: justify;
  font-size: 10px;
  color: #6b6b6b;
}

.liens_sousforum a {
  font-weight: bold;
}

.liens_sousforum a:hover {
  text-decoration: none !important;
  font-weight: bold;
}

.stats_last {
  display: block;
  width: 140px;
  height: 70px;
  margin-right: 5px;
  padding: 4px;
  border: 1px solid #dadada;
  text-align: center;
  font-size: 10px;
  background-color: #6b6b6b;
  -webkit-box-shadow: 2px 2px 2px #373737;
  -moz-box-shadow: 2px 2px 2px #373737;
  box-shadow: 2px 2px 2px #373737;
}

.stats {
  display: block;
  margin-bottom: 2px;
  padding-bottom: 2px;
  border-bottom: 1px dashed #828282;
  font-size: 10px;
  font-weight: bold;
}

.last a {
  text-shadow: 1px 1px 0 #e4e4e4;
  text-transform: uppercase;
}

.last a:hover {
  text-decoration: none !important;
  color: #828282 !important;
}

table {
  margin: auto;
}

.signature_div img {
  max-width: 100%;
}

.row3Right {
  border: none !important;
}

.thHead {
  border: none !important;
}

.thCornerL, .thCornerR, .thTop {
  border: none !important;
}

.thLeft, .thRight {
  border-right: none !important;
  border-left: none !important;
}

.catLeft, .catRight {
  border: none! important;
}

.catHead {
  border: none !important;
}

.catBottom {
  border: none !important;
}

/* ------ INFOBULLE ------ */

a.info {
  z-index: 24;
  position: relative;
  text-decoration: none;
  color: #000000;
}

a.info:hover {
  z-index: 25;
  background-color: #FFFFFF;
}

a.info span {
  display: none;
}

a.info:hover span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  padding: 5px;
  border: 1px solid #000000;
  color: #000000;
  background-color: #FFFFFF;
}

/*--------- BARRE DE NAVIGATION ------- */

.navig {
  position: absolute;
  top: 0;
  width: 100%;
  border-bottom: 3px solid #000000;
  background-color: #FFFFFF;
}

/*-----------QEEL-------*/

/* QEEL ONGLETS LATERAUX HOVER */

.qeelnu31_titre {
  display: block;
  width: 800px;
  height: 100px;
  margin: auto;
  background-image: url(http://image.noelshack.com/fichiers/2013/27/1372676606-qqel.png);
}

#qeelnu31 {
  width: 800px;
  height: 200px;
  margin: 10px auto 5px;
  padding: 10px;
  border: 1px solid #6B6B6B;
  background: #FFFFFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 5px #6B6B6B;
  -moz-box-shadow: 0 0 5px #6B6B6B;
  box-shadow: 0 0 5px #6B6B6B1;
}

#qeelnu31_content {
  width: 750px;
  height: 200px;
  overflow: hidden;
}

#qeelnu31_links {
  float: left;
}

.qeelnu31_link1, .qeelnu31_link2, .qeelnu31_link3 {
  width: 150px;
  height: 48px;
  margin-bottom: 2px;
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.qeelnu31_link1 {
  background: url(http://image.noelshack.com/fichiers/2013/27/1372672686-24.png);
}

.qeelnu31_link2 {
  background: url(http://image.noelshack.com/fichiers/2013/27/1372672688-groupes.png);
}

.qeelnu31_link3 {
  background: url(http://image.noelshack.com/fichiers/2013/27/1372672681-h-b.png);
}

.qeelnu31_link1:hover, .qeelnu31_link2:hover, .qeelnu31_link3:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.qeelnu31_contenu1 {
  width: 750px;
  height: 200px;
  margin-left: 150px;
  border: 1px solid #f2eee9;
  color: #6B6B6B;
  background: #F0F0F0;
  -webkit-box-shadow: 0 0 3px #c1b1a0;
  -moz-box-shadow: 0 0 3px #c1b1a0;
  box-shadow: 0 0 3px #c1b1a0;
}

.qeelnu31_contenu2 {
  position: absolute;
  width: 0;
  height: 200px;
  margin-left: 150px;
  border: 1px solid #f2eee9;
  overflow: hidden;
  color: #6B6B6B;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #F0F0F0;
  -webkit-box-shadow: 0 0 3px #c1b1a0;
  -moz-box-shadow: 0 0 3px #c1b1a0;
  box-shadow: 0 0 3px #c1b1a0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.qeelnu31_contenu3 {
  position: absolute;
  width: 0;
  height: 200px;
  margin-top: -50px;
  margin-left: 150px;
  border: 1px solid #f2eee9;
  overflow: hidden;
  color: #6B6B6B;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #F0F0F0;
  -webkit-box-shadow: 0 0 3px #c1b1a0;
  -moz-box-shadow: 0 0 3px #c1b1a0;
  box-shadow: 0 0 3px #c1b1a0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.qeelnu31_contenu4 {
  position: absolute;
  width: 0;
  height: 200px;
  margin-top: -100px;
  margin-left: 150px;
  border: 1px solid #f2eee9;
  overflow: hidden;
  color: #6B6B6B;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #F0F0F0;
  -webkit-box-shadow: 0 0 3px #c1b1a0;
  -moz-box-shadow: 0 0 3px #c1b1a0;
  box-shadow: 0 0 3px #c1b1a0;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.qeelnu31_link1:hover .qeelnu31_contenu2, .qeelnu31_link2:hover .qeelnu31_contenu3, .qeelnu31_link3:hover .qeelnu31_contenu4 {
  width: 650px;
  height: 200px;
  overflow: auto;
  opacity: 1;
  filter: alpha(opacity=100);
}

.qeelnu31_contenu {
  display: block;
  padding: 5px;
  text-align: justify;
  font-size: 10px;
  color: #6B6B6B;
}

.qeelnu31_stats {
  text-shadow: -1px -1px 0 #6B6B6B;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
}

.usernu31_online {
  display: block;
  text-align: center;
  text-shadow: -1px -1px 0 #6B6B6B;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
}

.gr1, .gr2, .gr3, .gr4, .gr5, .gr6, .gr7, .gr8, .gr9, .gr10, .gr11 {
  text-shadow: -1px -1px 0 #6B6B6B;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}

a.gr1 {
  color: #424242 !important;
}

.gr2 {
  color: #BB76C9 !important;
}

.gr3 {
  color: #FF0505 !important;
}

.gr4 {
  color: #4BD15F !important;
}

.gr5 {
  color: #FF600A !important;
}

.gr6 {
  color: #B5B51D !important;
}

.gr7 {
  color: #20C0FA !important;
}

.gr8 {
  color: #4FB397 !important;
}

.gr_description {
  text-align: justify;
  font-size: 10px;
  line-height: 9px;
  color: #6B6B6B;
}

/* -------- TABLEAU PAGE ACCUEIL ------ */

/*TITRES*/

.titr {
  position: relative;
  right: 9px;
  margin-top: -5px;
  font-family: Cookie;
  font-size: 55px;
  line-height: 80%;
  letter-spacing: 0;
  color: #D69E48;
}

.titr2 {
  margin-top: 2px;
  text-align: center;
  font-family: "Englebert";
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0;
  color: #ffffff;
}

.titr2:hover {
  color: white;
}

/*BLOC CONTEXTE*/

.catei {
  width: 205px;
  height: 225px;
  border: 2px solid #7996A2;
  border-radius: 2px;
  background-color: #ffffff;
}

.cateititre {
  text-align: center;
  font-family: 'Redressed';
  font-size: 14px;
  color: #ffffff;
  background-color: #7996A2;
}

.catei_description {
  z-index: 1;
  position: relative;
  width: 200px;
  height: 205px;
  margin-top: 2px;
  padding: 1px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 10px;
}

/*BLOC STAFF*/

.q3 {
  width: 740px;
  height: 100px;
  border: 2px solid #7996A2;
  border-radius: 1px;
  text-align: center;
  background-color: #ffffff;
}

/*SLIDE*/

.wow {
  width: 110px;
  height: 80px;
  text-align: center;
  font-family: georgia;
  font-size: 12px;
  color: black;
  opacity: 0;
  background-color: #7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
  transition: opacity .6s linear;
}

.wow:hover {
  opacity: 1;
}

/*TOP PARTENAIRE*/

.cad {
  width: 280px;
  height: 70px;
  border: 2px solid #7996A2;
  border-radius: 2px;
  background-color: #ffffff;
}

.topS {
  font-size: 14px;
  color: #C2B496;
}

/*MEMBRE DU MOIS*/

.cadm {
  width: 280px;
  height: 140px;
  border: 2px solid #7996A2;
  border-radius: 2px;
  background-color: #ffffff;
}

/*SLIDE*/

.wow2 {
  width: 130px;
  height: 50px;
  text-align: center;
  font-family: georgia;
  font-size: 12px;
  color: black;
  opacity: 0;
  background-color: #7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
  transition: opacity .6s linear;
}

.wow2:hover {
  opacity: 1;
}

/*NEWS*/

.new {
  width: 230px;
  height: 220px;
  border: 2px solid #7996A2;
  border-radius: 2px;
  background-color: #ffffff;
}

.cred {
  width: 225px;
  height: 200px;
  padding: 1px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
}

.cate {
  width: 362px;
  height: 125px;
  border: 2px solid #7996A2;
  border-radius: 2px;
  overflow: hidden;
  background-color: #ffffff;
}

/*PV&SCENARIOS*/

.q5 {
  display: block;
  width: 735px;
  height: 70px;
  padding: 1px;
  border: 2px solid #7996A2;
  text-align: center;
  background-color: #ffffff;
}

.wow3 {
  width: 105px;
  height: 50px;
  text-align: center;
  font-family: georgia;
  font-size: 10px;
  color: black;
  opacity: 0;
  background-color: #7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
  transition: opacity .6s linear;
}

.wow3:hover {
  opacity: 1;
}

.center {
  margin-right: -7px;
}

.cellule_pv0 {
  margin-left: -345;
}

.cellule_pv1 {
  margin-left: -245;
}

/************* QEEL PAR PHANTASMAGORIA sur PRD *******/

.fond_qeel {
  width: 780px;
  background-color: #ffffff;
}

.bloc_stat1 {
  width: 250px;
  height: 130px;
  padding: 7px;
  border: 1px solid #cc9e8e;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  background-color: #ebd8d0;
}

.bloc_stat2 {
  width: 520px;
  height: 50px;
  margin-top: -2px;
  padding: 7px;
  border: 1px solid #cc9e8e;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  background-color: #ebd8d0;
}

.groupe {
  margin-top: -10px;
  text-shadow: 1px 1px 2px #fff;
  text-transform: Capitalize;
  font-family: 'Engagement',cursive;
  font-size: 18px;
}

Je ne suis pas certaine que ça corrige le problème de dépassement, mais on ne sait jamais !

Dû aux corrections, il se peut que quelques éléments apparaissent différemment (par exemple un code qui n'était pas pris en compte ou mal lu dû à une erreur et qui à présent corrigé donne un effet différent de celui voulu), si besoin vous pouvez indiquer lesquels pour qu'on modifie les codes concernés.

Il y a également beaucoup de codes qui paraissent inutiles (ou alors je n'ai peut être juste pas vu où ils étaient utilisés, mais il semble y avoir deux codes de page d'accueil, de qeel, un code pour une barre de navigation qui ne correspond pas à celle sur le forum, un ensemble de codes pour des catégories qui ne correspond pas non plus; etc), peut être qu'un tri pourrait permettre de mieux s'y retrouver.

Ce que j'ai repéré comme visiblement utile (mais j'ai peut être oublié des choses) :

Code:

/*********************************FOND DE PAGE , EN TETE ET GENERALITES */

body {
  background-position: top center;
  background-repeat: no-repeat;
}

#i_logo {
  width: 100%;
  height: 450px;
  margin-bottom: 20px;
}

#page-body {
  margin-top: 50px;
}

.forumline {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-left: 8px solid #f0f0f0;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 2px 2px 2px #373737;
  -moz-box-shadow: 2px 2px 2px #373737;
  box-shadow: 2px 2px 2px #373737;
}

/*FIN FOND DE PAGE , EN TETE ET GENERALITES*/



/************************** TABLEAU PAGE ACCUEIL *****************/

/*TITRES*/

.titr {
  position: relative;
  right: 9px;
  margin-top: -5px;
  font-family: Cookie;
  font-size: 55px;
  line-height: 80%;
  letter-spacing: 0;
  color: #D69E48;
}

.titr2 {
  margin-top: 2px;
  text-align: center;
  font-family: "Englebert";
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0;
  color: #ffffff;
}

.titr2:hover {
  color: white;
}

/*BLOC CONTEXTE*/

.catei {
  width: 205px;
  height: 225px;
  border: 2px solid #7996A2;
  border-radius: 2px;
  background-color: #ffffff;
}

.cateititre {
  text-align: center;
  font-family: 'Redressed';
  font-size: 14px;
  color: #ffffff;
  background-color: #7996A2;
}

.catei_description {
  z-index: 1;
  position: relative;
  width: 200px;
  height: 205px;
  margin-top: 2px;
  padding: 1px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 10px;
}

/*BLOC STAFF*/

.q3 {
  width: 740px;
  height: 100px;
  border: 2px solid #7996A2;
  border-radius: 1px;
  text-align: center;
  background-color: #ffffff;
}

/*SLIDE*/

.wow {
  width: 110px;
  height: 80px;
  text-align: center;
  font-family: georgia;
  font-size: 12px;
  color: black;
  opacity: 0;
  background-color: #7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
  transition: opacity .6s linear;
}

.wow:hover {
  opacity: 1;
}

/*TOP PARTENAIRE*/

.cad {
  width: 280px;
  height: 70px;
  border: 2px solid #7996A2;
  border-radius: 2px;
  background-color: #ffffff;
}

.topS {
  font-size: 14px;
  color: #C2B496;
}

/*MEMBRE DU MOIS*/

.cadm {
  width: 280px;
  height: 140px;
  border: 2px solid #7996A2;
  border-radius: 2px;
  background-color: #ffffff;
}

/*SLIDE*/

.wow2 {
  width: 130px;
  height: 50px;
  text-align: center;
  font-family: georgia;
  font-size: 12px;
  color: black;
  opacity: 0;
  background-color: #7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
  transition: opacity .6s linear;
}

.wow2:hover {
  opacity: 1;
}

/*NEWS*/

.new {
  width: 230px;
  height: 220px;
  border: 2px solid #7996A2;
  border-radius: 2px;
  background-color: #ffffff;
}

.cred {
  width: 225px;
  height: 200px;
  padding: 1px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
}

.cate {
  width: 362px;
  height: 125px;
  border: 2px solid #7996A2;
  border-radius: 2px;
  overflow: hidden;
  background-color: #ffffff;
}

/*PV&SCENARIOS*/

.q5 {
  display: block;
  width: 735px;
  height: 70px;
  padding: 1px;
  border: 2px solid #7996A2;
  text-align: center;
  background-color: #ffffff;
}

.wow3 {
  width: 105px;
  height: 50px;
  text-align: center;
  font-family: georgia;
  font-size: 10px;
  color: black;
  opacity: 0;
  background-color: #7996A2;
  -webkit-transition: opacity .6s linear;
  -moz-transition: opacity .6s linear;
  -o-transition: opacity .6s linear;
  transition: opacity .6s linear;
}

.wow3:hover {
  opacity: 1;
}

.center {
  margin-right: -7px;
}

.cellule_pv0 {
  margin-left: -345;
}

.cellule_pv1 {
  margin-left: -245;
}

/*FIN TABLEAU PAGE ACCEUIL*/


/************* QEEL PAR PHANTASMAGORIA sur PRD *******/

.fond_qeel {
  width: 780px;
  background-color: #ffffff;
}

.bloc_stat1 {
  width: 250px;
  height: 130px;
  padding: 7px;
  border: 1px solid #cc9e8e;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  background-color: #ebd8d0;
}

.bloc_stat2 {
  width: 520px;
  height: 50px;
  margin-top: -2px;
  padding: 7px;
  border: 1px solid #cc9e8e;
  overflow: auto;
  text-align: justify;
  font-size: 9px;
  background-color: #ebd8d0;
}

.groupe {
  margin-top: -10px;
  text-shadow: 1px 1px 2px #fff;
  text-transform: Capitalize;
  font-family: 'Engagement',cursive;
  font-size: 18px;
}


/************* FIN QEEL PAR PHANTASMAGORIA sur PRD *******/


/************* CATEGORIES *******************************/


.lastpost-avatar img {
  width: 50px;
  height: 80px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.forumlink {
  display: block;
  width: 300px;
  text-align: center;
}

.forumlink a {
  border-bottom: 2px solid #4D3009;
  text-decoration: none !important;
  text-shadow: 1px 1px 0 #828282;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #6b6b6b !important;
}

.forumlink a:hover {
  text-decoration: none !important;
  text-shadow: 1px 1px 0 #c7c7c7;
  font-style: italic;
  color: #c7c7c7 !important;
}

.row3Right {
  border: none !important;
}

.thHead {
  border: none !important;
}

.thCornerL, .thCornerR, .thTop {
  border: none !important;
}

.thLeft, .thRight {
  border-right: none !important;
  border-left: none !important;
}

.catLeft, .catRight {
  border: none! important;
}

.catHead {
  border: none !important;
}

.catBottom {
  border: none !important;
}


/* FIN CATEGORIES */



/************************** MESSAGES ET SIGNATURES *************/

.signature_div img {
  max-width: 100%;
}

/* FIN MESSAGES ET SIGNATURES */


/************************** INFOBULLE POSTES VACANTS **********/

.thumbnail {
  position: relative; /*pour pouvoir positionner l infobulle par rapport à l image*/
  cursor: help;
}

.thumbnail div.tstaff {
  display: none;
  z-index: 1; /*pour que l infobulle reste au dessus des images*/
  position: absolute; /*pour positionner l infobulle par rapport à l image*/
  top: 90px; /*position verticale de l infobulle*/
  left: -220px; /*position horizontale de l infobulle*/
  width: 300px; /*largeur de l infobulle*/
  height: 200px; /*hauteur de l infobulle*/
  padding: 5px; /*marge intérieure*/
  border: 2px solid rgb(159, 115, 85) ; /*bordure*/
  border-radius: 5px; /*arrondi des coins*/
  overflow: auto; /*pour la barre de défilement*/
  background: rgb(200, 174, 157) ; /*couleur de fond*/
  box-shadow: 0 0 10px black; /*effet d ombre*/
}

.thumbnail:hover .tstaff {
  display: block;
}

/* FIN INFOBULLE POSTES VACANTS */


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

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.

[Chacha]

Bonjour,

Le sujet est archivé après confirmation par MP que la demande est résolue.

Cordialement.