problème de css

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu problème de css

Message par Little_dragon le Mer 28 Mai 2014 - 17:49

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


Dernière édition par Little_dragon le Mer 4 Juin 2014 - 21:50, édité 2 fois

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Self le Mer 28 Mai 2014 - 17:58

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 Smile.

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: problème de css

Message par Zorro le Mer 28 Mai 2014 - 18:00

SeLfde4Th7 a écrit: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 Smile.

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

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




Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe


Zorro
Dévactif
Dévactif

Masculin
Messages : 2005
Inscrit(e) le : 05/12/2006

https://fr.wikipedia.org/wiki/Guy_Williams_(acteur)
Zorro a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Mer 28 Mai 2014 - 18:02

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Kinotto le Mer 28 Mai 2014 - 18:22

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.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Self le Mer 28 Mai 2014 - 19:28

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Mer 28 Mai 2014 - 22:16

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Self le Mer 28 Mai 2014 - 22:28

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 ?

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Mer 28 Mai 2014 - 22:31

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

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Self le Mer 28 Mai 2014 - 22:43

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 Wink.
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 Smile.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Mer 28 Mai 2014 - 22:51

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...

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Self le Mer 28 Mai 2014 - 23:23

Re,

Vous n'êtes pas fatiguante Wink, 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;
}

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Jeu 29 Mai 2014 - 15:57

coucou pour la navigation tout est parfait Smile 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 Smile

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Self le Jeu 29 Mai 2014 - 17:10

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

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Ven 30 Mai 2014 - 4:15

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


Dernière édition par Little_dragon le Ven 30 Mai 2014 - 4:18, édité 1 fois

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Ven 30 Mai 2014 - 4:17

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Self le Ven 30 Mai 2014 - 11:56

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 Wink .

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 Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Ven 30 Mai 2014 - 13:10

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 Smile


Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Self le Ven 30 Mai 2014 - 14:40

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>

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Sam 31 Mai 2014 - 6:35

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Self le Sam 31 Mai 2014 - 16:37

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 Wink !

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Dim 1 Juin 2014 - 5:44

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Self le Dim 1 Juin 2014 - 14:18

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 ?

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Mar 3 Juin 2014 - 6:14

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Self le Mar 3 Juin 2014 - 15:12

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.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Mer 4 Juin 2014 - 5:01

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

Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: problème de css

Message par Self le Mer 4 Juin 2014 - 13:55

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 Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Little_dragon le Mer 4 Juin 2014 - 16:47

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

passe une belle journee


Little_dragon
****

Féminin
Messages : 243
Inscrit(e) le : 04/06/2012

http://www.zen-hotel.forum-canada.com
Little_dragon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème de css

Message par Lixyr le Mer 4 Juin 2014 - 20:00

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 résolu
  • 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 Smile





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum