problème de css

[Little_dragon]

coucou voila le lien de mon forum http://blackbuttler.forum-canada.com

j' ai un probleme de css il dit le message suivant Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.
Nous vous conseillons de relire votre code.

j'ai aussi une question sur le css: j'ai essaye de trouver le code pour le queel que je viens d' installer l' endroit ou je peux change l'image en bacgroud et le personnage ? Merci

Code:

#navig
{
  width:1200px;
  margin: auto;
  text-align: center;
}
#navigation
{
  #navigation
{
  position: fixed;
z-index: 999;
}
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #cecece;
  border-bottom: 2px solid #828282;
  margin-top: -10px;
  margin-left: -10px;
  padding: 5px;


}
body {

    background-position: top center;
}
table.forumline {
    border: 1px dotted;
}
a:hover {
    text-transform: uppercase;
}
a:hover, a:link {
    text-decoration: none !important;
}
.bodylinewidth {
    width: 990px;
    margin: auto;
    margin-top: 380px;
}
a.mainmenu {
    text-decoration: none;
    color: #9A4054;
    font-size: 22px;
    font-family: Brush Script MT;
    text-shadow: 0 0 0 #B9AF96;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}
a.mainmenu:hover {
    text-decoration: none;
    color: #D4474D;
    text-shadow: 0 2px 2px #EBEAE6;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}
.bodyline {
    padding: 0;
}
.forumline {
    border-top: 5px solid #EADBDD;
    border-bottom: 5px solid #EADBDD;
}

.cate_titre {
    clear: both;
    height: 100px;
    margin-top: 50px;
}
.catetitre_bloc {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #a8a8a8;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -htm-transform: rotate(5deg);
}
.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 #191817;
}
.catetitre {
    color: #454545;
    font-family: arial;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
}
.forum_bloc {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -30px;
}
.forum {
    float: left;
    width: 460px;
    height: 250px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 50px;
}
a.forumlink {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #454545;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
}
.forum_contenu {
    position: relative;
    z-index: 1;
    width: 98%;
    height: 90%;
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -8px;
    background-color: #d9d9d9;
    border-left: 1px dotted #191817;
    border-right: 1px dotted #191817;
    border-bottom: 1px dotted #191817;
    border-top: 5px solid #191817;
}
.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: .8;
    -moz-opacity: .8;
    -khtml-opacity: .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;
}
.icone_stats {
    width: 300px;
    margin: auto;
    margin-top: -30px;
}
.stats_lastpost {
    display: block;
    width: 160px;
    height: 80px;
    margin-left: 10px;
    background-color: #c8c8c8;
    border: 1px solid #b5b5b5;
    padding: 5px;
    text-align: center;
}
.stats {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dotted #b5b5b5;
    padding-bottom: 5px;
    font-size: 10px;
    color: #8f8f8f;
}
.lastpost {
    display: block;
    font-size: 11px;
}
.sforum {
    position: relative;
    z-index: 3;
    display: block;
    height: 0;
    background: #191817;
    color: #b5b5b5;
    overflow: hidden;
    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;
}
.ouverture_sousforum {
    position: relative;
    z-index: 3;
    display: block;
    float: right;
    width: 120px;
    margin-right: 20px;
    background: #191817;
    color: #b5b5b5;
    font-size: 11px;
    text-align: center;
    padding: 4px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum {
    height: 50px;
    background: #191817;
    color: #b5b5b5;
    padding: 4px;
    overflow: auto;
    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;
}
.sous_forum a {
    color: #b5b5b5 !important;
    text-shadow: 1px 1px 0 #000;
}
.sous_forum a:hover {
    color: #fff !important;
}
a {
    color: #D6AA45;
    text-decoration: none;
}
.toolbar_avatar {
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: -10px;
}
#pa_welcome {
    font-family: Calligraffitti, cursive;
    font-size: 30px;
    word-spacing: 3px;
    color: #609AB5;
    text-shadow: #E8E8E8 1px 1px 0;
}
#pa_navigation {
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
}
.pa_td {
    vertical-align: top;
    text-align: justify;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 2px;
    margin-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
}
.pa_titre {
    color: #609AB5;
    font-family: 'Dancing Script', cursive;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #609AB5;
}
#nav_barr {
    position: fixed;
    width: 790px;
    background-color: #fff;
    border: 1px #fff solid;
    margin-left: -395px;
    left: 50%;
    opacity: .9;
    height: 25px;
}
.quote .code {
    width: 500px;
    overflow-x: auto;
}
::-webkit-scrollbar {
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
    height: 10px;
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
    border-radius: 30px;
}
#chatbox_header .cattitle strong {
    display: none;
}
#chatbox_header .cattitle:before {
    content: "Oserez-vous parler ?";
}
.selectCode {
    float: right;
    text-transform: uppercase;
    cursor: pointer;
    color: #00f;
}
.signature_div img {
    max-height: 300px;
    max-width: 500px;
}
div.infobulle {
    position: relative;
    float: left;
    color: #000;
}
div.infobulle span {
    display: none;
}
div.infobulle:hover {
    background: 0 0;
    z-index: 999;
    color: #000;
}
div.infobulle:hover span {
    display: inline;
    position: absolute;
    width: 150px;
    height: auto;
    top: 115px;
    left: 25px;
    background-color: beige;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}
a.lienpa {
    font-size: 30px;
    font-family: Impact;
    color: #000;
    letter-spacing: 2px;
}
a.lienpa:hover {
    font-size: 30px;
    font-family: impact;
    color: gray;
    letter-spacing: 2px;
}
.contourlien {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: beige;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}
.contourlien:hover {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}
.contourpa {
    border: 2px #000 solid;
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    background-color: beige;
}
.presforum {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
.presforum:hover {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
.titre {
    font-size: 30px;
    font-family: impact;
    letter-spacing: 1px;
    text-align: center;
    color: gray;
    margin-bottom: -7px;
}
.actus {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
.actus:hover {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
.partenaire {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
.partenaire:hover {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
.credits {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 10px;
    font-family: comic sans ms;
}
#tfa_cycle {
    width: 600px;
    height: 200px;
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    padding: 0;
}
.tfa_cycle_content, .tfa_cycle_content1 {
    width: 580px;
    height: 200px;
    margin: auto;
    padding: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.tfa_cycle_content {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
    border-left: 6px solid #bc0a27;
    border-right: 6px solid #78b8ca;
}
.tfa_cycle_content1 {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
    border-left: 6px solid #78b8ca;
    border-right: 6px solid #bc0a27;
}
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
    width: 580px;
    margin: 5px auto;
    padding: 0;
    color: #7fb7e5;
    text-transform: uppercase;
    text-align: center;
    font: 17px Orbitron;
    text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #42b1ff;
    text-shadow: 0 1px 0 #000;
}
.tfa_cycle_content1 h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #C00;
    text-shadow: 0 1px 0 #000;
}
.imgix {
    display: block;
    width: 96%;
    margin: auto;
    text-align: center;
}
.imgix img {
    border: 2px solid #2c587b;
}
.my_news p {
    width: 96%;
    margin: 5px auto 0;
    padding: 0;
    font: 12px Arial;
    color: #cbdeee;
}
div.bulle_msg {
    position: relative;
    cursor: pointer;
}
div.bulle_msg>div {
    display: none;
}
div.bulle_msg:hover {
    background: 0 0;
    z-index: 500;
}
div.bulle_msg:hover>div {
    display: block;
    position: absolute;
    top: 5px;
    left: 15px;
    white-space: nowrap;
    background: #7498A8;
    color: #000;
    padding: 3px;
    border: 1px dotted #000;
}
input.post, textarea.post {
    border-radius: 20px;
}
-RETRAIT : ce CSS pose de nombreux problèmes - {
    display: none;
}
#i_logo {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: -10px;
    margin-bottom: -10px;
}
.opacity img {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
}
.opacity img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.quote {
    font-family: Tahoma;
    font-size: 10px;
    color: #000;
    line-height: 105%;
    border: 1px #d1bfa5 solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    -moz-border-radius: 6px;
}
.code {
    font-family: Courier, Courier New, sans-serif;
    font-size: 11px;
    color: #000;
    border: 1 px#d1bfa5;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    -moz-border-radius: 6px;
}
input, select, textarea {
    -moz-border-radius-bottomleft: 9px;
    -moz-border-radius-bottomright: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-topright: 9px;
}
.categ {
    background-color: #dbcfbc;
    padding: 5px;
}
.categcont {
    background-color: #e0d7c9;
    padding: 5px;
    border: 1px solid #a19787;
    height: 100px;
    overflow: auto;
}
.statistiques {
    border: 0;
    background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
}
.groupes {
    -moz-border-radius: 8px;
    height: 40px;
    padding-right: 12px;
    padding-left: 14px;
    padding-bottom: 3px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none!important;
}
.qeel {
    background-image: url('IMAGE OF FOOTER');
    width: 800px;
    height: 238px;
    margin: auto;
}
.avatar_mess {
    display: block;
    width: 200px;
    height: 320px;
    margin-left: -10px;
    margin-right: 10px;
    overflow: hidden;
    background: #272726;
    border: 5px solid #3e1d19;
    -ms-transform: rotate(-5deg);
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    -htm-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    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;
}
.avatar_mess:hover {
    margin-left: 5px;
    -ms-transform: rotate(0deg);
    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;
}
.profil_mess {
    position: absolute;
    display: block;
    width: 190px;
    height: 310px;
    margin: auto;
    padding: 5px;
    overflow: auto;
    background: #fff;
    color: #c5bea0;
    font-size: 11px;
    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;
}
.profil_mess:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    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;
}
.pseudo_mess {
    display: block;
    position: relative;
    z-index: 2;
    width: 190px;
    margin-top: -15px;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    font-family: courier;
    font-weight: 700;
    text-shadow: 0 0 3px #c5bea0;
    background: #EADAC6;
    padding-top: 5px;
    border-left: 3px solid #371e1a;
    border-right: 3px solid #371e1a;
    border-top: 1px solid #371e1a;
    border-bottom: 1px solid #371e1a;
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -o-box-shadow: 0 0 3px #000;
    -htm-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
}
#nu31_accueil {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 200px;
    padding: 10px;
    background: #d2d6d6;
    border: 1px solid #efefef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -htm-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px #425e5c;
    -moz-box-shadow: 0 0 5px #425e5c;
    -o-box-shadow: 0 0 5px #425e5c;
    -htm-box-shadow: 0 0 5px #425e5c;
    -webkit-box-shadow: 0 0 5px #425e5c;
}
#nu31_content {
    width: 950px;
    height: 200px;
    overflow: hidden;
}
#nu31_links {
    float: left;
}
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
    width: 150px;
    height: 48px;
    margin-bottom: 2px;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    filter: alpha(opacity=60);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

    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;
}
.nu31_contenu1 {
    width: 800px;
    height: 200px;
    margin-left: 150px;
    background: #e8e8e8;
    border: 1px solid #cccaca;
}
.nu31_contenu2 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
.nu31_contenu3 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -50px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
.nu31_contenu4 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -100px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
.nu31_contenu5 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
    width: 800px;
    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;
}
.nu31_contenu {
    display: block;
    padding: 5px;
    color: #965423;
    font-size: 10px;
    text-align: justify;
}
#f1_accueil {
    width: 800px;
    height: 500px;
    margin: auto;
    background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
    text-shadow: none!important;
}
#f1_accueil a {
    color: #ba8550!important;
    text-shadow: none!important;
}
#f1_accueil a:hover {
    color: #e58f3a!important;
    text-shadow: none!important;
}
.f1_col1 {
    width: 300px;
    vertical-align: top;
}
.f1_contexte {
    width: 220px;
    height: 300px;
    overflow: auto;
    margin-top: 130px;
    margin-left: 65px;
    text-align: justify;
    color: #7e6144;
    text-shadow: 1px 1px 0 #fff;
}
.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: 0;
    height: 220px;
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
    font-size: 11px;
    color: #7e6144;
}
.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: 16px;
    font-weight: 700;
}
.f1_friends, .f1_news {
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: justify;
}
.f1_credits, .f1_topsites {
    height: 150px;
    border-left: 1px solid #d19962;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}
.f1_staff1, .f1_staff2, .f1_staff3 {
    display: block;
    width: 50px;
    height: 50px;
    background: url() #d19962;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid #d19962;
}
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
    position: absolute;
    width: 0;
    height: 150px;
    background: #fff;
    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 #d19962;
}
  
 /* QEEL */

.trans .row1 {
background-color: #CDCCC8;
}

.titreqeel {
  color: #2E3454;
  font-family: 'Finger Paint', cursive;
  font-size: 45px;
  text-align: center;
}

.cadreqeel {
  background-color: #CDCCC8;
  color: #5C5C5C;
  padding: 15px;
  width: 210px;
  height: 190px;
  text-align: justify;
  font-family: arial;
  font-size: 10px;
  -moz-border-radius: 310px;
  -webkit-border-radius: 310px;
  border-radius: 310px;
}

.cadreqeel1 {
  background-color: #CDCCC8;
  color: #5C5C5C;
  padding: 15px;
  width: 210px;
  height: 190px;
  text-align: justify;
  font-family: arial;
  font-size: 10px;
  -moz-border-radius: 310px;
  -webkit-border-radius: 310px;
  border-radius: 310px;
}

.cadreqeel2 {
  background-color: #CDCCC8;
  color: #5C5C5C;
  padding: 15px;
  width: 500px;
  height: 100px;
  overflow: auto;
  text-align: justify;
  font-family: arial;
  font-size: 10px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.boite10 {
  margin-left: 20px;
  margin-top: 25px;
  width: 180px;
  height: 180px;
  overflow: auto;
}

.groupes {
  font-family: 'Gabriela', serif;
  text-align: center !important;
  font-size: 20px;
}

merci pour votre aide

[Self]

Bonjour,

Le problème doit venir de ce passage :

Code:

#navigation
{
  #navigation
{
  position: fixed;
z-index: 999;
}
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #cecece;
  border-bottom: 2px solid #828282;
  margin-top: -10px;
  margin-left: -10px;
  padding: 5px;


}

Remplacez le par ceci :

Code:

#navigation{
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color: #cecece;
    border-bottom: 2px solid #828282;
    margin-top: -10px;
    margin-left: -10px;
    padding: 5px;
}

Cordialement .

EDIT: Oops, quelqu'un est déjà passé par ici   .

[bando]

Bonjour,

Le problème doit venir de ce passage :

Code:

#navigation
{
  #navigation
{
  position: fixed;
z-index: 999;
}
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #cecece;
  border-bottom: 2px solid #828282;
  margin-top: -10px;
  margin-left: -10px;
  padding: 5px;


}

Remplacez le par ceci :

Code:

#navigation{
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color: #cecece;
    border-bottom: 2px solid #828282;
    margin-top: -10px;
    margin-left: -10px;
    padding: 5px;
}

Cordialement .

EDIT: Oops, quelqu'un est déjà passé par ici   .

J'ai supprimé ma réponse qui était incomplète La tienne est la meilleure !   

[Little_dragon]

coucou j' a fais exactement ce que vous avez dit mais il me dit le meme message :S je crois que c' est parce que j' ai voulu effacer un code d'une ancienne pa mais j' ai pas tout effacer mais je ne trouve pas dans tout le code css :S je suis perdu il y a trop de code que je me sers plus pour les pa et un ancien queel je viens d' en mettre un nouveau mais je trouvais pas l'autre ayant peur d'effacer des bons codes :S

[Invité]

Bonsoir,

Il y a plusieurs autres problèmes dans votre CSS.

Notamment ici :

Code:

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

Et ici :

Code:

.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
    width: 150px;
    height: 48px;
    margin-bottom: 2px;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    filter: alpha(opacity=60);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

    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;
}

(La seconde partie n'est pas nommée.)

Cordialement.

[Self]

Re,

J'ai survolé le CSS et ai corrigé quelques erreurs comme les :

Code:

transform: all;

la valeur all n'est pas un valeur de tranform mais plutôt de transition, j'ai donc placé all dans les transitions.
Et :

Code:

-moz-border-radius-bottomleft:Xpx;
-moz-border-radius-bottomright:Xpx;

qui ne s'écrivent pas comme ça, puis j'ai placé quelques margin, padding, etc.. sur une ligne ou lieu de 2, 3, 4 et pour ce qui est de la deuxième partie dont parle Nightmare. j'ai supposé que les class à y mettre sont les mêmes qu'au dessus avec un :hover :

Code:

.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4:hover

Pouvez-vous essayer de remplacer donc votre CSS complet par ceci, voir ce que ça donne :

Code:

body{
    background-position: top center;
}

#navig{
    width:1200px;
    margin: auto;
    text-align: center;
}

#navigation{
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color: #cecece;
    border-bottom: 2px solid #828282;
    margin-top: -10px;
    margin-left: -10px;
    padding: 5px;
}

table.forumline {
    border: 1px dotted;
}

a:hover {
    text-transform: uppercase;
}

