Espacement entre les titres

3 participants

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

Résolu Espacement entre les titres

Message par Kabrina Lestrange Mar 10 Sep 2013 - 2:19

Bonjour,

Voilà, j'ai remarquer qu'il y a un problème d'espacement entre les titres de mes sujets.
En fait le problème c'est qu'il n'est pas égal. Et lorsque l'on passe la souri dessus (donc l'hover du lien), le lien change de place.
Et c'est vraiment dérangeant... Quelqu'un peux m'aider?

Spoiler:

Mon CSS:
Code:
html{
  font-family: 'Quattrocento', serif;}

body{
   /*margin-top:20px;*/
   margin-bottom: 0px;
     overflow-x:hidden;
  
  background: url('http://imageshack.us/a/img20/5140/y1y0.jpg') no-repeat top center fixed;
  
     /*background: #140000;
   background: -moz-linear-gradient(top,  #140000 0%, #000000 72%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#140000), color-stop(72%,#000000));
   background: -webkit-linear-gradient(top,  #140000 0%,#000000 72%);
   background: -o-linear-gradient(top,  #140000 0%,#000000 72%);
   background: -ms-linear-gradient(top,  #140000 0%,#000000 72%);
   background: linear-gradient(to bottom,  #140000 0%,#000000 72%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#140000', endColorstr='#000000',GradientType=0 ); */
}


.bodyline {
   /*background-attachment: fixed;*/
     /*top:60px;*/
  position:center;
   background-image: url("http://i37.servimg.com/u/f37/11/63/67/06/middle11.jpg");
   background-repeat: repeat-y;
   /*background-position: top center;*/
    
}

.secondarytitle /*background titre caté etc..*/
{
   background: url('');

}

.topictitle a:hover{
  decoration:none;
}



/*AVATAR MESSAGE RÉPONSE RAPIDE*/
#av_quickreply img{
  position: relative;
  top: 0px;
  left: 60px;
  width: 100px;
  height:100^x;
  overflow: hidden;
}
 
#av_quickreply {
  float: left;
}


.icone{
  float:left;
  
  
}
#text_editor_textarea{
     background-image: url('http://img441.imageshack.us/img441/3942/middle2p.jpg');
  
  
}


#i_logo{
  margin-left:-10px;
  margin-right: 0px;
  margin-top: -10px;
  
  
}

/* BARRE DE NAVIGATION*/
.titre_nav{
   padding-left: 15px;
     font-size: 15px;
   font-family: 'Capriola', sans-serif;
     margin-bottom: 10px;
   color:#ddb266;
  
}


.navig{
   padding: 0px;
   /* margin: 0 0 0px 0;*/
   position: absolute;
   top: 60px;
     left: 20px;
   font-size: 10px;
   display: block;
   width:auto;
   color: #9C532B;
        max-width: 200px;
   border: 2px solid #131313;
   background-image: url("http://i41.servimg.com/u/f41/14/71/65/89/textur11.png");
   border-radius: 20px 20px 20px 20px;
}

.navig a{
    text-decoration:none!important;
    /*color: transparent !important; */
    display: block;
   font-size: 11px;
   font-family: 'Capriola', sans-serif;
    font-weight: bold;
    text-align: left;
   /* text-transform: uppercase;*/
   /* text-shadow: 0px 0px 4px #b17036;*/
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    
}
.navig:hover a{
    text-shadow: 0px 0px 2px #9C532B;
}
.navig a:hover{
    color: #ce0500 !important;
    text-shadow: 0px 0px 4px #000;
    padding-left: 10px;
}



/* Aligner le contenu du forum*/
.postbody, td.row1 span.gensmall {
   text-align: justify !important;
   display: block;
}

a{
   text-decoration: none;
}

.nav{
    margin-top:10px;
}


h1 { /* Titre pour de joli messages*/

   font-family: 'Squada One', cursive;
      font-size: 32px; /* Taille du texte: TAILLEpx */
     text-shadow: 1px 1px 0px #000; /* Ombre du texte */
     color: #d51731; /* Couleur du texte */
     margin: 0; /* Supprime la marge par défaut de l'élément h1 */
     text-align: right;   /* Aligne le titre à droite */
     text-transform: uppercase; /* Met le titre en majuscules */
  
}

.code{
   font-family: Arno Pro;
   font-size: 15px;
   color: #9b6b6b;
   line-height: 125%;
   background-color: #6e0502;
   border: #FFFFFF;
   border-style: solid;
   border: 1px #FFFFFF dotted;
   border-left-width: 1px;   
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px
   -moz-border-radius: 10px 10px 10px 10px; /*pour les arrondis*/
   -webkit-border-radius: 10px 10px 10px 10px;
   -border-radius: 10px 10px10px 10px;}
.quote {
   background-image: url('http://img829.imageshack.us/img829/4418/fondnt.png') !important;
   background-repeat: repeat !important;
   background-position: left top !important;
   padding: 20px;
     border: 1px dashed #ffffff;
     color: #ffffff;
}

.spoiler_closed{ /*lorsque le spoiler est masqué*/
   border: 2px #000000 dashed; /*pour la bordure*/
   -moz-border-radius: 10px 10px 10px 10px; /*pour les arrondis*/
   -webkit-border-radius: 10px 10px 10px 10px;
   -border-radius: 10px 10px10px 10px;
   padding : 10px;
   height: 10px; /* hauteur du spoiler lorsqu'il est caché*/
     background-color: #500104;
}

