Problème de cadre de forum

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

Résolu Problème de cadre de forum

Message par naima-kell le Ven 7 Sep 2012 - 1:20

Bonjour ! Je cherche une solution à mon problème depuis quelques jours et je désespère, sachant que je dois terminer le design de mon forum avant la fin septembre pour l'ouverture...

Il s'agit d'un cadre de forum que je n'arrive pas à retrouver dans le css (Non, les couleurs ne sont pas modifiables dans la gestion des couleurs, j'ai essayer.) Je m'excuse grandement du désordre du css, ce nE'st pas moi qui l'ai mis en place (On l'a récupéré et je ne sais plus ce qui est indispensable de ce qui est pas nécéssaire...)
Spoiler:

Code:
/*MARGES ET JUSTIFY PARTOUT*/
.postbody {
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  text-align:justify; }
/*fin*/

/*LIENS EN ITALIC*/
a:hover {
  text-shadow: 1px 1px 1px ;
}
/*fin*/

tr.post span.gensmall { display: none; }

/*PAS DE SOULIGNEMENT DES LIENS*/
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}
/*Fin soulignement des liens*/

.bodyline {
  border-right: 5px solid #C7B3C7;
  border-left: 5px solid #C7B3C7
  border-top: 1px solid #C7B3C7
  border-bottom: 1px solid #C7B3C7
  -moz-border-radius: 15px;
}

.forumline {
border: 3px double transp
-moz-border-radius: 5px;
margin: auto;
    width: 85%;

}

/*MENU PRINCIPAL*/
a.mainmenu {
    background-color: transp;
    color: #EFDCF2;
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-topleft: 4px;
    padding-bottom: 15px;
}
a.mainmenu:hover {
    padding-right: 5px;
    letter-spacing: 0px;
    color: black;
}

/*ENLEVER DERNIERE EDITION PAR*/

tr.post span.gensmall { display: none; }

/*fin*/

.navtop {
top : 0px;
left: 0px;
position : fixed;
width : 100%;
background-color: #EFDCF2;
border-bottom: 1px solid #EFDCF2;
border-right: 1px solid #EFDCF2;
border-left: 1px solid #EFDCF2;
padding-bottom: 3px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
}


/*CADRE AVATAR PRESENTATION ADMIN*/
.cadreavatar {
 border: 4px solid #EFDCF2; /*bordure et couleur*/
padding: 10px;
 width: 180px;
 height: 300px;
-moz-border-radius: 60px 20px 60px 20px; /*arrondis*/
}

.navtop {
top : 0px;
left: 0px;
position : fixed;
width : 100%;
background-color: #EFDCF2 ;
border-bottom: 1px solid #EFDCF2;
border-right: 1px solid #EFDCF2;
border-left: 1px solid #EFDCF2;
padding-bottom: 3px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
}





/*AFFICHAGE DU SUJET*/

.fondduprofil {
  background-color: transp;
  border: 1px solid transp;
  -moz-border-radius: 10px;
  padding: 5px;
  margin: 3px;
}

.jemappelle {
margin-left: 10px;
font-style: italic;
margin-bottom: 7px;
font-size: 12px;
}

.avatarprofil {
  border: 5px solid #B3986F;
  width: 200px;
  -moz-border-radius: 3px;
}

.rangprofil {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 11px;
  text-shadow: 1px 1px 1px;
}

.nomprofil {
  font-size: 15px;
  border-bottom: 3px dotted #3B3A3A;
  margin-bottom: 5px;
}

.boutonperso {
    color: #B3986F;
    letter-spacing: 5px;
    background-color: #8F8787;
    border: 1px solid #F5FAF6;
    -moz-border-radius: 4px;
    font-size: 14px;
    text-transform: lowercase;
    margin-top: 5px;
}
/*FIn*/



/*APP GENERALE FORUM*/

.forumsapp {
  font-size: 18px;
  letter-spacing: -2px;
  font-weight: lighter;
  font-variant: small-caps;
  color: #2B2B2B;
  border-bottom: 3px solid #C7B3C7;
  text-shadow: 1px 1px 1px;
  line-height: 12px;
  padding-top: 5px;
  -moz-border-radius: 15px;
}

.forumsapp:hover {
  font-size: 23px;
  letter-spacing: -2px;
  font-weight: lighter;
  font-variant: small-caps;
  color: :#0a0a0a;
  text-shadow: 1px 1px 1px #C7B3C7;
}

.descriptionforum {
  align: center;
  margin-right: 25px;
  margin-left: 25px;
  margin-bottom: 10px;
  background-color: #DBCECE;
  -moz-border-radius: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid: #D6BFBF;
  border-bottom: 1px solid: #D6BFBF;
  border-right: 3px solid: #D6BFBF;
  border-left: 3px solid: #D6BFBF;
}

.bandeonglets {
  margin-top: 10px;
}