a:hover, a:link {
    text-decoration: none !important;
}
    
.bodylinewidth {
    width: 990px;
    margin: auto;
    margin-top: 380px;
}

a.mainmenu {
    text-decoration: none;
    color: #9A4054;
    font-size: 22px;
    font-family: Brush Script MT;
    text-shadow: 0 0 0 #B9AF96;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

a.mainmenu:hover {
    text-decoration: none;
    color: #D4474D;
    text-shadow: 0 2px 2px #EBEAE6;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.bodyline {
    padding: 0;
}

.forumline {
    border-top: 5px solid #EADBDD;
    border-bottom: 5px solid #EADBDD;
}

.cate_titre {
    clear: both;
    height: 100px;
    margin-top: 50px;
}
 
.catetitre_bloc {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 20px;
    margin: auto;
    background-color: #a8a8a8;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -htm-transform: rotate(5deg);
}

.catetitre_content {
    position: absolute;
    z-index: 2;
    display: block;
    width: 950px;
    margin: -40px auto 0px;
    text-align: center;
    padding: 2px;
    border-bottom: 3px dotted #191817;
}
    
.catetitre {
    color: #454545;
    font-family: arial;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
}

.forum_bloc {
    width: 950px;
    margin: -30px auto 0px;
}
    
.forum {
    float: left;
    width: 460px;
    height: 250px;
    margin-left: 0px 5px 50px;
}
    
a.forumlink {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #454545;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
}
    
.forum_contenu {
    position: relative;
    z-index: 1;
    width: 98%;
    height: 90%;
    padding: 4px;
    margin: -8px auto 0px;
    background-color: #d9d9d9;
    border: 1px dotted #191817;
    border-top: 5px solid #191817;
}
    
.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);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.description_contenu:hover {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    filter: alpha(opacity=80);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}
    
.icone_stats {
    width: 300px;
    margin: -30px auto 0px;
}
    
.stats_lastpost {
    display: block;
    width: 160px;
    height: 80px;
    margin-left: 10px;
    background-color: #c8c8c8;
    border: 1px solid #b5b5b5;
    padding: 5px;
    text-align: center;
}

.stats {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dotted #b5b5b5;
    padding-bottom: 5px;
    font-size: 10px;
    color: #8f8f8f;
}
    
.lastpost {
    display: block;
    font-size: 11px;
}
    
.sforum {
    position: relative;
    z-index: 3;
    display: block;
    height: 0;
    background: #191817;
    color: #b5b5b5;
    overflow: hidden;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.ouverture_sousforum {
    position: relative;
    z-index: 3;
    display: block;
    float: right;
    width: 120px;
    margin-right: 20px;
    background: #191817;
    color: #b5b5b5;
    font-size: 11px;
    text-align: center;
    padding: 4px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
    
.sous_forum:hover .sforum {
    height: 50px;
    background: #191817;
    color: #b5b5b5;
    padding: 4px;
    overflow: auto;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.sous_forum a {
    color: #b5b5b5 !important;
    text-shadow: 1px 1px 0 #000;
}
    
.sous_forum a:hover {
    color: #fff !important;
}

a {
    color: #D6AA45;
    text-decoration: none;
}
    
.toolbar_avatar {
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: -10px;
}
    
#pa_welcome {
    font-family: Calligraffitti, cursive;
    font-size: 30px;
    word-spacing: 3px;
    color: #609AB5;
    text-shadow: #E8E8E8 1px 1px 0;
}
    
#pa_navigation {
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
}
    
.pa_td {
    vertical-align: top;
    text-align: justify;
    margin: 2px 5px;
    padding: 2px 5px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
}
    
.pa_titre {
    color: #609AB5;
    font-family: 'Dancing Script', cursive;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #609AB5;
}
    
#nav_barr {
    position: fixed;
    width: 790px;
    background-color: #fff;
    border: 1px #fff solid;
    margin-left: -395px;
    left: 50%;
    opacity: .9;
    height: 25px;
}
    
.quote .code {
    width: 500px;
    overflow-x: auto;
}
    
::-webkit-scrollbar {
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
    height: 10px;
    width: 10px;
}
    
::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
    border-radius: 30px;
}
    
#chatbox_header .cattitle strong {
    display: none;
}
    
#chatbox_header .cattitle:before {
    content: "Oserez-vous parler ?";
}
    
.selectCode {
    float: right;
    text-transform: uppercase;
    cursor: pointer;
    color: #00f;
}
    
.signature_div img {
    max-height: 300px;
    max-width: 500px;
}
    
div.infobulle {
    position: relative;
    float: left;
    color: #000;
}
    
div.infobulle span {
    display: none;
}
    
div.infobulle:hover {
    background: 0 0;
    z-index: 999;
    color: #000;
}
    
div.infobulle:hover span {
    display: inline;
    position: absolute;
    width: 150px;
    height: auto;
    top: 115px; left: 25px;
    background-color: beige;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}
    
a.lienpa {
    font-size: 30px;
    font-family: Impact;
    color: #000;
    letter-spacing: 2px;
}
    
a.lienpa:hover {
    font-size: 30px;
    font-family: impact;
    color: gray;
    letter-spacing: 2px;
}
    
.contourlien {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: beige;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}

.contourlien:hover {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}
    
.contourpa {
    border: 2px #000 solid;
    padding: 30px 10px 10px;
    background-color: beige;
}
    
.presforum {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
    
.presforum:hover {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
    
.titre {
    font-size: 30px;
    font-family: impact;
    letter-spacing: 1px;
    text-align: center;
    color: gray;
    margin-bottom: -7px;
}
    
.actus {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
    
.actus:hover {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
    
.partenaire {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
    
.partenaire:hover {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
    
.credits {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 10px;
    font-family: comic sans ms;
}
    
#tfa_cycle {
    width: 600px;
    height: 200px;
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    padding: 0;
}
    
.tfa_cycle_content, .tfa_cycle_content1 {
    width: 580px;
    height: 200px;
    margin: auto;
    padding: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.tfa_cycle_content {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
    border-left: 6px solid #bc0a27;
    border-right: 6px solid #78b8ca;
}
    
.tfa_cycle_content1 {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
    border-left: 6px solid #78b8ca;
    border-right: 6px solid #bc0a27;
}
    
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
    width: 580px;
    margin: 5px auto;
    padding: 0;
    color: #7fb7e5;
    text-transform: uppercase;
    text-align: center;
    font: 17px Orbitron;
    text-shadow: 0 1px 0 #000;
}
    
.tfa_cycle_content h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #42b1ff;
    text-shadow: 0 1px 0 #000;
}
    
.tfa_cycle_content1 h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #C00;
    text-shadow: 0 1px 0 #000;
}
    
.imgix {
    display: block;
    width: 96%;
    margin: auto;
    text-align: center;
}
    
.imgix img {
    border: 2px solid #2c587b;
}
    
.my_news p {
    width: 96%;
    margin: 5px auto 0;
    padding: 0;
    font: 12px Arial;
    color: #cbdeee;
}
    
div.bulle_msg {
    position: relative;
    cursor: pointer;
}
    
div.bulle_msg>div {
    display: none;
}
    
div.bulle_msg:hover {
    background: 0 0;
    z-index: 500;
}

div.bulle_msg:hover>div {
    display: block;
    position: absolute;
    top: 5px;
    left: 15px;
    white-space: nowrap;
    background: #7498A8;
    color: #000;
    padding: 3px;
    border: 1px dotted #000;
}
    
input.post, textarea.post {
    border-radius: 20px;
}

#i_logo {
    margin: -10px;
}
    
.opacity img {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
}
    
.opacity img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
    
.quote {
    font-family: Tahoma;
    font-size: 10px;
    color: #000;
    line-height: 105%;
    border: 1px #d1bfa5 solid;
    -moz-border-radius: 6px;
}
    
.code {
    font-family: Courier, Courier New, sans-serif;
    font-size: 11px;
    color: #000;
    border: 1px solid #d1bfa5;
    -moz-border-radius: 6px;
}

input, select, textarea {
    -moz-border-radius:9px;
}
    
.categ {
    background-color: #dbcfbc;
    padding: 5px;
}
    
.categcont {
    background-color: #e0d7c9;
    padding: 5px;
    border: 1px solid #a19787;
    height: 100px;
    overflow: auto;
}
    
.statistiques {
    border: 0;
    background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
}

.groupes {
    -moz-border-radius: 8px;
    height: 40px;
    padding: 0px 12px 3px 14px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}
    
.qeel {
    background-image: url('IMAGE OF FOOTER');
    width: 800px;
    height: 238px;
    margin: auto;
}
    
.avatar_mess {
    display: block;
    width: 200px;
    height: 320px;
    margin-left: -10px;
    margin-right: 10px;
    overflow: hidden;
    background: #272726;
    border: 5px solid #3e1d19;
    -ms-transform: rotate(-5deg);
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    -htm-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.avatar_mess:hover {
    margin-left: 5px;
    -ms-transform: rotate(0deg);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.profil_mess {
    position: absolute;
    display: block;
    width: 190px;
    height: 310px;
    margin: auto;
    padding: 5px;
    overflow: auto;
    background: #fff;
    color: #c5bea0;
    font-size: 11px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.profil_mess:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.pseudo_mess {
    display: block;
    position: relative;
    z-index: 2;
    width: 190px;
    margin-top: -15px;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    font-family: courier;
    font-weight: 700;
    text-shadow: 0 0 3px #c5bea0;
    background: #EADAC6;
    padding-top: 5px;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #371e1a;
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -o-box-shadow: 0 0 3px #000;
    -htm-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
}
    
#nu31_accueil {
    width: 950px;
    margin: 10px auto 5px;
    height: 200px;
    padding: 10px;
    background: #d2d6d6;
    border: 1px solid #efefef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -htm-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px #425e5c;
    -moz-box-shadow: 0 0 5px #425e5c;
    -o-box-shadow: 0 0 5px #425e5c;
    -htm-box-shadow: 0 0 5px #425e5c;
    -webkit-box-shadow: 0 0 5px #425e5c;
}
    
#nu31_content {
    width: 950px;
    height: 200px;
    overflow: hidden;
}
    
#nu31_links {
    float: left;
}
    
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
    width: 150px;
    height: 48px;
    margin-bottom: 2px;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    filter: alpha(opacity=60);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4: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;
}

.nu31_contenu1 {
    width: 800px;
    height: 200px;
    margin-left: 150px;
    background: #e8e8e8;
    border: 1px solid #cccaca;
}

.nu31_contenu2 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_contenu3 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -50px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
 
.nu31_contenu4 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -100px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
    
.nu31_contenu5 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
    width: 800px;
    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;
}

.nu31_contenu {
    display: block;
    padding: 5px;
    color: #965423;
    font-size: 10px;
    text-align: justify;
}
    
#f1_accueil {
    width: 800px;
    height: 500px;
    margin: auto;
    background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
    text-shadow: none!important;
}
    
#f1_accueil a {
    color: #ba8550!important;
    text-shadow: none!important;
}
    
#f1_accueil a:hover {
    color: #e58f3a!important;
    text-shadow: none!important;
}
    
.f1_col1 {
    width: 300px;
    vertical-align: top;
}
    
.f1_contexte {
    width: 220px;
    height: 300px;
    overflow: auto;
    margin-top: 130px;
    margin-left: 65px;
    text-align: justify;
    color: #7e6144;
    text-shadow: 1px 1px 0 #fff;
}
    
.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: 0;
    height: 220px;
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
    font-size: 11px;
    color: #7e6144;
}
 
.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: 16px;
    font-weight: 700;
}
    
.f1_friends, .f1_news {
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: justify;
}
    
.f1_credits, .f1_topsites {
    height: 150px;
    border-left: 1px solid #d19962;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}
    
.f1_staff1, .f1_staff2, .f1_staff3 {
    display: block;
    width: 50px;
    height: 50px;
    background: url() #d19962;
    margin: 20px 0;
    border: 1px solid #d19962;
}
    
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
    position: absolute;
    width: 0;
    height: 150px;
    background: #fff;
    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 #d19962;
}
      
/* QEEL */

.trans .row1 {
    background-color: #CDCCC8;
}

.titreqeel {
    color: #2E3454;
    font-family: 'Finger Paint', cursive;
    font-size: 45px;
    text-align: center;
}

.cadreqeel {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel1 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel2 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 500px;
    height: 100px;
    overflow: auto;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.boite10 {
    margin-left: 20px;
    margin-top: 25px;
    width: 180px;
    height: 180px;
    overflow: auto;
}

.groupes {
    font-family: 'Gabriela', serif;
    text-align: center !important;
    font-size: 20px;
}

[Little_dragon]

salut le code fonctionne a merveille par contre une petite chose ma barre de navigation n' est pas fixe en haut de la banniere ? et je voudrais savoir comment je peux aussi changer la grosseur de la taille des mots et de la couleur ? Merci beaucoup

[Self]

Re,

pour la position de la barre changer la position fixed de ce passage :

Code:

#navigation{
    position: fixed;
    z-index: 999;
    width: 100%;
    background-color: #cecece;
    border-bottom: 2px solid #828282;
    margin-top: -10px;
    margin-left: -10px;
    padding: 5px;
}

Par :

Code:

position: absolute;

Pour le reste vous parlez du texte de cette barre de navigation ?

[Little_dragon]

oui le texte car il est gros je trouve et pas de la bonne couleur ! Merci :)je vais rajoutez sa

j' ai remarque quelques choses a propos du forum qui a change apres le nouveau code css mes titres de categories on changee de taille et mes colones de deux son rendu coller alors qu' ils sont supposer etre separer .. je ne sais pas pourquoi? merci

[Self]

Pour la taille et la couleur du texte  il faut ajouter deux lignes toujours dans le même bloc :

Code:

font-size: 16px;
color:#000;

Le font-size correspond à la taille du texte, il suffit de changer les chiffres de la valeur pour le configurer plus gros ou plus petit .
Puis pour la couleur changer #000 (couleur noir) il faut changer le code(hexadécimal) par celui de la couleur que vous désirez, vous avez une liste des codes couleur ici : http://fr.wikipedia.org/wiki/Liste_de_couleurs#Liste

Cordialement .

[Little_dragon]

coucou je sais que je suis fatiguante mais le forum a un probleme dans mes categories tout est decaler et les colonnes sont coller doivent etre separer je ne comprends pas pourquoi ils sont coller maintenant et j' ai change la taille pour le code que tu m as donnee rien ne change c' est normal ?

http://blackbuttler.forum-canada.com

merci beaucoup pour ton aide...

[Self]

Re,

Vous n'êtes pas fatiguante , pour le problème des catégories essayez ceci :

Code:

.cate_titre{
    padding-top:50px;
}

Puis pour le texte de la barre essayez plutôt ceci alors :

Code:

#navig a.mainmenu{
    font-size: 16px;
    color:#000;
}

[Little_dragon]

coucou pour la navigation tout est parfait mais pour les categories il y a un probleme encore et pour les titre de categorie elle ont une petite taille elle etait plus grosse avant. voila merci pour votre precieuse aide

[Self]

Bonjour,

Je ne vois pas le code que je vous ai donné pour les catégories :

Code:

.cate_titre{
    padding-top:50px;
 }

Pour la taille je n'ai pas bien compris mais vous pouvez essayer ça :

Code:

.forum{
    height:300px;
}

[Little_dragon]

salut avec ces deux  codes je ne vois pas de changement je vous remonte le css

Code:

.cate_titre{
    padding-top:50px;
 }

.forum{
    height:200px;
}
#PanAccueil {
  width: 800px;
  height: 500px;
  margin: auto;
  background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
}
 
#btNews {
 position: absolute;
 margin-top: 100px;
 margin-left: 130px;
  width: 80px;
  height: 45px;
}
 
#btStaff {
 position: absolute;
 margin-top: 195px;
 margin-left: 475px;
  width: 120px;
  height: 45px;
}
#btAmis {
 position: absolute;
 margin-top: 195px;
 margin-left: 640px;
  width: 110px;
  height: 45px;
}
 
.news, .staff, .amis {
  display: none;
}
 
.marquee {
  height: 84px;
}
 
.partenaires {
  margin: 5px 0 10px;
}body{
    background-position: top center;
}

#navig a.mainmenu{
    font-size: 16px;
    color:#000;
}
#navig{
    width:1200px;
    margin: auto;
    text-align: center;
}

#navigation{
    position: absolute;
    z-index: 999;
    width: 100%;
    background-color: #cecece;
    border-bottom: 2px solid #828282;
    margin-top: -10px;
    margin-left: -10px;
    padding: 5px;
}

table.forumline {
    border: 1px dotted;
}

a:hover {
    text-transform: uppercase;
}

a:hover, a:link {
    text-decoration: none !important;
}
    
.bodylinewidth {
    width: 990px;
    margin: auto;
    margin-top: 380px;
}

a.mainmenu {
    text-decoration: none;
    color: #9A4054;
    font-size: 22px;
    font-family: Brush Script MT;
    text-shadow: 0 0 0 #B9AF96;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

a.mainmenu:hover {
    text-decoration: none;
    color: #D4474D;
    text-shadow: 0 2px 2px #EBEAE6;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.bodyline {
    padding: 0;
}

.forumline {
    border-top: 5px solid #EADBDD;
    border-bottom: 5px solid #EADBDD;
}

.cate_titre {
    clear: both;
    height: 100px;
    margin-top: 50px;
}
 
.catetitre_bloc {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 20px;
    margin: auto;
    background-color: #a8a8a8;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -htm-transform: rotate(5deg);
}

.catetitre_content {
    position: absolute;
    z-index: 2;
    display: block;
    width: 950px;
    margin: -40px auto 0px;
    text-align: center;
    padding: 2px;
    border-bottom: 3px dotted #191817;
}
    
.catetitre {
    color: #454545;
    font-family: arial;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
}

.forum_bloc {
    width: 950px;
    margin: -30px auto 0px;
}
    
.forum {
    float: left;
    width: 460px;
    height: 250px;
    margin-left: 0px 5px 50px;
}
    
a.forumlink {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #454545;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
}
    
.forum_contenu {
    position: relative;
    z-index: 1;
    width: 98%;
    height: 90%;
    padding: 4px;
    margin: -8px auto 0px;
    background-color: #d9d9d9;
    border: 1px dotted #191817;
    border-top: 5px solid #191817;
}
    
.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);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.description_contenu:hover {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    filter: alpha(opacity=80);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}
    
.icone_stats {
    width: 300px;
    margin: -30px auto 0px;
}
    
.stats_lastpost {
    display: block;
    width: 160px;
    height: 80px;
    margin-left: 10px;
    background-color: #c8c8c8;
    border: 1px solid #b5b5b5;
    padding: 5px;
    text-align: center;
}

.stats {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dotted #b5b5b5;
    padding-bottom: 5px;
    font-size: 10px;
    color: #8f8f8f;
}
    
.lastpost {
    display: block;
    font-size: 11px;
}
    
.sforum {
    position: relative;
    z-index: 3;
    display: block;
    height: 0;
    background: #191817;
    color: #b5b5b5;
    overflow: hidden;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.ouverture_sousforum {
    position: relative;
    z-index: 3;
    display: block;
    float: right;
    width: 120px;
    margin-right: 20px;
    background: #191817;
    color: #b5b5b5;
    font-size: 11px;
    text-align: center;
    padding: 4px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
    
.sous_forum:hover .sforum {
    height: 50px;
    background: #191817;
    color: #b5b5b5;
    padding: 4px;
    overflow: auto;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.sous_forum a {
    color: #b5b5b5 !important;
    text-shadow: 1px 1px 0 #000;
}
    
.sous_forum a:hover {
    color: #fff !important;
}

a {
    color: #D6AA45;
    text-decoration: none;
}
    
.toolbar_avatar {
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: -10px;
}
    
#pa_welcome {
    font-family: Calligraffitti, cursive;
    font-size: 30px;
    word-spacing: 3px;
    color: #609AB5;
    text-shadow: #E8E8E8 1px 1px 0;
}
    
#pa_navigation {
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
}
    
.pa_td {
    vertical-align: top;
    text-align: justify;
    margin: 2px 5px;
    padding: 2px 5px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
}
    
.pa_titre {
    color: #609AB5;
    font-family: 'Dancing Script', cursive;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #609AB5;
}
    
#nav_barr {
    position: fixed;
    width: 790px;
    background-color: #fff;
    border: 1px #fff solid;
    margin-left: -395px;
    left: 50%;
    opacity: .9;
    height: 25px;
}
    
.quote .code {
    width: 500px;
    overflow-x: auto;
}
    
::-webkit-scrollbar {
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
    height: 10px;
    width: 10px;
}
    
::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
    border-radius: 30px;
}
    
#chatbox_header .cattitle strong {
    display: none;
}
    
#chatbox_header .cattitle:before {
    content: "Oserez-vous parler ?";
}
    
.selectCode {
    float: right;
    text-transform: uppercase;
    cursor: pointer;
    color: #00f;
}
    
.signature_div img {
    max-height: 300px;
    max-width: 500px;
}
    
div.infobulle {
    position: relative;
    float: left;
    color: #000;
}
    
div.infobulle span {
    display: none;
}
    
div.infobulle:hover {
    background: 0 0;
    z-index: 999;
    color: #000;
}
    
div.infobulle:hover span {
    display: inline;
    position: absolute;
    width: 150px;
    height: auto;
    top: 115px; left: 25px;
    background-color: beige;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}
    
a.lienpa {
    font-size: 30px;
    font-family: Impact;
    color: #000;
    letter-spacing: 2px;
}
    
a.lienpa:hover {
    font-size: 30px;
    font-family: impact;
    color: gray;
    letter-spacing: 2px;
}
    
.contourlien {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: beige;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}

.contourlien:hover {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}
    
.contourpa {
    border: 2px #000 solid;
    padding: 30px 10px 10px;
    background-color: beige;
}
    
.presforum {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
    
.presforum:hover {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
    
.titre {
    font-size: 30px;
    font-family: impact;
    letter-spacing: 1px;
    text-align: center;
    color: gray;
    margin-bottom: -7px;
}
    
.actus {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
    
.actus:hover {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
    
.partenaire {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
    
.partenaire:hover {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
    
.credits {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 10px;
    font-family: comic sans ms;
}
    
#tfa_cycle {
    width: 600px;
    height: 200px;
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    padding: 0;
}
    
.tfa_cycle_content, .tfa_cycle_content1 {
    width: 580px;
    height: 200px;
    margin: auto;
    padding: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.tfa_cycle_content {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
    border-left: 6px solid #bc0a27;
    border-right: 6px solid #78b8ca;
}
    
.tfa_cycle_content1 {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
    border-left: 6px solid #78b8ca;
    border-right: 6px solid #bc0a27;
}
    
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
    width: 580px;
    margin: 5px auto;
    padding: 0;
    color: #7fb7e5;
    text-transform: uppercase;
    text-align: center;
    font: 17px Orbitron;
    text-shadow: 0 1px 0 #000;
}
    
.tfa_cycle_content h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #42b1ff;
    text-shadow: 0 1px 0 #000;
}
    
.tfa_cycle_content1 h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #C00;
    text-shadow: 0 1px 0 #000;
}
    
.imgix {
    display: block;
    width: 96%;
    margin: auto;
    text-align: center;
}
    
.imgix img {
    border: 2px solid #2c587b;
}
    
.my_news p {
    width: 96%;
    margin: 5px auto 0;
    padding: 0;
    font: 12px Arial;
    color: #cbdeee;
}
    
div.bulle_msg {
    position: relative;
    cursor: pointer;
}
    
div.bulle_msg>div {
    display: none;
}
    
div.bulle_msg:hover {
    background: 0 0;
    z-index: 500;
}

div.bulle_msg:hover>div {
    display: block;
    position: absolute;
    top: 5px;
    left: 15px;
    white-space: nowrap;
    background: #7498A8;
    color: #000;
    padding: 3px;
    border: 1px dotted #000;
}
    
input.post, textarea.post {
    border-radius: 20px;
}

#i_logo {
    margin: -10px;
}
    
.opacity img {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
}
    
.opacity img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
    
.quote {
    font-family: Tahoma;
    font-size: 10px;
    color: #000;
    line-height: 105%;
    border: 1px #d1bfa5 solid;
    -moz-border-radius: 6px;
}
    
.code {
    font-family: Courier, Courier New, sans-serif;
    font-size: 11px;
    color: #000;
    border: 1px solid #d1bfa5;
    -moz-border-radius: 6px;
}

input, select, textarea {
    -moz-border-radius:9px;
}
    
.categ {
    background-color: #dbcfbc;
    padding: 5px;
}
    
.categcont {
    background-color: #e0d7c9;
    padding: 5px;
    border: 1px solid #a19787;
    height: 100px;
    overflow: auto;
}
    
.statistiques {
    border: 0;
    background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
}

.groupes {
    -moz-border-radius: 8px;
    height: 40px;
    padding: 0px 12px 3px 14px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}
    
.qeel {
    background-image: url('IMAGE OF FOOTER');
    width: 800px;
    height: 238px;
    margin: auto;
}
    
.avatar_mess {
    display: block;
    width: 200px;
    height: 320px;
    margin-left: -10px;
    margin-right: 10px;
    overflow: hidden;
    background: #272726;
    border: 5px solid #3e1d19;
    -ms-transform: rotate(-5deg);
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    -htm-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.avatar_mess:hover {
    margin-left: 5px;
    -ms-transform: rotate(0deg);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.profil_mess {
    position: absolute;
    display: block;
    width: 190px;
    height: 310px;
    margin: auto;
    padding: 5px;
    overflow: auto;
    background: #fff;
    color: #c5bea0;
    font-size: 11px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.profil_mess:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.pseudo_mess {
    display: block;
    position: relative;
    z-index: 2;
    width: 190px;
    margin-top: -15px;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    font-family: courier;
    font-weight: 700;
    text-shadow: 0 0 3px #c5bea0;
    background: #EADAC6;
    padding-top: 5px;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #371e1a;
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -o-box-shadow: 0 0 3px #000;
    -htm-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
}
    
#nu31_accueil {
    width: 950px;
    margin: 10px auto 5px;
    height: 200px;
    padding: 10px;
    background: #d2d6d6;
    border: 1px solid #efefef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -htm-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px #425e5c;
    -moz-box-shadow: 0 0 5px #425e5c;
    -o-box-shadow: 0 0 5px #425e5c;
    -htm-box-shadow: 0 0 5px #425e5c;
    -webkit-box-shadow: 0 0 5px #425e5c;
}
    
#nu31_content {
    width: 950px;
    height: 200px;
    overflow: hidden;
}
    
#nu31_links {
    float: left;
}
    
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
    width: 150px;
    height: 48px;
    margin-bottom: 2px;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    filter: alpha(opacity=60);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4: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;
}

.nu31_contenu1 {
    width: 800px;
    height: 200px;
    margin-left: 150px;
    background: #e8e8e8;
    border: 1px solid #cccaca;
}

.nu31_contenu2 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_contenu3 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -50px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
 
.nu31_contenu4 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -100px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
    
.nu31_contenu5 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
    width: 800px;
    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;
}

.nu31_contenu {
    display: block;
    padding: 5px;
    color: #965423;
    font-size: 10px;
    text-align: justify;
}
    
#f1_accueil {
    width: 800px;
    height: 500px;
    margin: auto;
    background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
    text-shadow: none!important;
}
    
#f1_accueil a {
    color: #ba8550!important;
    text-shadow: none!important;
}
    
#f1_accueil a:hover {
    color: #e58f3a!important;
    text-shadow: none!important;
}
    
.f1_col1 {
    width: 300px;
    vertical-align: top;
}
    
.f1_contexte {
    width: 220px;
    height: 300px;
    overflow: auto;
    margin-top: 130px;
    margin-left: 65px;
    text-align: justify;
    color: #7e6144;
    text-shadow: 1px 1px 0 #fff;
}
    
.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: 0;
    height: 220px;
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
    font-size: 11px;
    color: #7e6144;
}
 
.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: 16px;
    font-weight: 700;
}
    
.f1_friends, .f1_news {
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: justify;
}
    
.f1_credits, .f1_topsites {
    height: 150px;
    border-left: 1px solid #d19962;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}
    
.f1_staff1, .f1_staff2, .f1_staff3 {
    display: block;
    width: 50px;
    height: 50px;
    background: url() #d19962;
    margin: 20px 0;
    border: 1px solid #d19962;
}
    
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
    position: absolute;
    width: 0;
    height: 150px;
    background: #fff;
    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 #d19962;
}
      
/* QEEL */

.trans .row1 {
    background-color: #CDCCC8;
}

.titreqeel {
    color: #2E3454;
    font-family: 'Finger Paint', cursive;
    font-size: 45px;
    text-align: center;
}

.cadreqeel {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel1 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel2 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 500px;
    height: 100px;
    overflow: auto;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.boite10 {
    margin-left: 20px;
    margin-top: 25px;
    width: 180px;
    height: 180px;
    overflow: auto;
}

.groupes {
    font-family: 'Gabriela', serif;
    text-align: center !important;
    font-size: 20px;
}

edit : desoler sa fait un double poste sans le vouloir

[Little_dragon]

salut avec ces deux  codes je ne vois pas de changement je vous remonte le css

Code:

.cate_titre{
    padding-top:50px;
 }

.forum{
    height:200px;
}
#PanAccueil {
  width: 800px;
  height: 500px;
  margin: auto;
  background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
}
 
#btNews {
 position: absolute;
 margin-top: 100px;
 margin-left: 130px;
  width: 80px;
  height: 45px;
}
 
#btStaff {
 position: absolute;
 margin-top: 195px;
 margin-left: 475px;
  width: 120px;
  height: 45px;
}
#btAmis {
 position: absolute;
 margin-top: 195px;
 margin-left: 640px;
  width: 110px;
  height: 45px;
}
 
.news, .staff, .amis {
  display: none;
}
 
.marquee {
  height: 84px;
}
 
.partenaires {
  margin: 5px 0 10px;
}body{
    background-position: top center;
}

#navig a.mainmenu{
    font-size: 16px;
    color:#000;
}
#navig{
    width:1200px;
    margin: auto;
    text-align: center;
}

#navigation{
    position: absolute;
    z-index: 999;
    width: 100%;
    background-color: #cecece;
    border-bottom: 2px solid #828282;
    margin-top: -10px;
    margin-left: -10px;
    padding: 5px;
}

table.forumline {
    border: 1px dotted;
}

a:hover {
    text-transform: uppercase;
}

a:hover, a:link {
    text-decoration: none !important;
}
    
.bodylinewidth {
    width: 990px;
    margin: auto;
    margin-top: 380px;
}

a.mainmenu {
    text-decoration: none;
    color: #9A4054;
    font-size: 22px;
    font-family: Brush Script MT;
    text-shadow: 0 0 0 #B9AF96;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

a.mainmenu:hover {
    text-decoration: none;
    color: #D4474D;
    text-shadow: 0 2px 2px #EBEAE6;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.bodyline {
    padding: 0;
}

.forumline {
    border-top: 5px solid #EADBDD;
    border-bottom: 5px solid #EADBDD;
}

.cate_titre {
    clear: both;
    height: 100px;
    margin-top: 50px;
}
 
.catetitre_bloc {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 20px;
    margin: auto;
    background-color: #a8a8a8;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -htm-transform: rotate(5deg);
}

.catetitre_content {
    position: absolute;
    z-index: 2;
    display: block;
    width: 950px;
    margin: -40px auto 0px;
    text-align: center;
    padding: 2px;
    border-bottom: 3px dotted #191817;
}
    
.catetitre {
    color: #454545;
    font-family: arial;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
}

.forum_bloc {
    width: 950px;
    margin: -30px auto 0px;
}
    
.forum {
    float: left;
    width: 460px;
    height: 250px;
    margin-left: 0px 5px 50px;
}
    
a.forumlink {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #454545;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
}
    
.forum_contenu {
    position: relative;
    z-index: 1;
    width: 98%;
    height: 90%;
    padding: 4px;
    margin: -8px auto 0px;
    background-color: #d9d9d9;
    border: 1px dotted #191817;
    border-top: 5px solid #191817;
}
    
.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);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.description_contenu:hover {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    filter: alpha(opacity=80);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}
    
.icone_stats {
    width: 300px;
    margin: -30px auto 0px;
}
    
.stats_lastpost {
    display: block;
    width: 160px;
    height: 80px;
    margin-left: 10px;
    background-color: #c8c8c8;
    border: 1px solid #b5b5b5;
    padding: 5px;
    text-align: center;
}

.stats {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dotted #b5b5b5;
    padding-bottom: 5px;
    font-size: 10px;
    color: #8f8f8f;
}
    
.lastpost {
    display: block;
    font-size: 11px;
}
    
.sforum {
    position: relative;
    z-index: 3;
    display: block;
    height: 0;
    background: #191817;
    color: #b5b5b5;
    overflow: hidden;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.ouverture_sousforum {
    position: relative;
    z-index: 3;
    display: block;
    float: right;
    width: 120px;
    margin-right: 20px;
    background: #191817;
    color: #b5b5b5;
    font-size: 11px;
    text-align: center;
    padding: 4px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
    
.sous_forum:hover .sforum {
    height: 50px;
    background: #191817;
    color: #b5b5b5;
    padding: 4px;
    overflow: auto;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.sous_forum a {
    color: #b5b5b5 !important;
    text-shadow: 1px 1px 0 #000;
}
    
.sous_forum a:hover {
    color: #fff !important;
}

a {
    color: #D6AA45;
    text-decoration: none;
}
    
.toolbar_avatar {
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: -10px;
}
    
#pa_welcome {
    font-family: Calligraffitti, cursive;
    font-size: 30px;
    word-spacing: 3px;
    color: #609AB5;
    text-shadow: #E8E8E8 1px 1px 0;
}
    
#pa_navigation {
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
}
    
.pa_td {
    vertical-align: top;
    text-align: justify;
    margin: 2px 5px;
    padding: 2px 5px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
}
    
.pa_titre {
    color: #609AB5;
    font-family: 'Dancing Script', cursive;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #609AB5;
}
    
#nav_barr {
    position: fixed;
    width: 790px;
    background-color: #fff;
    border: 1px #fff solid;
    margin-left: -395px;
    left: 50%;
    opacity: .9;
    height: 25px;
}
    
