Sujets similaires

Et oui, j'ouvre mon forum, et le lendemain je réalise qu'il y a un bug sous Firefox!
Alors mon tout nouveau Surge of Darkness est très personnalisé niveau templates et CSS, comme vous pourrez le constater.

Et puis ben, je vous laisse constater le problème par vous-même!
( PS : Sur la version sous Firefox, il manque une catégorie parce que j'étais sur le compte PNJ qui n'a pas accès à la zone staff. Autrement, j'ai mis les liens qui sont normalement sous les catégories complètement en haut parce que ça empiétait sur la zone "vide" )

Spoiler:

Je vous fournis mon CSS complet ( attention, il est long, mais bien divisé au moins XD ) et deux templates modifiés.

Feuille CSS

Code:: /* ------------------------------------------ EFFETS TEXTE LIENS ------------------------------------------ */
a
{text-decoration: none;}

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

*::selection {
background:#05B8AF none repeat scroll 0 0;
}
*::-moz-selection {
background:#05B8AF none repeat scroll 0 0;
}
*::-o-selection: {
background:#05B8AF none repeat scroll 0 0;
}
*::-htm-selection: {
background:#05B8AF none repeat scroll 0 0;
}
*::-webkit-selection:{
background:#05B8AF none repeat scroll 0 0;
}

a.forumlink
{
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #05B8AF;
/*text-margin-left: 10px;*/
/*border-bottom:1px dashed #05B8AF;*/
font-family: times new roman;
font-size: 14px;
font-variant: small-caps;
letter-spacing: -1px;
text-shadow: 1px 1px 0px #000000;
}
a.forumlink:hover
{
letter-spacing: -1px;
color: #FFFFFF;
/*border-bottom:1px dashed #FFFFFF;*/
}

.titre_sujets
{color: #05B8AF;
font-family: Georgia;
font-variant: small-caps;
letter-spacing: -1px;
font-size: 15px;
}

a:link {text-decoration: none; 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:hover{text-decoration: none !important;cursor:crosshair;font-size: 10 px; 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;}

table
{
clear: both;
}

.lieens.tableau
{
clear: both;
position: absolute;
}

.lieens {
font-size: 13px;
color: #923740;
font-family: times new roman;
font-variant: small-caps;
/*text-transform: uppercase;*/
padding-bottom: 2px;}

/* ------------------------------------------ CODAGE PREZ ------------------------------------------ */

div.cssactif_fiche { /* Fond de la fiche */
background-color: #000505; /* Couleur de fond */
border-top: 6px double #239999;
border-bottom: 8px double #239999;
border-left: 1px solid #239999;
border-right: 1px solid #239999;
width: 600px;
align: center;
margin-left: auto;
margin-right: auto;

-webkit-box-shadow: 0px 0px 10px 0px #00090d; /* Ombre de la fiche */
-moz-box-shadow: 0px 0px 10px 0px #00090d; /* Ombre de la fiche */
box-shadow: 0px 0px 10px 0px #00090d; /* Ombre de la fiche */

}

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 */

margin-top: -18px;
height: 150px; /* Donne la hauteur en px du header*/

border-bottom: 8px double #216466; /* Bordure au bas du header: ÉPAISSEURpx STYLE #COULEUR */
/*border-top: 1px dashed #18444f;*/

/* Bordures supérieures arrondies (voir: http://border-radius.com/) */

}

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

font-family: Times New Roman; /*Police du titre*/

font-size: 36px; /* Taille du texte: TAILLEpx */

text-shadow: 1px 1px 0px #000; /* Ombre du texte */

color: #05B8AF; /* Couleur du texte */

margin: 0; /* Supprime la marge par défaut de l'élément h1 */

text-align: right; /* Aligne le titre à droite */
font-variant: small-caps; /* 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: #ffffff; /* Couleur du feat */
font-style: italic;
margin-top: -10px;
}

div.cssactif_fiche h2 { /* Sous-titres "Identité", "Opinions" etc. */
background-color: #00090d; /* Couleur du fond des sous-titres */
border-color: #239999; /* 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 */
-moz-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche */
box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche */

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*/
color: #05B8AF; /* 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*/
color: #05B8AF; /* Couleur du titre */
font-style: normal;
text-transform: uppercase;
}

.cssactif_fiche am { /* Libellés */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre*/
color: #05B8AF; /* Couleur du titre */
font-size: 11px;
font-style: normal;
font-variant: small-caps;
}

.desc2 {
text-align: left;
font-size: 11px;
font-family: georgia;
font-variant: small-caps;
color: #ffffff;
}

.cadre-desc
{
display: block;
width: 550px;
height: 150px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border: 1px dashed #15827d;
}
.cadre-desc_contenu
{
display: block;
width: 541px;
height: 135px;
margin-top: -20px;
overflow: auto;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
}
.cadre-desc em {
font-family: Georgia;
color: #05B8AF;
font-style: normal;
text-transform: uppercase;
}

.cadre-pub
{
display: block;
width: 550px;
height: auto;
background: #010303 url(http://img256.imageshack.us/img256/4071/fondcatl.png);
margin-left: auto;
margin-right: auto;
overflow: hidden;
border: 1px dashed #15827d;
}

/* ------------------------------------------ STAFF ------------------------------------------ */

.desc_staff
{
display: block;
width: 400px;
height: 100px;
margin-left: auto;
margin-right: auto;
margin-top: 4px; /*12px*/
overflow: hidden;
border: 1px dashed #15827d;
}
.desc_staff_contenu
{
display: block;
width: 391px;
height: 91px;
margin-top: -18px;
overflow: auto;
background-color: #010303;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.desc_staff_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;
}
.desc_staff_contenu em { /* Libellés */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre*/
color: #05B8AF; /* Couleur du titre */
font-style: normal;
font-variant: small-caps;
}
/* ------------------------------------------ PREDEF ------------------------------------------ */

.desc_predef
{
display: block;
width: 400px;
height: 100px;
margin-left: auto;
margin-right: auto;
margin-top: 4px; /*12px*/
overflow: hidden;
border: 1px solid #15827d;
}
.desc_predef1
{
display: block;
width: 400px;
height: 100px;
margin-left: auto;
margin-right: auto;
margin-top: 4px; /*12px*/
overflow: hidden;
border: 1px solid #ba2929;
}
.desc_predef_contenu
{
display: block;
width: 391px;
height: 91px;
margin-top: -18px;
overflow: auto;
background-color: #010303;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.desc_predef_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;
}
.desc_predef_contenu em { /* Libellés */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre*/
color: #05B8AF; /* Couleur du titre */
font-style: normal;
font-variant: small-caps;
font-size: 12px;
}
/* ------------------------------------------ IMAGES ET PROFILS ------------------------------------------ */

/* Justifier automatique */
h5{text-align: justify;}
.postbody {text-align:justify;}

/*avata centré*/
.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

/*signa*/
.limitation-signature img {
max-width: 600px;
max-height: 400px;
}

/*pas image navig*/
a.mainmenu img {
display:none;
}

a.mainmenu{
padding-left:4px;
padding-right:4px;
}

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

profile.details
{margin-left: 2px;
margin-right: 2px;}

/* ------------------------------------------ CODE QUOTE SPOILER ------------------------------------------ */

/* Selection liste */
select {max-width: 480px;}

.selectCode { float:right; text-transform: uppercase; cursor:crosshair; font-size: 8px; }