.onglets {
    background-color: transp;
    align: center;
    font-family: tahoma;
    text-transform: uppercase;
    letter-spacing: -1px;
    -moz-border-radius: 5px;
    font-size: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

.onglets:hover {
    color: black;
    text-shadow: 0px 0px 0px;
}

.messagesetsujets {
  font-size: 10px;
  font-family: verdana;
}

/*FIN*/


/*DANS LES SUJET IMPORTANTS*/

.reglement {
border-bottom: 4px solid #F4D9B4;
line-height: 10px;
color: #BE956E;
text-shadow: 1px 1px 1px ;
letter-spacing: -1.5px;
font-size: 18px;
line-height: -5px;
align: center;
}

.couleurtitres {
font-size: 35px;
letter-spacing: -3px;
text-shadow: 1px 1px 1px #000000;
}

/*FIN*/

/* SCENARIOS */
.titrescenar1 {
color: #D67070;
font-family: georgia;
letter-spacing: 1px;
text-shadow: #AEAEAE 1px 1px 1px;
font-size: 25px;
background-color: transp;
font-variant: small-caps;
border-bottom: 1px dotted #D67070;
padding-left: 30px;
}

.reglement22 {
color: #BE956E;
text-shadow: 1px 1px 1px ;
letter-spacing: -1.5px;
font-size: 14px;
line-height: -5px;
align: center;
}


.scenarscroll {
width: auto;
height: 130px;
overflow: auto;
}

.plibrepris {
font-family: courier new;
font-size: 10px;
padding-right: 40px;
letter-spacing: 1px;
}

.titrescenar2 {
color: #C6783D;
font-family: georgia;
letter-spacing: 2px;
text-shadow: #aeaeae 1px 1px 1px;
font-size: 13px;
background-color: transp;
text-transform: lowercase;
}

.fondscenar1 {
background-color: #F4D9B4;
padding: 5px;
border-top: 1px solid #BE956E;
border-bottom: 1px solid #BE956E;
border-right: 2px solid #BE956E;
border-left: 2px solid #BE956E;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 10px;
height: 460px;
align-text: center;
}

.fondscenar2 {
background-color: #F4D9B4;
padding: 3px;
border-top: 1px solid #BE956E;
border-bottom: 1px solid #BE956E;
border-right: 2px solid #BE956E;
border-left: 2px solid #BE956E;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 10px;
height: 175px;
align-text: center;
}


.fondscenar3 {
background-color: #F4D9B4;
padding: 3px;
border-top: 1px solid #BE956E;
border-bottom: 1px solid #BE956E;
border-right: 2px solid #BE956E;
border-left: 2px solid #BE956E;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 10px;
height: 263px;
align-text: center;
}

.infosasavoir {
font-size: 15px;
text-transform: lowercase;
text-shadow: 1px 1px 1px;
}

/*FIN SCENARIOS*/










/* PRESENTATIONS */
.NPpres {
font-size: 45px;
text-shadow: 1px 1px 1px #000000;
letter-spacing: -4px;
word-spacing: 5px;
line-height: 25px;
font-family: georgia;
}

.cadre1pres {
border: 10px solid #E0B198;
height: 337px;
width: 198px;
-moz-border-radius: 20px;
-moz-box-shadow: 1px 1px 1px 1px;
background-repeat:no-repeat;
background-position: top center;
}

.cadre2pres {
background-color: #E3D1AE;
height: 337px;
width: 265px;
-moz-border-radius: 20px;
-moz-box-shadow: 1px 1px 1px 1px;
}

.carteidentite {
font-size: 30px;
font-family: georgia;
letter-spacing: 10px;
}

.scrollpres1 {
width: auto;
height: 205px;
overflow: auto;
margin: 10px;
}


.cadre3pres {
font-size: 11px;
padding-bottom: 10px;
background-color: #E3D1AE;
height: auto;
width: 450px;
-moz-border-radius: 10px;
margin: auto;
    border-top: 0px solid #E3D1AE;
  border-bottom: 0px solid #E3D1AE;
  border-right: 2px solid #E3D1AE;
  border-left: 2px solid #E3D1AE;
}

.petittitrepres {
font-family: georgia;
font-size: 20px;
letter-spacing: 15px;
line-height: 0px;
text-shadow: 1px 1px 1px;
word-spacing: 5px;
}

.scrollpres2 {
width: auto;
height: 250px;
overflow: auto;
margin: 10px;
padding-right: 5px;
}

.pseudopres {
font-family: georgia;
font-size: 35px;
text-shadow: 1px 1px 1px #000000;
letter-spacing: -4px;
word-spacing: 5px;
line-height: 25px;
}

.cadre4pres {
font-size: 11px;
padding-bottom: 10px;
background-color:#E3D1AE;
height: auto;
width: 450px;
-moz-border-radius: 10px;
margin: auto;
    border-top: 0px solid #E3D1AE;
  border-bottom: 0px solid #E3D1AE;
  border-right: 2px solid #E3D1AE;
  border-left: 2px solid #E3D1AE;
}

/* FIN PRESENTATIONS */

/* Menu navigation */
a.mainmenu {
padding-right: Xpx;
background-color:;
color: #000000;
font-size:Xpx;
font-variant: small-caps;
text-align: center; }

/* Menu navigation au survol de la souris */
a.mainmenu:hover {
padding-right:px;
background-color:;
color: ;
font-size:px;
font-variant: small-caps;
text-align: center;
border: px solid ; }

.navtop {
top : 0px;
position : fixed ;
width : 100% ;
background-color : #8F8787;
border-bottom : Xpx STYLE #3B3A3A;
etc
}
 














/* infobulles */
a.info {
  position:relative;
}
a.info:hover {
  background: none;
  z-index: 999;
}
a.info span {display: none;}
a.info:hover span {
display: inline;
position: absolute;
width: 150px;
top:  1px;
left: 20px;
background: #000000;
text-align: justify;
  color: #996B68;
text-transform: none;
  padding: -15px;
text-shadow: none

border: 1px solid #685151;

-moz-border-radius-topleft: 0px; /*arrondir l'angle gauche du haut*/
-moz-border-radius-topright: 0px; /*arrondir l'angle droit du haut*/
-webkit-border-radius-topleft: 0px; /*arrondir l'angle gauche du haut*/
-webkit-border-radius-topright: 0px; /*arrondir l'angle droit du haut*/
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
}


.profildr
{-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
background: #ffffff;
border: 3px solid #685151;
-moz-box-shadow: 2px 1px 2px #000000;
padding: 10px;
text-align: center;
}


.profilavatar
{-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
background: #ffffff;
border: 3px solid #685151;
-moz-box-shadow: 2px 1px 2px #000000;
padding: 10px;
text-align: center;
margin: 10px;
}

.tstaff
{
font-size:1em;
}

.thumbnail
{
position: relative;
z-index: 0;
margin: 0px;
padding: 0px;
}

.thumbnail:hover
{

z-index: 50;
margin: 0px;
padding: 0px;
}

.thumbnail span
{
position: absolute;
background-color: #1b1313;
padding: 5px;
left: -1000px;
border: 1px solid #271d1d;
visibility: hidden;
color: #f1aeb3;
text-decoration: none;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
}

.thumbnail span img
{
border: 0px groove;
padding: 2px;
}

.thumbnail:hover span
{
visibility: visible;
top: 25px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}

#cache
{
height: auto;
text-decoration: none;
}













/* INFOBULLE */

a.info {
  position: relative;
  color: #000000;
  text-decoration: none;
  border-bottom: 0px #000000solid; /* on souligne le texte */
}

a.info span {
  display: none; /* on masque l'infobulle */
}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 10px; /* on positionne notre infobulle */
  left: 10px;
  width: 200px;
  height: 85px;
  background: #000000;
  color: #000000;
  padding: 3px;
-moz-border-radius:10px;
border: 3px solid #000000;}

.johian a {
font-weight: italic;
}



ll



#in {
background-color: #cc66cc;
text-transform: uppercase;
text-align: center;
font-weight: bold;
font-family: "Times New Roman",Times,serif;
-moz-border-radius : 5px 5px;
}
#po {
text-align: center;
font-family: "Times New Roman",Times,serif;
background-color: #993399;
font-weight: bold;
text-transform: uppercase;
-moz-border-radius : 5px 5px;
}
#loui {
background-color: #330033;
-moz-border-radius : 5px 5px;
text-align: center;
}
#blabla {
text-align: center;
margin-left: 100px;
}
.categling {
border-left: 10px solid #e84d88;
border-right: 10px solid #e84d88;
margin: 0px 40px 8px 0px;
padding: 3px;
background-color: #f8f8fb;
color: #888888;
text-align: center;
text-transform: uppercase;
font-size: 10px;
text-decoration: none;
font-weight: bold;
display: block;
width: 60%;
}
.categling:hover {
border-left: 10px solid #e84d88;
border-right: 10px solid #e84d88;
margin: 0px 40px 8px 0px;
padding: 3px;
font-size: 10px;
text-decoration: none;
color: #797979;
display: block;
font-weight: bold;
background-color: #f8f8fb;
text-transform: uppercase;
text-align: center;
width: 60%;
}