.quote .code {
    width: 500px;
    overflow-x: auto;
}
    
::-webkit-scrollbar {
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
    height: 10px;
    width: 10px;
}
    
::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
    border-radius: 30px;
}
    
#chatbox_header .cattitle strong {
    display: none;
}
    
#chatbox_header .cattitle:before {
    content: "Oserez-vous parler ?";
}
    
.selectCode {
    float: right;
    text-transform: uppercase;
    cursor: pointer;
    color: #00f;
}
    
.signature_div img {
    max-height: 300px;
    max-width: 500px;
}
    
div.infobulle {
    position: relative;
    float: left;
    color: #000;
}
    
div.infobulle span {
    display: none;
}
    
div.infobulle:hover {
    background: 0 0;
    z-index: 999;
    color: #000;
}
    
div.infobulle:hover span {
    display: inline;
    position: absolute;
    width: 150px;
    height: auto;
    top: 115px; left: 25px;
    background-color: beige;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}
    
a.lienpa {
    font-size: 30px;
    font-family: Impact;
    color: #000;
    letter-spacing: 2px;
}
    
a.lienpa:hover {
    font-size: 30px;
    font-family: impact;
    color: gray;
    letter-spacing: 2px;
}
    
.contourlien {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: beige;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}

.contourlien:hover {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}
    
.contourpa {
    border: 2px #000 solid;
    padding: 30px 10px 10px;
    background-color: beige;
}
    
.presforum {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
    
.presforum:hover {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
    
.titre {
    font-size: 30px;
    font-family: impact;
    letter-spacing: 1px;
    text-align: center;
    color: gray;
    margin-bottom: -7px;
}
    
.actus {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
    
.actus:hover {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
    
.partenaire {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
    
.partenaire:hover {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
    
.credits {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 10px;
    font-family: comic sans ms;
}
    
#tfa_cycle {
    width: 600px;
    height: 200px;
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    padding: 0;
}
    
.tfa_cycle_content, .tfa_cycle_content1 {
    width: 580px;
    height: 200px;
    margin: auto;
    padding: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.tfa_cycle_content {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
    border-left: 6px solid #bc0a27;
    border-right: 6px solid #78b8ca;
}
    
.tfa_cycle_content1 {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
    border-left: 6px solid #78b8ca;
    border-right: 6px solid #bc0a27;
}
    
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
    width: 580px;
    margin: 5px auto;
    padding: 0;
    color: #7fb7e5;
    text-transform: uppercase;
    text-align: center;
    font: 17px Orbitron;
    text-shadow: 0 1px 0 #000;
}
    
.tfa_cycle_content h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #42b1ff;
    text-shadow: 0 1px 0 #000;
}
    
.tfa_cycle_content1 h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #C00;
    text-shadow: 0 1px 0 #000;
}
    
.imgix {
    display: block;
    width: 96%;
    margin: auto;
    text-align: center;
}
    
.imgix img {
    border: 2px solid #2c587b;
}
    
.my_news p {
    width: 96%;
    margin: 5px auto 0;
    padding: 0;
    font: 12px Arial;
    color: #cbdeee;
}
    
div.bulle_msg {
    position: relative;
    cursor: pointer;
}
    
div.bulle_msg>div {
    display: none;
}
    
div.bulle_msg:hover {
    background: 0 0;
    z-index: 500;
}

div.bulle_msg:hover>div {
    display: block;
    position: absolute;
    top: 5px;
    left: 15px;
    white-space: nowrap;
    background: #7498A8;
    color: #000;
    padding: 3px;
    border: 1px dotted #000;
}
    
input.post, textarea.post {
    border-radius: 20px;
}

#i_logo {
    margin: -10px;
}
    
.opacity img {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
}
    
.opacity img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
    
.quote {
    font-family: Tahoma;
    font-size: 10px;
    color: #000;
    line-height: 105%;
    border: 1px #d1bfa5 solid;
    -moz-border-radius: 6px;
}
    
.code {
    font-family: Courier, Courier New, sans-serif;
    font-size: 11px;
    color: #000;
    border: 1px solid #d1bfa5;
    -moz-border-radius: 6px;
}

input, select, textarea {
    -moz-border-radius:9px;
}
    
.categ {
    background-color: #dbcfbc;
    padding: 5px;
}
    
.categcont {
    background-color: #e0d7c9;
    padding: 5px;
    border: 1px solid #a19787;
    height: 100px;
    overflow: auto;
}
    
.statistiques {
    border: 0;
    background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
}

.groupes {
    -moz-border-radius: 8px;
    height: 40px;
    padding: 0px 12px 3px 14px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}
    
.qeel {
    background-image: url('IMAGE OF FOOTER');
    width: 800px;
    height: 238px;
    margin: auto;
}
    
.avatar_mess {
    display: block;
    width: 200px;
    height: 320px;
    margin-left: -10px;
    margin-right: 10px;
    overflow: hidden;
    background: #272726;
    border: 5px solid #3e1d19;
    -ms-transform: rotate(-5deg);
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    -htm-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.avatar_mess:hover {
    margin-left: 5px;
    -ms-transform: rotate(0deg);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.profil_mess {
    position: absolute;
    display: block;
    width: 190px;
    height: 310px;
    margin: auto;
    padding: 5px;
    overflow: auto;
    background: #fff;
    color: #c5bea0;
    font-size: 11px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.profil_mess:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
    
.pseudo_mess {
    display: block;
    position: relative;
    z-index: 2;
    width: 190px;
    margin-top: -15px;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    font-family: courier;
    font-weight: 700;
    text-shadow: 0 0 3px #c5bea0;
    background: #EADAC6;
    padding-top: 5px;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #371e1a;
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -o-box-shadow: 0 0 3px #000;
    -htm-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
}
    
#nu31_accueil {
    width: 950px;
    margin: 10px auto 5px;
    height: 200px;
    padding: 10px;
    background: #d2d6d6;
    border: 1px solid #efefef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -htm-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px #425e5c;
    -moz-box-shadow: 0 0 5px #425e5c;
    -o-box-shadow: 0 0 5px #425e5c;
    -htm-box-shadow: 0 0 5px #425e5c;
    -webkit-box-shadow: 0 0 5px #425e5c;
}
    
#nu31_content {
    width: 950px;
    height: 200px;
    overflow: hidden;
}
    
#nu31_links {
    float: left;
}
    
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
    width: 150px;
    height: 48px;
    margin-bottom: 2px;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    filter: alpha(opacity=60);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4: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;
}

.nu31_contenu1 {
    width: 800px;
    height: 200px;
    margin-left: 150px;
    background: #e8e8e8;
    border: 1px solid #cccaca;
}

.nu31_contenu2 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_contenu3 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -50px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
 
.nu31_contenu4 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -100px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
    
.nu31_contenu5 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
    width: 800px;
    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;
}

.nu31_contenu {
    display: block;
    padding: 5px;
    color: #965423;
    font-size: 10px;
    text-align: justify;
}
    
#f1_accueil {
    width: 800px;
    height: 500px;
    margin: auto;
    background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
    text-shadow: none!important;
}
    
#f1_accueil a {
    color: #ba8550!important;
    text-shadow: none!important;
}
    
#f1_accueil a:hover {
    color: #e58f3a!important;
    text-shadow: none!important;
}
    
.f1_col1 {
    width: 300px;
    vertical-align: top;
}
    
.f1_contexte {
    width: 220px;
    height: 300px;
    overflow: auto;
    margin-top: 130px;
    margin-left: 65px;
    text-align: justify;
    color: #7e6144;
    text-shadow: 1px 1px 0 #fff;
}
    
.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: 0;
    height: 220px;
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
    font-size: 11px;
    color: #7e6144;
}
 
.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: 16px;
    font-weight: 700;
}
    
.f1_friends, .f1_news {
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: justify;
}
    
.f1_credits, .f1_topsites {
    height: 150px;
    border-left: 1px solid #d19962;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}
    
.f1_staff1, .f1_staff2, .f1_staff3 {
    display: block;
    width: 50px;
    height: 50px;
    background: url() #d19962;
    margin: 20px 0;
    border: 1px solid #d19962;
}
    
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
    position: absolute;
    width: 0;
    height: 150px;
    background: #fff;
    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 #d19962;
}
      
/* QEEL */

.trans .row1 {
    background-color: #CDCCC8;
}

.titreqeel {
    color: #2E3454;
    font-family: 'Finger Paint', cursive;
    font-size: 45px;
    text-align: center;
}

.cadreqeel {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel1 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel2 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 500px;
    height: 100px;
    overflow: auto;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.boite10 {
    margin-left: 20px;
    margin-top: 25px;
    width: 180px;
    height: 180px;
    overflow: auto;
}

.groupes {
    font-family: 'Gabriela', serif;
    text-align: center !important;
    font-size: 20px;
}

edit : En faite pour la taille c'est la taille de l'écriture que j'aimerais changé de les titres de categories et les sous-titre j'aimerais qu'ils sont un peu plus gros et aussi pour les écritures dans mes carrer ou il y a l'image de old message j'ai remarqué que les écritures sont trop bases mais je ne sais pas du tout comment les changés

[Self]

Bonjour,

Pour les titres des catégories, utilisez ce CSS :

Code:

.cate_titre h2{
    font-size:22px;
}

En changeant bien sur la valeur 22 par la taille que vous désirez .

Puis pour les titres des forums, utilisez ce CSS :

Code:

.forum .forumlink{
    font-size:20px
}

Je n'ai pas bien compris ce que vous vouliez dire par :

et aussi pour les écritures dans mes carrer ou il y a l'image de old message j'ai remarqué que les écritures sont trop bases

Bonne journée .

[Little_dragon]

salut voila une petite image j' aimerais mettre ce qui est encadrer plus haut c' est comme sa dans tout les cadres qu' il y a de l' ecriture...

merci sa fonctionner pour les codes

[Self]

Bonjour,

Pour que les images ne passent plus par dessus le texte, tapez .icone_stats dans la barre de recherche de la feuille de style et remplacez la ligne :

Code:

margin: -30px auto 0px;

Par :

Code:

margin: -15px auto 0px;

Pour ce qui est de l'espace au dessus de ce même texte ce doit être une balise laissé dans la description des forums :

Code:

<br />

Ou :

Code:

<p>
  <br />
</p>

[Little_dragon]

salut pour le br j' ai arrange mais pour ce qui est de l' image qui embarque par dessus l' ecriture sa na pas fonctionner aurait -il un autre moyen merci beaucoup

[Self]

Bonjour,

Sur votre forum la ligne :

Code:

margin: -30px auto 0px;

du bloc :

Code:

.icone_stats {
    margin: -30px auto 0px;
    width: 300px;
}

N'a pas été remplacer par :

Code:

margin: -15px auto 0px;

Assurez vous de bien valider votre CSS quand vous faite la modification !

[Little_dragon]

salut hum je l' ai remplace et cela n' a encore rien donnee est-ce normal ?

[Self]

Bonjour,

Bien écoutez quand j'inspecte votre forum, même après avoir vidé le cache je ne vois pas le changement, êtes-vous sur de l'avoir fait au bon endroit, c'est à dire dans le bloc avec la class .icone_stats ?

[Little_dragon]

coucou je suis sur et certaine que je les fais au bon endroit mais pour faire sur je vous le montre

Code:

.cate_titre h2{
    font-size:22px;
}
.forum .forumlink{
    font-size:20px
}
.cate_titre{
    padding-top:50px;
 }

.forum{
    height:200px;
}
#PanAccueil {
  width: 800px;
  height: 500px;
  margin: auto;
  background: url(http://i39.servimg.com/u/f39/11/90/82/77/89132410.jpg);
}


 
#btNews {
 position: absolute;
 margin-top: 195px;
 margin-left: 350px;
  width: 80px;
  height: 45px;
}
 
#btStaff {
 position: absolute;
 margin-top: 195px;
 margin-left: 475px;
  width: 120px;
  height: 45px;
}
#btAmis {
 position: absolute;
 margin-top: 195px;
 margin-left: 640px;
  width: 110px;
  height: 45px;
}
 
.news, .staff, .amis {
  display: none;
}
 
.marquee {
  height: 84px;
}
 
.partenaires {
  margin: 5px 0 10px;
}
.fen1 {
 position: absolute;
 margin-top: 133px;
 margin-left: 28px;
  width: 250px;
  height: 350px;
  overflow: auto;
  text-align: justify;
  color: #7e6144;
  text-shadow: 1px 1px 0 #fff;
}
.fen2 {
 position: absolute;
 margin-top: 253px;
 margin-left: 358px;
  width: 410px;
  height: 214px;
  overflow: auto;
  text-align: justify;
  color: #7e6144;
  text-shadow: 1px 1px 0 #fff;
}
#navig a.mainmenu{
    font-size: 16px;
    color:#000;
}
#navig{
    width:1200px;
    margin: auto;
    text-align: center;
}

#navigation{
    position: absolute;
    z-index: 999;
    width: 100%;
    background-color: #cecece;
    border-bottom: 2px solid #828282;
    margin-top: -10px;
    margin-left: -10px;
    padding: 5px;
}

table.forumline {
    border: 1px dotted;
}

a:hover {
    text-transform: uppercase;
}

a:hover, a:link {
    text-decoration: none !important;
}
   
.bodylinewidth {
    width: 990px;
    margin: auto;
    margin-top: 380px;
}

a.mainmenu {
    text-decoration: none;
    color: #9A4054;
    font-size: 22px;
    font-family: Brush Script MT;
    text-shadow: 0 0 0 #B9AF96;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

a.mainmenu:hover {
    text-decoration: none;
    color: #D4474D;
    text-shadow: 0 2px 2px #EBEAE6;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.bodyline {
    padding: 0;
}

.forumline {
    border-top: 5px solid #EADBDD;
    border-bottom: 5px solid #EADBDD;
}

.cate_titre {
    clear: both;
    height: 100px;
    margin-top: 50px;
}
 
.catetitre_bloc {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 20px;
    margin: auto;
    background-color: #a8a8a8;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -htm-transform: rotate(5deg);
}

.catetitre_content {
    position: absolute;
    z-index: 2;
    display: block;
    width: 950px;
    margin: -40px auto 0px;
    text-align: center;
    padding: 2px;
    border-bottom: 3px dotted #191817;
}
   
.catetitre {
    color: #454545;
    font-family: arial;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
}

.forum_bloc {
    width: 950px;
    margin: -30px auto 0px;
}
   
.forum {
    float: left;
    width: 460px;
    height: 250px;
    margin-left: 0px 5px 50px;
}
   
a.forumlink {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #454545;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
}
   
.forum_contenu {
    position: relative;
    z-index: 1;
    width: 98%;
    height: 90%;
    padding: 4px;
    margin: -8px auto 0px;
    background-color: #d9d9d9;
    border: 1px dotted #191817;
    border-top: 5px solid #191817;
}
   
.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);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.description_contenu:hover {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    filter: alpha(opacity=80);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}
   
.icone_stats {
    width: 300px;
  margin: -15px auto 0px;
}
   
.stats_lastpost {
    display: block;
    width: 160px;
    height: 80px;
    margin-left: 10px;
    background-color: #c8c8c8;
    border: 1px solid #b5b5b5;
    padding: 5px;
    text-align: center;
}

.stats {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dotted #b5b5b5;
    padding-bottom: 5px;
    font-size: 10px;
    color: #8f8f8f;
}
   
.lastpost {
    display: block;
    font-size: 11px;
}
   
.sforum {
    position: relative;
    z-index: 3;
    display: block;
    height: 0;
    background: #191817;
    color: #b5b5b5;
    overflow: hidden;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.ouverture_sousforum {
    position: relative;
    z-index: 3;
    display: block;
    float: right;
    width: 120px;
    margin-right: 20px;
    background: #191817;
    color: #b5b5b5;
    font-size: 11px;
    text-align: center;
    padding: 4px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
   
.sous_forum:hover .sforum {
    height: 50px;
    background: #191817;
    color: #b5b5b5;
    padding: 4px;
    overflow: auto;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.sous_forum a {
    color: #b5b5b5 !important;
    text-shadow: 1px 1px 0 #000;
}
   
.sous_forum a:hover {
    color: #fff !important;
}

a {
    color: #D6AA45;
    text-decoration: none;
}
   
.toolbar_avatar {
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: -10px;
}
   
#pa_welcome {
    font-family: Calligraffitti, cursive;
    font-size: 30px;
    word-spacing: 3px;
    color: #609AB5;
    text-shadow: #E8E8E8 1px 1px 0;
}
   
#pa_navigation {
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
}
   
.pa_td {
    vertical-align: top;
    text-align: justify;
    margin: 2px 5px;
    padding: 2px 5px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
}
   
.pa_titre {
    color: #609AB5;
    font-family: 'Dancing Script', cursive;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #609AB5;
}
   
#nav_barr {
    position: fixed;
    width: 790px;
    background-color: #fff;
    border: 1px #fff solid;
    margin-left: -395px;
    left: 50%;
    opacity: .9;
    height: 25px;
}
   
.quote .code {
    width: 500px;
    overflow-x: auto;
}
   
::-webkit-scrollbar {
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
    height: 10px;
    width: 10px;
}
   
::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
    border-radius: 30px;
}
   
#chatbox_header .cattitle strong {
    display: none;
}
   
#chatbox_header .cattitle:before {
    content: "Oserez-vous parler ?";
}
   
.selectCode {
    float: right;
    text-transform: uppercase;
    cursor: pointer;
    color: #00f;
}
   
.signature_div img {
    max-height: 300px;
    max-width: 500px;
}
   
div.infobulle {
    position: relative;
    float: left;
    color: #000;
}
   
div.infobulle span {
    display: none;
}
   
div.infobulle:hover {
    background: 0 0;
    z-index: 999;
    color: #000;
}
   
div.infobulle:hover span {
    display: inline;
    position: absolute;
    width: 150px;
    height: auto;
    top: 115px; left: 25px;
    background-color: beige;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}
   
a.lienpa {
    font-size: 30px;
    font-family: Impact;
    color: #000;
    letter-spacing: 2px;
}
   
a.lienpa:hover {
    font-size: 30px;
    font-family: impact;
    color: gray;
    letter-spacing: 2px;
}
   
.contourlien {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: beige;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}

.contourlien:hover {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}
   
.contourpa {
    border: 2px #000 solid;
    padding: 30px 10px 10px;
    background-color: beige;
}
   
.presforum {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.presforum:hover {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.titre {
    font-size: 30px;
    font-family: impact;
    letter-spacing: 1px;
    text-align: center;
    color: gray;
    margin-bottom: -7px;
}
   
.actus {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.actus:hover {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.partenaire {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.partenaire:hover {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.credits {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 10px;
    font-family: comic sans ms;
}
   
#tfa_cycle {
    width: 600px;
    height: 200px;
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    padding: 0;
}
   
.tfa_cycle_content, .tfa_cycle_content1 {
    width: 580px;
    height: 200px;
    margin: auto;
    padding: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.tfa_cycle_content {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
    border-left: 6px solid #bc0a27;
    border-right: 6px solid #78b8ca;
}
   
.tfa_cycle_content1 {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
    border-left: 6px solid #78b8ca;
    border-right: 6px solid #bc0a27;
}
   
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
    width: 580px;
    margin: 5px auto;
    padding: 0;
    color: #7fb7e5;
    text-transform: uppercase;
    text-align: center;
    font: 17px Orbitron;
    text-shadow: 0 1px 0 #000;
}
   
.tfa_cycle_content h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #42b1ff;
    text-shadow: 0 1px 0 #000;
}
   
.tfa_cycle_content1 h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #C00;
    text-shadow: 0 1px 0 #000;
}
   
.imgix {
    display: block;
    width: 96%;
    margin: auto;
    text-align: center;
}
   
.imgix img {
    border: 2px solid #2c587b;
}
   
.my_news p {
    width: 96%;
    margin: 5px auto 0;
    padding: 0;
    font: 12px Arial;
    color: #cbdeee;
}
   
div.bulle_msg {
    position: relative;
    cursor: pointer;
}
   
div.bulle_msg>div {
    display: none;
}
   
div.bulle_msg:hover {
    background: 0 0;
    z-index: 500;
}

div.bulle_msg:hover>div {
    display: block;
    position: absolute;
    top: 5px;
    left: 15px;
    white-space: nowrap;
    background: #7498A8;
    color: #000;
    padding: 3px;
    border: 1px dotted #000;
}
   
input.post, textarea.post {
    border-radius: 20px;
}

#i_logo {
    margin: -10px;
}
   
.opacity img {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
}
   
.opacity img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
   
.quote {
    font-family: Tahoma;
    font-size: 10px;
    color: #000;
    line-height: 105%;
    border: 1px #d1bfa5 solid;
    -moz-border-radius: 6px;
}
   
.code {
    font-family: Courier, Courier New, sans-serif;
    font-size: 11px;
    color: #000;
    border: 1px solid #d1bfa5;
    -moz-border-radius: 6px;
}

input, select, textarea {
    -moz-border-radius:9px;
}
   
.categ {
    background-color: #dbcfbc;
    padding: 5px;
}
   
.categcont {
    background-color: #e0d7c9;
    padding: 5px;
    border: 1px solid #a19787;
    height: 100px;
    overflow: auto;
}
   
.statistiques {
    border: 0;
    background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
}

.groupes {
    -moz-border-radius: 8px;
    height: 40px;
    padding: 0px 12px 3px 14px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}
   
.qeel {
    background-image: url('IMAGE OF FOOTER');
    width: 800px;
    height: 238px;
    margin: auto;
}
   
.avatar_mess {
    display: block;
    width: 200px;
    height: 320px;
    margin-left: -10px;
    margin-right: 10px;
    overflow: hidden;
    background: #272726;
    border: 5px solid #3e1d19;
    -ms-transform: rotate(-5deg);
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    -htm-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.avatar_mess:hover {
    margin-left: 5px;
    -ms-transform: rotate(0deg);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.profil_mess {
    position: absolute;
    display: block;
    width: 190px;
    height: 310px;
    margin: auto;
    padding: 5px;
    overflow: auto;
    background: #fff;
    color: #c5bea0;
    font-size: 11px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.profil_mess:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.pseudo_mess {
    display: block;
    position: relative;
    z-index: 2;
    width: 190px;
    margin-top: -15px;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    font-family: courier;
    font-weight: 700;
    text-shadow: 0 0 3px #c5bea0;
    background: #EADAC6;
    padding-top: 5px;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #371e1a;
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -o-box-shadow: 0 0 3px #000;
    -htm-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
}
   
#nu31_accueil {
    width: 950px;
    margin: 10px auto 5px;
    height: 200px;
    padding: 10px;
    background: #d2d6d6;
    border: 1px solid #efefef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -htm-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px #425e5c;
    -moz-box-shadow: 0 0 5px #425e5c;
    -o-box-shadow: 0 0 5px #425e5c;
    -htm-box-shadow: 0 0 5px #425e5c;
    -webkit-box-shadow: 0 0 5px #425e5c;
}
   
#nu31_content {
    width: 950px;
    height: 200px;
    overflow: hidden;
}
   
#nu31_links {
    float: left;
}
   
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
    width: 150px;
    height: 48px;
    margin-bottom: 2px;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    filter: alpha(opacity=60);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4: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;
}

.nu31_contenu1 {
    width: 800px;
    height: 200px;
    margin-left: 150px;
    background: #e8e8e8;
    border: 1px solid #cccaca;
}

.nu31_contenu2 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_contenu3 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -50px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
 
.nu31_contenu4 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -100px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
   
.nu31_contenu5 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
    width: 800px;
    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;
}

.nu31_contenu {
    display: block;
    padding: 5px;
    color: #965423;
    font-size: 10px;
    text-align: justify;
}
   
#f1_accueil {
    width: 800px;
    height: 500px;
    margin: auto;
    background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
    text-shadow: none!important;
}
   
#f1_accueil a {
    color: #ba8550!important;
    text-shadow: none!important;
}
   
#f1_accueil a:hover {
    color: #e58f3a!important;
    text-shadow: none!important;
}
   
.f1_col1 {
    width: 300px;
    vertical-align: top;
}
   
.f1_contexte {
    width: 220px;
    height: 300px;
    overflow: auto;
    margin-top: 130px;
    margin-left: 65px;
    text-align: justify;
    color: #7e6144;
    text-shadow: 1px 1px 0 #fff;
}
   
.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: 0;
    height: 220px;
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
    font-size: 11px;
    color: #7e6144;
}
 
.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: 16px;
    font-weight: 700;
}
   
.f1_friends, .f1_news {
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: justify;
}
   
.f1_credits, .f1_topsites {
    height: 150px;
    border-left: 1px solid #d19962;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}
   
.f1_staff1, .f1_staff2, .f1_staff3 {
    display: block;
    width: 50px;
    height: 50px;
    background: url() #d19962;
    margin: 20px 0;
    border: 1px solid #d19962;
}
   
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
    position: absolute;
    width: 0;
    height: 150px;
    background: #fff;
    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 #d19962;
}
     
/* QEEL */

.trans .row1 {
    background-color: #CDCCC8;
}

.titreqeel {
    color: #2E3454;
    font-family: 'Finger Paint', cursive;
    font-size: 45px;
    text-align: center;
}

.cadreqeel {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel1 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel2 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 500px;
    height: 100px;
    overflow: auto;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.boite10 {
    margin-left: 20px;
    margin-top: 25px;
    width: 180px;
    height: 180px;
    overflow: auto;
}

.groupes {
    font-family: 'Gabriela', serif;
    text-align: center !important;
    font-size: 20px;
}
#navig a.mainmenu{
    font-size: 16px;
    color:#000;
}
#navig{
    width:1200px;
    margin: auto;
    text-align: center;
}

#navigation{
    position: absolute;
    z-index: 999;
    width: 100%;
    background-color: #cecece;
    border-bottom: 2px solid #828282;
    margin-top: -10px;
    margin-left: -10px;
    padding: 5px;
}

table.forumline {
    border: 1px dotted;
}

a:hover {
    text-transform: uppercase;
}

a:hover, a:link {
    text-decoration: none !important;
}
   
.bodylinewidth {
    width: 990px;
    margin: auto;
    margin-top: 380px;
}

a.mainmenu {
    text-decoration: none;
    color: #9A4054;
    font-size: 22px;
    font-family: Brush Script MT;
    text-shadow: 0 0 0 #B9AF96;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

a.mainmenu:hover {
    text-decoration: none;
    color: #D4474D;
    text-shadow: 0 2px 2px #EBEAE6;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.bodyline {
    padding: 0;
}

.forumline {
    border-top: 5px solid #EADBDD;
    border-bottom: 5px solid #EADBDD;
}

.cate_titre {
    clear: both;
    height: 100px;
    margin-top: 50px;
}
 
.catetitre_bloc {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 20px;
    margin: auto;
    background-color: #a8a8a8;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -htm-transform: rotate(5deg);
}

.catetitre_content {
    position: absolute;
    z-index: 2;
    display: block;
    width: 950px;
    margin: -40px auto 0px;
    text-align: center;
    padding: 2px;
    border-bottom: 3px dotted #191817;
}
   
.catetitre {
    color: #454545;
    font-family: arial;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
}

.forum_bloc {
    width: 950px;
    margin: -30px auto 0px;
}
   
.forum {
    float: left;
    width: 460px;
    height: 250px;
    margin-left: 0px 5px 50px;
}
   
a.forumlink {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #454545;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
}
   
.forum_contenu {
    position: relative;
    z-index: 1;
    width: 98%;
    height: 90%;
    padding: 4px;
    margin: -8px auto 0px;
    background-color: #d9d9d9;
    border: 1px dotted #191817;
    border-top: 5px solid #191817;
}
   
.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);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.description_contenu:hover {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    filter: alpha(opacity=80);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}
   
.icone_stats {
    width: 300px;
    margin: -30px auto 0px;
}
   
.stats_lastpost {
    display: block;
    width: 160px;
    height: 80px;
    margin-left: 10px;
    background-color: #c8c8c8;
    border: 1px solid #b5b5b5;
    padding: 5px;
    text-align: center;
}

.stats {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dotted #b5b5b5;
    padding-bottom: 5px;
    font-size: 10px;
    color: #8f8f8f;
}
   
.lastpost {
    display: block;
    font-size: 11px;
}
   
.sforum {
    position: relative;
    z-index: 3;
    display: block;
    height: 0;
    background: #191817;
    color: #b5b5b5;
    overflow: hidden;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.ouverture_sousforum {
    position: relative;
    z-index: 3;
    display: block;
    float: right;
    width: 120px;
    margin-right: 20px;
    background: #191817;
    color: #b5b5b5;
    font-size: 11px;
    text-align: center;
    padding: 4px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
   
.sous_forum:hover .sforum {
    height: 50px;
    background: #191817;
    color: #b5b5b5;
    padding: 4px;
    overflow: auto;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.sous_forum a {
    color: #b5b5b5 !important;
    text-shadow: 1px 1px 0 #000;
}
   
.sous_forum a:hover {
    color: #fff !important;
}

a {
    color: #D6AA45;
    text-decoration: none;
}
   
.toolbar_avatar {
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: -10px;
}
   
#pa_welcome {
    font-family: Calligraffitti, cursive;
    font-size: 30px;
    word-spacing: 3px;
    color: #609AB5;
    text-shadow: #E8E8E8 1px 1px 0;
}
   
#pa_navigation {
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
}
   
.pa_td {
    vertical-align: top;
    text-align: justify;
    margin: 2px 5px;
    padding: 2px 5px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
}
   
.pa_titre {
    color: #609AB5;
    font-family: 'Dancing Script', cursive;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #609AB5;
}
   
#nav_barr {
    position: fixed;
    width: 790px;
    background-color: #fff;
    border: 1px #fff solid;
    margin-left: -395px;
    left: 50%;
    opacity: .9;
    height: 25px;
}
   
.quote .code {
    width: 500px;
    overflow-x: auto;
}
   
::-webkit-scrollbar {
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
    height: 10px;
    width: 10px;
}
   
::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
    border-radius: 30px;
}
   
#chatbox_header .cattitle strong {
    display: none;
}
   
#chatbox_header .cattitle:before {
    content: "Oserez-vous parler ?";
}
   
.selectCode {
    float: right;
    text-transform: uppercase;
    cursor: pointer;
    color: #00f;
}
   
.signature_div img {
    max-height: 300px;
    max-width: 500px;
}
   
div.infobulle {
    position: relative;
    float: left;
    color: #000;
}
   
div.infobulle span {
    display: none;
}
   
div.infobulle:hover {
    background: 0 0;
    z-index: 999;
    color: #000;
}
   
div.infobulle:hover span {
    display: inline;
    position: absolute;
    width: 150px;
    height: auto;
    top: 115px; left: 25px;
    background-color: beige;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}
   
a.lienpa {
    font-size: 30px;
    font-family: Impact;
    color: #000;
    letter-spacing: 2px;
}
   
a.lienpa:hover {
    font-size: 30px;
    font-family: impact;
    color: gray;
    letter-spacing: 2px;
}
   
.contourlien {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: beige;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}

.contourlien:hover {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}
   
.contourpa {
    border: 2px #000 solid;
    padding: 30px 10px 10px;
    background-color: beige;
}
   