/*code spoilers quote*/
.code, .quote, .spoiler{
padding: 5px;
background-color: #000405;
border: none;
border: 1px solid #05B8AF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* ------------------------------------------ PSEUDO & TEXTES ------------------------------------------ */

/* Début - style pour vérification pseudo à l'inscription */
#username_reg {color: #FFFFFF;}
#username_reg.okusername {color: #2f9122;}

/* Pseudo */
.name{
font: bold;
font-size: 15px;
font-family: Verdana;
letter-spacing: -1px;
text-align: center;
}

/* TEXTE JUSTIFIE ET PADDE AUTOMATIQUEMENT */
.postbody { display: block; text-align:justify; padding: 25px; }

/* ------------------------------------------ MESSAGE DAMPIERRE ------------------------------------------ */

.titre_entete {
font-family: Times New Roman;
font-style: italic;
font-size: 28px;
color: #774301;
text-align: center;
padding-top: 45px;
padding-left: 30px;
margin-bottom: -10px;
background-image: URL('http://img843.imageshack.us/img843/7854/headerljt.png');
background-repeat: no-repeat;
height: 58px;
width: 505px;
}

.texte_contenu {
font-family: verdana;
font-size: 12px;
padding-left: 40px;
padding-right: 10px;
color: #774301;
text-align: justify;
margin-bottom: -10px;
background-image: URL('http://img585.imageshack.us/img585/5623/contentl.png');
bakcground-repeat: repeat-y;
width: 460px;
position:relative;
}

.defilement_chronique {
width: 340px;
min-height:500px;
}

.pied {
background-image: URL('http://img546.imageshack.us/img546/1671/footer2.png');
background-repeat: no-repeat;
height: 93px;
width: 505px;
}

.dampierre {
position:absolute;
right:-100px;
bottom:-50px;
}

/* ------------------------------------------ MISE EN FORME QEEL CB ------------------------------------------ */

/*Chatbox*/
body.chatbox
{background: none; border-left: 1px solid #05B8AF; border-right: 1px solid #05B8AF; border-top: 1px solid #05B8AF; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -htm-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px;}
/*QEEL*/
#qeel
{width: 900px; height: 660px;overflow: hidden; background: url(http://img846.imageshack.us/img846/7388/base3m.png) center no-repeat;}

#statistiques
{float: left; width: 150px; height: 150px; overflow: auto; margin-left: 85px; margin-top: 133px;}
#informations
{width: 360px; height: 150px; overflow: auto; margin-left: 320px; margin-top: 165px;}
#informations .row1
{background: none;}
#anniversaires
{position: absolute; width: 130px; height: 40px; margin-top: -40px; margin-left: 200px;}
.annif
{display: block; position: absolute; width: 360px; height: 0px; overflow: hidden; margin-top: 40px; margin-left: -200px; background: url(http://img214.imageshack.us/img214/1351/backannif.png)center no-repeat; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0);}
#anniversaires:hover .annif
{display: block; position: absolute; width: 360px; height: 150px; margin-top: 40px; margin-left: -200px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100);}

#groupes
{clear: both; float: right; width: 500px; height: 170px; overflow: auto; margin-right: 100px; margin-top: 145px;}
.g1
{display: inline-block; width: 80px; height: 40px; text-align: justify;}
.g2
{display: inline-block; width: 110px; height: 40px; margin-left: 20px; text-align: justify;}
.g3
{display: inline-block; width: 70px; height: 40px; margin-left: 40px; text-align: justify;}
.g4
{display: inline-block; width: 110px; height: 40px; margin-left: 50px; text-align: justify;}
.g1_infos
{position: absolute; display: none; width: 500px; height: 130px; margin-top: 40px;}
.g2_infos
{position: absolute; display: none; width: 500px; height: 130px; margin-top: 40px; margin-left: -100px;}
.g3_infos
{position: absolute; display: none; width: 500px; height: 130px; margin-top: 40px; margin-left: -250px;}
.g4_infos
{position: absolute; display: none; width: 500px; height: 130px; margin-top: 40px; margin-left: -370px;}
.g1:hover .g1_infos, .g2:hover .g2_infos, .g3:hover .g3_infos, .g4:hover .g4_infos
{display: block; font-size: 11px;}

/* ------------------------------------------ CONNEXION RAPIDE ------------------------------------------ */

/* FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ de ORANGE pour CSSACTIF (css-actif.com) - Merci de ne pas retirer */

.cssactif_connexrapide {
/* Style général: à modifier à votre guise ! */
background:url(http://img651.imageshack.us/img651/6771/keychainn.png) no-repeat left center
#00090d; /* Ajoute une icône de fond no-répétée à gauche et une couleur de fond */
padding-left: 48px; /* Donne la marge pour l'icône de fond */
border: 1px solid #2B889F; /* Bordure du formulaire */
margin: 5px; /* Espacement entre le formulaire et le contenu voisin */
/*Arrondissement des bordures */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;

/* Ombre portée de la boîte */
-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);

/* Style du texte intérieur */
font-size: 12px; color: #2B889F; text-align: justify;}

.cssactif_connexrapide_form { /* Correspond à la cellule qui contient le formulaire comme tel */
text-align: center; }
.cssactif_connexrapide_form input.post{ /* Correspond aux entrées de texte qui contiennent les informations de connexion */
margin-bottom: 3px; /* Marge qui empêche que les champs de se toucher */

/* Style des entrées: à modifier à votre guise ! */
background-color: #00090d; border: 1px solid #2B889F; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px #00090d; -moz-box-shadow: 0px 1px 0px 0px #00090d; box-shadow: 0px 1px 0px 0px #00090d; font-size: 11px; color: #5DD9FF;}

.cssactif_connexrapide_form input.mainoption /* Correspond au bouton "Connexion" */

/* Style du bouton: à modifier à votre guise ! */
{ background-color: #001017; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; border-bottom: 2px solid #2B889F;}

.cssactif_connexrapide_form input.mainoption:active /* Correspond au bouton "Connexion" lors du clic */

/* Style du bouton lors du clic: à modifier à votre guise ! */
{ border: none; border-top: 2px solid #2B889F;}

/* ------------------------------------------ CADRE FORUMS ------------------------------------------ */

.forumline { /* cadre categories */
-moz-border-radius:0px;
Border-top:1px dashed #18444f;
border-bottom:1px dashed #18444f;
border-left:1px dashed #18444f;
border-right:1px dashed #18444f;
}

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

#table_head
{
width: 930px;
height: 112px;
background-color: transparent;
background-image: url(http://nsa27.casimages.com/img/2011/06/26/110626091258207621.png);
background-repeat: no-repeat;
margin: auto;
}

#table_foot
{
width: 930px;
height: 115px;
background-color: transparent;
background-image: url(http://nsa27.casimages.com/img/2011/06/26/110626093552458210.png);
background-repeat: no-repeat;
margin-top: -10px
}

/* ------------------------------------------ CATÉGORIES 2 COLONNES ------------------------------------------ */

/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_titre
{
clear: both;
width: 90%;
height: 70px;
margin-top: 70px;
}
.catetitre_bloc
{
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-top: 70px;
margin-left: auto;
margin-right : auto;
background-color: #00090d;
border-top-left-radius: 100px;
border-bottom-left-radius: 0px;
border-top-right-radius: 100px;
border-bottom-right-radius: 0px;
}
.catetitre_content /* image catégorie */
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
height: 50px; /* 40 sans image */
margin-top: -50px; /* -45 sans image*/
text-align: center;
padding: 2px;
/*border-bottom: 3px dotted #191817;*/
margin-right: auto;
margin-left: auto;
}
.catetitre
{
color: #B4E4DA;
font-family: arial;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
margin-left: auto;
margin-right : auto;
text-shadow: 1px 1px 0px #000000;
}
.forum_bloc
{
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -15px; /*-30 sans image*/
}
.forum
{
float: left;
width: 460px;
height: 245px; /*247*/
margin-left: 5px;
margin-right: 5px;
margin-bottom: 70px; /* espace sous forum*/
}
a.forumlink
{
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #FFFFFF;
margin-left: 5px;
text-margin-left: 10px;
font-family: Georgia;
font-size: 18px;
font-weight: bold;
/*text-transform: uppercase;*/
text-variant: small-caps;
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: url(http://img256.imageshack.us/img256/4071/fondcatl.png) center;
border-left: 1px dashed #18444f;
border-right: 1px dashed #18444f;
border-bottom: 1px dashed #18444f;
border-top: 5px solid #0b1f24;
}
.description
{
display: block;
width: 400px;
height: 100px;
margin-left: 20px;
margin-top: 4px; /*12px*/
overflow: hidden;
border: 2px solid #15827d;
}
.description_contenu
{
display: block;
width: 391px;
height: 91px;
overflow: auto;
background-color: #010303;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description2 /*sous-forums*/
{
display: block;
width: 400px;
height: 100px;
margin-left: 20px;
margin-top: 4px; /*12px*/
overflow: hidden;
border: 1px solid #15827d;
}
.description_contenu2 /*sous-forums*/
{
display: block;
width: 391px;
height: 91px;
overflow: auto;
background-color: #010303;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
opacity: 100;
}
.description3 /*sous-forums ak image */
{
display: block;
width: 300px;
height: 100px;
margin-left: 75px;
margin-top: 4px; /*12*/
overflow: hidden;
border: 1px solid #15827d;
}
.description_contenu3 /*sous-forums ak image*/
{
display: block;
width: 291px;
height: 91px;
overflow: auto;
background-color: #010303;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu3: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 /*image*/
{
width: 300px;
margin: auto;
margin-top: 3px;
margin-left: -5px;
}
.stats_lastpost /*boite*/
{
display: block;
width: 160px;
height: 80px;
margin-top: -55px;
margin-left: 270px;
position : relative;
background-color: #000000;
border: 1px solid #18444f;
padding: 5px;
text-align: center;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.lastpost /*texte intérieur*/
{
display: block;
font-size: 11px;
}
.stats /*écriture nbr messages*/
{
display: block;
margin-left: 5px;
margin-top: -40px;
margin-bottom: 5px;
border-bottom: 1px dashed #18444f;
padding-bottom: 5px;
font-size: 10px;
color: #B4E4DA;
}

.sous_forum
{
/*position: relative;*/
z-index: 3;
display: block;
float: left;
width: 285px;
height: 15px;
overflow: auto;
margin-left: auto;
margin-top: -20px;
background: #000000;
color: #B4E4DA;
border-bottom: 1px dotted #18444f;
font-size: 10px;
font-family: times new roman;
text-align: justify;
padding: 2px;
}

/* ------------------------------------------ DÉBUT PA ------------------------------------------ */

/* Onglets du centre */

.paonglet {
display:inline-block;
padding:6px;
cursor:crosshair;
align: center;
background-color: #0d3a47;
color: #fff;
text-align: center;
width: 200px;
/*width: 31%;*/
height: 18px;
font-family: "Trebuchet MS";
border-bottom: 1px dotted #FFFFFF;
font-weight: bold;
font-size: 14px;
font-variant: small-caps;
margin-left: 0px;
margin-right: 0px;

}

.paonglet:hover {
color: #7fd8f0;
}

.paonglet_1 {
background-color: #03151a;
color: #ffffff;
border-bottom: 1px dotted #FFFFFF;
}

.contenu_paonglet {
margin-top:-1px;
padding: 2px;
display:none;
height: 390px;
font-size: 11px;
/*font-variant: small-caps;*/
color: #B4E4DA;
}

.contenu_paonglet em {
font-family: Georgia;
color: #05B8AF;
font-style: normal;
font-variant: small-caps;
}

/*Contenu du premier onglet*/

.onglet_principal {
border: 1px solid #114d5e;
margin-top: 10px;

}

.onglet_principal h1 {
font-size: 18px;
background-color: #03171c;
font-weight: bold;
color: #fff;
height: 21px;
border-bottom: 1px dotted #114d5e;
vertical-align: top;
text-align: left;
font-family: "Trebuchet MS";
font-variant: small-caps;
padding-left: 5px; /* à modifier au goût! */
margin: 0px !important; /*ne pas enlever */
}

.contenu_principal {
font-size: 11px;
/*font-variant: small-caps;*/
color: #B4E4DA;
letter-spacing: 0px;
padding: 5px;
vertical-align: top;
overflow: hidden;
}

/* Structure du contenu du 3e onglet*/

.titre_tabl {
font-size: 18px;
color: #FFFFFF;
background-color: #03171c;
font-weight: bold;
height: 21px;
border-bottom: 1px dotted #114d5e;
border-top: 1px solid #114d5e;
font-family: "Trebuchet MS";
font-variant: small-caps;
vertical-align: top;
text-align: left;
padding-left: 5px;
}

.contenu_affiliations {
margin-top: 30px;
margin-left: 20px;
margin-right: 20px;
border: 1px solid #114d5e;
}

.texte_aff {
height:65px;
text-align:left;
padding: 5px; /* à changer au goût*/
}

/*cadres, alignement et structure des 4 cellules de la PA */

.cadre {
vertical-align: top;
border-left: 1px solid #156161;
border-right: 1px solid #156161;
border-top: 3px solid #156161;
border-bottom: 3px solid #156161;
height: 482px;
text-align: left;
}

.cadre_centre {
border-left: 1px solid #156161;
border-right: 1px solid #156161;
border-top: 3px solid #156161;
border-bottom: 3px solid #156161;
background: url(http://img256.imageshack.us/img256/4071/fondcatl.png) center;
padding: 2px;
width: 645px;
height: 425px;
overflow: hidden;
}

.cadre_centre2 {
border-left: 1px solid #156161;
border-right: 1px solid #156161;
border-top: 3px solid #156161;
border-bottom: 3px solid #156161;
background: url(http://img256.imageshack.us/img256/4071/fondcatl.png) center;
width: 645px;
padding: 2px;
}
/*Titres des cellules de gauche et de droite */

.titres_cellules {
color: #fff;
font-family: "Trebuchet MS";
font-variant: small-caps;
font-size: 18px;
background-color: #03171c;
font-weight: bold;
height: 21px;
border-bottom: 1px dotted #ffffff;
border-top: 1px solid #114d5e;
text-align: left;
padding-left: 5px;
}

/* liens dans la cellule de gauche de la PA */

.liens a {
margin-left: 5px;
font-family: Georgia;
font-variant: small-caps;
letter-spacing: -2px;
font-size: 15px;
}

.liens a:hover {
cursor:crosshair;
text-decoration: none !important ;
}

.credits {
margin-bottom: 2px;
margin-right: 4px;
text-align: right;
margin-top: 195px;
text-align: right;
/*color: #fff;*/
font-family: "Trebuchet MS";
font-variant: small-caps;
font-size: 10px;
letter-spacing: 0px;
}

.credits a {
font-family: "Trebuchet MS";
font-variant: small-caps;
text-decoration: none;
}

.credits a:hover {
text-decoration: none !important;
cursor:crosshair;
}

/*Côté droite de la PA */

.staff {
text-align: justify;
font-size: 11px;
font-variant: small-caps;
color: #B4E4DA;
}

.staff a {
font-variant: small-caps;
text-decoration: none;
}

.top_aff {
color: #fff;
font-family: "Trebuchet MS";
font-variant: small-caps;
letter-spacing: 0px;
font-size: 11px;
text-align: center;
margin-left: 1px;
margin-right: 1px;
}

/* ------------------------------------------ ONGLETS WANTED ------------------------------------------ */

.pawanted
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:1px;
cursor:crosshair;
background-color: #000;
border: 1px solid #05B8AF;
color: #fff;
}
.pawanted_0
{
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
}
.pawanted_1
{
color: #9F0000;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
}

.contenu_pawanted
{
margin-top:-1px;
padding: 2px;
display:none;
height: 320px;
font-size: 10px;
}

.contenu_pawanteds
{border: 1px solid #05B8AF;
background: url(http://img256.imageshack.us/img256/4071/fondcatl.png) center;
width: 245px;
height: 315px;
text-align: justify;
font-size: 10px;
padding: 2px;
}

.lien a {
font-family: Georgia;
font-style: normal;
font-variant: small-caps;
letter-spacing: -2px;
margin-left: 65px;
margin-right: 65px;
font-size: 17px;
}

.lien2 a {
font-family: Georgia;
font-style: normal;
font-variant: small-caps;
letter-spacing: -2px;
text-align: center;
margin-left: 225px;
font-size: 17px;
}

.contenu_pawanted w1 {
font-family: Georgia;
color: #05B8AF;
width: 245px;
border-bottom: 1px dotted #05B8AF;
font-size: 13px;
font-style: normal;
font-variant: small-caps;
text-align: left;
}

.contenu_pawanted w2 {
font-family: Georgia;
color: #05B8AF;
font-size: 11px;
font-style: normal;
font-variant: small-caps;
text-align: justify;
}

/* ------------------------------------------ PARTENAIRES ------------------------------------------ */

div.cssactif_tableaupartenaire {
width: 100%; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
line-height: 0px; /* À ne pas modifier */
}

div.cssactif_tableaupartenaire a {
margin: 1px; /* MARGE entre les images */

}

div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
display:inline-block; /* À ne pas modifier */
height: 18px; /* Hauteur initiale */
width: 50px; /* Largeur initiale */

}

div.cssactif_tableaupartenaire a:hover img {
display:inline-block; /* À ne pas modifier */
position: absolute; /* Permet de ne pas décaler les autres images */
height: 31px; /* Hauteur finale (possibilité de mettre 100% si images de différentes tailles )*/
width: 88px; /* Largeur finale (possibilité de mettre 100% si images de différentes tailles) */

/* Transitions pour différents navigateur */
/* navigateur: toutes_transitions durée type */
-webkit-transition: width 1s, height 1s;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;

/* Facultatif: positionne le logo de pleine taille au centre - À adapter */
margin-left: -19px;
margin-top: -6px;
}

/* ---- FIN DU TABLEAU PARTENAIRE ---- */

Template index_body

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="5" class="cssactif_connexrapide">
<tr>
<td valign="top">Bienvenue sur Untold Legends,<br /><br />
Nous sommes heureux d'accueillir de nouveaux visiteurs et espérons que vous rejoindrez bientôt nos rangs. N'oubliez pas d'aller lire le <a href="http://untold-legends.keuf.net/t1-reglements#1">règlement</a> avant de vous inscrire, et de jeter un oeil au <a href="http://untold-legends.keuf.net/t16-contexte#19">contexte</a>. Si vous êtes nouveau dans l'univers, nous vous invitons à voir le <a href="http://untold-legends.keuf.net/t9-le-passe-survol-de-la-serie#12">survol de la série</a>. N'hésitez pas à aller faire un tour à la <a href="http://untold-legends.keuf.net/f5-o-faq-place-des-invites">FAQ</a> pour y poser vos questions, elle est ouverte aux invités. À bientôt parmi nous!
</td>
</tr>
<tr>
<td class="cssactif_connexrapide_form">
<input class="post" type="text" size="15" name="username" value="Pseudonyme" onFocus="this.value='';" / >
<input class="post" type="password" size="15" name="password" value="Mot de passe" onFocus="this.value='';"/>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">Mémoriser</span>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="5" class="cssactif_connexrapide">
<tr>
<td valign="top">Bienvenue sur Untold Legends,<br /><br />
Nous sommes heureux d'accueillir de nouveaux visiteurs et espérons que vous rejoindrez bientôt nos rangs. N'oubliez pas d'aller lire le <a href="http://untold-legends.keuf.net/t1-reglements#1">règlement</a> avant de vous inscrire, et de jeter un oeil au <a href="http://untold-legends.keuf.net/t16-contexte#19">contexte</a>. Si vous êtes nouveau dans l'univers, nous vous invitons à voir le <a href="http://untold-legends.keuf.net/t9-le-passe-survol-de-la-serie#12">survol de la série</a>. N'hésitez pas à aller faire un tour à la <a href="http://untold-legends.keuf.net/f5-o-faq-place-des-invites">FAQ</a> pour y poser vos questions, elle est ouverte aux invités. À bientôt parmi nous!
</td>
</tr>
<tr>
<td class="cssactif_connexrapide_form">
<input class="post" type="text" size="15" name="username" value="Pseudonyme" onFocus="this.value='';" / >
<input class="post" type="password" size="15" name="password" value="Mot de passe" onFocus="this.value='';"/>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">Mémoriser</span>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>

</form>


{CHATBOX_TOP}
{BOARD_INDEX}


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">

<table width="100%" border="0" cellspacing="0" cellpadding="5" class="cssactif_connexrapide">
<tr>
<td valign="top">Bienvenue sur Untold Legends,<br /><br />
Nous sommes heureux d'accueillir de nouveaux visiteurs et espérons que vous rejoindrez bientôt nos rangs. N'oubliez pas d'aller lire le <a href="http://untold-legends.keuf.net/t1-reglements#1">règlement</a> avant de vous inscrire, et de jeter un oeil au <a href="http://untold-legends.keuf.net/t16-contexte#19">contexte</a>. Si vous êtes nouveau dans l'univers, nous vous invitons à voir le <a href="http://untold-legends.keuf.net/t9-le-passe-survol-de-la-serie#12">survol de la série</a>. N'hésitez pas à aller faire un tour à la <a href="http://untold-legends.keuf.net/f5-o-faq-place-des-invites">FAQ</a> pour y poser vos questions, elle est ouverte aux invités. À bientôt parmi nous!
</td>
</tr>
<tr>
<td class="cssactif_connexrapide_form">
<input class="post" type="text" size="15" name="username" value="Pseudonyme" onFocus="this.value='';" / >
<input class="post" type="password" size="15" name="password" value="Mot de passe" onFocus="this.value='';"/>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">Mémoriser</span>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>



<table width="100%" border="0" cellspacing="0" cellpadding="5" class="cssactif_connexrapide">
<tr>
<td valign="top">Bienvenue sur Untold Legends,<br /><br />
Nous sommes heureux d'accueillir de nouveaux visiteurs et espérons que vous rejoindrez bientôt nos rangs. N'oubliez pas d'aller lire le <a href="http://untold-legends.keuf.net/t1-reglements#1">règlement</a> avant de vous inscrire, et de jeter un oeil au <a href="http://untold-legends.keuf.net/t16-contexte#19">contexte</a>. Si vous êtes nouveau dans l'univers, nous vous invitons à voir le <a href="http://untold-legends.keuf.net/t9-le-passe-survol-de-la-serie#12">survol de la série</a>. N'hésitez pas à aller faire un tour à la <a href="http://untold-legends.keuf.net/f5-o-faq-place-des-invites">FAQ</a> pour y poser vos questions, elle est ouverte aux invités. À bientôt parmi nous!
</td>
</tr>
<tr>
<td class="cssactif_connexrapide_form">
<input class="post" type="text" size="15" name="username" value="Pseudonyme" onFocus="this.value='';" / >
<input class="post" type="password" size="15" name="password" value="Mot de passe" onFocus="this.value='';"/>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">Mémoriser</span>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>

</form>




<div id="qeel">

<div id="statistiques"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></div>

<div id="informations">
<div id="anniversaires"><span class="annif"><table> {L_WHOSBIRTHDAY_TODAY}<p />
{L_WHOSBIRTHDAY_WEEK}</table></span></div>
<span class="gensmall">{TOTAL_USERS_ONLINE}
{RECORD_USERS}<p />
{LOGGED_IN_USER_LIST}</span><p />
<table>{L_CONNECTED_MEMBERS}</table>
</div>

<div id="groupes">
<span class="g1"><span class="g1_infos">Ils sont les gens qui ont été exposés à l'énergie démoniaque de Soul Edge. Pour la plupart, ils possèdent des capacités extraordinaires, mais le prix à payer est tout aussi lourd. La plupart perdent la raison et le contrôle d'eux-même et s'attaquent aux gens pour compenser la carence en énergie démoniaque. Ils sont plus ou moins des partisans indirects de Soul Edge, puisqu'ils dépendent de son énergie. Chaque personne réagit différemment à l'infection, pouvant rester en parfait contrôle de leur corps, ou pouvant même se transformer en créatures monstrueuses. La plupart d'entre eux arrêtent de vieillir à partir d'un certain âge. Parmi eux, on compte notamment la tristement célèbre Tira, les mystérieux Raphael et Amy Sorel, ainsi que Cervantes.</span></span>
<span class="g2"><span class="g2_infos">Ce sont ceux qui pourchassent les Infectés. Leur mission est de les guérir de leur mal, un peu comme des exorcistes. Mais surtout, leur mission est surtout de détruire le mal à la source, en scellant Soul Edge ( et parfois même Soul Calibur! ). La plupart d'entre eux ne se connaissent pas et ont pour la plupart des méthodes différentes de mener à bien leur mission. Certains ont même déjà été exposés à l'énergie démoniaque, de près ou de loin. Les plus célèbres d'entre eux sont Kilik, Xianghua, ainsi que les soeurs Alexandra ; Cassandra et Sophitia.</span></span>
<span class="g3"><span class="g3_infos">Comme leur nom l'indique, ils ne prennent aucune position précise. Certains ne connaissent même pas l'existence des Épées, bien qu'ils aient pu y être exposés de près ou de loin. Ils ont tendance à vivre pour atteindre un objectif bien à eux. On retrouve entre autre Mitsurugi, Setsuka, Dampierre et Ivy parmi ces gens.</span></span>
<span class="g4"><span class="g4_infos">Étant autrefois un groupe de mercenaires, ils sont maintenant une puissante alliance de guerriers qui n'ont pour but que de purger le monde des Infectés qui représentent une menace pour l'humanité. Ils jugent que tout le monde mérite de vivre, et que les infectés ne sont pas responsables de leur malheur, et ne font rien à ceux qui ne représentent pas un danger. On remarque dans leur rang leur chef, Siegfried Schtauffen, ainsi que sa fidèle compagne et amie Hildegard Von Krone.</span></span>
</div>

</div>


{CHATBOX_BOTTOM}
<br clear="all" />

{AUTO_DST}


<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
   status: true,
   cookie: true,
   xfbml: true,
oauth: true
});
//]]>
</script>

Template index_box

Code:: <p /><table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<br /> <td class="gensmall" align="center" valign="bottom">
<div class="lieens">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><font style="color: #FFFFFF;"> ◊</font>
<a href="{U_TODAY_ACTIVE}" class="gensmall"> {L_TODAY_ACTIVE}</a><font style="color: #FFFFFF;"> ◊</font>
<a class="gensmall" href="{U_SEARCH_SELF}"> {L_SEARCH_SELF}</a><font style="color: #FFFFFF;"> ◊</font>

<a class="gensmall" href="{U_SEARCH_UNANSWERED}"> {L_SEARCH_UNANSWERED}</a>
</div>
</td>
</tr></table>
<div style="lieens.tableau"><table width="100%" border="0" cellspacing="0" cellpadding="0">


<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>


<center> 

<div class="lieens"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a><font style="color: #FFFFFF;"> ◊</font>

</span>

<span class="gensmall">
<a href="{U_TODAY_POSTERS}" class="gensmall"> {L_TODAY_POSTERS}</a><font style="color: #FFFFFF;"> ◊</font>
<a href="{U_OVERALL_POSTERS}" class="gensmall"> {L_OVERALL_POSTERS}</a><font style="color: #FFFFFF;"> ◊</font>


<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall"> {switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>



</span></div>
</center>
</table></div>


<div class="cate_titre"><span class="catetitre_bloc"></span>
<span class="catetitre_content">{catrow.tablehead.L_FORUM}</span></div>







<div class="forum_bloc">
<div class="forum">

<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>

<div class="forum_contenu">
<div class="icone_stats"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" /></div>
<table><tr><td></td>
<td valign="middle"><span class="stats_lastpost"><br />
<span class="lastpost">{catrow.forumrow.LAST_POST}</span>
</span></td>
</tr></table>
<span class="stats">{catrow.forumrow.TOPICS} sujets ~ {catrow.forumrow.POSTS} messages</span><br />
<div class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><br />
{catrow.forumrow.FORUM_DESC}<br />

</div>
</div>

Bonjour!

Au lieu de nous donner ta feuille CSS, tu nous a redonné ton template index_body! Merci de modifier!

Edit: Chez moi, sur Firefox, tout marche très bien?

Pareil pour moi, en invité ça marche bien sur Firefox. J'attends aussi de voir ton CSS. Smile

Ah damn désolée!
le voici!

Autrement, c'est qu'en fait, vous voyez tout correctement parce que vous avez les deux colonnes pleines en dernier ( vous voyez le flood et la zone des partenaires. ). On dirait que dès que c'est égal à deux colonnes, c'est bon, mais dès que c'est pas égal, ça devient tout fou!

Code:: /* ------------------------------------------ EFFETS TEXTE LIENS ------------------------------------------ */
a
{text-decoration: none;}

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

*::selection {
background:#05B8AF none repeat scroll 0 0;
}
*::-moz-selection {
background:#05B8AF none repeat scroll 0 0;
}
*::-o-selection: {
background:#05B8AF none repeat scroll 0 0;
}
*::-htm-selection: {
background:#05B8AF none repeat scroll 0 0;
}
*::-webkit-selection:{
background:#05B8AF none repeat scroll 0 0;
}

a.forumlink
{
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #05B8AF;
/*text-margin-left: 10px;*/
/*border-bottom:1px dashed #05B8AF;*/
font-family: times new roman;
font-size: 14px;
font-variant: small-caps;
letter-spacing: -1px;
text-shadow: 1px 1px 0px #000000;
}
a.forumlink:hover
{
letter-spacing: -1px;
color: #FFFFFF;
/*border-bottom:1px dashed #FFFFFF;*/
}

.titre_sujets
{color: #05B8AF;
font-family: Georgia;
font-variant: small-caps;
letter-spacing: -1px;
font-size: 15px;
}

a:link {text-decoration: none; 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:hover{text-decoration: none !important;cursor:crosshair;font-size: 10 px; 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;}

table
{
clear: both;
}

.lieens.tableau
{
clear: both;
position: absolute;
}

.lieens {
font-size: 13px;
color: #923740;
font-family: times new roman;
font-variant: small-caps;
/*text-transform: uppercase;*/
padding-bottom: 2px;}

/* ------------------------------------------ CODAGE PREZ ------------------------------------------ */

div.cssactif_fiche { /* Fond de la fiche */
background-color: #000505; /* Couleur de fond */
border-top: 6px double #239999;
border-bottom: 8px double #239999;
border-left: 1px solid #239999;
border-right: 1px solid #239999;
width: 600px;
align: center;
margin-left: auto;
margin-right: auto;

-webkit-box-shadow: 0px 0px 10px 0px #00090d; /* Ombre de la fiche */
-moz-box-shadow: 0px 0px 10px 0px #00090d; /* Ombre de la fiche */
box-shadow: 0px 0px 10px 0px #00090d; /* Ombre de la fiche */

}

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 */

margin-top: -18px;
height: 150px; /* Donne la hauteur en px du header*/

border-bottom: 8px double #216466; /* Bordure au bas du header: ÉPAISSEURpx STYLE #COULEUR */
/*border-top: 1px dashed #18444f;*/

/* Bordures supérieures arrondies (voir: http://border-radius.com/) */

}

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

font-family: Times New Roman; /*Police du titre*/

font-size: 36px; /* Taille du texte: TAILLEpx */

text-shadow: 1px 1px 0px #000; /* Ombre du texte */

color: #05B8AF; /* Couleur du texte */

margin: 0; /* Supprime la marge par défaut de l'élément h1 */

text-align: right; /* Aligne le titre à droite */
font-variant: small-caps; /* 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: #ffffff; /* Couleur du feat */
font-style: italic;
margin-top: -10px;
}

div.cssactif_fiche h2 { /* Sous-titres "Identité", "Opinions" etc. */
background-color: #00090d; /* Couleur du fond des sous-titres */
border-color: #239999; /* 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 */
-moz-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche */
box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche */

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*/
color: #05B8AF; /* 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*/
color: #05B8AF; /* Couleur du titre */
font-style: normal;
text-transform: uppercase;
}

.cssactif_fiche am { /* Libellés */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre*/
color: #05B8AF; /* Couleur du titre */
font-size: 11px;
font-style: normal;
font-variant: small-caps;
}

.desc2 {
text-align: left;
font-size: 11px;
font-family: georgia;
font-variant: small-caps;
color: #ffffff;
}

.cadre-desc
{
display: block;
width: 550px;
height: 150px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border: 1px dashed #15827d;
}
.cadre-desc_contenu
{
display: block;
width: 541px;
height: 135px;
margin-top: -20px;
overflow: auto;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
}
.cadre-desc em {
font-family: Georgia;
color: #05B8AF;
font-style: normal;
text-transform: uppercase;
}

.cadre-pub
{
display: block;
width: 550px;
height: auto;
background: #010303 url(http://img256.imageshack.us/img256/4071/fondcatl.png);
margin-left: auto;
margin-right: auto;
overflow: hidden;
border: 1px dashed #15827d;
}

/* ------------------------------------------ STAFF ------------------------------------------ */

.desc_staff
{
display: block;
width: 400px;
height: 100px;
margin-left: auto;
margin-right: auto;
margin-top: 4px; /*12px*/
overflow: hidden;
border: 1px dashed #15827d;
}
.desc_staff_contenu
{
display: block;
width: 391px;
height: 91px;
margin-top: -18px;
overflow: auto;
background-color: #010303;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.desc_staff_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;
}
.desc_staff_contenu em { /* Libellés */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre*/
color: #05B8AF; /* Couleur du titre */
font-style: normal;
font-variant: small-caps;
}
/* ------------------------------------------ PREDEF ------------------------------------------ */

.desc_predef
{
display: block;
width: 400px;
height: 100px;
margin-left: auto;
margin-right: auto;
margin-top: 4px; /*12px*/
overflow: hidden;
border: 1px solid #15827d;
}
.desc_predef1
{
display: block;
width: 400px;
height: 100px;
margin-left: auto;
margin-right: auto;
margin-top: 4px; /*12px*/
overflow: hidden;
border: 1px solid #ba2929;
}
.desc_predef_contenu
{
display: block;
width: 391px;
height: 91px;
margin-top: -18px;
overflow: auto;
background-color: #010303;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.desc_predef_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;
}
.desc_predef_contenu em { /* Libellés */
font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre*/
color: #05B8AF; /* Couleur du titre */
font-style: normal;
font-variant: small-caps;
font-size: 12px;
}
/* ------------------------------------------ IMAGES ET PROFILS ------------------------------------------ */

/* Justifier automatique */
h5{text-align: justify;}
.postbody {text-align:justify;}

/*avata centré*/
.postdetails.poster-profile a img {
margin: auto;
display: block;
margin-bottom: -10px;
}

/*signa*/
.limitation-signature img {
max-width: 600px;
max-height: 400px;
}

/*pas image navig*/
a.mainmenu img {
display:none;
}

a.mainmenu{
padding-left:4px;
padding-right:4px;
}

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

profile.details
{margin-left: 2px;
margin-right: 2px;}

/* ------------------------------------------ CODE QUOTE SPOILER ------------------------------------------ */

/* Selection liste */
select {max-width: 480px;}

.selectCode { float:right; text-transform: uppercase; cursor:crosshair; font-size: 8px; }

/*code spoilers quote*/
.code, .quote, .spoiler{
padding: 5px;
background-color: #000405;
border: none;
border: 1px solid #05B8AF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* ------------------------------------------ PSEUDO & TEXTES ------------------------------------------ */

/* Début - style pour vérification pseudo à l'inscription */
#username_reg {color: #FFFFFF;}
#username_reg.okusername {color: #2f9122;}

/* Pseudo */
.name{
font: bold;
font-size: 15px;
font-family: Verdana;
letter-spacing: -1px;
text-align: center;
}

/* TEXTE JUSTIFIE ET PADDE AUTOMATIQUEMENT */
.postbody { display: block; text-align:justify; padding: 25px; }

/* ------------------------------------------ MESSAGE DAMPIERRE ------------------------------------------ */

.titre_entete {
font-family: Times New Roman;
font-style: italic;
font-size: 28px;
color: #774301;
text-align: center;
padding-top: 45px;
padding-left: 30px;
margin-bottom: -10px;
background-image: URL('http://img843.imageshack.us/img843/7854/headerljt.png');
background-repeat: no-repeat;
height: 58px;
width: 505px;
}

.texte_contenu {
font-family: verdana;
font-size: 12px;
padding-left: 40px;
padding-right: 10px;
color: #774301;
text-align: justify;
margin-bottom: -10px;
background-image: URL('http://img585.imageshack.us/img585/5623/contentl.png');
bakcground-repeat: repeat-y;
width: 460px;
position:relative;
}

.defilement_chronique {
width: 340px;
min-height:500px;
}

.pied {
background-image: URL('http://img546.imageshack.us/img546/1671/footer2.png');
background-repeat: no-repeat;
height: 93px;
width: 505px;
}

.dampierre {
position:absolute;
right:-100px;
bottom:-50px;
}

/* ------------------------------------------ MISE EN FORME QEEL CB ------------------------------------------ */

/*Chatbox*/
body.chatbox
{background: none; border-left: 1px solid #05B8AF; border-right: 1px solid #05B8AF; border-top: 1px solid #05B8AF; border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -htm-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px;}
/*QEEL*/
#qeel
{width: 900px; height: 660px;overflow: hidden; background: url(http://img846.imageshack.us/img846/7388/base3m.png) center no-repeat;}

#statistiques
{float: left; width: 150px; height: 150px; overflow: auto; margin-left: 85px; margin-top: 133px;}
#informations
{width: 360px; height: 150px; overflow: auto; margin-left: 320px; margin-top: 165px;}
#informations .row1
{background: none;}
#anniversaires
{position: absolute; width: 130px; height: 40px; margin-top: -40px; margin-left: 200px;}
.annif
{display: block; position: absolute; width: 360px; height: 0px; overflow: hidden; margin-top: 40px; margin-left: -200px; background: url(http://img214.imageshack.us/img214/1351/backannif.png)center no-repeat; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0);}
#anniversaires:hover .annif
{display: block; position: absolute; width: 360px; height: 150px; margin-top: 40px; margin-left: -200px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100);}

#groupes
{clear: both; float: right; width: 500px; height: 170px; overflow: auto; margin-right: 100px; margin-top: 145px;}
.g1
{display: inline-block; width: 80px; height: 40px; text-align: justify;}
.g2
{display: inline-block; width: 110px; height: 40px; margin-left: 20px; text-align: justify;}
.g3
{display: inline-block; width: 70px; height: 40px; margin-left: 40px; text-align: justify;}
.g4
{display: inline-block; width: 110px; height: 40px; margin-left: 50px; text-align: justify;}
.g1_infos
{position: absolute; display: none; width: 500px; height: 130px; margin-top: 40px;}
.g2_infos
{position: absolute; display: none; width: 500px; height: 130px; margin-top: 40px; margin-left: -100px;}
.g3_infos
{position: absolute; display: none; width: 500px; height: 130px; margin-top: 40px; margin-left: -250px;}
.g4_infos
{position: absolute; display: none; width: 500px; height: 130px; margin-top: 40px; margin-left: -370px;}
.g1:hover .g1_infos, .g2:hover .g2_infos, .g3:hover .g3_infos, .g4:hover .g4_infos
{display: block; font-size: 11px;}

/* ------------------------------------------ CONNEXION RAPIDE ------------------------------------------ */

/* FORMULAIRE DE CONNEXION RAPIDE AMÉLIORÉ de ORANGE pour CSSACTIF (css-actif.com) - Merci de ne pas retirer */

.cssactif_connexrapide {
/* Style général: à modifier à votre guise ! */
background:url(http://img651.imageshack.us/img651/6771/keychainn.png) no-repeat left center
#00090d; /* Ajoute une icône de fond no-répétée à gauche et une couleur de fond */
padding-left: 48px; /* Donne la marge pour l'icône de fond */
border: 1px solid #2B889F; /* Bordure du formulaire */
margin: 5px; /* Espacement entre le formulaire et le contenu voisin */
/*Arrondissement des bordures */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;

/* Ombre portée de la boîte */
-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);

/* Style du texte intérieur */
font-size: 12px; color: #2B889F; text-align: justify;}

.cssactif_connexrapide_form { /* Correspond à la cellule qui contient le formulaire comme tel */
text-align: center; }
.cssactif_connexrapide_form input.post{ /* Correspond aux entrées de texte qui contiennent les informations de connexion */
margin-bottom: 3px; /* Marge qui empêche que les champs de se toucher */

/* Style des entrées: à modifier à votre guise ! */
background-color: #00090d; border: 1px solid #2B889F; padding: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 0px 0px #00090d; -moz-box-shadow: 0px 1px 0px 0px #00090d; box-shadow: 0px 1px 0px 0px #00090d; font-size: 11px; color: #5DD9FF;}

.cssactif_connexrapide_form input.mainoption /* Correspond au bouton "Connexion" */

/* Style du bouton: à modifier à votre guise ! */
{ background-color: #001017; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: none; border-bottom: 2px solid #2B889F;}

.cssactif_connexrapide_form input.mainoption:active /* Correspond au bouton "Connexion" lors du clic */

/* Style du bouton lors du clic: à modifier à votre guise ! */
{ border: none; border-top: 2px solid #2B889F;}

/* ------------------------------------------ CADRE FORUMS ------------------------------------------ */

.forumline { /* cadre categories */
-moz-border-radius:0px;
Border-top:1px dashed #18444f;
border-bottom:1px dashed #18444f;
border-left:1px dashed #18444f;
border-right:1px dashed #18444f;
}

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

#table_head
{
width: 930px;
height: 112px;
background-color: transparent;
background-image: url(http://nsa27.casimages.com/img/2011/06/26/110626091258207621.png);
background-repeat: no-repeat;
margin: auto;
}

#table_foot
{
width: 930px;
height: 115px;
background-color: transparent;
background-image: url(http://nsa27.casimages.com/img/2011/06/26/110626093552458210.png);
background-repeat: no-repeat;
margin-top: -10px
}

/* ------------------------------------------ CATÉGORIES 2 COLONNES ------------------------------------------ */

/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_titre
{
clear: both;
width: 90%;
height: 70px;
margin-top: 70px;
}
.catetitre_bloc
{
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-top: 70px;
margin-left: auto;
margin-right : auto;
background-color: #00090d;
border-top-left-radius: 100px;
border-bottom-left-radius: 0px;
border-top-right-radius: 100px;
border-bottom-right-radius: 0px;
}
.catetitre_content /* image catégorie */
{
position: absolute;
z-index: 2;
display: block;
width: 950px;
height: 50px; /* 40 sans image */
margin-top: -50px; /* -45 sans image*/
text-align: center;
padding: 2px;
/*border-bottom: 3px dotted #191817;*/
margin-right: auto;
margin-left: auto;
}
.catetitre
{
color: #B4E4DA;
font-family: arial;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
margin-left: auto;
margin-right : auto;
text-shadow: 1px 1px 0px #000000;
}
.forum_bloc
{
width: 950px;
margin-left: auto;
margin-right: auto;
margin-top: -15px; /*-30 sans image*/
}
.forum
{
float: left;
width: 460px;
height: 245px; /*247*/
margin-left: 5px;
margin-right: 5px;
margin-bottom: 70px; /* espace sous forum*/
}
a.forumlink
{
position: relative;
z-index: 2;
display: block;
width: 100%;
color: #FFFFFF;
margin-left: 5px;
text-margin-left: 10px;
font-family: Georgia;
font-size: 18px;
font-weight: bold;
/*text-transform: uppercase;*/
text-variant: small-caps;
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: url(http://img256.imageshack.us/img256/4071/fondcatl.png) center;
border-left: 1px dashed #18444f;
border-right: 1px dashed #18444f;
border-bottom: 1px dashed #18444f;
border-top: 5px solid #0b1f24;
}
.description
{
display: block;
width: 400px;
height: 100px;
margin-left: 20px;
margin-top: 4px; /*12px*/
overflow: hidden;
border: 2px solid #15827d;
}
.description_contenu
{
display: block;
width: 391px;
height: 91px;
overflow: auto;
background-color: #010303;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu:hover
{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description2 /*sous-forums*/
{
display: block;
width: 400px;
height: 100px;
margin-left: 20px;
margin-top: 4px; /*12px*/
overflow: hidden;
border: 1px solid #15827d;
}
.description_contenu2 /*sous-forums*/
{
display: block;
width: 391px;
height: 91px;
overflow: auto;
background-color: #010303;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
opacity: 100;
}
.description3 /*sous-forums ak image */
{
display: block;
width: 300px;
height: 100px;
margin-left: 75px;
margin-top: 4px; /*12*/
overflow: hidden;
border: 1px solid #15827d;
}
.description_contenu3 /*sous-forums ak image*/
{
display: block;
width: 291px;
height: 91px;
overflow: auto;
background-color: #010303;
font-size: 10px;
color: #B4E4DA;
text-align: justify;
padding: 5px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.description_contenu3: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 /*image*/
{
width: 300px;
margin: auto;
margin-top: 3px;
margin-left: -5px;
}
.stats_lastpost /*boite*/
{
display: block;
width: 160px;
height: 80px;
margin-top: -55px;
margin-left: 270px;
position : relative;
background-color: #000000;
border: 1px solid #18444f;
padding: 5px;
text-align: center;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.lastpost /*texte intérieur*/
{
display: block;
font-size: 11px;
}
.stats /*écriture nbr messages*/
{
display: block;
margin-left: 5px;
margin-top: -40px;
margin-bottom: 5px;
border-bottom: 1px dashed #18444f;
padding-bottom: 5px;
font-size: 10px;
color: #B4E4DA;
}

.sous_forum
{
/*position: relative;*/
z-index: 3;
display: block;
float: left;
width: 285px;
height: 15px;
overflow: auto;
margin-left: auto;
margin-top: -20px;
background: #000000;
color: #B4E4DA;
border-bottom: 1px dotted #18444f;
font-size: 10px;
font-family: times new roman;
text-align: justify;
padding: 2px;
}

/* ------------------------------------------ DÉBUT PA ------------------------------------------ */

/* Onglets du centre */

.paonglet {
display:inline-block;
padding:6px;
cursor:crosshair;
align: center;
background-color: #0d3a47;
color: #fff;
text-align: center;
width: 200px;
/*width: 31%;*/
height: 18px;
font-family: "Trebuchet MS";
border-bottom: 1px dotted #FFFFFF;
font-weight: bold;
font-size: 14px;
font-variant: small-caps;
margin-left: 0px;
margin-right: 0px;

}

.paonglet:hover {
color: #7fd8f0;
}

.paonglet_1 {
background-color: #03151a;
color: #ffffff;
border-bottom: 1px dotted #FFFFFF;
}

.contenu_paonglet {
margin-top:-1px;
padding: 2px;
display:none;
height: 390px;
font-size: 11px;
/*font-variant: small-caps;*/
color: #B4E4DA;
}

.contenu_paonglet em {
font-family: Georgia;
color: #05B8AF;
font-style: normal;
font-variant: small-caps;
}

/*Contenu du premier onglet*/

.onglet_principal {
border: 1px solid #114d5e;
margin-top: 10px;

}

.onglet_principal h1 {
font-size: 18px;
background-color: #03171c;
font-weight: bold;
color: #fff;
height: 21px;
border-bottom: 1px dotted #114d5e;
vertical-align: top;
text-align: left;
font-family: "Trebuchet MS";
font-variant: small-caps;
padding-left: 5px; /* à modifier au goût! */
margin: 0px !important; /*ne pas enlever */
}

.contenu_principal {
font-size: 11px;
/*font-variant: small-caps;*/
color: #B4E4DA;
letter-spacing: 0px;
padding: 5px;
vertical-align: top;
overflow: hidden;
}

/* Structure du contenu du 3e onglet*/

.titre_tabl {
font-size: 18px;
color: #FFFFFF;
background-color: #03171c;
font-weight: bold;
height: 21px;
border-bottom: 1px dotted #114d5e;
border-top: 1px solid #114d5e;
font-family: "Trebuchet MS";
font-variant: small-caps;
vertical-align: top;
text-align: left;
padding-left: 5px;
}

.contenu_affiliations {
margin-top: 30px;
margin-left: 20px;
margin-right: 20px;
border: 1px solid #114d5e;
}

.texte_aff {
height:65px;
text-align:left;
padding: 5px; /* à changer au goût*/
}

/*cadres, alignement et structure des 4 cellules de la PA */

.cadre {
vertical-align: top;
border-left: 1px solid #156161;
border-right: 1px solid #156161;
border-top: 3px solid #156161;
border-bottom: 3px solid #156161;
height: 482px;
text-align: left;
}

.cadre_centre {
border-left: 1px solid #156161;
border-right: 1px solid #156161;
border-top: 3px solid #156161;
border-bottom: 3px solid #156161;
background: url(http://img256.imageshack.us/img256/4071/fondcatl.png) center;
padding: 2px;
width: 645px;
height: 425px;
overflow: hidden;
}

.cadre_centre2 {
border-left: 1px solid #156161;
border-right: 1px solid #156161;
border-top: 3px solid #156161;
border-bottom: 3px solid #156161;
background: url(http://img256.imageshack.us/img256/4071/fondcatl.png) center;
width: 645px;
padding: 2px;
}
/*Titres des cellules de gauche et de droite */

.titres_cellules {
color: #fff;
font-family: "Trebuchet MS";
font-variant: small-caps;
font-size: 18px;
background-color: #03171c;
font-weight: bold;
height: 21px;
border-bottom: 1px dotted #ffffff;
border-top: 1px solid #114d5e;
text-align: left;
padding-left: 5px;
}

/* liens dans la cellule de gauche de la PA */

.liens a {
margin-left: 5px;
font-family: Georgia;
font-variant: small-caps;
letter-spacing: -2px;
font-size: 15px;
}

.liens a:hover {
cursor:crosshair;
text-decoration: none !important ;
}

.credits {
margin-bottom: 2px;
margin-right: 4px;
text-align: right;
margin-top: 195px;
text-align: right;
/*color: #fff;*/
font-family: "Trebuchet MS";
font-variant: small-caps;
font-size: 10px;
letter-spacing: 0px;
}

.credits a {
font-family: "Trebuchet MS";
font-variant: small-caps;
text-decoration: none;
}

.credits a:hover {
text-decoration: none !important;
cursor:crosshair;
}

/*Côté droite de la PA */

.staff {
text-align: justify;
font-size: 11px;
font-variant: small-caps;
color: #B4E4DA;
}

.staff a {
font-variant: small-caps;
text-decoration: none;
}

.top_aff {
color: #fff;
font-family: "Trebuchet MS";
font-variant: small-caps;
letter-spacing: 0px;
font-size: 11px;
text-align: center;
margin-left: 1px;
margin-right: 1px;
}

/* ------------------------------------------ ONGLETS WANTED ------------------------------------------ */

.pawanted
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:1px;
cursor:crosshair;
background-color: #000;
border: 1px solid #05B8AF;
color: #fff;
}
.pawanted_0
{
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
}
.pawanted_1
{
color: #9F0000;
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
}

.contenu_pawanted
{
margin-top:-1px;
padding: 2px;
display:none;
height: 320px;
font-size: 10px;
}

.contenu_pawanteds
{border: 1px solid #05B8AF;
background: url(http://img256.imageshack.us/img256/4071/fondcatl.png) center;
width: 245px;
height: 315px;
text-align: justify;
font-size: 10px;
padding: 2px;
}

.lien a {
font-family: Georgia;
font-style: normal;
font-variant: small-caps;
letter-spacing: -2px;
margin-left: 65px;
margin-right: 65px;
font-size: 17px;
}

.lien2 a {
font-family: Georgia;
font-style: normal;
font-variant: small-caps;
letter-spacing: -2px;
text-align: center;
margin-left: 225px;
font-size: 17px;
}

.contenu_pawanted w1 {
font-family: Georgia;
color: #05B8AF;
width: 245px;
border-bottom: 1px dotted #05B8AF;
font-size: 13px;
font-style: normal;
font-variant: small-caps;
text-align: left;
}

.contenu_pawanted w2 {
font-family: Georgia;
color: #05B8AF;
font-size: 11px;
font-style: normal;
font-variant: small-caps;
text-align: justify;
}

/* ------------------------------------------ PARTENAIRES ------------------------------------------ */

div.cssactif_tableaupartenaire {
width: 100%; /* À adapter en fonction du nombre de colonnes désirées (typiquement: (NOMBRE_COLONNE * (2*MARGE)) + (4 * Largeur initiale) */
line-height: 0px; /* À ne pas modifier */
}

div.cssactif_tableaupartenaire a {
margin: 1px; /* MARGE entre les images */

}

div.cssactif_tableaupartenaire a, div.cssactif_tableaupartenaire a img {
display:inline-block; /* À ne pas modifier */
height: 18px; /* Hauteur initiale */
width: 50px; /* Largeur initiale */

}

div.cssactif_tableaupartenaire a:hover img {
display:inline-block; /* À ne pas modifier */
position: absolute; /* Permet de ne pas décaler les autres images */
height: 31px; /* Hauteur finale (possibilité de mettre 100% si images de différentes tailles )*/
width: 88px; /* Largeur finale (possibilité de mettre 100% si images de différentes tailles) */

/* Transitions pour différents navigateur */
/* navigateur: toutes_transitions durée type */
-webkit-transition: width 1s, height 1s;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;

/* Facultatif: positionne le logo de pleine taille au centre - À adapter */
margin-left: -19px;
margin-top: -6px;
}

/* ---- FIN DU TABLEAU PARTENAIRE ---- */

A priori, sans pouvoir regarder en profondeur ce matin, je proposerais d'ajouter un "clear:both;" à ton #qeel.

Edit: L'ajout de la propriété clear devrait effectivement régler le problème, en apparence. Toutefois, autant aller à la source. Razz

Dans ton template index_box, tu as oublié de fermer une div. Du coup l'html de ta page nous fait une jolie cascade.

Spoiler:

L'erreur se situait à cet endroit :

Code:: <div class="forum_bloc"> 
<div class="forum"> 
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>

<div class="forum_contenu"> 
<div class="icone_stats"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" /></div>
<table><tr><td></td>
<td valign="middle"><span class="stats_lastpost"><br />
<span class="lastpost">{catrow.forumrow.LAST_POST}</span>
</span></td>
</tr></table>
<span class="stats">{catrow.forumrow.TOPICS} sujets ~ {catrow.forumrow.POSTS} messages</span><br />
<div class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><br />
{catrow.forumrow.FORUM_DESC}<br />
</div> 
</div>

Voici le template corrigé. J'ai également modifié l'emplacement des balises de début et fin du bloc "forum_bloc", qui englobe les forums. Ainsi, tu as un bloc par catégorie, et les forums se multiplient dedans. Smile

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<br /> <td class="gensmall" align="center" valign="bottom">
<div class="lieens">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><font style="color: #FFFFFF;"> ◊</font>
<a href="{U_TODAY_ACTIVE}" class="gensmall"> {L_TODAY_ACTIVE}</a><font style="color: #FFFFFF;"> ◊</font>
<a class="gensmall" href="{U_SEARCH_SELF}"> {L_SEARCH_SELF}</a><font style="color: #FFFFFF;"> ◊</font>

<a class="gensmall" href="{U_SEARCH_UNANSWERED}"> {L_SEARCH_UNANSWERED}</a>
</div>
</td>
</tr></table>
<div style="lieens.tableau"><table width="100%" border="0" cellspacing="0" cellpadding="0">


<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>


<center> 

<div class="lieens"><span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a><font style="color: #FFFFFF;"> ◊</font>

</span>

<span class="gensmall">
<a href="{U_TODAY_POSTERS}" class="gensmall"> {L_TODAY_POSTERS}</a><font style="color: #FFFFFF;"> ◊</font>
<a href="{U_OVERALL_POSTERS}" class="gensmall"> {L_OVERALL_POSTERS}</a><font style="color: #FFFFFF;"> ◊</font>


<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall"> {switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>



</span></div>
</center>
</table></div>


<div class="cate_titre"><span class="catetitre_bloc"></span>
<span class="catetitre_content">{catrow.tablehead.L_FORUM}</span></div>
<div class="forum_bloc">






<div class="forum">

<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
</span>

<div class="forum_contenu">
<div class="icone_stats"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" /></div>
<table><tr><td></td>
<td valign="middle"><span class="stats_lastpost"><br />
<span class="lastpost">{catrow.forumrow.LAST_POST}</span>
</span></td>
</tr></table>
<span class="stats">{catrow.forumrow.TOPICS} sujets ~ {catrow.forumrow.POSTS} messages</span><br />
<div class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div><br />
{catrow.forumrow.FORUM_DESC}<br />
</div>
</div>





</div>

OMG je t'aime! J'avais un problème de ce genre dans mon ancien forum, et OMG! Enfin réglé! J'ai suivit un tutoriel sur un autre site, pourtant je copiais collait ce qu'il fallait. Peut-être que j'ai oublié le même code deux fois XD !

Haha omg merci, depuis le temps que j'avais hâte de régler ce problème!

De rien !

N'oublie pas d'ajouter [résolu] au titre du sujet. Smile

Bonsoir Ravener,
ton sujet semble réglé.
J'archive.

A bientôt ! Smile

QEEL décallé

QEEL décallé

Sujets similaires

Sujets similaires

Partenaires Or