/* POUR LE QUEEL */







.tableauqueel
{ border : solid Xpx #EDE1E1;
-moz-border-radius : 5px 5px 5px 5px}


.partiedroite {
font-size : 12px ;
border-left : 2px dotted #EDE1E1;
padding-left : 10px }


.groupes{
border: 1px color #EDE1E1;
-moz-border-radius : 2px 2px2px2px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px
;font-weight: bold;
text-align:center;
font-color : #ffffff  ;
text-decoration: none !important;
}




/* FIN */




/* Catégories en onglets */

.text {
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_Préface,#cat_Horses,#cat_Neutres,#cat_Wolfs /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:10px;
}


.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}

.onglet {
display:inline-block;
margin-top:40px;
text-decoration:none;
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none;
cursor:pointer;
}

.onglet li:hover {
text-decoration:none;
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none;
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://img163.imageshack.us/img163/2443/actif.png') no-repeat;
width: 112px;
height: 45px;
cursor:pointer;
}


.onglet_nactif {
background: url('http://img201.imageshack.us/img201/2319/inactif.png') no-repeat;
width: 115px;
height: 45px;
cursor:pointer;
}


/* Fin */.

/*** PA codée par Phantasmagoria pour usage public ****/
.welcome {
font-size: 25px;
color: #000;
text-shadow: 0 1px 10px #000;
text-transform: uppercase;
border-bottom: 2px dashed #000;
-moz-border-radius:10px; }

#navigation a:link, #navigation a:visited, #navigation a:active {

font-style: verdana;
font-size: 13px;
text-align: center;
padding: 2px;
color: #EBD6A2;
background-color: #F5FAF6;
line-height: 13px;
display: block;
border-bottom: 1px solid #000;
-moz-border-radius: 15px 15px 15px 15px;
webkit-border-radius: 15px 15px 15px 15px;
-webkit-box-shadow: 0px 3px 2px #615661;
-moz-box-shadow: 0px 3px 2px #615661;
box-shadow: 0px 3px 2px #615661;
}

#navigation a:hover {
color: #AD6F11;
background-color: #fff;
}

.fond {
background: #EBD6A2;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
margin: 5px;
padding: 5px; }

.titres {
background: #EBD6A2;
font-size: 18px;
color: #AD6F11;
text-shadow: 0 1px 10px #000;
text-transform: uppercase;
tex-align: center;
-moz-border-radius-topleft: 65px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 65px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 65px;
border-top-right-radius: 0px;
border-bottom-right-radius: 65px;
border-bottom-left-radius: 0px;
margin: 5px;
padding-top: 7px;
padding: 10px
border-bottom: 2px dashed #000;}

.pres {
width: 400px;
height: 60px;
color: #AD6F11;
text-align: justify;
overflow: auto;
margin: 5px;
padding: 10px; }

#partenaires {
width:600px;
height: 40px;}

.news {
width: 230px;
height: 140px;
overflow: auto;
margin: 5px;
padding: 5px;
color: #AD6F11;}

.staff {
width: 230px;
height: 140px;
margin: 5px;
padding: 5px; }

 /* infobulle*/
.tstaff{font-size:1em;}


.thumbnail span{
position: absolute;
background-color: #AD6F11;
padding: 20px;
left: -1000px;
visibility: hidden;
color: #AD6F11;
-webkit-box-shadow: 0px 3px 2px #615661;
-moz-box-shadow: 0px 3px 2px #615661;
box-shadow: 0px 3px 2px #615661;

}
.thumbnail{
position: relative;
z-index: 0;
border:0px solid #AD6F11;
padding-top:3px;
padding-left:3px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color:#AD6F11;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #fff;
text-decoration: none;
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 10px;
border: 2px solid #fff;
}

.thumbnail span img{
border: 2px solid #EBD6A2;
padding: 1px;
}

.thumbnail:hover span{
visibility: visible;
top: 25px;
left: 35px; /*position where enlarged image should offset horizontally */
width: 150px
height: 250px;
}

a.imag{
position: relative;
z-index: 1;
}

a.imag:hover{
cursor: help;
z-index: 2;
}

a.imag span{
display: none;
}

a.img:hover span{
display:block;
position:absolute;
z-index: 3;
top: 1px;
left: -20px;
}

* {
  font-family:  Georgia;

}
a.info {
  position: relative;
  color: #555555;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 60px; /* on positionne notre infobulle */
  left: 60px;

  background: #C7B28D;

  color: #576186;
  padding: 3px;

  border: 3px solid #B3986F;
}

/* ------ DÉBUT INFO-BULLE PAR KAEL - ALDERIA.BIZ ------ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

/* CSS de l'info-bulle {couleur, etc.} */
.thumbnail span
{
position: absolute;
background-color: #f9f9f9;
padding: 5px;
left: -1000px;
border: 2px solid #EDEDED;
-moz-border-radius:1px;
visibility: hidden;
color: #ADAFAE;
text-decoration: none;
}

.thumbnail:hover span
{
visibility: visible;
top: 35px;
left: 0px; /* Position de l'info-bulle horizontalement */
width: 100px; /* Largeur de l'info-bulle */
}

/* CETTE PARTIE DU CODE SERT A CRÉER L'EFFET DE TRANSPARENCE SUR LE HOVER */

a imguser {
border: none;
background-color: transparent;
}

a:hover imguser {
border: none;
background-color: transparent;
}

imguser {
border: none;
opacity: 0.8;
background-color: transparent;
}

imguser:hover{
border: none;
opacity: 1;
background-color: transparent;
}

/* ------ FIN INFO-BULLE PAR KAEL - ALDERIA.BIZ ------ */


/* Catégories en onglets */

.text {
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_Préface,#cat_Horses,#cat_Neutres,#cat_Wolfs /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:10px;
}


.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}

.onglet {
display:inline-block;
margin-top:40px;
text-decoration:none;
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none;
cursor:pointer;
}

.onglet li:hover {
text-decoration:none;
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none;
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://img163.imageshack.us/img163/2443/actif.png') no-repeat;
width: 112px;
height: 45px;
cursor:pointer;
}


.onglet_nactif {
background: url('http://img201.imageshack.us/img201/2319/inactif.png') no-repeat;
width: 115px;
height: 45px;
cursor:pointer;
}



.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


/* Fin */.



/*** PA codée par Phantasmagoria pour usage public ****/
.welcome {
font-size: 25px;
color: #000;
text-shadow: 0 1px 10px #000;
text-transform: uppercase;
border-bottom: 2px dashed #000;
-moz-border-radius:10px; }

#navigation a:link, #navigation a:visited, #navigation a:active {

font-style: verdana;
font-size: 13px;
text-align: center;
padding: 2px;
color: #EBD6A2;
background-color: #F5FAF6;
line-height: 13px;
display: block;
border-bottom: 1px solid #000;
-moz-border-radius: 15px 15px 15px 15px;
webkit-border-radius: 15px 15px 15px 15px;
-webkit-box-shadow: 0px 3px 2px #615661;
-moz-box-shadow: 0px 3px 2px #615661;
box-shadow: 0px 3px 2px #615661;
}

#navigation a:hover {
color: #AD6F11;
background-color: #fff;
}

.fond {
background: #EBD6A2;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
margin: 5px;
padding: 5px; }

.titres {
background: #EBD6A2;
font-size: 18px;
color: #AD6F11;
text-shadow: 0 1px 10px #000;
text-transform: uppercase;
tex-align: center;
-moz-border-radius-topleft: 65px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 65px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 65px;
border-top-right-radius: 0px;
border-bottom-right-radius: 65px;
border-bottom-left-radius: 0px;
margin: 5px;
padding-top: 7px;
padding: 10px
border-bottom: 2px dashed #000;}

.pres {
width: 400px;
height: 60px;
color: #AD6F11;
text-align: justify;
overflow: auto;
margin: 5px;
padding: 10px; }

#partenaires {
width:600px;
height: 40px;}

.news {
width: 230px;
height: 140px;
overflow: auto;
margin: 5px;
padding: 5px;
color: #AD6F11;}

.staff {
width: 230px;
height: 140px;
margin: 5px;
padding: 5px; }

 /* infobulle*/
.tstaff{font-size:1em;}


.thumbnail span{
position: absolute;
background-color: #AD6F11;
padding: 20px;
left: -1000px;
visibility: hidden;
color: #AD6F11;
-webkit-box-shadow: 0px 3px 2px #615661;
-moz-box-shadow: 0px 3px 2px #615661;
box-shadow: 0px 3px 2px #615661;

}
.thumbnail{
position: relative;
z-index: 0;
border:0px solid #AD6F11;
padding-top:3px;
padding-left:3px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color:#AD6F11;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #fff;
text-decoration: none;
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 10px;
border: 2px solid #fff;
}

.thumbnail span img{
border: 2px solid #EBD6A2;
padding: 1px;
}

.thumbnail:hover span{
visibility: visible;
top: 25px;
left: 35px; /*position where enlarged image should offset horizontally */
width: 150px
height: 250px;
}

a.imag{
position: relative;
z-index: 1;
}

a.imag:hover{
cursor: help;
z-index: 2;
}

a.imag span{
display: none;
}

a.img:hover span{
display:block;
position:absolute;
z-index: 3;
top: 1px;
left: -20px;
}

*
a.info {
  position: relative;
  color: #555555;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 60px; /* on positionne notre infobulle */
  left: 60px;

  background: #C7B28D;

  color: #576186;
  padding: 3px;

  border: 3px solid #B3986F;
}

/* ------ DÉBUT INFO-BULLE PAR KAEL - ALDERIA.BIZ ------ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

/* CSS de l'info-bulle {couleur, etc.} */
.thumbnail span
{
position: absolute;
background-color: #f9f9f9;
padding: 5px;
left: -1000px;
border: 2px solid #EDEDED;
-moz-border-radius:1px;
visibility: hidden;
color: #ADAFAE;
text-decoration: none;
}

.thumbnail:hover span
{
visibility: visible;
top: 35px;
left: 0px; /* Position de l'info-bulle horizontalement */
width: 100px; /* Largeur de l'info-bulle */
}

/* CETTE PARTIE DU CODE SERT A CRÉER L'EFFET DE TRANSPARENCE SUR LE HOVER */

a imguser {
border: none;
background-color: transparent;
}

a:hover imguser {
border: none;
background-color: transparent;
}

imguser {
border: none;
opacity: 0.8;
background-color: transparent;
}

imguser:hover{
border: none;
opacity: 1;
background-color: transparent;
}

/* ------ FIN INFO-BULLE PAR KAEL - ALDERIA.BIZ ------ */


/* Catégories en onglets */

.text {
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_Préface,#cat_Horses,#cat_Neutres,#cat_Wolfs /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:10px;
}


.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}

.onglet {
display:inline-block;
margin-top:40px;
text-decoration:none;
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none;
cursor:pointer;
}

.onglet li:hover {
text-decoration:none;
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none;
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://img163.imageshack.us/img163/2443/actif.png') no-repeat;
width: 112px;
height: 45px;
cursor:pointer;
}


.onglet_nactif {
background: url('http://img201.imageshack.us/img201/2319/inactif.png') no-repeat;
width: 115px;
height: 45px;
cursor:pointer;
}



.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


/* Fin */.

.tooltip
{
  text-decoration:none;
  position:relative;
}
.tooltip span
{
  display:none;

  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white;   
}
.tooltip span img
{
  float:left;
  margin:0px 8px 8px 0;
}
.tooltip:hover span
{
  display:block;
  position:absolute;  top:0;  left:0;
  z-index: 999;
  width:auto;
  max-width:320px;
  min-height:128px;
  border:1px solid black;
  margin-top:12px;
  margin-left:32px;
  overflow:hidden;
  padding:8px;
}
* {

  font-family: Arial,Verdana;

}
a.info {
  position: relative;
  color: white;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 0px; /* on positionne notre infobulle */
  left: 20px;

  background: #515157;

  color: white;
  padding: 3px;

  border: 1px solid #A86C6B;
  border-left: 1px solid #A86C6B;
width: 250px;


}
td.patd1 {
  text-align: center;
  vertical-align: bottom;
}
td.patd3 {
  vertical-align: bottom;
}
td.patd4, td.patd5, td.patd6, td.patd7 {
  vertical-align: top;
}
td.patd8 {
  vertical-align: bottom;
}
.menuderoulant {
  border: 3px double #aaaaaa; /*couleur des bords du menu déroulant*/
  background: #ffffff; /*couleur de fond du menu deroulant*/
  font-family: calibri;
  font-size: 10px;
  width: 130px;
  -moz-border-radius: 5px;
}
.boutonmenuderoulant {
  border: 3px double #aaaaaa; /*couleur des bords du bouton "go"*/
  background: #ffffff; /*couleur de fond du bouton "go"*/
  font-family: calibri;
  font-size: 10px;
  -moz-border-radius: 5px;
}
.messagebienvenue {
  font-size: 40px;
  font-style: italic;
  border-bottom: 15px solid #777777; /*couleur de la grosse ligne sous "bienvenue à buenos aires"*/
  text-align: center;
  color: #000000; /*couleur du texte "bienvenue à buenos aires"*/
}
.bloc1 {
  height: 140px;
  padding: 0px 10px 10px 10px;
  -moz-border-radius: 5px;
  border: 3px double #aaaaaa; /*couleur du cadre des blocs 1*/
}
.contexte {
  height: 115px;
  overflow: auto;
  text-align: justify;
  padding: 0px 5px 0px 5px;
  font-size: 12px;
  margin: 3px 0px 0px 0px;
}
.news {
    text-align: center;
  color: #777777; /* couleur du texte des news */
}
.admins {
    text-align: center;
  padding: 10px 0px 0px 0px;
}
.admins img {
    margin: 7px 10px 0px 10px;
}
span.infobulladmins{
  position: relative;
  text-decoration: none;
}
span.infobulladmins span.bull {
  display: none;
}
span.infobulladmins:hover {
  background: none;
  z-index: 999;
  cursor: crosshair;
}
span.infobulladmins:hover span.bull {
  display: inline;
  white-space: normal; 
  top: 15px;
  left: -35px;
  position: absolute;
  padding: 8px;
  background: #ffffff; /*couleur fond infobulle admins*/
  -moz-border-radius: 5px;
  border: 3px solid #aaaaaa; /*couleur cadre infobulle admins*/
  text-align: justify;
  font-size: 13px;
  width: 120px;
  text-align: center;
}
.bloc2 {
  height: 224px;
  padding: 0px 10px 10px 10px;
  text-align: center;
  font-size: 12px;
  -moz-border-radius: 5px;
  border: 3px double #aaaaaa; /*couleur cadre bloc 2*/
}
.bloc3 {
  height: 158px;
  padding: 0px 10px 10px 10px;
  margin-top: 6px;
  text-align:center;
  font-size: 10px;
  -moz-border-radius: 5px;
  border: 3px double #aaaaaa; /*couleur cadre bloc 3*/
}
.bloc4 {
  height: 80px;
  padding: 0px 10px 10px 10px;
  text-align: center;
  font-size: 11px;
  -moz-border-radius: 5px;
  border: 3px double #aaaaaa; /*couleur cadre bloc 4*/
}
.bloc4 img {
  margin: 0px 5px 0px 5px;
}
.titrebloc {
  font-size: 20px;
  height: 20px;
  text-align: center;
  border-bottom: 2px solid;
  color: #777777; /*couleur de la ligne entre le titre et le contenu dun bloc*/
  font-style: italic;
  margin: 0px 0px 3px 0px;
}

.barre_defilement {
overflow: auto;
width: 12px;
height: 12Rpx;
}






/* début du css pour l'avatar qui monte au passage de la souris */
.cate2{
  width: 200px;
  height: 320px;
  overflow: hidden;
  border: 2px solid ghostwhite;
  background-color: #ffffff;}

.cate2_img{
  position: relative;
  z-index: 2;
  width: 200px;
  height: 320px;
  margin-top: 0px;
    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;
  overflow: auto;}

.cate2:hover .cate2_img{
margin-top: -320px;
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;}

.cate2_description{
  position: relative;
  z-index: 1;
  height: 320px;
  margin-top: 10px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  overflow: hidden;
  margin-left: 10px;
  margin-right: 10px;}

/* fin du css pour l'avatar qui monte au passage de la souris */

/* début du css le ruban en haut & en bas de la fiche */
.arrowprez{
width:0;
height:0;
line-height:0;
border-left:20px solid transparent;
border-top:10px solid #c8c8c8;
top:32px;
left:0;
position:absolute;}

.arrowprez2{
width:0;
height:0;
line-height:0;
border-right:20px solid transparent;
border-top:10px solid #c8c8c8;
top:104%;
left:96%;
position:absolute;}

/* fin du css le ruban en haut & en bas de la fiche */

/* début du css pour le fond de la fiche */
div#fondpv{
width:400px;
padding:20px;
BACKGROUND: white;
/*box-shadow*/
-webkit-box-shadow:3px 3px 4px black;
  -moz-box-shadow:3px 3px 4px black;
        box-shadow:3px 3px 4px black;
/*border-radius*/
-webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
        border-radius:5px 5px 5px 5px;
line-height:95%;}
/* fin du css pour le fond de la fiche */

/* début du css pour les titres (bande du début&la fin) */
#nameprez{
  margin: auto;
background:#e3e3e3;
/*linear-gradient*/
background:-webkit-gradient(linear,left top,left bottom,from(#e3e3e3),to(#c8c8c8));
background:-webkit-linear-gradient(top, #e3e3e3, #c8c8c8);
background:  -moz-linear-gradient(top, #e3e3e3, #c8c8c8);
background:    -o-linear-gradient(top, #e3e3e3, #c8c8c8);
background:        linear-gradient(top, #e3e3e3, #c8c8c8);
background:-webkit-gradient(linear, left top, left bottombottom, from(#e3e3e3), to(#c8c8c8));
padding:10px 20px;
margin-left:-40px;
margin-top:0;
position:relative;
width:440px;
/*box-shadow*/
-webkit-box-shadow:1px 1px 3px #292929;
  -moz-box-shadow:1px 1px 3px #292929;
        box-shadow:1px 1px 3px #292929;
color:#454545;
  letter-spacing:1px;
color:#B9121B;
text-shadow:0 1px 1px #000000;
font-size:15px;
font-weight:bold;
text-align: center;
text-shadow:0 1px 0 white;
z-index:999;}

#nameprez2{
background:#e3e3e3;
  margin: auto;
padding:10px 20px;
margin-left:-53px;
margin-top:-20px;
position:relative;
width:440px;
/*box-shadow*/
-webkit-box-shadow:1px 1px 3px #292929;
  -moz-box-shadow:1px 1px 3px #292929;
        box-shadow:1px 1px 3px #292929;
color:#454545;
text-shadow:0 1px 0 white;
z-index:999;}
/* fin du css pour les titres (bande du début&la fin)  */

/* début du css pour la box caractère */
#ribbon {
  /*border-radius*/
-webkit-border-radius:7px 7px 0px 7px;
  -moz-border-radius:7px 7px 0px 7px;
        border-radius:7px 7px 0px 7px;
  opacity:0.90;
-moz-opacity:0.90;
filter:alpha(opacity=90);
        background: whitesmoke;
        padding: 10px 5px;
          left: 5%;
        margin-top: 0;
  margin-left: 0px;
        width: 98%;
      position: relative;
        -moz-box-shadow: 1px 1px 3px #292929;
        -webkit-box-shadow: 1px 1px 3px #292929;
          box-shadow: 1px 1px 3px #292929;
 
        color: #454545;
        text-shadow: 0 1px 0 white;
  z-indez: 8;}

/* fin du css pour la box caractère */


/* début pour les gros titres (écriture) */
.khotitle2{
font-family:segoe script;
font-size:30px;
text-align:center;
color: goldenrod;
margin-bottom:-5px;
text-shadow:1px 1px 3px white;
margin-top:-10px;}
/* fin pour les gros titres (écriture) */

/* début pour le fond jaune/orange */

#ava1{
position:relative;
top:-20px;
z-index:7;
text-align:center;
padding:15px;
background:URL('http://i.imgur.com/AgOnq.png');
/*border-radius*/
-webkit-border-radius:10px;
  -moz-border-radius:10px;
        border-radius:10px;}

/* fin  pour le fond jaune/orange */


/*MODELE PREDEFINIS*/


.titrepseudo {text-shadow: #cdcdcd 1px 0px 1px; font-family:Edwardian Script ITC; font-size:60px; LETTER-SPACING: -2px;}


/*CATEGORIE DESCRIPTI*/

.descricat {background: #e7e7f0; -moz-border-radius : 0px 0px 0px 0px; text-align: justify}

.descricat2 {background: #ededee; -moz-border-radius : 0px 0px 0px 0px; text-align: justify}


.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
               
                cursor:pointer;
        }
        .onglet_0
        {
                bac
        }
        .onglet_1
        {
     
                padding-bottom:4px;
        }
        .contenu_onglet
        {
               
                margin-top:-1px;
                padding:5px;
                display:none;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }






/*PRÉSENTATION*/

.pres1 {
border : #steelblue solid 4px;
background-color : #ffffff;
-moz-box-shadow: 0px 0px 4px dimgray;}

.no875 {
font-style: italic ;
font-size: 32px;
color : #B29684;
font-family: times new roman ;
text-shadow: silver 0px 1px 2px ;}


.img1{
border: 2px solid #cdcdcd;
padding: 10px;
width: 80px;
height: 80px;
-moz-border-radius: 100px;}

.pres2{
BACKGROUND-COLOR: #CCBDA5;
 TEXT-ALIGN: center}

.pres3{font-style:italic; font-family: times new roman ; text-align: center;color:#B29684;font-size: 26px;letter-spacing:-2px; text-shadow: silver 0px 0px 2px;}


a.mainmenu{
color: #755e4b;
font-size:10px;
font-family: GEORGIA;
text-decoration:none;
padding-right:px;
text-shadow: 0px 0px 3px silver;
text-transform:uppercase;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}

a.mainmenu:hover{
color: #755e4b;
font-size:10px;
font-family: GEORGIA;
text-decoration:none;
padding-right:px;
text-shadow: 0px 0px 1px black;
text-transform:uppercase;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}




.mess
{
background-color : color; /*Couleur de fond*/
color : black; /*Couleur du texte*/
}
.derni
{
background-color : color; /*Couleur de fond*/
color : black; /*Couleur du texte*/
}


a{
font-weight: none;
}     

.avatruc {
-moz-transform: rotate(-1deg);
-moz-box-shadow: 0px 0px 2px black;
}


.pseudoo {
font-style: italic;
font-family: trebuchet ms;
font-size: 14px;
letter-spacing: 3px;
}


tr.post span.gensmall { display: none; }



/*NOM CATEGORIE*/
.secondarytitle, .secondarytitle h2 {
    color: #FFFFFF;
    font-family: GEORGIA;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    text-shadow: 1px 1px 1px dark;
    text-transform: uppercase;
}



/*INFOBULLES*/
a.imginfo {
  position: relative;
  color: #7d7d7d;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
width : 200;
  top: -9px; /* on positionne notre infobulle */
  left: 100px;
  background: white;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 4px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}




/*JUSTIFICATION*/
.postbody {
    display: block;
    padding-left: 11px;
    padding-right: 11px;
    text-align:justify;
}



.forumlink {
font-family: georgia;
font-size: 20px;
font-style: italic;
text-shadow: 1px 1px 1px #b7c7b6; }

/*CADRE COLLER*/
.bodyline { padding:0px; }

coller en haut
{ margin-top:0px; padding-top:0px; }


u {
color : #111111;
border-bottom: 1px dotted;
text-decoration: none}


input,textarea, select {
border: 1px #fffffff}

a {
text-decoration: none;
text-transform: lowercase ;
letter-spacing: 1px;}




a.topictitle:link
{text-decoration: none;
color: DimGray;}

a.topictitle:visited
{text-decoration: none;
color: LightSteelBlue ;}

a.topictitle:hover{
text-decoration: none !important;
border-bottom: 1px LightSteelBlue dotted;
color: LightSteelBlue;}


tr.post span.gensmall { display: none; }

body{margin-top: 0px;}

body{margin-bottom: 0px;}



a { text-decoration: none; }


.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0;
border:2px solid WHITE ;
}

/*CODES*/
.code {
max-width:480px !important;
}

.code div {
max-width:480px !important;
}


/*CADRE*/
.bodyline{
          border: #a2947b 8px solid;
        -moz-border-radius-bottomleft:0px;
        -moz-border-radius-bottomright:0px;
        -moz-border-radius-topleft:0px;
        -moz-border-radius-topright:0px;
  }

/*TITRE*/
a.topictitle{
text-decoration: none;
font-variant: small-caps;
color : #5c2f2f;
}

a.topictitle:visited{
text-decoration: none
font-variant: small-caps;
color : #8C5A58;
}

a.topictitle:hover{
text-decoration: none;
font-variant: small-caps;
color : #3FA298;
letter-spacing :0.1em;
}


/*** PA codée par Phantasmagoria pour usage public ****/
.welcome {
font-size: 25px;
color: #000;
text-shadow: 0 1px 10px #000;
text-transform: uppercase;
border-bottom: 2px dashed #000;
-moz-border-radius:10px; }

#navigation a:link, #navigation a:visited, #navigation a:active {

font-style: verdana;
font-size: 13px;
text-align: center;
padding: 2px;
color: #EBD6A2;
background-color: #F5FAF6;
line-height: 13px;
display: block;
border-bottom: 1px solid #000;
-moz-border-radius: 15px 15px 15px 15px;
webkit-border-radius: 15px 15px 15px 15px;
-webkit-box-shadow: 0px 3px 2px #615661;
-moz-box-shadow: 0px 3px 2px #615661;
box-shadow: 0px 3px 2px #615661;
}

#navigation a:hover {
color: #AD6F11;
background-color: #fff;
}

.fond {
background: #EBD6A2;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
margin: 5px;
padding: 5px; }

.titres {
background: #EBD6A2;
font-size: 18px;
color: #AD6F11;
text-shadow: 0 1px 10px #000;
text-transform: uppercase;
tex-align: center;
-moz-border-radius-topleft: 65px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 65px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 65px;
border-top-right-radius: 0px;
border-bottom-right-radius: 65px;
border-bottom-left-radius: 0px;
margin: 5px;
padding-top: 7px;
padding: 10px
border-bottom: 2px dashed #000;}

.pres {
width: 400px;
height: 60px;
color: #AD6F11;
text-align: justify;
overflow: auto;
margin: 5px;
padding: 10px; }

#partenaires {
width:600px;
height: 40px;}

.news {
width: 230px;
height: 140px;
overflow: auto;
margin: 5px;
padding: 5px;
color: #AD6F11;}

.staff {
width: 230px;
height: 140px;
margin: 5px;
padding: 5px; }

 /* infobulle*/
.tstaff{font-size:1em;}


.thumbnail span{
position: absolute;
background-color: #AD6F11;
padding: 20px;
left: -1000px;
visibility: hidden;
color: #AD6F11;
-webkit-box-shadow: 0px 3px 2px #615661;
-moz-box-shadow: 0px 3px 2px #615661;
box-shadow: 0px 3px 2px #615661;

}
.thumbnail{
position: relative;
z-index: 0;
border:0px solid #AD6F11;
padding-top:3px;
padding-left:3px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-color:#AD6F11;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #fff;
text-decoration: none;
text-align: center;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 10px;
border: 2px solid #fff;
}

.thumbnail span img{
border: 2px solid #EBD6A2;
padding: 1px;
}

.thumbnail:hover span{
visibility: visible;
top: 25px;
left: 35px; /*position where enlarged image should offset horizontally */
width: 150px
height: 250px;
}

a.imag{
position: relative;
z-index: 1;
}

a.imag:hover{
cursor: help;
z-index: 2;
}

a.imag span{
display: none;
}

a.img:hover span{
display:block;
position:absolute;
z-index: 3;
top: 1px;
left: -20px;
}

*
a.info {
  position: relative;
  color: #555555;
  text-decoration: none;
}

a.info span {
  display: none; /* on masque l'infobulle */
font-size: 12px;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 60px; /* on positionne notre infobulle */
  left: 60px;

  background: #C7B28D;

  color: #576186;
  padding: 3px;

  border: 3px solid #B3986F;
}

/* ------ DÉBUT INFO-BULLE PAR KAEL - ALDERIA.BIZ ------ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

/* CSS de l'info-bulle {couleur, etc.} */
.thumbnail span
{
position: absolute;
background-color: #f9f9f9;
padding: 5px;
left: -1000px;
border: 2px solid #EDEDED;
-moz-border-radius:1px;
visibility: hidden;
color: #ADAFAE;
text-decoration: none;
}

.thumbnail:hover span
{
visibility: visible;
top: 35px;
left: 0px; /* Position de l'info-bulle horizontalement */
width: 100px; /* Largeur de l'info-bulle */
}

/* CETTE PARTIE DU CODE SERT A CRÉER L'EFFET DE TRANSPARENCE SUR LE HOVER */

a imguser {
border: none;
background-color: transparent;
}

a:hover imguser {
border: none;
background-color: transparent;
}

imguser {
border: none;
opacity: 0.8;
background-color: transparent;
}

imguser:hover{
border: none;
opacity: 1;
background-color: transparent;
}

/* ------ FIN INFO-BULLE PAR KAEL - ALDERIA.BIZ ------ */


/* Catégories en onglets */

.text {
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_Préface,#cat_Horses,#cat_Neutres,#cat_Wolfs /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:10px;
}


.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}

.onglet {
display:inline-block;
margin-top:40px;
text-decoration:none;
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none;
cursor:pointer;
}

.onglet li:hover {
text-decoration:none;
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none;
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('http://img163.imageshack.us/img163/2443/actif.png') no-repeat;
width: 112px;
height: 45px;
cursor:pointer;
}


.onglet_nactif {
background: url('http://img201.imageshack.us/img201/2319/inactif.png') no-repeat;
width: 115px;
height: 45px;
cursor:pointer;
}



.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.opacity img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}


/* Fin */.


/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_head
{
width: 1002px;
margin: auto;
height: 150px;
background: url() center no-repeat;
}

.cate_body
{
width: 1000px;
margin: auto;
background: url() center repeat-y;
}

.cate_foot
{
width: 1000px;
margin: auto;
height: auto;
background: url(http://illiweb.com/fa/empty.gif) center no-repeat !important;
}

.cate_titre
{
  clear: both;
  height: 50px;
  margin-top: 50px;
  margin-bottom: 10px;
}
.catetitre_bloc
{

}
.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
margin-left: auto;
  margin-right: auto;
  margin-top: -60px;
text-align: center;
padding: 2px;
}

.catetitre
{
color: #D2B48C;
font-family: polar_shift;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #D2B48C !important;
margin-top: 30px;
margin-bottom: 50px;
letter-spacing: 2px;
}

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

.forum
{
float: left;
width: 460px;
height: 250px;
margin: 1px 1px 80px;
border-radius: 70px 70px 0px 0px;
padding-bottom: 30px;
}
a.forumlink
{
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #D2B48C;
  text-align: center;
font-family: harrington;
font-size: 22px;
font-weight: bold;
text-transform: capitalize;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #997645 !important;
    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;
  text-shadow: 1px 1px 1px #7d1809 !important;
    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;
text-decoration: none;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  width: 400px;
  height: 245px;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
  background-color:#D2B48C ;
  border-left: 3px solid #D2B48C;
  border-right: 3px solid #D2B48C;
  border-bottom: 3px solid #D2B48C;
  border-top: 3px solid #D2B48C;
  border-radius: 100px 5px 100px 5px/50px 50px;
  padding-top: 30px;
  box-shadow: 1px 1px 10px #D2B48C;
  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:hover
{
border-radius: 5px 100px 5px 100px/50px 50px;
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 5s;
-moz-transition: 5s;
-o-transition: 5s;
-htm-transition: 5s;
-webkit-transition: 5s;
}
 
.forumline
{
border: 1px solid #D2B48C;
}
.description
{
  display: block;
  width: 250px;
  margin: 10px auto auto;
  height: 100px;
  overflow: hidden;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 250px;
  height: 100px;
  overflow: auto;
  background-color: #F5F5F5;
  font-size: 10px;
  color: #e0ab61;
  text-align: justify;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 15px 15px 15px 15px;
  box-shadow: 1px 1px 10px #F5F5F5;
  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
{
  color: #7d1809;
  opacity: 0.8;
      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;
}
.dercateg
{
background: none repeat scroll #F5F5F5 !important;
border-radius: 700px 700px 700px 700px;
width: 100px;
height: 100px;
}
.stats_lastpost
{
  display: block;
  width: 160px;
  height: 80px;
  margin-left: 106px;
  margin-top: 10px;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  padding: 5px;
  text-align: center;
  border-radius: 15px 15px 15px 15px;
}
.stats
{
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px dotted #b5b5b5;
  padding-bottom: 5px;
  font-size: 10px;
  color: #997645;
}
.lastpost
{
  display: block;
  font-size: 11px;
}

Merci infiniment à celui qui prendra le temps de trouver le soucis ^^

Je suis administratrice du forum (Mais j'ai accès au compte fondateur...)

Les templates Index_Body, Index_Box, overall_footer_begin, overall_header & viewtopic_body

Nous sommes sur Mozilla & Le css est personnalisé, bien sûr...

Voici la capture d'écran
Spoiler:


Si vous voulez le voir de vos propres yeux, voici le forum : http://youbelongtome.forums-actifs.net/


MERCI BEAUCOUP ! What a Face


Dernière édition par naima-kell le Ven 7 Sep 2012 - 14:03, édité 1 fois

naima-kell
Nouveau membre

Messages : 8
Inscrit(e) le : 06/02/2012

http://grenior.forumgratuit.org/
naima-kell a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre de forum

Message par Scoubifitz le Ven 7 Sep 2012 - 1:33

bonsoir,

en partie basse du CSS , il y a la bordure "coupable":

Code:
/*CADRE*/
.bodyline{
          border: #a2947b 8px solid;
        -moz-border-radius-bottomleft:0px;
        -moz-border-radius-bottomright:0px;
        -moz-border-radius-topleft:0px;
        -moz-border-radius-topright:0px;
  }


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de cadre de forum

Message par naima-kell le Ven 7 Sep 2012 - 13:48

MERCI ÉNORMÉMENT !

Mon design se portera mieux grâce à ton aide si rapide ♥

naima-kell
Nouveau membre

Messages : 8
Inscrit(e) le : 06/02/2012

http://grenior.forumgratuit.org/
naima-kell 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