.presforum {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.presforum:hover {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.titre {
    font-size: 30px;
    font-family: impact;
    letter-spacing: 1px;
    text-align: center;
    color: gray;
    margin-bottom: -7px;
}
   
.actus {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.actus:hover {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.partenaire {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.partenaire:hover {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.credits {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 10px;
    font-family: comic sans ms;
}
   
#tfa_cycle {
    width: 600px;
    height: 200px;
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    padding: 0;
}
   
.tfa_cycle_content, .tfa_cycle_content1 {
    width: 580px;
    height: 200px;
    margin: auto;
    padding: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.tfa_cycle_content {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
    border-left: 6px solid #bc0a27;
    border-right: 6px solid #78b8ca;
}
   
.tfa_cycle_content1 {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
    border-left: 6px solid #78b8ca;
    border-right: 6px solid #bc0a27;
}
   
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
    width: 580px;
    margin: 5px auto;
    padding: 0;
    color: #7fb7e5;
    text-transform: uppercase;
    text-align: center;
    font: 17px Orbitron;
    text-shadow: 0 1px 0 #000;
}
   
.tfa_cycle_content h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #42b1ff;
    text-shadow: 0 1px 0 #000;
}
   
.tfa_cycle_content1 h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #C00;
    text-shadow: 0 1px 0 #000;
}
   
.imgix {
    display: block;
    width: 96%;
    margin: auto;
    text-align: center;
}
   
.imgix img {
    border: 2px solid #2c587b;
}
   
.my_news p {
    width: 96%;
    margin: 5px auto 0;
    padding: 0;
    font: 12px Arial;
    color: #cbdeee;
}
   
div.bulle_msg {
    position: relative;
    cursor: pointer;
}
   
div.bulle_msg>div {
    display: none;
}
   
div.bulle_msg:hover {
    background: 0 0;
    z-index: 500;
}

div.bulle_msg:hover>div {
    display: block;
    position: absolute;
    top: 5px;
    left: 15px;
    white-space: nowrap;
    background: #7498A8;
    color: #000;
    padding: 3px;
    border: 1px dotted #000;
}
   
input.post, textarea.post {
    border-radius: 20px;
}

#i_logo {
    margin: -10px;
}
   
.opacity img {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
}
   
.opacity img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
   
.quote {
    font-family: Tahoma;
    font-size: 10px;
    color: #000;
    line-height: 105%;
    border: 1px #d1bfa5 solid;
    -moz-border-radius: 6px;
}
   
.code {
    font-family: Courier, Courier New, sans-serif;
    font-size: 11px;
    color: #000;
    border: 1px solid #d1bfa5;
    -moz-border-radius: 6px;
}

input, select, textarea {
    -moz-border-radius:9px;
}
   
.categ {
    background-color: #dbcfbc;
    padding: 5px;
}
   
.categcont {
    background-color: #e0d7c9;
    padding: 5px;
    border: 1px solid #a19787;
    height: 100px;
    overflow: auto;
}
   
.statistiques {
    border: 0;
    background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
}

.groupes {
    -moz-border-radius: 8px;
    height: 40px;
    padding: 0px 12px 3px 14px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}
   
.qeel {
    background-image: url('IMAGE OF FOOTER');
    width: 800px;
    height: 238px;
    margin: auto;
}
   
.avatar_mess {
    display: block;
    width: 200px;
    height: 320px;
    margin-left: -10px;
    margin-right: 10px;
    overflow: hidden;
    background: #272726;
    border: 5px solid #3e1d19;
    -ms-transform: rotate(-5deg);
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    -htm-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.avatar_mess:hover {
    margin-left: 5px;
    -ms-transform: rotate(0deg);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.profil_mess {
    position: absolute;
    display: block;
    width: 190px;
    height: 310px;
    margin: auto;
    padding: 5px;
    overflow: auto;
    background: #fff;
    color: #c5bea0;
    font-size: 11px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.profil_mess:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.pseudo_mess {
    display: block;
    position: relative;
    z-index: 2;
    width: 190px;
    margin-top: -15px;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    font-family: courier;
    font-weight: 700;
    text-shadow: 0 0 3px #c5bea0;
    background: #EADAC6;
    padding-top: 5px;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #371e1a;
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -o-box-shadow: 0 0 3px #000;
    -htm-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
}
   
#nu31_accueil {
    width: 950px;
    margin: 10px auto 5px;
    height: 200px;
    padding: 10px;
    background: #d2d6d6;
    border: 1px solid #efefef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -htm-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px #425e5c;
    -moz-box-shadow: 0 0 5px #425e5c;
    -o-box-shadow: 0 0 5px #425e5c;
    -htm-box-shadow: 0 0 5px #425e5c;
    -webkit-box-shadow: 0 0 5px #425e5c;
}
   
#nu31_content {
    width: 950px;
    height: 200px;
    overflow: hidden;
}
   
#nu31_links {
    float: left;
}
   
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
    width: 150px;
    height: 48px;
    margin-bottom: 2px;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    filter: alpha(opacity=60);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4: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;
}

.nu31_contenu1 {
    width: 800px;
    height: 200px;
    margin-left: 150px;
    background: #e8e8e8;
    border: 1px solid #cccaca;
}

.nu31_contenu2 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_contenu3 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -50px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
 
.nu31_contenu4 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -100px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
   
.nu31_contenu5 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
    width: 800px;
    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;
}

.nu31_contenu {
    display: block;
    padding: 5px;
    color: #965423;
    font-size: 10px;
    text-align: justify;
}
   
#f1_accueil {
    width: 800px;
    height: 500px;
    margin: auto;
    background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
    text-shadow: none!important;
}
   
#f1_accueil a {
    color: #ba8550!important;
    text-shadow: none!important;
}
   
#f1_accueil a:hover {
    color: #e58f3a!important;
    text-shadow: none!important;
}
   
.f1_col1 {
    width: 300px;
    vertical-align: top;
}
   
.f1_contexte {
    width: 220px;
    height: 300px;
    overflow: auto;
    margin-top: 130px;
    margin-left: 65px;
    text-align: justify;
    color: #7e6144;
    text-shadow: 1px 1px 0 #fff;
}
   
.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: 0;
    height: 220px;
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
    font-size: 11px;
    color: #7e6144;
}
 
.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: 16px;
    font-weight: 700;
}
   
.f1_friends, .f1_news {
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: justify;
}
   
.f1_credits, .f1_topsites {
    height: 150px;
    border-left: 1px solid #d19962;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}
   
.f1_staff1, .f1_staff2, .f1_staff3 {
    display: block;
    width: 50px;
    height: 50px;
    background: url() #d19962;
    margin: 20px 0;
    border: 1px solid #d19962;
}
   
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
    position: absolute;
    width: 0;
    height: 150px;
    background: #fff;
    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 #d19962;
}
     
/* QEEL */

.trans .row1 {
    background-color: #CDCCC8;
}

.titreqeel {
    color: #2E3454;
    font-family: 'Finger Paint', cursive;
    font-size: 45px;
    text-align: center;
}

.cadreqeel {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel1 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel2 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 500px;
    height: 100px;
    overflow: auto;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.boite10 {
    margin-left: 20px;
    margin-top: 25px;
    width: 180px;
    height: 180px;
    overflow: auto;
}

.groupes {
    font-family: 'Gabriela', serif;
    text-align: center !important;
    font-size: 20px;
}

[Self]

Bonjour,

Votre CSS est copié deux fois cherchez dans votre CSS .groupes le plus haut, celui ou il y a encore du contenu en dessous, puis supprimez tout le CSS en desous.

[Little_dragon]

salut voila j' ai fais ce que vous avez dit mais sa na pas changee non plus :S

je vous donne ce qu' il y a de mon code maintenant....

Code:

.cate_titre h2{
    font-size:22px;
}
.forum .forumlink{
    font-size:20px
}
.cate_titre{
    padding-top:50px;
 }

.forum{
    height:200px;
}
#PanAccueil {
  width: 800px;
  height: 500px;
  margin: auto;
  background: url(http://i39.servimg.com/u/f39/11/90/82/77/89132410.jpg);
}


 
#btNews {
 position: absolute;
 margin-top: 195px;
 margin-left: 350px;
  width: 80px;
  height: 45px;
}
 
#btStaff {
 position: absolute;
 margin-top: 195px;
 margin-left: 475px;
  width: 120px;
  height: 45px;
}
#btAmis {
 position: absolute;
 margin-top: 195px;
 margin-left: 640px;
  width: 110px;
  height: 45px;
}
 
.news, .staff, .amis {
  display: none;
}
 
.marquee {
  height: 84px;
}
 
.partenaires {
  margin: 5px 0 10px;
}
.fen1 {
 position: absolute;
 margin-top: 133px;
 margin-left: 28px;
  width: 250px;
  height: 350px;
  overflow: auto;
  text-align: justify;
  color: #7e6144;
  text-shadow: 1px 1px 0 #fff;
}
.fen2 {
 position: absolute;
 margin-top: 253px;
 margin-left: 358px;
  width: 410px;
  height: 214px;
  overflow: auto;
  text-align: justify;
  color: #7e6144;
  text-shadow: 1px 1px 0 #fff;
}
#navig a.mainmenu{
    font-size: 16px;
    color:#000;
}
#navig{
    width:1200px;
    margin: auto;
    text-align: center;
}

#navigation{
    position: absolute;
    z-index: 999;
    width: 100%;
    background-color: #cecece;
    border-bottom: 2px solid #828282;
    margin-top: -10px;
    margin-left: -10px;
    padding: 5px;
}

table.forumline {
    border: 1px dotted;
}

a:hover {
    text-transform: uppercase;
}

a:hover, a:link {
    text-decoration: none !important;
}
   
.bodylinewidth {
    width: 990px;
    margin: auto;
    margin-top: 380px;
}

a.mainmenu {
    text-decoration: none;
    color: #9A4054;
    font-size: 22px;
    font-family: Brush Script MT;
    text-shadow: 0 0 0 #B9AF96;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

a.mainmenu:hover {
    text-decoration: none;
    color: #D4474D;
    text-shadow: 0 2px 2px #EBEAE6;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.bodyline {
    padding: 0;
}

.forumline {
    border-top: 5px solid #EADBDD;
    border-bottom: 5px solid #EADBDD;
}

.cate_titre {
    clear: both;
    height: 100px;
    margin-top: 50px;
}
 
.catetitre_bloc {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 20px;
    margin: auto;
    background-color: #a8a8a8;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -htm-transform: rotate(5deg);
}

.catetitre_content {
    position: absolute;
    z-index: 2;
    display: block;
    width: 950px;
    margin: -40px auto 0px;
    text-align: center;
    padding: 2px;
    border-bottom: 3px dotted #191817;
}
   
.catetitre {
    color: #454545;
    font-family: arial;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
}

.forum_bloc {
    width: 950px;
    margin: -30px auto 0px;
}
   
.forum {
    float: left;
    width: 460px;
    height: 250px;
    margin-left: 0px 5px 50px;
}
   
a.forumlink {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #454545;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
}
   
.forum_contenu {
    position: relative;
    z-index: 1;
    width: 98%;
    height: 90%;
    padding: 4px;
    margin: -8px auto 0px;
    background-color: #d9d9d9;
    border: 1px dotted #191817;
    border-top: 5px solid #191817;
}
   
.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);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.description_contenu:hover {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    filter: alpha(opacity=80);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}
   
.icone_stats {
    width: 300px;
  margin: -15px auto 0px;
}
   
.stats_lastpost {
    display: block;
    width: 160px;
    height: 80px;
    margin-left: 10px;
    background-color: #c8c8c8;
    border: 1px solid #b5b5b5;
    padding: 5px;
    text-align: center;
}

.stats {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dotted #b5b5b5;
    padding-bottom: 5px;
    font-size: 10px;
    color: #8f8f8f;
}
   
.lastpost {
    display: block;
    font-size: 11px;
}
   
.sforum {
    position: relative;
    z-index: 3;
    display: block;
    height: 0;
    background: #191817;
    color: #b5b5b5;
    overflow: hidden;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.ouverture_sousforum {
    position: relative;
    z-index: 3;
    display: block;
    float: right;
    width: 120px;
    margin-right: 20px;
    background: #191817;
    color: #b5b5b5;
    font-size: 11px;
    text-align: center;
    padding: 4px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
   
.sous_forum:hover .sforum {
    height: 50px;
    background: #191817;
    color: #b5b5b5;
    padding: 4px;
    overflow: auto;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.sous_forum a {
    color: #b5b5b5 !important;
    text-shadow: 1px 1px 0 #000;
}
   
.sous_forum a:hover {
    color: #fff !important;
}

a {
    color: #D6AA45;
    text-decoration: none;
}
   
.toolbar_avatar {
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: -10px;
}
   
#pa_welcome {
    font-family: Calligraffitti, cursive;
    font-size: 30px;
    word-spacing: 3px;
    color: #609AB5;
    text-shadow: #E8E8E8 1px 1px 0;
}
   
#pa_navigation {
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
}
   
.pa_td {
    vertical-align: top;
    text-align: justify;
    margin: 2px 5px;
    padding: 2px 5px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
}
   
.pa_titre {
    color: #609AB5;
    font-family: 'Dancing Script', cursive;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #609AB5;
}
   
#nav_barr {
    position: fixed;
    width: 790px;
    background-color: #fff;
    border: 1px #fff solid;
    margin-left: -395px;
    left: 50%;
    opacity: .9;
    height: 25px;
}
   
.quote .code {
    width: 500px;
    overflow-x: auto;
}
   
::-webkit-scrollbar {
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
    height: 10px;
    width: 10px;
}
   
::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
    border-radius: 30px;
}
   
#chatbox_header .cattitle strong {
    display: none;
}
   
#chatbox_header .cattitle:before {
    content: "Oserez-vous parler ?";
}
   
.selectCode {
    float: right;
    text-transform: uppercase;
    cursor: pointer;
    color: #00f;
}
   
.signature_div img {
    max-height: 300px;
    max-width: 500px;
}
   
div.infobulle {
    position: relative;
    float: left;
    color: #000;
}
   
div.infobulle span {
    display: none;
}
   
div.infobulle:hover {
    background: 0 0;
    z-index: 999;
    color: #000;
}
   
div.infobulle:hover span {
    display: inline;
    position: absolute;
    width: 150px;
    height: auto;
    top: 115px; left: 25px;
    background-color: beige;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}
   
a.lienpa {
    font-size: 30px;
    font-family: Impact;
    color: #000;
    letter-spacing: 2px;
}
   
a.lienpa:hover {
    font-size: 30px;
    font-family: impact;
    color: gray;
    letter-spacing: 2px;
}
   
.contourlien {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: beige;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}

.contourlien:hover {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}
   
.contourpa {
    border: 2px #000 solid;
    padding: 30px 10px 10px;
    background-color: beige;
}
   
.presforum {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.presforum:hover {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.titre {
    font-size: 30px;
    font-family: impact;
    letter-spacing: 1px;
    text-align: center;
    color: gray;
    margin-bottom: -7px;
}
   
.actus {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.actus:hover {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.partenaire {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.partenaire:hover {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.credits {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 10px;
    font-family: comic sans ms;
}
   
#tfa_cycle {
    width: 600px;
    height: 200px;
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    padding: 0;
}
   
.tfa_cycle_content, .tfa_cycle_content1 {
    width: 580px;
    height: 200px;
    margin: auto;
    padding: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.tfa_cycle_content {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
    border-left: 6px solid #bc0a27;
    border-right: 6px solid #78b8ca;
}
   
.tfa_cycle_content1 {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
    border-left: 6px solid #78b8ca;
    border-right: 6px solid #bc0a27;
}
   
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
    width: 580px;
    margin: 5px auto;
    padding: 0;
    color: #7fb7e5;
    text-transform: uppercase;
    text-align: center;
    font: 17px Orbitron;
    text-shadow: 0 1px 0 #000;
}
   
.tfa_cycle_content h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #42b1ff;
    text-shadow: 0 1px 0 #000;
}
   
.tfa_cycle_content1 h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #C00;
    text-shadow: 0 1px 0 #000;
}
   
.imgix {
    display: block;
    width: 96%;
    margin: auto;
    text-align: center;
}
   
.imgix img {
    border: 2px solid #2c587b;
}
   
.my_news p {
    width: 96%;
    margin: 5px auto 0;
    padding: 0;
    font: 12px Arial;
    color: #cbdeee;
}
   
div.bulle_msg {
    position: relative;
    cursor: pointer;
}
   
div.bulle_msg>div {
    display: none;
}
   
div.bulle_msg:hover {
    background: 0 0;
    z-index: 500;
}

div.bulle_msg:hover>div {
    display: block;
    position: absolute;
    top: 5px;
    left: 15px;
    white-space: nowrap;
    background: #7498A8;
    color: #000;
    padding: 3px;
    border: 1px dotted #000;
}
   
input.post, textarea.post {
    border-radius: 20px;
}

#i_logo {
    margin: -10px;
}
   
.opacity img {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
}
   
.opacity img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
   
.quote {
    font-family: Tahoma;
    font-size: 10px;
    color: #000;
    line-height: 105%;
    border: 1px #d1bfa5 solid;
    -moz-border-radius: 6px;
}
   
.code {
    font-family: Courier, Courier New, sans-serif;
    font-size: 11px;
    color: #000;
    border: 1px solid #d1bfa5;
    -moz-border-radius: 6px;
}

input, select, textarea {
    -moz-border-radius:9px;
}
   
.categ {
    background-color: #dbcfbc;
    padding: 5px;
}
   
.categcont {
    background-color: #e0d7c9;
    padding: 5px;
    border: 1px solid #a19787;
    height: 100px;
    overflow: auto;
}
   
.statistiques {
    border: 0;
    background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
}

.groupes {
    -moz-border-radius: 8px;
    height: 40px;
    padding: 0px 12px 3px 14px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}
   
.qeel {
    background-image: url('IMAGE OF FOOTER');
    width: 800px;
    height: 238px;
    margin: auto;
}
   
.avatar_mess {
    display: block;
    width: 200px;
    height: 320px;
    margin-left: -10px;
    margin-right: 10px;
    overflow: hidden;
    background: #272726;
    border: 5px solid #3e1d19;
    -ms-transform: rotate(-5deg);
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    -htm-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.avatar_mess:hover {
    margin-left: 5px;
    -ms-transform: rotate(0deg);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.profil_mess {
    position: absolute;
    display: block;
    width: 190px;
    height: 310px;
    margin: auto;
    padding: 5px;
    overflow: auto;
    background: #fff;
    color: #c5bea0;
    font-size: 11px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.profil_mess:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.pseudo_mess {
    display: block;
    position: relative;
    z-index: 2;
    width: 190px;
    margin-top: -15px;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    font-family: courier;
    font-weight: 700;
    text-shadow: 0 0 3px #c5bea0;
    background: #EADAC6;
    padding-top: 5px;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #371e1a;
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -o-box-shadow: 0 0 3px #000;
    -htm-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
}
   
#nu31_accueil {
    width: 950px;
    margin: 10px auto 5px;
    height: 200px;
    padding: 10px;
    background: #d2d6d6;
    border: 1px solid #efefef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -htm-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px #425e5c;
    -moz-box-shadow: 0 0 5px #425e5c;
    -o-box-shadow: 0 0 5px #425e5c;
    -htm-box-shadow: 0 0 5px #425e5c;
    -webkit-box-shadow: 0 0 5px #425e5c;
}
   
#nu31_content {
    width: 950px;
    height: 200px;
    overflow: hidden;
}
   
#nu31_links {
    float: left;
}
   
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
    width: 150px;
    height: 48px;
    margin-bottom: 2px;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    filter: alpha(opacity=60);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4: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;
}

.nu31_contenu1 {
    width: 800px;
    height: 200px;
    margin-left: 150px;
    background: #e8e8e8;
    border: 1px solid #cccaca;
}

.nu31_contenu2 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_contenu3 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -50px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
 
.nu31_contenu4 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -100px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
   
.nu31_contenu5 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
    width: 800px;
    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;
}

.nu31_contenu {
    display: block;
    padding: 5px;
    color: #965423;
    font-size: 10px;
    text-align: justify;
}
   
#f1_accueil {
    width: 800px;
    height: 500px;
    margin: auto;
    background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
    text-shadow: none!important;
}
   
#f1_accueil a {
    color: #ba8550!important;
    text-shadow: none!important;
}
   
#f1_accueil a:hover {
    color: #e58f3a!important;
    text-shadow: none!important;
}
   
.f1_col1 {
    width: 300px;
    vertical-align: top;
}
   
.f1_contexte {
    width: 220px;
    height: 300px;
    overflow: auto;
    margin-top: 130px;
    margin-left: 65px;
    text-align: justify;
    color: #7e6144;
    text-shadow: 1px 1px 0 #fff;
}
   
.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: 0;
    height: 220px;
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
    font-size: 11px;
    color: #7e6144;
}
 
.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: 16px;
    font-weight: 700;
}
   
.f1_friends, .f1_news {
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: justify;
}
   
.f1_credits, .f1_topsites {
    height: 150px;
    border-left: 1px solid #d19962;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}
   
.f1_staff1, .f1_staff2, .f1_staff3 {
    display: block;
    width: 50px;
    height: 50px;
    background: url() #d19962;
    margin: 20px 0;
    border: 1px solid #d19962;
}
   
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
    position: absolute;
    width: 0;
    height: 150px;
    background: #fff;
    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 #d19962;
}
     
/* QEEL */

.trans .row1 {
    background-color: #CDCCC8;
}

.titreqeel {
    color: #2E3454;
    font-family: 'Finger Paint', cursive;
    font-size: 45px;
    text-align: center;
}

.cadreqeel {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel1 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel2 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 500px;
    height: 100px;
    overflow: auto;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.boite10 {
    margin-left: 20px;
    margin-top: 25px;
    width: 180px;
    height: 180px;
    overflow: auto;
}

.groupes {
    font-family: 'Gabriela', serif;
    text-align: center !important;
    font-size: 20px;
}
#navig a.mainmenu{
    font-size: 16px;
    color:#000;
}
#navig{
    width:1200px;
    margin: auto;
    text-align: center;
}

#navigation{
    position: absolute;
    z-index: 999;
    width: 100%;
    background-color: #cecece;
    border-bottom: 2px solid #828282;
    margin-top: -10px;
    margin-left: -10px;
    padding: 5px;
}

table.forumline {
    border: 1px dotted;
}

a:hover {
    text-transform: uppercase;
}

a:hover, a:link {
    text-decoration: none !important;
}
   
.bodylinewidth {
    width: 990px;
    margin: auto;
    margin-top: 380px;
}

a.mainmenu {
    text-decoration: none;
    color: #9A4054;
    font-size: 22px;
    font-family: Brush Script MT;
    text-shadow: 0 0 0 #B9AF96;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

a.mainmenu:hover {
    text-decoration: none;
    color: #D4474D;
    text-shadow: 0 2px 2px #EBEAE6;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.bodyline {
    padding: 0;
}

.forumline {
    border-top: 5px solid #EADBDD;
    border-bottom: 5px solid #EADBDD;
}

.cate_titre {
    clear: both;
    height: 100px;
    margin-top: 50px;
}
 
.catetitre_bloc {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 20px;
    margin: auto;
    background-color: #a8a8a8;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -htm-transform: rotate(5deg);
}

.catetitre_content {
    position: absolute;
    z-index: 2;
    display: block;
    width: 950px;
    margin: -40px auto 0px;
    text-align: center;
    padding: 2px;
    border-bottom: 3px dotted #191817;
}
   
.catetitre {
    color: #454545;
    font-family: arial;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
}

.forum_bloc {
    width: 950px;
    margin: -30px auto 0px;
}
   
.forum {
    float: left;
    width: 460px;
    height: 250px;
    margin-left: 0px 5px 50px;
}
   
a.forumlink {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #454545;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
}
   
.forum_contenu {
    position: relative;
    z-index: 1;
    width: 98%;
    height: 90%;
    padding: 4px;
    margin: -8px auto 0px;
    background-color: #d9d9d9;
    border: 1px dotted #191817;
    border-top: 5px solid #191817;
}
   
.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);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.description_contenu:hover {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    filter: alpha(opacity=80);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}
   
.icone_stats {
    width: 300px;
    margin: -30px auto 0px;
}
   
.stats_lastpost {
    display: block;
    width: 160px;
    height: 80px;
    margin-left: 10px;
    background-color: #c8c8c8;
    border: 1px solid #b5b5b5;
    padding: 5px;
    text-align: center;
}

.stats {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dotted #b5b5b5;
    padding-bottom: 5px;
    font-size: 10px;
    color: #8f8f8f;
}
   
.lastpost {
    display: block;
    font-size: 11px;
}
   
.sforum {
    position: relative;
    z-index: 3;
    display: block;
    height: 0;
    background: #191817;
    color: #b5b5b5;
    overflow: hidden;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.ouverture_sousforum {
    position: relative;
    z-index: 3;
    display: block;
    float: right;
    width: 120px;
    margin-right: 20px;
    background: #191817;
    color: #b5b5b5;
    font-size: 11px;
    text-align: center;
    padding: 4px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
   
.sous_forum:hover .sforum {
    height: 50px;
    background: #191817;
    color: #b5b5b5;
    padding: 4px;
    overflow: auto;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.sous_forum a {
    color: #b5b5b5 !important;
    text-shadow: 1px 1px 0 #000;
}
   
.sous_forum a:hover {
    color: #fff !important;
}

a {
    color: #D6AA45;
    text-decoration: none;
}
   
.toolbar_avatar {
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: -10px;
}
   
#pa_welcome {
    font-family: Calligraffitti, cursive;
    font-size: 30px;
    word-spacing: 3px;
    color: #609AB5;
    text-shadow: #E8E8E8 1px 1px 0;
}
   
#pa_navigation {
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
}
   
.pa_td {
    vertical-align: top;
    text-align: justify;
    margin: 2px 5px;
    padding: 2px 5px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
}
   
.pa_titre {
    color: #609AB5;
    font-family: 'Dancing Script', cursive;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #609AB5;
}
   
#nav_barr {
    position: fixed;
    width: 790px;
    background-color: #fff;
    border: 1px #fff solid;
    margin-left: -395px;
    left: 50%;
    opacity: .9;
    height: 25px;
}
   
.quote .code {
    width: 500px;
    overflow-x: auto;
}
   
::-webkit-scrollbar {
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
    height: 10px;
    width: 10px;
}
   
::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
    border-radius: 30px;
}
   
#chatbox_header .cattitle strong {
    display: none;
}
   
#chatbox_header .cattitle:before {
    content: "Oserez-vous parler ?";
}
   
.selectCode {
    float: right;
    text-transform: uppercase;
    cursor: pointer;
    color: #00f;
}
   
.signature_div img {
    max-height: 300px;
    max-width: 500px;
}
   
div.infobulle {
    position: relative;
    float: left;
    color: #000;
}
   
div.infobulle span {
    display: none;
}
   
div.infobulle:hover {
    background: 0 0;
    z-index: 999;
    color: #000;
}
   
div.infobulle:hover span {
    display: inline;
    position: absolute;
    width: 150px;
    height: auto;
    top: 115px; left: 25px;
    background-color: beige;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}
   
a.lienpa {
    font-size: 30px;
    font-family: Impact;
    color: #000;
    letter-spacing: 2px;
}
   
a.lienpa:hover {
    font-size: 30px;
    font-family: impact;
    color: gray;
    letter-spacing: 2px;
}
   
.contourlien {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: beige;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}

.contourlien:hover {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}
   
.contourpa {
    border: 2px #000 solid;
    padding: 30px 10px 10px;
    background-color: beige;
}
   
.presforum {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.presforum:hover {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.titre {
    font-size: 30px;
    font-family: impact;
    letter-spacing: 1px;
    text-align: center;
    color: gray;
    margin-bottom: -7px;
}
   
.actus {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.actus:hover {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.partenaire {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
   
.partenaire:hover {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
   
.credits {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 10px;
    font-family: comic sans ms;
}
   
#tfa_cycle {
    width: 600px;
    height: 200px;
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    padding: 0;
}
   
.tfa_cycle_content, .tfa_cycle_content1 {
    width: 580px;
    height: 200px;
    margin: auto;
    padding: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.tfa_cycle_content {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
    border-left: 6px solid #bc0a27;
    border-right: 6px solid #78b8ca;
}
   
.tfa_cycle_content1 {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
    border-left: 6px solid #78b8ca;
    border-right: 6px solid #bc0a27;
}
   
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
    width: 580px;
    margin: 5px auto;
    padding: 0;
    color: #7fb7e5;
    text-transform: uppercase;
    text-align: center;
    font: 17px Orbitron;
    text-shadow: 0 1px 0 #000;
}
   
.tfa_cycle_content h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #42b1ff;
    text-shadow: 0 1px 0 #000;
}
   
.tfa_cycle_content1 h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #C00;
    text-shadow: 0 1px 0 #000;
}
   
.imgix {
    display: block;
    width: 96%;
    margin: auto;
    text-align: center;
}
   
.imgix img {
    border: 2px solid #2c587b;
}
   
.my_news p {
    width: 96%;
    margin: 5px auto 0;
    padding: 0;
    font: 12px Arial;
    color: #cbdeee;
}
   
div.bulle_msg {
    position: relative;
    cursor: pointer;
}
   
div.bulle_msg>div {
    display: none;
}
   
div.bulle_msg:hover {
    background: 0 0;
    z-index: 500;
}

div.bulle_msg:hover>div {
    display: block;
    position: absolute;
    top: 5px;
    left: 15px;
    white-space: nowrap;
    background: #7498A8;
    color: #000;
    padding: 3px;
    border: 1px dotted #000;
}
   
input.post, textarea.post {
    border-radius: 20px;
}

#i_logo {
    margin: -10px;
}
   
.opacity img {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
}
   
.opacity img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
   
.quote {
    font-family: Tahoma;
    font-size: 10px;
    color: #000;
    line-height: 105%;
    border: 1px #d1bfa5 solid;
    -moz-border-radius: 6px;
}
   
.code {
    font-family: Courier, Courier New, sans-serif;
    font-size: 11px;
    color: #000;
    border: 1px solid #d1bfa5;
    -moz-border-radius: 6px;
}

input, select, textarea {
    -moz-border-radius:9px;
}
   
.categ {
    background-color: #dbcfbc;
    padding: 5px;
}
   
.categcont {
    background-color: #e0d7c9;
    padding: 5px;
    border: 1px solid #a19787;
    height: 100px;
    overflow: auto;
}
   
.statistiques {
    border: 0;
    background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
}

.groupes {
    -moz-border-radius: 8px;
    height: 40px;
    padding: 0px 12px 3px 14px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}
   
.qeel {
    background-image: url('IMAGE OF FOOTER');
    width: 800px;
    height: 238px;
    margin: auto;
}
   
.avatar_mess {
    display: block;
    width: 200px;
    height: 320px;
    margin-left: -10px;
    margin-right: 10px;
    overflow: hidden;
    background: #272726;
    border: 5px solid #3e1d19;
    -ms-transform: rotate(-5deg);
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    -htm-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.avatar_mess:hover {
    margin-left: 5px;
    -ms-transform: rotate(0deg);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.profil_mess {
    position: absolute;
    display: block;
    width: 190px;
    height: 310px;
    margin: auto;
    padding: 5px;
    overflow: auto;
    background: #fff;
    color: #c5bea0;
    font-size: 11px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.profil_mess:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
   
.pseudo_mess {
    display: block;
    position: relative;
    z-index: 2;
    width: 190px;
    margin-top: -15px;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    font-family: courier;
    font-weight: 700;
    text-shadow: 0 0 3px #c5bea0;
    background: #EADAC6;
    padding-top: 5px;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #371e1a;
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -o-box-shadow: 0 0 3px #000;
    -htm-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
}
   
#nu31_accueil {
    width: 950px;
    margin: 10px auto 5px;
    height: 200px;
    padding: 10px;
    background: #d2d6d6;
    border: 1px solid #efefef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -htm-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px #425e5c;
    -moz-box-shadow: 0 0 5px #425e5c;
    -o-box-shadow: 0 0 5px #425e5c;
    -htm-box-shadow: 0 0 5px #425e5c;
    -webkit-box-shadow: 0 0 5px #425e5c;
}
   
#nu31_content {
    width: 950px;
    height: 200px;
    overflow: hidden;
}
   
#nu31_links {
    float: left;
}
   
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
    width: 150px;
    height: 48px;
    margin-bottom: 2px;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    filter: alpha(opacity=60);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4: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;
}

.nu31_contenu1 {
    width: 800px;
    height: 200px;
    margin-left: 150px;
    background: #e8e8e8;
    border: 1px solid #cccaca;
}

.nu31_contenu2 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_contenu3 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -50px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
 
.nu31_contenu4 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -100px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
   
.nu31_contenu5 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
    width: 800px;
    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;
}

.nu31_contenu {
    display: block;
    padding: 5px;
    color: #965423;
    font-size: 10px;
    text-align: justify;
}
   
#f1_accueil {
    width: 800px;
    height: 500px;
    margin: auto;
    background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
    text-shadow: none!important;
}
   
#f1_accueil a {
    color: #ba8550!important;
    text-shadow: none!important;
}
   
#f1_accueil a:hover {
    color: #e58f3a!important;
    text-shadow: none!important;
}
   
.f1_col1 {
    width: 300px;
    vertical-align: top;
}
   
.f1_contexte {
    width: 220px;
    height: 300px;
    overflow: auto;
    margin-top: 130px;
    margin-left: 65px;
    text-align: justify;
    color: #7e6144;
    text-shadow: 1px 1px 0 #fff;
}
   
.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: 0;
    height: 220px;
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
    font-size: 11px;
    color: #7e6144;
}
 
.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: 16px;
    font-weight: 700;
}
   
.f1_friends, .f1_news {
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: justify;
}
   
.f1_credits, .f1_topsites {
    height: 150px;
    border-left: 1px solid #d19962;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}
   
.f1_staff1, .f1_staff2, .f1_staff3 {
    display: block;
    width: 50px;
    height: 50px;
    background: url() #d19962;
    margin: 20px 0;
    border: 1px solid #d19962;
}
   
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
    position: absolute;
    width: 0;
    height: 150px;
    background: #fff;
    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 #d19962;
}
     
/* QEEL */

.trans .row1 {
    background-color: #CDCCC8;
}

.titreqeel {
    color: #2E3454;
    font-family: 'Finger Paint', cursive;
    font-size: 45px;
    text-align: center;
}

.cadreqeel {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel1 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel2 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 500px;
    height: 100px;
    overflow: auto;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.boite10 {
    margin-left: 20px;
    margin-top: 25px;
    width: 180px;
    height: 180px;
    overflow: auto;
}

.groupes {
    font-family: 'Gabriela', serif;
    text-align: center !important;
    font-size: 20px;
}

merci et desoler pour ce trouble la :S

[Self]

Bonjour,

Essayez en remplaçant tout votre CSS par :

Code:

.cate_titre h2{
    font-size:22px;
}
.forum .forumlink{
    font-size:20px
}
.cate_titre{
    padding-top:50px;
 }

.forum{
    height:200px;
}
#PanAccueil {
  width: 800px;
  height: 500px;
  margin: auto;
  background: url(http://i39.servimg.com/u/f39/11/90/82/77/89132410.jpg);
}


 
#btNews {
 position: absolute;
 margin-top: 195px;
 margin-left: 350px;
  width: 80px;
  height: 45px;
}
 
#btStaff {
 position: absolute;
 margin-top: 195px;
 margin-left: 475px;
  width: 120px;
  height: 45px;
}
#btAmis {
 position: absolute;
 margin-top: 195px;
 margin-left: 640px;
  width: 110px;
  height: 45px;
}
 