.spoiler_content{/*lorsque le spoiler est ouvert*/
   border: 2px #000000 dashed; /*pour la bordure*/
   -moz-border-radius: 10px 10px 10px 10px; /*pour les arrondis*/
   -webkit-border-radius: 10px 10px 10px 10px;
   -border-radius: 10px 10px10px 10px;
   color: #ffffff; /*couleur de la police*/
     background-image: url('http://img829.imageshack.us/img829/4418/fondnt.png') !important;
   padding : 10px;
}

/*sélectionner les codes*/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }


/*Début corps de message*/
.entour_message {
   width: 90%;
     padding: 10px;
   margin-left:auto !important;
   margin-right:auto !important;
   border: 2px dashed #897963;
     border-top:0px;
     border-bottom: 0px;
   /*background-image: url('http://img829.imageshack.us/img829/4418/fondnt.png');*/
   background-repeat: repeat;
   padding: 10px;
   margin: 10px;

   -webkit-border-bottom-left-radius: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   -o-border-radius-bottomleft: 5px;
   -o-border-radius-bottomright: 5px;
   -o-border-radius-topleft: 5px;
   -o-border-radius-topright: 5px;
}
/*Fin corps de message*/


/* **************************AVATAR******************************* */
/* Code par Hiro pour CSSACTIF
   Merci de ne pas supprimer cette mention
   (http://www.css-actif.com) */

#englob { /* Encadrement global des 2 divs */
    position:relative;
    width:220px;
    height:440px;
    overflow:hidden; /* Permet de cacher ce qui dépasse */

    border: 2px solid #131313;
    border-radius: 20px 20px 20px 20px;
}

.imgp {
    background-image: url("http://i41.servimg.com/u/f41/14/71/65/89/textur11.png");
   border-radius: 20px 20px 20px 20px;
  
    position:absolute; /* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:1;/* La position par rapport à l'autre div qui contient les infos */
    -webkit-transition:all 1.5s;/* Laissez comme ceci */
    -moz-transition:all 1.5s;/* Laissez comme ceci */
    -o-transition:all 1.5s;/* Laissez comme ceci */
    -ms-transition:all 1.5s;/* Laissez comme ceci */
    transition:all 1.5s;/* Laissez comme ceci */
}

#englob:hover > .imgp {
    margin-top:250px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */
  border-radius: 20px 20px 20px 20px;
}

.infosp {
  padding-left: 20%;
  padding-right:20%;
    border-radius: 20px 20px 20px 20px;
    background-image: url("http://i74.servimg.com/u/f74/11/63/67/06/tete210.jpg"); /* le bg  de la div qui contient les infos*/
    position:absolute;/* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
    opacity:0;/* on met l'opacité à zero pour un effet stylé  */
    margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
}

#englob:hover > .infosp {
   opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
   margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
}

/*profil dans le message*/
.test {
  /*border: 10px solid #fff;*/
}


/*PSEUDO*/
.pseudo{
  font-size: 20px;
  font-family: 'Courgette', cursive;
  margin-top: 20px;
  
  
}

/* RANG */
.rang_mess{
  font-variant: small-caps ;
  font-size: 13px;
  text-shadow: 2px 2px 2px #000;
  
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2);
  zoom: 1;
  
}


/* ***************** CSS DE LA PAGE D'ACCUEIL ********************
                  by mimizZ | www.graph-forum.com
   Droit à la modification des couleurs et du fond uniquement
****************************************************************** */

#EnTete {
   position:relative;
   /* largeur et hauteur de l'image */
   width:800px;
   height:500px;
}

#EnTete #Bande {
   position:absolute;
   /* positionnement de la bande par rapport à la page d'accueil */
 left:119px;
  top:100px;
   /* largeur et hauteur de la bande */
   width:531px;
   height:72px;
   background-image: url('http://img15.hostingpics.net/pics/776869Bandeau.png');  
}

.titre2 { /* TITRE "PRÉSENTATION */
   position:absolute;
   /* positionnement de la banche par rapport à l'image */
   left:155px;
   top:16px;
   font-family:Helvetica Neue;
   text-transform:uppercase;
   color:#535353;
   font-weight:bold;
   font-size:24px;
   letter-spacing:-1px;
   text-shadow:1px 1px 1px #fff;
   }

.titre2:hover {color:#00abea;}

a:link{ cursor:  pointer;}
a, a:hover {text-decoration:none;}



.titre_pers { /* TITRE "PERSONNAGES PRÉDÉFINIS */
  /* position:absolute;*/
   /* positionnement de la banche par rapport à l'image */
  /* left:155px;
   top:16px;*/
   margin-top: 20px;
   font-family:Helvetica Neue;
   text-transform:uppercase;
   color:#535353;
   font-weight:bold;
   font-size:24px;
   letter-spacing:-1px;
   text-shadow:1px 1px 1px #fff;
   }

.titre_pers:hover {color:#00abea;}

a:link{ cursor:  pointer;}
a, a:hover {text-decoration:none;}


.titre { /* TITRE " BIENVENUE SUR LE FORUM " */
   font-family:Parisienne;
   /*text-transform:uppercase;*/
   letter-spacing:-1px;
   font-weight:bold;
   font-size:80px;
   color:#6e0502;
   text-shadow: 1px 2px 1px #c3c3c3;
   text-align:center;
  
/*  -webkit-border-radius: 10px;
   -webkit-border-bottom-right-radius: 40px;
   -webkit-border-bottom-left-radius: 40px;
   -moz-border-radius: 10px;
   -moz-border-radius-bottomright: 40px;
   -moz-border-radius-bottomleft: 40px;
   border-radius: 10px;
   border-bottom-right-radius: 40px;
   border-bottom-left-radius: 40px;
   background-color:#454444;
   border-bottom: 3px solid #cccccc;
   padding:5px;*/
   }

.titre:hover {letter-spacing:0px;}

.presentation { /* CADRE ROUGE " PLAISIR COUPABLE " */
   margin-right:-4px;
    margin-left:-10px;
   background-color:#6e0502;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   box-shadow: 0px 0px 5px #000;
   width:430px;
   height:300px;
   padding-bottom:8px;
   padding-left:16px;
   padding-right:16px;
   padding-top:50px;
   }

.presentation p { /* ZONE DE TEXTE PRÉSENTATION */
   background-color:#FFF;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   border-bottom: 3px solid #bd0500;
   border-left: 3px solid #bd0500;
   border-right: 3px solid #bd0500;
   color:#666;
   font-family:calibri;
   font-size:13px;
   text-align:justify;
   padding:20px;
  height: 250px;
  overflow: scroll;
overflow-x: hidden;}
  
  /*SCROLLBAR*/
/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar {
  width: 10px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;}

::-webkit-scrollbar-track {
  background-color: #6e0502; /*couleur du fond de la scrollbar*/}
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #000000 /*couleur de l'ascenseur*/;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
   }

.navigation { /* LIENS */
   font-family:"Courier New", Courier, monospace;
   text-transform:uppercase;
   -webkit-border-top-left-radius: 30px;
   -webkit-border-bottom-left-radius: 30px;
   -moz-border-radius-topleft: 30px;
   -moz-border-radius-bottomleft: 30px;
   border-top-left-radius: 30px;
   border-bottom-left-radius: 30px;
   width:125px;
   background-color:#bd0500;  
   font-size:12px;
   text-align:center;
   text-shadow:0px 0px 3px #666;
   margin-left:15px;
   margin-top:12px;
   padding: 3px;
   border-bottom:2px solid #814634;
   }

.navigation:hover {
   background-color:#fff15f;
   text-shadow:0px 0px 3px #fff;
   letter-spacing:1px;
   border-bottom:2px solid #ffd05f;
   }

.navigation a {color:#FFF} /* COULEUR DES LIENS */
.navigation a:hover {color:#F60} /* COULEUR DES LIENS AU SURVOL */
  
.annonces { /* ANNONCES QUI DÉFILENT */
   width:170px;
   max-height:185px;
   -webkit-border-top-right-radius: 30px;
   -webkit-border-bottom-right-radius: 30px;
   -moz-border-radius-topright: 30px;
   -moz-border-radius-bottomright: 30px;
   border-top-right-radius: 30px;
   border-bottom-right-radius: 30px;
   background-color:#bd0500;
   padding-top:8px;
   padding-bottom:8px;
   padding-right:10px;
   box-shadow: 1px 0px 4px #000;
   border-left:thin solid #000;
   text-align:center;
    }

.titre3 { /* TITRE " ANNONCE " */
   color:#ffe699;
   font-size:19px;
   font-family:helvetica neue;
   text-transform:uppercase;
   letter-spacing:-1px;
   font-weight:bold;
   text-align:center;
   text-shadow: 2px 2px 1px #4a4179;
   }

.titre3:hover {
   color:#d6c8f5;
   letter-spacing:0px;
   }

.annonces p { /* ZONE DE TEXTE " ANNONCES */
   color:#666;
   font-family:calibri;
   font-size:13px;
   background-color:#FFF;
   -webkit-border-top-right-radius: 20px;
   -webkit-border-bottom-right-radius: 20px;
   -moz-border-radius-topright: 20px;
   -moz-border-radius-bottomright: 20px;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   text-align:left;
   padding:8px;
   border-right:3px solid #d6c8f5;
   border-bottom:3px solid #d6c8f5;
   }

.html-marquee {height:125px;} /* PERMET DE LE DÉFILEMENT DES ANNONCES, NE PAS TOUCHER ! */
.html-marquee2 {height:40px;} /* PERMET DE LE DÉFILEMENT DES PARTENAIRES, NE PAS TOUCHER ! */


.partenaires { /* CADRE DES PARTENAIRES + TITRE */
   width:500px;
   background-color:#6e0502;
   box-shadow: 0px 0px 5px #000;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   border-radius: 50px;
   padding-left:250px;
   padding-right:10px;
   padding-top:1px;
   padding-bottom:1px;
   background-image: url('http://img15.hostingpics.net/pics/874614Partenaires.png');
   background-repeat:no-repeat;
   background-position: left center;
   }

.partenaires p { /* ZONE OÙ LES LOGOS SONT MIS */
   background-color:#FFF;
   height:40px;
   padding:6px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   border-bottom: 3px solid #f3c200;
   border-right: 3px solid #f3c200;
   border-left: 3px solid #f3c200;
   }

.partenaires img { /* OMBRE PORTÉE SUR LES LOGOS DE PARTENARIAT */
   box-shadow: 0px 0px 4px #999; }
  
.credits { /* NE PAS ENLEVER ! */
   font-family:calibri;
   font-size:12px;
   color:#494949;
   padding:10px;
   text-shadow: 0px 0px 4px #000;
   text-align:center; }
.credits a {color:#660505;}
.credits a:hover {color:#ea69a0;}
  

.pers { /* Cadre des personnages */
 margin-left: 40px; /* marge externe */
}

.pers img { /* Image des personnages */
 float: left; /* Place à gauche du texte */
 width: 50px; /* Grandeur de l'image */
 height: 50px;    /* Grandeur de l'image */
 border: 3px solid #7fbf33; /* Bordure de l'image */
 
 /* Arrondissement des bordures */
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;    

/* Transformation */
 -moz-transform: rotate(-12deg) translate(0px, -5px) ;
-webkit-transform:  rotate(-12deg) translate(0px, -5px) ;
-o-transform: rotate(-12deg) translate(0px, -5px) ;
-ms-transform:  rotate(-12deg) translate(0px,-5px) ;
transform:  rotate(-12deg) translate(0px, -5px);
}


/* ********************* FIN DU CODE DE LA PA ******************************************************************************** */



/* *****************MISE EN FORME DES CATEGORIES ET FORUMS****************
*************************************************************************** */

.contenu_bloc{
   margin-bottom: 20px;

}


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

/*mettre l'image pour le titre de catégorie ici*/
.catetitre_bloc {
   
  -moz-transform: rotate(0deg);
    background-image: url("http://img717.imageshack.us/img717/8324/catgorie2.png");
    background-repeat: no-repeat;
    z-index: 1;
    display: block;
    height: 200px;
    weight: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
    position: relative;
    width: 680px;
    z-index: 1;
  
}

.catetitre_content {
     
  border-bottom: 0 dotted #191817;
 
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: -80px;
    padding: 2px;
   /* position: absolute;*/
    text-align: center;
    width: 730px;
    z-index: 2;

}

.catetitre {
   color: #9C532B;
   font-family: 'Iceberg', cursive;
   z-index: 3;
   font-size: 26px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 1px;
   text-shadow: 1px 1px 0px #000000;
     margin-top: 50px;
     
     
}

.forum_bloc {
   width: 950px;
   margin-left: auto;
   margin-right: auto;
   margin-top: -30px;
  
}

.forum {
   float: left;
   width: 400px;
   height: 250px;
   margin-left: 40px;
   margin-right: 5px;
   margin-bottom: 100px;
     
}
a.forumlink {
     margin-top:20px; /*pour augmenter la distance entre le titre et les sous-titres*/
   position: relative;
   z-index: 2;
   display: block;
   width: 100%;
   
     color: #454545;
   text-align: center;
   font-family:'The Girl Next Door', cursive;
   font-size: 20px;
   font-weight: bold;
   text-transform: uppercase;
   letter-spacing: 1px;
   text-shadow: 1px 1px 0px #000000;
   
     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;
}
a.forumlink:hover {
   letter-spacing: 4px;
   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;
}

.forum_contenu {
   position: relative;
   z-index: 1;
   width: 98%;
   height: 90%;
   padding: 4px;
   margin-left: auto;
   margin-right: auto;
   margin-top: -8px;
   background-color: #0c0200;
     background-image: url('http://i74.servimg.com/u/f74/11/63/67/06/dark_w10.png');
     border-left: 10px solid #0c0200;
   border-right: 10px solid #0c0200;
   border-bottom: 10px solid #0c0200;
   border-top: 10px solid #0c0200;
  
      -moz-border-radius: 40px 0px 0px 0px;
        -webkit-border-radius: 40px 0px 0px 0px;
        border-radius: 40px 0px 0px 0px;
     
}

.description {
   display: block;
   width: 350px;
   margin: auto;
   height: 100px;
   overflow: hidden;
   border: 2px solid #191817;
   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: 340px;
   height: 91px;
   overflow: auto;
   background-color: #191817;
   font-size: 10px;
   color: #9c9c9c;
   text-align: jutsify;
   padding: 5px;
   
  opacity: 0;
   -moz-opacity: 0;
   -khtml-opacity: 0;
   filter: alpha(opacity=0);
   transform: all;
   -moz-transform: all;
   -o-transform: all;
   -htm-transform: all;
   -webkit-transform: all;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
}

.description_contenu:hover {
   opacity: 0.8;
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   filter: alpha(opacity=80);
   transform: all;
   -moz-transform: all;
   -o-transform: all;
   -htm-transform: all;
   -webkit-transform: all;
   transition: 1s;
   -moz-transition: 1s;
   -o-transition: 1s;
   -htm-transition: 1s;
   -webkit-transition: 1s;
}

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

.stats_lastpost {
   
   display: block;
   width: 160px;
   height: 80px;
   position: absolute;
     left: 200px;
     color: #b78855;
   background-color: #6d6c6c;
   border: 1px solid #737373;
   padding: 5px;
   text-align: center;
     margin-top: -40px;
  
     -moz-border-radius: 40px 0px 0px 0px;
       -webkit-border-radius: 40px 0px 0px 0px;
       border-radius: 40px 0px 0px 0px;
}

.stats {
   display: block;
   margin-bottom: 5px;
   border-bottom: 1px dotted #b5b5b5;
   padding-bottom: 5px;
   font-size: 10px;
    color: #c1c0bf;
}

.lastpost {
    display: block;
   font-size: 11px;
     color: #caac8c;
}

.lastpost a{
     color: #caac8c;
  
}
.sforum {
   position: relative;
   z-index: 3;
   display: block;
   height: 0;
   background: #0C0200;
   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;
  
  margin-bottom: 50px;
   background: #0C0200;
   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: #0C0200;
   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 0px #000000;
}

.sous_forum a:hover {
   color: #ffffff !important;
}

/* ************************ MISE EN PAGE DU FOOTER****************************
****************************************************************************** */

#newbottom {
   clear: both;
   background-image: url('http://i74.servimg.com/u/f74/11/63/67/06/bottom10.png');
   background-repeat: no-repeat;
   background-position: center;
   height: 316px;
     width: 1080px;
     margin-top:0px;
   margin-left:auto;
     margin-right:auto;
     margin-bottom: 20px;
}


#credit_foot{
   position:relative;
   top:100px;
   left: 700px;
   font-family:'The Girl Next Door', cursive;
   color: #4f0408;
  
}

/* =================================
PERSONNALISATION DU QUI EST EN LIGNE
====================================
Code proposé par Sayuri
Corrigé par CSSActif
==================================== */
/* conteneur du QEEL */
.QeelPerso {
   border: 4px dotted #ab9474; /* bordure : épaisseur style couleur */
   padding:10px 5px; /* espacement du contenu par rapport à la bordure */
   background-color:#cdb189; /* couleur de fond */
   /* coins arrondis (tous navigateurs) */
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   width: 90%;
   margin-left: auto;
   margin-right:auto;
}

/* Centrage de l'image du QEEL */
.ImgQeel {text-align:center;}

/* Mise en forme des liens vers les groupes */
.ListeGroupes a {
   font-size:13px; /* taille du texte */
   font-weight:bold; /* épaisseur du texte */
   font-style:italic; /* texte en italique */
   text-transform:lowercase; /* texte en minuscules */
   text-decoration: none!important; /* pas de soulignement du lien */
   letter-spacing:1px; /* espacement des lettres */
}

/* Couleurs des groupes */
a.groupe1 { color:#B31919 ; }
a.groupe2 { color:#801E00 ; }
a.groupe3 { color:#BD2F04 ; }
a.groupe4 { color:#D65933 ; }
a.groupe5 { color:#B8952C ; }
a.groupe6 { color:#568F47 ; }
a.groupe7 { color:#478F83 ; }
a.groupe8 { color:#876299 ; }
/* Mise en forme des cellules de statistiques */
.statistiques {
   background-color: #cdb189; /* couleur de fond */
   border: 4px dotted #ab9474; /* bordure : épaisseur style couleur */
   padding:10px;
   margin:10px;
   text-align:left; /* alignement texte */
   /* coins arrondis */
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
}

/* Limitation en hauteur des blocs de statistiques */
.BlocStats {
   overflow:auto;
   max-height: 200px; /* hauteur maxi */
}

/* Debuggage : on retire le fond de la liste des dernières 24h */
.DeBug td.row1 { background : none; }

/* =================================
PERSONNALISATION DU QUI EST EN LIGNE (fin)
==================================== */

/* ------------- FICHE RPG
Créee par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect ----------------------------------------------------------- */

div.cssactif_fiche { /* Fond de la fiche */
      background-color: #1D1D1D; /* Couleur de fond */
      width:600px;
      margin-left: auto;
      margin-right: auto;
  
      -webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
      -moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
      border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
  
      -webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
      -moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
      box-shadow: 0px 0px 10px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
      
}

div.cssactif_fiche_header { /* En-tête avec image de fond */
      background-repeat: none; /* Empêche la répétition de l'image du header */
      background-position: top center; /* Postionne l'image du header en haut, au center */
    height: 150px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande */
       border-bottom: 15px double #690f1c; /* Bordure au bas du header: ÉPAISSEURpx STYLE #COULEUR (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#border-style)  */
       margin-top: -20px;
  
   /* Bordures  supérieures arrondies (voir: http://border-radius.com/) */
      -webkit-border-top-left-radius: 20px;
   -webkit-border-top-right-radius: 20px;
   -moz-border-radius-topleft: 20px;
   -moz-border-radius-topright: 20px;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
  
}

div.cssactif_fiche_titre h1 { /* Titre prénoms & nom */

   font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
     font-size: 32px; /* Taille du texte: TAILLEpx */
      text-shadow: 1px 1px 0px #000; /* Ombre du texte */
      color: #d51731; /* Couleur du texte */
     margin: 0; /* Supprime la marge par défaut de l'élément h1 */
      text-align: right;   /* Aligne le titre à droite */
      text-transform: uppercase; /* Met le titre en majuscules */
  
}

div.cssactif_fiche_titre { /* Titre + feat */
   /* Positionne le titre "à cheval" sur la bordure */
      position: relative;
      top: -28px;
      text-align: right;      /* Aligne le texte à droite */
      padding-right: 20px;    /* Défifine une marge interne */
      color: #CCCCCC; /* Couleur du feat */
}

div.cssactif_fiche h2 { /* Sous-titres "Identité", "Opinions" etc. */
    background-color: #111111;   /* Couleur du fond des sous-titres */
    border-color: #6a0e1b; /* Couleur de la bordure */
    border-width: 1px 0px; /* Taille de la bordure: HAUT & BAS  GAUCHE & DROITE */
    border-style: solid; /* Style de la bordure */
 
     -webkit-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
   -moz-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
   box-shadow: 0px 0px 3px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */

      text-align: center;   /* Aligne le titre au centre */
      text-transform: uppercase; /* Met le titre en majuscules */
      font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
      color: #921628;   /* Couleur du titre */
      margin: 0; /* Supprimer marge */
      font-size: 20px; /* TAILLE DU TEXTE: TAILLEpx */
      font-weight: normal; /*Épaisseur du texte */
      text-shadow: 1px 1px 0px #000; /*Ombre du texte */
      letter-spacing: 5px; /* Espacement des caractères */
  
}

.cssactif_fiche_content { /* Contenu */
    padding: 10px; /* Marge interne */
    text-align: justify; /* Justifie le texte */
    text-shadow: 1px 1px 0px #000; /*Ombre du texte */
}

.cssactif_fiche em { /* Libellés */
      font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
      color: #921628;   /* Couleur du titre */
      font-style: normal;
      text-transform: uppercase;
  
}
/* ------------- FIN FICHE RPG */


/* ------------- FICHE PV
Créee par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect ----------- */
.cssactif_pv { /* Fond de la fiche */
      background-color: #1D1D1D; /* Couleur de fond */
      width:80%;
      margin-left: auto;
      margin-right:auto;
  
      -webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
      -moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
      border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
  
      -webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
    -moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
    box-shadow: 0px 0px 10px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
        margin-top:10px;  
}

td.cssactif_pv_header { /* En-tête avec image de fond */
      background-repeat: no-repeat; /* Empêche la répétition de l'image du header */
      background-position: top center; /* Postionne l'image du header en haut, au center */

      width: 200px; /* Donne la largeur de la bannière latérale (Largeur de l'avatar) */
      height: 320px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande (Hauteur de l'avatar) */
  
      border-right: 15px double #921628; /* Bordure côté du header: ÉPAISSEURpx STYLE #COULEUR (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#border-style)  */
  
  
   /* Bordures  gauche arrondies (voir: http://border-radius.com/) */
      -webkit-border-top-left-radius: 20px;
   -webkit-border-bottom-left-radius: 20px;
   -moz-border-radius-topleft: 20px;
   -moz-border-radius-bottomleft: 20px;
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
  
  
      text-shadow: 1px 1px 0px #000; /* Ombre du texte */
      font-size: 10px; /* Taille du texte: TAILLEpx */
}

div.cssactif_pv_titre h1 { /* Titre prénoms & nom */

   font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
      font-size: 32px; /* Taille du texte: TAILLEpx */
     text-shadow: 1px 1px 0px #000; /* Ombre du texte */
     color: #d51731; /* Couleur du texte */
     margin: 0; /* Supprime la marge par défaut de l'élément h1 */
     text-align: right;   /* Aligne le titre à droite */
     text-transform: uppercase; /* Met le titre en majuscules */
  
}

div.cssactif_pv_titre { /* Titre + feat */
   /* Positionne le titre "à cheval" sur la bordure */
      position: relative;
      top: -28px;
       text-align: right;      /* Aligne le texte à droite */
      padding-right: 20px;    /* Défifine une marge interne */
       color: #CCCCCC; /* Couleur du feat */
}

.cssactif_pv h2 { /* Sous-titres "Identité", "Opinions" etc. */
    background-color: #111111;   /* Couleur du fond des sous-titres */
    border-color: #6a0e1b; /* Couleur de la bordure */
    border-width: 1px 0px; /* Taille de la bordure: HAUT & BAS  GAUCHE & DROITE */
    border-style: solid; /* Style de la bordure */
 
     -webkit-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
    -moz-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
    box-shadow: 0px 0px 3px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */

      text-align: center;   /* Aligne le titre au centre */
      text-transform: uppercase; /* Met le titre en majuscules */
      font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
      color: #921628;   /* Couleur du titre */
      margin: 0; /* Supprimer marge */
      font-size: 20px; /* TAILLE DU TEXTE: TAILLEpx */
      font-weight: normal; /*Épaisseur du texte */
      text-shadow: 1px 1px 0px #000; /*Ombre du texte */
      letter-spacing: 5px; /* Espacement des caractères */
  
}

.cssactif_pv_content { /* Contenu */
    padding: 10px; /* Marge interne */
    text-align: justify; /* Justifie le texte */
    text-shadow: 1px 1px 0px #000; /*Ombre du texte */
     color: #855428;
}

.cssactif_pv em { /* Libellés */
     font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */
     color: #921628;   /* Couleur du titre */
     font-style: normal;
     text-transform: uppercase;
  
}


div.infobulle {
      position: relative;
      cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
      display: inline-block; /*Place les icones un à côté de l'autre */
      margin-right: 10px; /* marge entre les icones */
      margin-bottom: -20px;
}

div.infobulle img {
    height: 50px;
    width: 50px;  
    
      border: 1px solid #333; /* bordure des icones */
       -webkit-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
    -moz-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone  (voir http://css3generator.com/ choix "Box-shadow") */
    box-shadow: 0px 0px 5px 0px #000000;  /* Ombre de l'icone  (voir http://css3generator.com/ choix "Box-shadow") */
}

div.infobulle div{
      display: none; /* ceci masque l'infobulle */
}

div.infobulle:hover {
     background: none; /* correction d'un bug IE */
      z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

}
div.infobulle:hover div{
     display: block; /* ceci affiche l'infobulle */
      position: absolute;
     width: 300px; /* Largeur de l'infobulle */
      top: 50px; /* on positionne notre infobulle */
      left: 0px;
      background-color: #1D1D1D; /* Couleur de fond */
  
      -webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
      -moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
      border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
  
      -webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
   -moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
   box-shadow: 0px 0px 10px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
        border-left: 6px double #921628;
        padding: 10px; /* marge interne de l'infobulle */
}
/* ------------- FIN FICHE PV------------------------- */


/* *************************** PV DANS LA PA ****************************
************************************************************************* */

div.infobulle2 {
        position: relative;
        cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
        display: inline-block; /*Place les icones un à côté de l'autre */
        margin-right: 7px; /* marge entre les icones */
     margin-bottom: 7px;
        border: 1px solid #333; /* bordure des icones */
     height: 30px;
    width: 30px;
  
        -webkit-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
   -moz-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone  (voir http://css3generator.com/ choix "Box-shadow") */
   box-shadow: 0px 0px 5px 0px #000000;  /* Ombre de l'icone  (voir http://css3generator.com/ choix "Box-shadow") */

}

div.infobulle2 img {
    height: 30px;
    width: 30px;  
}

div.infobulle2 div{
      display: none; /* ceci masque l'infobulle */
}
div.infobulle2:hover {
      background: none; /* correction d'un bug IE */
      z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

}
div.infobulle2:hover div{
      display: block; /* ceci affiche l'infobulle */
      position: absolute;
     width: 300px; /* Largeur de l'infobulle */
      top: 20px; /* on positionne notre infobulle */
      left: 0px;
      background-color: #1D1D1D; /* Couleur de fond */
  
  
        -webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
        -moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
        border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
  
        -webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
   -moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
   box-shadow: 0px 0px 10px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
        border-left: 6px double #921628;
        padding: 10px; /* marge interne de l'infobulle */
  
}


/* *************************** LISTE DES PERSONNAGES JOUABLES ****************************
************************************************************************* */

div.infobulle3 {
        position: relative;
        cursor:pointer; /*donne au curseur la forme de petite main, comme sur un lien*/
        display: inline-block; /*Place les icones un à côté de l'autre */
        margin-right: 7px; /* marge entre les icones */
     margin-bottom: 7px;
        /* border: 1px solid #333;*/ /* bordure des icones */
     /*height: 300px;
    width: 30px;*/
  
        -webkit-text-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
   -moz-text-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone  (voir http://css3generator.com/ choix "Box-shadow") */
   text-shadow: 0px 0px 5px 0px #000000;  /* Ombre de l'icone  (voir http://css3generator.com/ choix "Box-shadow") */

}


div.infobulle3 div{
      display: none; /* ceci masque l'infobulle */
}
div.infobulle3:hover {
      background: none; /* correction d'un bug IE */
      z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

}
div.infobulle3:hover div{
      display: block; /* ceci affiche l'infobulle */
      position: absolute;
     width: 400px; /* Largeur de l'infobulle */
      top: -10px; /* on positionne notre infobulle */
      left: 100px;
      background-color: #1D1D1D; /* Couleur de fond */
  
  
        -webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
        -moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
        border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
  
        -webkit-text-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
   -moz-text-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
   text-shadow: 0px 0px 10px 0px #000000;  /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
        border-left: 6px double #921628;
        padding: 10px; /* marge interne de l'infobulle */
  
}

/* ********************** COULEUR DES MESSAGES ********************************* */

.colorpicker {
          width: 356px;
          height: 176px;
          overflow: hidden;
          position: absolute;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
          font-family: Arial, Helvetica, sans-serif;
          display: none;
        }
        .colorpicker_color {
          width: 150px;
          height: 150px;
          left: 14px;
          top: 13px;
          position: absolute;
          background: #f00;
          overflow: hidden;
          cursor: crosshair;
        }
        .colorpicker_color div {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 150px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
        }
        .colorpicker_color div div {
          position: absolute;
          top: 0;
          left: 0;
          width: 11px;
          height: 11px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
          margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
          position: absolute;
          top: 13px;
          left: 171px;
          width: 35px;
          height: 150px;
          cursor: n-resize;
        }
        .colorpicker_hue div {
          position: absolute;
          width: 35px;
          height: 9px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
          margin: -4px 0 0 0;
          left: 0px;
        }
        .colorpicker_new_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 213px;
          top: 13px;
          background: #f00;
        }
        .colorpicker_current_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 283px;
          top: 13px;
          background: #f00;
        }
        .colorpicker input {
          background-color: transparent;
          border: 1px solid transparent;
          position: absolute;
          font-size: 10px;
          font-family: Arial, Helvetica, sans-serif;
          color: #898989;
          top: 4px;
          right: 11px;
          text-align: right;
          margin: 0;
          padding: 0;
          height: 11px;
        }
        .colorpicker_hex {
          position: absolute;
          width: 72px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
          left: 212px;
          top: 142px;
        }
        .colorpicker_hex input {
          right: 6px;
        }
        .colorpicker_field {
          height: 22px;
          width: 62px;
          background-position: top;
          position: absolute;
        }
        .colorpicker_field span {
          position: absolute;
          width: 12px;
          height: 22px;
          overflow: hidden;
          top: 0;
          right: 0;
          cursor: n-resize;
        }
        .colorpicker_rgb_r {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
          top: 52px;
          left: 212px;
        }
        .colorpicker_rgb_g {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
          top: 82px;
          left: 212px;
        }
        .colorpicker_rgb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
          top: 112px;
          left: 212px;
        }
        .colorpicker_hsb_h {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
          top: 52px;
          left: 282px;
        }
        .colorpicker_hsb_s {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
          top: 82px;
          left: 282px;
        }
        .colorpicker_hsb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
          top: 112px;
          left: 282px;
        }
        .colorpicker_submit {
          position: absolute;
          width: 22px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
          left: 322px;
          top: 142px;
          overflow: hidden;
        }
        .colorpicker_focus {
          background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_slider {
          background-position: bottom;
        }

/* BOUTON HAUT/BAS */

.bouhautbas {
    bottom: 40px;
    left: 70px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}

/*TOOLBAR */
#fa_toolbar, #fa_toolbar_hidden {background-image: url("http://i41.servimg.com/u/f41/14/71/65/89/textur11.png") !important;}


Dernière édition par Kabrina Lestrange le Ven 13 Sep 2013 - 15:52, édité 1 fois
Kabrina Lestrange

Kabrina Lestrange
***

Messages : 168
Inscrit(e) le : 29/04/2008

http://darksideofthemoon.forumsrpg.com/
Kabrina Lestrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement entre les titres

Message par Kabrina Lestrange Mer 11 Sep 2013 - 0:08

Up
Kabrina Lestrange

Kabrina Lestrange
***

Messages : 168
Inscrit(e) le : 29/04/2008

http://darksideofthemoon.forumsrpg.com/
Kabrina Lestrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement entre les titres

Message par FANCH 56 Mer 11 Sep 2013 - 8:56

Bonjour

Cela n'a rien à voir avec ton CSS

Il faut aller ici dans ton PA

Espacement entre les titres Captu114
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement entre les titres

Message par Kabrina Lestrange Mer 11 Sep 2013 - 14:13

Je viens d'essayer et malheureusement, il y a toujours un problème d'espacement entre les lignes... Ce n'est pas égal... Sad

http://plaisirscoupables.forum-canada.com/f25-personnages-predefinis

Que pourrais-je essayer d'autre?
Kabrina Lestrange

Kabrina Lestrange
***

Messages : 168
Inscrit(e) le : 29/04/2008

http://darksideofthemoon.forumsrpg.com/
Kabrina Lestrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement entre les titres

Message par FANCH 56 Mer 11 Sep 2013 - 18:14

Bonjour

Je vois que tu es avec chrome.

Essaie avec un autre navigateur.

Pour moi tout est clair.

Espacement entre les titres Captur20
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement entre les titres

Message par Kabrina Lestrange Mer 11 Sep 2013 - 19:34

Même dans la prévisualisation que vous me montrer, entre "Créatures ajoutés à l'histoire" et "nécromencien" il y a un gros espace qu'il n'y a pas ailleurs.
Même chose entre les "rats-garous" et les "léopards-garou".
Ce n'est pas normal.
Kabrina Lestrange

Kabrina Lestrange
***

Messages : 168
Inscrit(e) le : 29/04/2008

http://darksideofthemoon.forumsrpg.com/
Kabrina Lestrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement entre les titres

Message par Tech Ven 13 Sep 2013 - 15:40

Bonjour,

Vous avez ceci dans votre CSS qui provoque le problème :
Code:
.postbody, td.row1 span.gensmall {
    display: block;
    text-align: justify !important;
}
et plus particulièrement la ligne display: block;.

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement entre les titres

Message par Kabrina Lestrange Ven 13 Sep 2013 - 15:44

Ahhhhhh!!!! Vous êtes mon sauveur!!! Ça fonctionne à merveille! Merci beaucoup!!!!! <3
Kabrina Lestrange

Kabrina Lestrange
***

Messages : 168
Inscrit(e) le : 29/04/2008

http://darksideofthemoon.forumsrpg.com/
Kabrina Lestrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espacement entre les titres

Message par Tech Ven 13 Sep 2013 - 15:49

Espacement entre les titres Check10Bonjour,

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 Espacement entre les titres Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Espacement entre les titres 50378

A bientôt sur ForumActif Smile
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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