.news, .staff, .amis {
  display: none;
}
 
.marquee {
  height: 84px;
}
 
.partenaires {
  margin: 5px 0 10px;
}
.fen1 {
 position: absolute;
 margin-top: 133px;
 margin-left: 28px;
  width: 250px;
  height: 350px;
  overflow: auto;
  text-align: justify;
  color: #7e6144;
  text-shadow: 1px 1px 0 #fff;
}
.fen2 {
 position: absolute;
 margin-top: 253px;
 margin-left: 358px;
  width: 410px;
  height: 214px;
  overflow: auto;
  text-align: justify;
  color: #7e6144;
  text-shadow: 1px 1px 0 #fff;
}
#navig a.mainmenu{
    font-size: 16px;
    color:#000;
}
#navig{
    width:1200px;
    margin: auto;
    text-align: center;
}

#navigation{
    position: absolute;
    z-index: 999;
    width: 100%;
    background-color: #cecece;
    border-bottom: 2px solid #828282;
    margin-top: -10px;
    margin-left: -10px;
    padding: 5px;
}

table.forumline {
    border: 1px dotted;
}

a:hover {
    text-transform: uppercase;
}

a:hover, a:link {
    text-decoration: none !important;
}
 
.bodylinewidth {
    width: 990px;
    margin: auto;
    margin-top: 380px;
}

a.mainmenu {
    text-decoration: none;
    color: #9A4054;
    font-size: 22px;
    font-family: Brush Script MT;
    text-shadow: 0 0 0 #B9AF96;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

a.mainmenu:hover {
    text-decoration: none;
    color: #D4474D;
    text-shadow: 0 2px 2px #EBEAE6;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.bodyline {
    padding: 0;
}

.forumline {
    border-top: 5px solid #EADBDD;
    border-bottom: 5px solid #EADBDD;
}

.cate_titre {
    clear: both;
    height: 100px;
    margin-top: 50px;
}
 
.catetitre_bloc {
    position: relative;
    z-index: 1;
    display: block;
    width: 90%;
    height: 20px;
    margin: auto;
    background-color: #a8a8a8;
    transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -htm-transform: rotate(5deg);
}

.catetitre_content {
    position: absolute;
    z-index: 2;
    display: block;
    width: 950px;
    margin: -40px auto 0px;
    text-align: center;
    padding: 2px;
    border-bottom: 3px dotted #191817;
}
 
.catetitre {
    color: #454545;
    font-family: arial;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0 #000;
}

.forum_bloc {
    width: 950px;
    margin: -30px auto 0px;
}
 
.forum {
    float: left;
    width: 460px;
    height: 250px;
    margin-left: 0px 5px 50px;
}
 
a.forumlink {
    position: relative;
    z-index: 2;
    width: 100%;
    color: #454545;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 #000;
}
 
.forum_contenu {
    position: relative;
    z-index: 1;
    width: 98%;
    height: 90%;
    padding: 4px;
    margin: -8px auto 0px;
    background-color: #d9d9d9;
    border: 1px dotted #191817;
    border-top: 5px solid #191817;
}
 
.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);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
 
.description_contenu:hover {
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    filter: alpha(opacity=80);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}
 
.icone_stats {
    width: 300px;
  margin: -15px auto 0px;
}
 
.stats_lastpost {
    display: block;
    width: 160px;
    height: 80px;
    margin-left: 10px;
    background-color: #c8c8c8;
    border: 1px solid #b5b5b5;
    padding: 5px;
    text-align: center;
}

.stats {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dotted #b5b5b5;
    padding-bottom: 5px;
    font-size: 10px;
    color: #8f8f8f;
}
 
.lastpost {
    display: block;
    font-size: 11px;
}
 
.sforum {
    position: relative;
    z-index: 3;
    display: block;
    height: 0;
    background: #191817;
    color: #b5b5b5;
    overflow: hidden;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
 
.ouverture_sousforum {
    position: relative;
    z-index: 3;
    display: block;
    float: right;
    width: 120px;
    margin-right: 20px;
    background: #191817;
    color: #b5b5b5;
    font-size: 11px;
    text-align: center;
    padding: 4px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
 
.sous_forum:hover .sforum {
    height: 50px;
    background: #191817;
    color: #b5b5b5;
    padding: 4px;
    overflow: auto;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}

.sous_forum a {
    color: #b5b5b5 !important;
    text-shadow: 1px 1px 0 #000;
}
 
.sous_forum a:hover {
    color: #fff !important;
}

a {
    color: #D6AA45;
    text-decoration: none;
}
 
.toolbar_avatar {
    width: 25px;
    height: 25px;
    position: relative;
    top: -3px;
    margin-right: 5px;
    border-radius: 3px;
    margin-bottom: -10px;
}
 
#pa_welcome {
    font-family: Calligraffitti, cursive;
    font-size: 30px;
    word-spacing: 3px;
    color: #609AB5;
    text-shadow: #E8E8E8 1px 1px 0;
}
 
#pa_navigation {
    text-align: center;
    text-transform: lowercase;
    font-size: 20px;
}
 
.pa_td {
    vertical-align: top;
    text-align: justify;
    margin: 2px 5px;
    padding: 2px 5px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 8px;
}
 
.pa_titre {
    color: #609AB5;
    font-family: 'Dancing Script', cursive;
    font-size: 20px;
    text-align: center;
    border-bottom: 1px solid #609AB5;
}
 
#nav_barr {
    position: fixed;
    width: 790px;
    background-color: #fff;
    border: 1px #fff solid;
    margin-left: -395px;
    left: 50%;
    opacity: .9;
    height: 25px;
}
 
.quote .code {
    width: 500px;
    overflow-x: auto;
}
 
::-webkit-scrollbar {
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933648-bg.png);
    height: 10px;
    width: 10px;
}
 
::-webkit-scrollbar-thumb {
    background: #a5a5a5;
    background-image: url(http://image.noelshack.com/fichiers/2012/36/1346933921-bouton.png);
    border-radius: 30px;
}
 
#chatbox_header .cattitle strong {
    display: none;
}
 
#chatbox_header .cattitle:before {
    content: "Oserez-vous parler ?";
}
 
.selectCode {
    float: right;
    text-transform: uppercase;
    cursor: pointer;
    color: #00f;
}
 
.signature_div img {
    max-height: 300px;
    max-width: 500px;
}
 
div.infobulle {
    position: relative;
    float: left;
    color: #000;
}
 
div.infobulle span {
    display: none;
}
 
div.infobulle:hover {
    background: 0 0;
    z-index: 999;
    color: #000;
}
 
div.infobulle:hover span {
    display: inline;
    position: absolute;
    width: 150px;
    height: auto;
    top: 115px; left: 25px;
    background-color: beige;
    padding: 3px;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
}
 
a.lienpa {
    font-size: 30px;
    font-family: Impact;
    color: #000;
    letter-spacing: 2px;
}
 
a.lienpa:hover {
    font-size: 30px;
    font-family: impact;
    color: gray;
    letter-spacing: 2px;
}
 
.contourlien {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: beige;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}

.contourlien:hover {
    width: 650px;
    border: 2px #000 solid;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    float: left;
    margin-bottom: -30px;
    margin-left: 60px;
}
 
.contourpa {
    border: 2px #000 solid;
    padding: 30px 10px 10px;
    background-color: beige;
}
 
.presforum {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
 
.presforum:hover {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
 
.titre {
    font-size: 30px;
    font-family: impact;
    letter-spacing: 1px;
    text-align: center;
    color: gray;
    margin-bottom: -7px;
}
 
.actus {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
 
.actus:hover {
    height: 90px;
    overflow: auto;
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
 
.partenaire {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: beige;
}
 
.partenaire:hover {
    height: 90px;
    overflow: auto;
    text-align: center;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 12px;
    font-family: comic sans ms;
    background-color: #fff;
}
 
.credits {
    text-align: justify;
    border: 2px #000 solid;
    padding: 10px;
    color: #000;
    font-size: 10px;
    font-family: comic sans ms;
}
 
#tfa_cycle {
    width: 600px;
    height: 200px;
    position: relative;
    overflow: hidden;
    margin: 10px auto;
    padding: 0;
}
 
.tfa_cycle_content, .tfa_cycle_content1 {
    width: 580px;
    height: 200px;
    margin: auto;
    padding: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.tfa_cycle_content {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o110.jpg) #143851;
    border-left: 6px solid #bc0a27;
    border-right: 6px solid #78b8ca;
}
 
.tfa_cycle_content1 {
    background: url(http://i45.servimg.com/u/f45/11/95/30/70/o210.jpg) #143851;
    border-left: 6px solid #78b8ca;
    border-right: 6px solid #bc0a27;
}
 
.tfa_cycle_content h1, .tfa_cycle_content1 h1 {
    width: 580px;
    margin: 5px auto;
    padding: 0;
    color: #7fb7e5;
    text-transform: uppercase;
    text-align: center;
    font: 17px Orbitron;
    text-shadow: 0 1px 0 #000;
}
 
.tfa_cycle_content h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #42b1ff;
    text-shadow: 0 1px 0 #000;
}
 
.tfa_cycle_content1 h1:first-letter {
    font: 22px Verdana;
    font-weight: 700;
    color: #C00;
    text-shadow: 0 1px 0 #000;
}
 
.imgix {
    display: block;
    width: 96%;
    margin: auto;
    text-align: center;
}
 
.imgix img {
    border: 2px solid #2c587b;
}
 
.my_news p {
    width: 96%;
    margin: 5px auto 0;
    padding: 0;
    font: 12px Arial;
    color: #cbdeee;
}
 
div.bulle_msg {
    position: relative;
    cursor: pointer;
}
 
div.bulle_msg>div {
    display: none;
}
 
div.bulle_msg:hover {
    background: 0 0;
    z-index: 500;
}

div.bulle_msg:hover>div {
    display: block;
    position: absolute;
    top: 5px;
    left: 15px;
    white-space: nowrap;
    background: #7498A8;
    color: #000;
    padding: 3px;
    border: 1px dotted #000;
}
 
input.post, textarea.post {
    border-radius: 20px;
}

#i_logo {
    margin: -10px;
}
 
.opacity img {
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7;
}
 
.opacity img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
 
.quote {
    font-family: Tahoma;
    font-size: 10px;
    color: #000;
    line-height: 105%;
    border: 1px #d1bfa5 solid;
    -moz-border-radius: 6px;
}
 
.code {
    font-family: Courier, Courier New, sans-serif;
    font-size: 11px;
    color: #000;
    border: 1px solid #d1bfa5;
    -moz-border-radius: 6px;
}

input, select, textarea {
    -moz-border-radius:9px;
}
 
.categ {
    background-color: #dbcfbc;
    padding: 5px;
}
 
.categcont {
    background-color: #e0d7c9;
    padding: 5px;
    border: 1px solid #a19787;
    height: 100px;
    overflow: auto;
}
 
.statistiques {
    border: 0;
    background-image: url(http://i34.servimg.com/u/f34/17/84/83/24/quiest14.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
}

.groupes {
    -moz-border-radius: 8px;
    height: 40px;
    padding: 0px 12px 3px 14px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    text-decoration: none !important;
}
 
.qeel {
    background-image: url('IMAGE OF FOOTER');
    width: 800px;
    height: 238px;
    margin: auto;
}
 
.avatar_mess {
    display: block;
    width: 200px;
    height: 320px;
    margin-left: -10px;
    margin-right: 10px;
    overflow: hidden;
    background: #272726;
    border: 5px solid #3e1d19;
    -ms-transform: rotate(-5deg);
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    -htm-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
 
.avatar_mess:hover {
    margin-left: 5px;
    -ms-transform: rotate(0deg);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
 
.profil_mess {
    position: absolute;
    display: block;
    width: 190px;
    height: 310px;
    margin: auto;
    padding: 5px;
    overflow: auto;
    background: #fff;
    color: #c5bea0;
    font-size: 11px;
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
 
.profil_mess:hover {
    opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    filter: alpha(opacity=100);
    transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -htm-transition: all 1s;
    -webkit-transition: all 1s;
}
 
.pseudo_mess {
    display: block;
    position: relative;
    z-index: 2;
    width: 190px;
    margin-top: -15px;
    margin-left: 10px;
    text-align: center;
    font-size: 18px;
    font-family: courier;
    font-weight: 700;
    text-shadow: 0 0 3px #c5bea0;
    background: #EADAC6;
    padding-top: 5px;
    border-width: 1px 3px;
    border-style: solid;
    border-color: #371e1a;
    box-shadow: 0 0 3px #000;
    -moz-box-shadow: 0 0 3px #000;
    -o-box-shadow: 0 0 3px #000;
    -htm-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
}
 
#nu31_accueil {
    width: 950px;
    margin: 10px auto 5px;
    height: 200px;
    padding: 10px;
    background: #d2d6d6;
    border: 1px solid #efefef;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -htm-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px #425e5c;
    -moz-box-shadow: 0 0 5px #425e5c;
    -o-box-shadow: 0 0 5px #425e5c;
    -htm-box-shadow: 0 0 5px #425e5c;
    -webkit-box-shadow: 0 0 5px #425e5c;
}
 
#nu31_content {
    width: 950px;
    height: 200px;
    overflow: hidden;
}
 
#nu31_links {
    float: left;
}
 
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4 {
    width: 150px;
    height: 48px;
    margin-bottom: 2px;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6;
    filter: alpha(opacity=60);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
}

.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4: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;
}

.nu31_contenu1 {
    width: 800px;
    height: 200px;
    margin-left: 150px;
    background: #e8e8e8;
    border: 1px solid #cccaca;
}

.nu31_contenu2 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_contenu3 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -50px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
 
.nu31_contenu4 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -100px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}
 
.nu31_contenu5 {
    position: absolute;
    width: 0;
    height: 200px;
    margin-left: 150px;
    margin-top: -150px;
    overflow: hidden;
    background: #e9c8a4;
    border: 1px solid #cccaca;
    color: #8a6c4c;
    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;
}

.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4, .nu31_link4:hover .nu31_contenu5 {
    width: 800px;
    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;
}

.nu31_contenu {
    display: block;
    padding: 5px;
    color: #965423;
    font-size: 10px;
    text-align: justify;
}
 
#f1_accueil {
    width: 800px;
    height: 500px;
    margin: auto;
    background: url(http://i56.servimg.com/u/f56/11/90/82/77/89132412.jpg);
    text-shadow: none!important;
}
 
#f1_accueil a {
    color: #ba8550!important;
    text-shadow: none!important;
}
 
#f1_accueil a:hover {
    color: #e58f3a!important;
    text-shadow: none!important;
}
 
.f1_col1 {
    width: 300px;
    vertical-align: top;
}
 
.f1_contexte {
    width: 220px;
    height: 300px;
    overflow: auto;
    margin-top: 130px;
    margin-left: 65px;
    text-align: justify;
    color: #7e6144;
    text-shadow: 1px 1px 0 #fff;
}
 
.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: 0;
    height: 220px;
    margin-top: 40px;
    padding-top: 40px;
    overflow: hidden;
    font-size: 11px;
    color: #7e6144;
}
 
.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: 16px;
    font-weight: 700;
}
 
.f1_friends, .f1_news {
    width: 200px;
    height: 200px;
    overflow: hidden;
    text-align: justify;
}
 
.f1_credits, .f1_topsites {
    height: 150px;
    border-left: 1px solid #d19962;
    margin-left: 5px;
    padding: 5px;
    text-align: center;
}
 
.f1_staff1, .f1_staff2, .f1_staff3 {
    display: block;
    width: 50px;
    height: 50px;
    background: url() #d19962;
    margin: 20px 0;
    border: 1px solid #d19962;
}
 
.f1_staffcontenu1, .f1_staffcontenu2, .f1_staffcontenu3 {
    position: absolute;
    width: 0;
    height: 150px;
    background: #fff;
    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 #d19962;
}
   
/* QEEL */

.trans .row1 {
    background-color: #CDCCC8;
}

.titreqeel {
    color: #2E3454;
    font-family: 'Finger Paint', cursive;
    font-size: 45px;
    text-align: center;
}

.cadreqeel {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel1 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 210px;
    height: 190px;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 310px;
    -webkit-border-radius: 310px;
    border-radius: 310px;
}

.cadreqeel2 {
    background-color: #CDCCC8;
    color: #5C5C5C;
    padding: 15px;
    width: 500px;
    height: 100px;
    overflow: auto;
    text-align: justify;
    font-family: arial;
    font-size: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.boite10 {
    margin-left: 20px;
    margin-top: 25px;
    width: 180px;
    height: 180px;
    overflow: auto;
}

.groupes {
    font-family: 'Gabriela', serif;
    text-align: center !important;
    font-size: 20px;
}

Bonne journée .

[Little_dragon]

salut SeLfde4Th7, un probleme de regler merci beaucoup pour ton aide
et pour ton temps.

passe une belle journee

[Lixyr]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif