Codage pour catégories [En attente]

**✓ ANCIENNETE : :** 26/12/2011

C'est bien ça Codage pour catégories [En attente] - Page 2 650269930

**✓ ANCIENNETE : :** 20/02/2012

ah parce que je n'obtiens pas ça sur mon forum test :s

[Seuls les administrateurs ont le droit de voir cette image]

**✓ ANCIENNETE : :** 26/12/2011

Peut être as-tu des doublons côté code css, ou peut être as-tu des modifications sur d'autres templates qui influent sur ton forum.
Veux-tu que je teste toute ta feuille css sur mon forum test?

**✓ ANCIENNETE : :** 20/02/2012

Euh peut-être, si ça te dérange pas. Je te l'a met sous hide:

Code:: [hide]/*PA*/
.titreprinci {
font-family: 'spirax', cursive;
color: #ca8462;
text-shadow: 1px 2px 2px #fad2a7;
font-size: 36px;
letter-spacing: -2px;
text-transform: lowercase;
text-align: center;
}
.slogan {
font-family: verdana;
font-size: 12px;
font-weight: lighter;
letter-spacing: 5px;
text-align:center;
text-transform: uppercase;
margin-top: -15px;
margin-left: 4px;
border-bottom: 3px #fad2a7 dotted;
margin-bottom: 5px;
}

.cadre1 {
border: 1px solid #fad2a7;
background-color: #fefbed;
border-radius: 5px;
padding: 8px;
height: 205px;
width: 294px;
margin-right: 9px;
text-align: justify;
}
.cadre2 {
border: 1px solid #fad2a7;
background-color: #fefbed;
border-radius: 5px;
padding: 8px;
height: 158px;
width: 190px;
margin-right: 3px;
text-align: justify;
}

.soustitre {
font-family: 'romanesco', cursive;
font-size: 35px;
color: #c9b6ab;
text-shadow: 1px 2px 2px #e8d9cf;
letter-spacing: -1px;
border-bottom: 2px #fad2a7 dotted;
text-transform: lowercase;
margin-left: 8px;
margin-top: -15px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.soustitre:hover {
font-family: 'romanesco', cursive;
font-size: 35px;
color: #f6ba9f;
text-shadow: 1px 2px 2px #e8d9cf;
letter-spacing: 2px;
border-bottom: 2px #fad2a7 dotted;
text-transform: lowercase;
margin-left: 8px;
margin-top: -15px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.gifpa {
padding: 1px;
width: 85px;
border: 1px solid #c9b6ab;
margin: 1px;
}
.pseudo2 {
font-family:'Satisfy' cursive;
font-size: 20px;
text-shadow: 1px 2px 2px white;
color: #c9b6ab;
text-transform: italic;
letter-spacing: -1px;
}
.bouton1 {
width: 92px;
height: 12px;
text-align: center;
color: rgb(69, 69, 69);
background-color: #cfb09b;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.bouton1:hover {
width: 92px;
height: 12px;
text-align: center;
color: rgb(69, 69, 69);
background-color: #9c716f;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.bouton2 {
width: 92px;
height: 12px;
text-align: center;
color: rgb(69, 69, 69);
background-color: #9c716f;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.bouton2:hover {
width: 92px;
height: 12px;
text-align: center;
color: rgb(69, 69, 69);
background-color: #cfb09b;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*INFOBULLE MEMBRE DU MOIS*/
div.infobulle {
position: relative;
float: left;
}

div.infobulle span {
display: none;
}
div.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 1;
}
div.infobulle:hover span {
width: 130px;
display: inline;
position: absolute;
top: 60px;
left: 23px;
height: 50px;
background-color: #fefbed;
color: #000000;
padding: 4px;
border: 1px solid #fad2a7;
border-radius: 2px;}

.tabs-onglets { display: block !important }
/*END*/

/*DEBUT PRESEN*/
/* 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 */
/*END*/

/* RECHERCHE */
fiche {
display: block;
width: 650px;
height: auto;
padding:5px;
margin:auto;
}

fiche polaroid {
float: left;
display: block;
text-align: center;
background: white url('http://data.nimages.fr/grainbip.png') ;
width: 320px;
height: 345px;

box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
-o-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);

border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;

-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);

padding-top: 25px;
margin-right: 30px;
}

fiche polaroid .img {
width: 270px;
height: 270px;
background-position: center center;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
margin: auto;
}

fiche polaroid .nom {
margin: auto;
font-family: Dynalight;
color: #215196;
font-size: 41px;
line-height: 80px;
}

fiche paper {
display: block;
text-align: center;
background: white url('http://data.nimages.fr/grainbip.png') ;
width: 625px;
height: 370px;
box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
-o-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
padding-top: 25px;
}

fiche paper p {
width: 225px;
padding: 10px;
font-family: Lucida Grande;
font-size: 12px;
text-align: justify;
height:280px;
overflow: auto;
background-color: rgba(108,123,163,0.1);
border: 2px solid #EEE;
border-radius: 30px;
}

fiche paper p:hover {
background-color: transparent;
border: 2px solid #DDD;
}

fiche paper h3 { margin: 0; padding-bottom: 0;}

fiche paper h3 a {
text-decoration: none;
height: auto;
margin-left: -30px;
font-size: 25px;
color: rgb(108,123,163);
text-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}
fiche paper h3 a:hover {
text-shadow: -1px -1px 0px #EEE;
}

fiche paper2 {
display: block;
text-align: center;
background: white url('http://data.nimages.fr/grainbip.png') ;
width: 625px;
min-height: 250px;
box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
-o-box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
padding-top: 25px;
padding-bottom: 25px;
margin-top: 50px;
}

fiche paper2 h3 {
width: 90%;
margin: 0;
padding: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #DDD;
text-shadow: 1px 1px 0px white;
font-family: "Times New Roman";
font-weight: lighter;
font-size: 45px;
}

fiche paper2:hover h3 {
margin-top: -2px;
border-top: 2px solid #EEE;
border-bottom: 2px solid #EEE;
}

fiche paper2 lien {
text-align: justify;
margin: 20px;
width: auto;
display: block;
border-radius: 20px;
font-family: Lucida Grande;
font-size: 12px;
padding: 10px;
border: 2px solid #DDD;
}
fiche paper2 lien:hover {
background-color: rgba(108,123,163,0.1);
border: 2px solid rgba(33,81,150,0.5);
}
fiche paper2 lien free {
font-size: 15px;
display: block;
font-family: Lucida Grande;
color: rgba(0,108,0,0.7);
letter-spacing: -2px;
padding-left: 20px;
}
fiche paper2 lien taken {
font-size: 15px;
display: block;
font-family: Lucida Grande;
color: rgba(108,0,0,0.7);
letter-spacing: -2px;
padding-left: 20px;
}
copyright {
display: block;
margin: auto;
text-align: center;
font-size: 11px;
font-family: Arial;
}
copyright a {
-webkit-transition: 0.5s ease-in all;
-moz-transition: 0.5s ease-in all;
-o-transition: 0.5s ease-in all;

text-decoration: none !important;
color: #215196;
}
copyright a:hover {
-webkit-transition: 0.5s ease-in all;
-moz-transition: 0.5s ease-in all;
-o-transition: 0.5s ease-in all;

color: white;
}
/* FIN PARTIE CSS */

/*Transparence*/
.view {
width: 300px;
height: 200px;
margin: 10px;
float: left;
border: 10px solid #fff;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
-moz-box-shadow: 1px 1px 2px #e6e6e6;
box-shadow: 1px 1px 2px #e6e6e6;
cursor: default;
background: #fff url(http://data.nimages.fr/bgimglaq.jpg) repeat center center;
}
.view .mask,.view .content {
width: 300px;
height: 200px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.view img {
display: block;
position: relative;
}
.view h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(0, 0, 0, 0.8);
margin: 20px 0 0 0;
}
.view p {
font-family: Georgia, serif;
font-style: italic;
font-size: 12px;
position: relative;
color: #fff;
padding: 10px 20px 20px;
text-align: justify;
overflow: auto;
height: 75px;
}
.view a.info {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #000;
color: #fff;
text-transform: uppercase;
-webkit-box-shadow: 0 0 1px #000;
-moz-box-shadow: 0 0 1px #000;
box-shadow: 0 0 1px #000;
}
.view a.info: hover {
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
}
.view-tenth img {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
background-color: rgba(255, 231, 179, 0.3);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth h2 {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
background: transparent;
font-family: Oswald;
font-weight: normal;
margin: 20px 20px 0px 20px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
color: #333;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth p {
color: #333;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.view-tenth a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.view-tenth:hover img {
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
transform: scale(10);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.view-tenth:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
copyright {
display: block;
margin: auto;
text-align: center;
font-size: 11px;
font-family: Arial;
color : white;
text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}
copyright a {
-webkit-transition: 0.5s ease-in all;
-moz-transition: 0.5s ease-in all;
-o-transition: 0.5s ease-in all;

text-decoration: none !important;
color: khaki;
}
copyright a:hover {
-webkit-transition: 0.5s ease-in all;
-moz-transition: 0.5s ease-in all;
-o-transition: 0.5s ease-in all;

color: burlywood;
}
.clear {
clear: both;
}
/* FIN PARTIE CSS */
/*END*/

/*Boite de dialogue*/
.boitedetexte {
border: 6px double rgba(189,228,081,1);
width: 450px;
min-height: 200px;
margin: auto;
border-radius: 25px;
background: rgb(225,235,200) url('http://data.nimages.fr/grainbip.png') ;
}
h2.grostitre {
margin: auto;
text-align: center;
font-family: "Arial Black";
text-transform: uppercase;
letter-spacing: -2px;
padding-top: 10px;
color: burlywood;
text-shadow: 1px 1px 0px rgba(0,0,0,0.6);
-webkit-transform:scaleY(1.7); -moz-transform:scaleY(1.7); -o-transform:scaleY(1.7);
}
h2.grostitre:hover {
text-shadow: 1px 1px 0px rgba(255,255,255,0.7) , -1px -1px 5px rgba(255,255,255,0.7);
}
div.boitedetexte p {
text-align: justify;
padding: 15px;
margin: 10px;
font-family: Lucida Grande;
font-size: 11px;
background-color: rgba(255,255,255,0.5);
border-radius: 25px 100px 25px 100px / 100px 25px 100px 25px;
}

copyright {
display: block;
margin: auto;
text-align: center;
font-size: 11px;
font-family: Arial;
color : white;
text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
}
copyright a {
-webkit-transition: 0.5s ease-in all;
-moz-transition: 0.5s ease-in all;
-o-transition: 0.5s ease-in all;

text-decoration: none !important;
color: khaki;
}
copyright a:hover {
-webkit-transition: 0.5s ease-in all;
-moz-transition: 0.5s ease-in all;
-o-transition: 0.5s ease-in all;

color: burlywood;
} /* FIN PARTIE CSS */
/*END*/

/* PAGE D'ACCUEIL PAR ORANGE DE CSSACTIF (http://css-actif.com/)
MERCI DE NE PAS RETIRER CETTE MENTION, PAR RESPECT. */
/* Mise en forme générale */
.cssactif_pa_main {
width: 800px;
padding: 30px;
margin: 0 auto;
}

.cssactif_pa_main h1 { /* Titre principal (Bienvenue sur...) */
font-family: "Courier New", Courier, monospace; /* Police de caractère */
text-align: center; /* Alignement du texte */
text-transform: uppercase; /* Transformation: met le texte en majuscules */
font-weight: normal; /* Épaisseur normale */
letter-spacing: 16px; /* Espacemement des caractères en PX */
font-size: 32px; /* Grosseur du texte */
color: #fcca00; /* Couleur du texte */
text-shadow: 2px 2px 0px #FFFFFF; /* Ombre du texte */
}

.cssactif_pa_main h2 { /* Titre des colonnes (Contexte, Nouveautés etc.) */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
font-weight: normal; /* Épaisseur normale */
color: #FFFFFF; /* Couleur du texte */
text-transform: uppercase; /* Transformation: met le texte en majuscules */
text-shadow: 1px 1px 1px #000000; /* Ombre du texte */
font-size: 18px; /* Grosseur du texte */
margin:0;
}

.cssactif_pa_colonne { /* Style général des colonnes */
float: left; /* Place les colonnes un à côté de l'autre */
width: 33%; /* Donne la grandeur des colonnes */
background-color: #FFFFFF; /* Couleur de fond */
height: 400px; /* Hauteur des colonnes: doit être fixe */
color: #777777; /* Couleur du texte */

opacity: 0.9; /* Opacité des colonnes */

/* Transition */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;

/*Ombre porté */
-webkit-box-shadow: 0px 0px 1px 0px #CCCCCC;
box-shadow: 0px 0px 1px 0px #CCCCCC;

}

.cssactif_pa_colonne p { /* Paragraphe des colonnes */
padding: 0 10px; /* Padding */
text-indent: 10px; /* Alinéa */
text-align: justify; /* Alignement du texte */
}
.cssactif_pa_colonne:hover { /* Colonne au survol */
/* Effet de grossissement */
-moz-transform: scale(1.05) translate(0px, -20px) ;
-webkit-transform: scale(1.05) translate(0px, -20px) ;
-o-transform: scale(1.05) translate(0px, -20px) ;
-ms-transform: scale(1.05) translate(0px, -20px);
transform: scale(1.05) translate(0px, -20px) ;

opacity: 1; /* Opacité */

/* Nouvelle ombre portée */
-webkit-box-shadow: 0px 5px 10px 0px #CCCCCC;
box-shadow: 0px 5px 10px 0px #CCCCCC;
z-index: 999;

}

.cssactif_pa_header { /* Style commun des header de couleur */
padding: 10px;
height: 80px;
}

.cssactif_pa_header p { /* Style du description dans les headers */
margin: 5px; /* Marge */
padding: 0; /* Padding */
color: #FFFFFF; /* Couleur du texte */
text-shadow: 1px 1px 1px #000000; /* Ombre portée */
font-style: italic; /* Style italic */
opacity: 0.8; /* Opacity du texte */

}
.colgauche .cssactif_pa_header {background-color: #01c6d9;} /* Colonne de gauche, couleur du header */
.colcentre .cssactif_pa_header {background-color: #d9015d;}/* Colonne du centre, couleur du header */
.coldroite .cssactif_pa_header {background-color: #7fbf33; } /* Colonne de droite, couleur du header */

/* Contenu des colonnes */

.new {
margin: 0px 10px 5px 10px; /* Marge Haut Droit Bas Gauche */
padding: 5px; /* Padding */
border-bottom: 1px solid #d9015d; /* Bordure du séparateur */

text-align: justify; /* Alignement du texte */
}

.new em { /* Dates */
color: #d9015d; /* Couleur du texte */
text-transform: uppercase; /* Transformation du texte en majuscule */
font-style: normal; /* Enlève le italic par défaut de la balise em */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
}

.new em:after {
content: " ►"; /* Ajoute la flèche après les dates */
}

.pers { /* Cadre des personnages */
border: 1px solid #7fbf33; /* Bordure des personnages */
margin: 10px; /* marge externe */

/* Arrondissement des bordures */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

padding: 3px; /* Marge interne */
text-align: center; /* Alignement du texte */
}

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

/* Arrondissement des bordures */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

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

.pers:first-line { /* Première ligne:contient le nom du personnage */
color: #7fbf33;/* Couleur du texte */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Police de caractère */
text-transform: uppercase; /* Transformation du texte */
}
/*END*/

/* ------------- FICHE RPG
Créee par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect ----------- */
div.cssactif_fiche { /* Fond de la fiche */
background-color: #1D1D1D; /* Couleur de fond */

-webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
-moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */

-webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */

}

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

height: 150px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande */

border-bottom: 15px double #921628; /* Bordure au bas du header: ÉPAISSEURpx STYLE #COULEUR (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#border-style) */

/* Bordures supérieures arrondies (voir: http://border-radius.com/) */
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;

}

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

font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */

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

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

color: #d51731; /* Couleur du texte */

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

text-align: right; /* Aligne le titre à droite */
text-transform: uppercase; /* Met le titre en majuscules */

}

div.cssactif_fiche_titre { /* Titre + feat */
/* Positionne le titre "à cheval" sur la bordure */
position: relative;
top: -28px;

text-align: right; /* Aligne le texte à droite */

padding-right: 20px; /* Défifine une marge interne */
color: #CCCCCC; /* Couleur du feat */
}

div.cssactif_fiche h2 { /* Sous-titres "Identité", "Opinions" etc. */
background-color: #111111; /* Couleur du fond des sous-titres */
border-color: #6a0e1b; /* Couleur de la bordure */
border-width: 1px 0px; /* Taille de la bordure: HAUT & BAS GAUCHE & DROITE */
border-style: solid; /* Style de la bordure */

-webkit-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */

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

}

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

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

}
/* ------------- FIN FICHE RPG */

/* ------------- FICHE PV
Créee par Orange de CSSActif (http://www.css-actif.com)
Merci de conserver cette mention par respect ----------- */
.cssactif_pv { /* Fond de la fiche */
background-color: #1D1D1D; /* Couleur de fond */

-webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
-moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */

-webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */

}

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

width: 200px; /* Donne la largeur de la bannière latérale (Largeur de l'avatar) */
height: 320px; /* Donne la hauteur en px du header, l'image de header devrait être même hauteur ou plus grande (Hauteur de l'avatar) */

border-right: 15px double #921628; /* Bordure côté du header: ÉPAISSEURpx STYLE #COULEUR (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#border-style) */

/* Bordures gauche arrondies (voir: http://border-radius.com/) */
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomleft: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;

text-shadow: 1px 1px 0px #000; /* Ombre du texte */
font-size: 10px; /* Taille du texte: TAILLEpx */
}

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

font-family: Georgia, "Times New Roman", Times, serif; /*Police du titre (voir: http://www.css-actif.com/t66-css-cours-elementaire-1-le-groupement#forme_caracteres) */

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

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

color: #d51731; /* Couleur du texte */

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

text-align: right; /* Aligne le titre à droite */
text-transform: uppercase; /* Met le titre en majuscules */

}

div.cssactif_pv_titre { /* Titre + feat */
/* Positionne le titre "à cheval" sur la bordure */
position: relative;
top: -28px;

text-align: right; /* Aligne le texte à droite */

padding-right: 20px; /* Défifine une marge interne */
color: #CCCCCC; /* Couleur du feat */
}

.cssactif_pv h2 { /* Sous-titres "Identité", "Opinions" etc. */
background-color: #111111; /* Couleur du fond des sous-titres */
border-color: #6a0e1b; /* Couleur de la bordure */
border-width: 1px 0px; /* Taille de la bordure: HAUT & BAS GAUCHE & DROITE */
border-style: solid; /* Style de la bordure */

-webkit-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 3px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */

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

}

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

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

}

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

-webkit-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 5px 0px #000000; /* Ombre de l'icone (voir http://css3generator.com/ choix "Box-shadow") */

}

div.infobulle img {
height: 50px;
width: 50px;
}

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

}
div.infobulle:hover div{
display: block; /* ceci affiche l'infobulle */
position: absolute;

width: 300px; /* Largeur de l'infobulle */

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

background-color: #1D1D1D; /* Couleur de fond */

-webkit-border-radius: 20px; /* Bordures arrondies (voir: http://border-radius.com/) */
-moz-border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */
border-radius: 20px;/* Bordures arrondies (voir: http://border-radius.com/) */

-webkit-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
-moz-box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
box-shadow: 0px 0px 10px 0px #000000; /* Ombre de la fiche (voir http://css3generator.com/ choix "Box-shadow") */
border-left: 6px double #921628;
padding: 10px; /* marge interne de l'infobulle */
}
/* ------------- FIN FICHE PV */

/*Twitter*/
.Touiter{
width: 565px;
border: 0px solid #eeeeee;
margin:auto;
}
.Touiter td{
font-family:arial;
}
.TouiterLogin {
height:40px;
background-color: #1a1a1a;
padding: 5px;
text-transform: uppercase;
}
.TouiterLogin img{
vertical-align:middle;
}
.TouiterAvatar td{
width: 150px;
background-color: #f8f8f8;
padding: 15px;
}
.TouiterAvatar td+td{
width:565px;
}
.Touitermessage td{
background-color: #f8f8f8;
padding: 10px;
border-right: 0px solid #f8f8f8;
}
.Touitermessage div[align=justify]{
margin-left:5px;
word-spacing:8px;
color:royalblue;
}
.TouiterAnswer,.TouiterReAnswer{
background-color: #ffffff;
border: 1px solid #cecece;
padding:1px;
width:310px;
}
.TouiterReAnswer {
background-color: #ffffff;
background-image: url(http://i43.tinypic.com/1t3t5g.jpg);
background-repeat: no-repeat;
}
.TouiterRelation{
width: 170px;
background-color: #f8f8f8;
padding-left: 10px;
border-left: 1px solid #cbcbcb
}
.TouiterRelation hr{
border-bottom:2px solid #d3d3d3;
}
.TouiterFollow td{
padding:3px;
}
/*END*/

/*FACEBOOK*/
.fessbouc{width: 550px; background-color: #ffffff;margin:auto;}

.fessboucleft{vertical-align: top; width: 130px; border-right: 1px solid #B3B3B3; padding:10px 0 0 0;}
.fessboucleft td{border-bottom: 1px solid #dddddd;font-family: Tahoma; }
.FB_avatar img{margin:0 0 5px -20px;width: 125px; height: 175px;}
.FB_wall{padding-top: 4px;background: url(http://i56.tinypic.com/nyiw3p.jpg) no-repeat bottom left; width: 110px; height: 80px; font-size: 9px; line-height: 15px; color: #333333; padding-left: 20px;}

.FB_relation{padding:10px 0;text-align:left;color:#808080;font-size:9px;font-weight:bold;}
.FB_relation img{width:50px;height:50px;float:left;margin-right:3px;}
.FB_relation b{color: #3B5998;font-weight:bold;}

.fessboucright {vertical-align:top;padding-left:10px;padding-right:40px;border:1px solid #B3B3B3;border-width:0 1px 1px 0;}
.fessboucright td{font-family: Tahoma; padding:3px 0;}
td.FB_profil {border: 0px;}
td.FB_photo img{ width:67px;height:47px;}

.FB_message td{vertical-align: top;border: 0px;padding-right: 5px;border-bottom: 1px solid #dddddd;}
.FB_message td img{width: 50px;}
.FB_message div{font-size: 9px; color:#000;margin-bottom:5px;height: 100px; overflow: auto;}

.FB_answer{border-bottom: 1px solid #dddddd; background-color: #ffffff; padding-bottom: 5px;margin:auto;}
.FB_answer td{vertical-align: top;padding-right: 5px;font-size:10px;}
.FB_answer td+td{width: 310px;}
.FB_answer strong img{width: 50px;}

.FB_comment{width: 280px; background-color:#edeff4; border-bottom: 1px solid #dddddd;margin:auto;}
.FB_comment td{vertical-align: top;padding-right: 5px;font-size:9px;}
.FB_comment td+td{width: 255px;}
.FB_comment strong img{width: 25px;}

.FB_friendplus{ padding-bottom: 5px;margin:auto;}
/*END*/

/*blog*/
.katietable{
width:500px;
margin:auto;
background-color:#D4DBDA;
-moz-border-radius: 0px 0px 75px 0px;
-webkit-border-radius: 0px 0px 75px 0px;
border-radius: 0px 0px 75px 0px;
border:5px solid #9CBFBB;
border-width: 5px 0 0 5px;
}
.katietable img{
width:200px;
}
.katiedroite {
width:300px;
height: 300px;
overflow: auto;
text-align: justify;
}
.katiedroite table tr td{
background-color:#F0E5E1;
color:#DBBBAF;
text-align: justify;
padding: 5px;
border:20px solid #FFFFFF;
border-width:10px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-family: calibri;
font-size: 10px;
line-height: 90%;
}
.katiedroite table tr td strong,.katiedroite table tr td a{
font-size: 14px;
font-family: arial narrow;
color:#9CBFBB;
}
.katiesign{
height: 30px;
font-family: georgia;
font-size: 35px;
color:#9CBFBB;
letter-spacing: -2px;
line-height: 20%;
padding-bottom:30px;
}
.katiesign strong{
font-family: arial narrow;
font-size: 8px;
font-weight: lighter;
color:#9CBFBB;
letter-spacing: 1px;
text-transform: uppercase;
}
/*END*

/*Code MSN*/
.cadreblanc{
background-color:#ffffff;
padding-top: 2px;
padding-bottom: 2px;
width: 330px;
margin:auto;
}
.cadreblanchaut td{
height:15px;
background-color:#EFEFEF;
font-family:OCR A Extended, verdana;
text-align:center;
font-size:9px; color:#B5A338;
line-height:90%;
letter-spacing:1px;
text-transform:uppercase;
text-shadow:#ffffff 1px 0px 0px;
padding-top:7px;
}
.cadreblanchaut td+td{
width: 23px;
}
.basgauche div{
width:146px;
height: 146px;
margin:4px;
border: 4px solid #EFEFEF;
background-image: url(146x146 PIC UP IN HERE!!!!!!!!!! );
}
.basdroite div{
width:146px;
height: 146px;
text-align: justify;
overflow: auto;
font-size: 9px;
font-family: georgia;
line-height: 95%;
color:#000000;
padding: 2px;
}
.basauteur{
font-family: arial narrow;
font-size: 7px;
font-style: italic;
color:#000000;
letter-spacing: 1px;
text-align:center;
}
/*END*/

/*FICHE*/
.propriete1 {
background-image:url('http://obsession27.free.fr/divers/fonds/epi2.png');
width:450px;
box-shadow:0px 0px 5px #DBC7AE;
border-radius:10px;
}

.propriete2 {
padding-top:30px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
}

.propriete3 {
padding:10px;
font-family:Times New Roman;
font-size:12px;
}

.propriete4 {
background-color:#D5B1A0;
height:25px;
}

.titre {
font-size:38px;
font-family:Times New Roman;
letter-spacing:1px;
margin-top:-65px;
}

.texte {
font-size:25px;
font-family:Times New Roman;
letter-spacing:1px;
color:#AD948A;
margin-bottom:-60px;
}

.propriete5 {
background-color:#F8EEE9;
border-radius:5px;
}

.propriete6 {
padding:10px;
text-align:justify;
font-size:12px;
font-family:Times New Roman;
line-height:13px;
}
/*END*/

/*Barre noir dans les sujets*/

th {
background-image: url("http://2img.net/i/fa/empty.gif");
text-shadow: 1px 1px 0px white;
color: #91776B;
font-size: 11px;
font-weight: 700;
height: 0px;
padding: 0px 0px;}

hr {
border: none;
border-top-width: 0px;
height: 0;}

th.thBottom,th.thCornerL,th.thCornerR,th.thHead,th.thLeft,th.thRight,th.thSides,th.thTop {
border-width: 0px;
}
.thLeft {
border-width: 0px;
}
.thRight {
border-width: 0px;
}

.catLeft, .catBottom, .catHead {
border-width:0 0 0 0px !important;
padding : 0px !important;
margin : 0px !important;}
/*END*/

/*Naviguation*/
.navtop {
position: fixed;
top: 1px;
width: 100%;
font-family: 'Advent Pro', sans-serif;
text-align: center;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
padding: 0;
border: 0;
-moz-box-shadow: inset 0 0 65px #dbc5bc;
-webkit-box-shadow: inset 0 0 65px #dbc5bc;
box-shadow: inset 0 0 65px #dbc5bc;
background-color: #eadad4;
left: 0px;
}
/*END*/

/*QEEL*/
.tableauqeel {
width: 218px;
height: 230px;
padding: 8px;
margin-left: 5px;
text-align: justify;
font-size: 11px;
line-height: 11px;
border: 1px solid #edd1b6;
background-color: #f9edd9;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 8px;
}
.tableauqeel:hover {
width: 218px;
height: 230px;
padding: 8px;
margin-left: 5px;
text-align: justify;
font-size: 11px;
line-height: 11px;
border: 1px solid #d38d7c;
background-color: #f9edd9;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 8px;
}
.zonetexte {
font-family: 'Advent Pro', sans-serif;
font-size: 12px;
text-shadow: 2px 2px 2px #d6a0b4;
width: 215px;
height: 135px;
padding: 2px;
text-align: justify;
font-size: 11px;
line-height: 11px;
overflow: auto;
margin-bottom: 5px;
}
.imgqeel {
width: 20px;
opacity: 0.8;
padding: 1px;
border: 1px solid #e5c7aa;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin-left: -2px;
}
.imgqeel:hover {
width: 20px;
opacity: 0.8;
padding: 1px;
border: 1px solid #baab91;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin-left: -2px;
}
.mon_onglet{
display: inline;
color: #fff;
}

.mon_onglet:hover{
color: #333;}

.mon_onglet_selected{
display: inline;
color: #000;
}

.clear{
clear: both;}

.mon_contenu{
color: #000;
line-height: normal;
font-size: 11px;
text-align:center;}

#mes_contenus, #mes_onglets{
height: 100%;
width:100%;}

.mon_ongletx{
display: inline;
color: #fff;
}

.mon_ongletx:hover{
color: #333;}

.mon_ongletx_selected{
display: inline;
color: #000;
}

.mon_contenux{
color: #000;
line-height: normal;
font-size: 11px;
text-align:center;}

#mes_contenusx, #mes_ongletsx{
height: 100%;
width:100%;}

/*END*/

/*APPARENCE*/

body a {text-decoration: none;}
body a:hover {text-decoration: none;}

/*TEST*/

.cadcol{
background: #d0d0cd;
padding-top: 15px;
padding-left: 0px;
padding-right: 0px;
margin-left: 30px;
width: 490px;
border-radius: 55px;
-moz-border-radius:55px;
-webkit-border-radius: 55px;
-khtml-border-radius: 55px;
}

.tableau {height: 122px;}

.cadcol_text {text-align: justify;
height: 62px;
padding: 6px;
width: 280px;
overflow: auto;}

.cadcolo{
margin-top: 55px;
padding: 5px;
height: 108px;
box-shadow: 0px 0px 15px #a8a8a5 inset;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
background: #d0d0cd;
}

a.forumlink{
display: block;
text-align: center;
font-family: 'Courgette', cursive;
font-size: 1.4em;
}

.forumline{
padding: 5px;
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
}

.fondcat{
background-color: #f7def2;
}

.fondfo{ background: #f7def2;
}
/*END*/

.descriptions {
background-color: #cacac6;
box-shadow: 0px 0px 15px #939391 inset;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
color: white;
font-size: 0.8em;
height: 98px;
padding: 10px;}

.forum_sous {
padding: 6px;
box-shadow: 0px 0px 15px #a8a8a5;
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
height: 62px;
width: 120px;
overflow: auto;}

.ss-forum {padding: 6px;
box-shadow: 0px 0px 15px #a8a8a5;
border-radius: 40px;
-moz-border-radius:40px;
-webkit-border-radius: 40px;
-khtml-border-radius: 40px;
background-color: #b7b7b2;}

body {
background-image: url('http://img4.hostingpics.net/pics/447293TTIP.png');
background-repeat: no-repeat;
background-position: top center;
background-attachment: scroll;
}

/*END*/

/*scrollbar*/
::-webkit-scrollbar { /*Scrollbar entière height c'est pour la hateur de la scrollbar horizontale et width pour la largeur de la scrollbar verticale*/
width: 10px;
background-color: #e0dd82;
height: 10px;
}

::-webkit-scrollbar-track { /*Le fond de la scrollbar*/
background-color: #e0dd82;
}

::-webkit-scrollbar-thumb { /*Le petit ascenceur de la scrollbar, le truc qui descend*/
background-color: #A9A651;
}

::-webkit-scrollbar-button { /*La hauteur des boutons de la scrollbar verticaux*/
background-color: #A9A651;
height: 10px;
}

::-webkit-scrollbar-button:horizontal { /*La largeur des boutons horizontaux*/
background-color: #A9A651;
width: 10px;
}
/*END*/

/*Selection des codes...etc*/

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

/*END*/

/*encadrement du forum*/

.bodyline{
border-top-left-radius: 8px;
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 8px;
padding: 0;
border: 0;
-moz-box-shadow: inset 0 0 65px #dbc5bc;
-webkit-box-shadow: inset 0 0 65px #dbc5bc;
box-shadow: inset 0 0 65px #dbc5bc;
background-color: #f7def2;
border-left: 10px solid #DEC0B4;
border-right: 10px solid #DEC0B4; }

/*END*/

/*Arrondis bouton...etc*/

input, select {
color : #B15C79 DU TEXTE;
font: normal 11px Verdana;
border: #EBA0BA DES BORDS;
border-left-style: solid;
border-left-width: 1px;
border-right-style: solid;
border-right-width: 1px;
background-color: #E792AF DU FOND;
-moz-border-radius: 10px 10px 10px 10px;
border-top-left-radius: 8px;
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 8px; }

textarea, select {
color : #B15C79 DU TEXTE;
font: normal 11px Verdana;
border: #EBA0BA DES BORDS;
border-left-style: solid;
border-left-width: 3px;
border-right-style: solid;
border-right-width: 3px;
background-color: #E792AF DU FOND;
-moz-border-radius: 10px 10px 10px 10px;
border-top-left-radius: 8px;
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 8px; }
/*END*/

/*Profil*/

.fond {
border-top-left-radius: 8px;
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 8px;
padding: 0;
border: 0;
-moz-box-shadow: inset 0 0 65px #d6a0b4;
-webkit-box-shadow: inset 0 0 65px #d6a0b4;
box-shadow: inset 0 0 65px #d6a0b4;
width: 220px; }

.fond2 {
font-family: 'Advent Pro', sans-serif;
font-size: 12px;
text-shadow: 2px 2px 2px #d6a0b4;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 8px;
padding-left:5px;
-moz-box-shadow: inset 0 0 65px #d6a0b4;
-webkit-box-shadow: inset 0 0 65px #d6a0b4;
box-shadow: inset 0 0 65px #d6a0b4;
border: 2px solid #f7e8ee;
background-color: #F9E3EB; }

.profiltexte {
text-shadow: 2px 2px 2px #ddccb5;
font-size: 21px;
font-family: 'Courgette', cursive;
color: #E792AF; }

.rotationavatar {
-moz-transform: rotate(3.50deg);
-webkit-transform: rotate(2.00deg);
transform: rotate(3deg); }

.rotationavatar:hover{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(1deg); }

.img_comments {
max-width: 200px;}

.postdetails.poster-profile img {
border-radius: 15px 15px 15px 15px;
width:200px;
display:block; }

.texteprofil {
text-shadow: 2px 2px 2px #ddccb5;
font-size: 15px;
font-family: 'Courgette', cursive; }

.nom_du_div {
border: 3px solid white;
border-top-left-radius: 8px;
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 8px;
width: 200px; }

.iconeavatar img{
border-top-left-radius: 8px;
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 8px;
width: 200px; }

/*END*/

/*CITATIONS*/

.quote{
font-family: Arial;
font-size: 11px;
color: #F8EEE9;
line-height: 125%;
background-color: #DEC0B4;
border: #DFC1B5;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-box-shadow : 3px 3px 4px; }

/*END*/

/*POSTS*/
.message {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 0;
border: 0;
-moz-box-shadow: inset 0 0 65px #edd0db;
-webkit-box-shadow: inset 0 0 65px #edd0db;
box-shadow: inset 0 0 65px #edd0db;
background-color: transparent; }

.signature_div {
text-align: center; }
/*END*/

/*Soulignement*/

a:link{
text-decoration: none; }

/*END*/[/hide]

merci beaucoup de m'aider Codage pour catégories [En attente] - Page 2 650269930

**✓ ANCIENNETE : :** 26/12/2011

Le problème ne vient pas de ta feuille css, tout marche sur le forum test :
[Seuls les administrateurs ont le droit de voir ce lien]

**✓ ANCIENNETE : :** 20/02/2012

Ah, alors ça doit peut-être venir d'un template, je sais pas :s

**✓ ANCIENNETE : :** 26/12/2011

As-tu bien changé ton template avec celui que je t'ai donné? Codage pour catégories [En attente] - Page 2 650269930

**✓ ANCIENNETE : :** 20/02/2012

Oui je l'ai bien changé pourtant :s

**✓ ANCIENNETE : :** 26/12/2011

Si ça ne vient ni du CSS, ni du template, c'est qu'il s'agit d'un de tes templates je pense.
Veux-tu que je les teste ou préfères-tu poser directement la question sur le forum des forums?

**✓ ANCIENNETE : :** 20/02/2012

Si ça ne te dérange pas, si tu ne trouves pas j'irais leur demander de l'aide Codage pour catégories [En attente] - Page 2 650269930

**✓ ANCIENNETE : :** 26/12/2011

A quelle largeur est ton forum? Codage pour catégories [En attente] - Page 2 650269930

As-tu enlevé une balise par erreur dans la description des catégories?
Peux-tu me donner tes templates modifiés avant que je les teste un par un?

**✓ ANCIENNETE : :** 20/02/2012

J'ai mis le forum en 20%, et le contour du forum a la même taille que le haut et le bas des catégories.
Je ne pense pas en avoir enlevé une.

voici index_body

Code:: [hide]{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="0" class="user_login_form forumline">
<tr>
<td width="100%" valign="top" align="center" class="row1">
<label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

</td>
</tr>
</table>
</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">

<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>



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

</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>



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


</span>
</td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="95%" valign="top" align="center" class="row1">
<span class="genmed">{L_USERNAME}:</span>
<input class="post" type="text" size="10" name="username"/>
<span class="genmed">{L_PASSWORD}:</span>
<input class="post" type="password" size="10" name="password"/>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />

<span class="gensmall">{L_AUTO_LOGIN}</span>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
</td>
</tr>
</table>
</form>



<script language="javascript" src="http://testounets-fow.1fr1.net/h7-onglets"></script>
<br/><center><table><tr><td><div class="tableauqeel"><span id="blabla">{TOTAL_POSTS}</span>
<script type="text/javascript">document.getElementById('blabla').innerHTML=document.getElementById ('blabla').innerHTML.replace(/Nos membres ont posté un total de/,"Les habitants de <i>Kamalino</i> ont posté");</script>
<script type="text/javascript">document.getElementById('blabla').innerHTML=document.getElementById ('blabla').innerHTML.replace(/messages/,"<em>rumeurs</em>.");</script>

<span id="users"> {TOTAL_USERS}</span>
<script type="text/javascript">document.getElementById('users').innerHTML=document.getElementById ('users').innerHTML.replace(/Nous avons/,"La ville compte ");</script>
<script type="text/javascript">document.getElementById('users').innerHTML=document.getElementById ('users').innerHTML.replace(/membres enregistrés/,"habitants");</script>.
<span id="newest">{NEWEST_USER}</span>
<script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById ('newest').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière personne à s'être installée en ville est");</script> <br>
<br/>
<span id="TUO">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Il y a en tout/,"Nous pouvons trouver");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/utilisateur en ligne :/," habitant en ligne");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/utilisateurs en ligne :/," habitants en ligne");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Enregistré/,"habitant");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Enregistrés/,"habitants");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Invisible/,"timide");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Invisibles/,"timides");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Invité/,"fantôme");</script><script type="text/javascript">document.getElementById('TUO').innerHTML=document.getElementById('TUO').innerHTML.replace(/Invités/,"fantômes").;</script>
<br/>
<span id="en ligne">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">document.getElementById('en ligne').innerHTML=document.getElementById('en ligne').innerHTML.replace(/Utilisateurs enregistrés/,"Plusieurs habitants se promènent en ville");</script></div></td>
<td><div class="tableauqeel">

<div id="mes_onglets"><table style="margin: auto;" ><tr>
<td><span id="o_1" class="mon_onglet_selected" OnMouseover="changeOnglet(this);"><img src="http://i.imgur.com/7v791.png" width="20px;" class="imgqeel" style="margin-right: -4px; margin-left: -4px;"/></span></td>
<td><span id="o_1" class="mon_onglet" OnMouseover="changeOnglet(this);"></span></td>

<td><span id="o_2" class="mon_onglet" OnMouseover="changeOnglet(this);"><img src="http://i.imgur.com/Y6Cdw.png" width="20px;" class="imgqeel"/></span></td>

<td><span id="o_3" class="mon_onglet" OnMouseover="changeOnglet(this);"><img src="http://img11.hostingpics.net/pics/241251home.png" width="20px;" class="imgqeel"/></span><br /></td>

<td><span id="o_4" class="mon_onglet" OnMouseover="changeOnglet(this);"><img src="http://i.imgbox.com/abty5jfh.png" width="20px;" class="imgqeel"/></span></td>

<td><span id="o_5" class="mon_onglet" OnMouseover="changeOnglet(this);"><img src="http://i.imgbox.com/abty5jfh.png" width="20px;" class="imgqeel"/></span></td><br />

<td><span id="o_6" class="mon_onglet" OnMouseover="changeOnglet(this);"><img src="http://i.imgbox.com/abty5jfh.png" width="20px;" class="imgqeel"/></span></td></tr></table>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 DESCRIPTION GROUPE 1 </div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div id="co_2" class="mon_contenu" style="display: none;"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2 DESCRIPTION GROUPE 2</div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div id="co_3" class="mon_contenu" style="display: none;"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3 DESCRIPTION GROUPE 3</div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div id="co_4" class="mon_contenu" style="display: none;"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4 DESCRIPTION GROUPE 4</div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div id="co_5" class="mon_contenu" style="display: none;"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 DESCRIPTION GROUPE 5 </div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div>
<div id="co_6" class="mon_contenu" style="display: none;"><div class="zonetexte"> <div class="texteprofil"><center> Titre du groupe </center></div>DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 DESCRIPTION GROUPE 6 </div>
<iframe width="220" height="24" src="http://www.youtube.com/embed/cjVQ36NhbMk?rel=0" frameborder="0" allowfullscreen></iframe></div>

</div></td>
<td><div class="tableauqeel"><table class="heures">{L_CONNECTED_MEMBERS}</table></div></td></div>

{AUTO_DST}[/hide]

overall_header:

Code:: [hide] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>

<script type="text/javascript" src="http://astuforum.free.fr/forum/script_astuforum_tabs.js"></script>
<body>

<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />

<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />


<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />

{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>


<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>



<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>



<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});

switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;

case 'left':
break;

case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;

case 'right':
auto_dir = 'prev';
break;

default:
slid_vert = true;
}

$(document).ready(function() {
var w_cont = $('#fa_ticker_container').width();

if (w_cont > 0)
{
$('#fa_ticker_container').width(w_cont);

/* Affichage de la liste */
$('#fa_ticker_content').css('display','block');

/* Calcul des dimensions du conteneur et des ?l?ments */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;

/* Calcul de la hauteur maximale du contenur en fonction des ?l?ments et de la hauteur personnalis?e dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );

/* Redimensionnement des ?l?ments et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});

/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}

/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>


<script type="text/javascript">//<![CDATA[
$(document).ready(function(){

pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
pm.focus();


report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
report.focus();


ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});

});


var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;



$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");

$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});

//]]>
</script>
{GREETING_POPUP}

<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>

{HOSTING_JS}

<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>

</head>
<script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/198368448645211924/accordeons.js"></script>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<center><table class="navtop" width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td valign="top">{GENERATED_NAV_BAR}
</td></tr></tbody></table></center><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>


<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>



<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>


<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td>
<br/>

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>

<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>



<td align="center" width="100%" valign="middle">


<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />

<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>

<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>

</tr>
</table>

<div style="clear: both;"></div>


<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">

<li>{switch_ticker.ticker_row.ELEMENT}</li>

</ul>
</div>
</td>
</tr>
</table>
</div>

<div id="page-body" class="bodyline">

<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td {CLASS_TABLE_TYPE} align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">

<div>{switch_ticker.ticker_row.ELEMENT}</div>

</div>
</div>
</div>
</td>
</tr>
</table>
</div>


<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">

{giefmod_index1.MODVAR}

<div style="height:{SPACE_ROW}px"></div>


</div>
</td>
<td valign="top" width="100%">

</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
[/hide]

J'ai également modifié le template, viewtopic_body, mais je ne pense pas qu'il rentre en compte dans l'affichage des catégories.

**✓ ANCIENNETE : :** 20/02/2012

dp:

Je le met ici car je ne pouvais pas le mettre dans le poste au dessus

Code:: [hide]<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
   if ($('#at15s').css('display') == 'block') {
      addthis_close();
      addthis_close();
   }
});
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
   <td align="left" valign="middle" nowrap="nowrap">
      <span class="nav">
      
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
      
      
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
      
      </span>
   </td>
   <td align="left" valign="middle" nowrap="nowrap">
      
      <span id="twitter_btn" style="margin-left: 6px; ">
      <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
      <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
      </span>
      
      
      <span id="fb_likebtn" style="margin-left: 6px; ">
         <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
      </span>
      
   </td>
   <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
   <td align="right" valign="bottom" nowrap="nowrap" width="100%">
      <span class="gensmall bold">
         <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
         
           |
         <script type="text/javascript">//<![CDATA[
            var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
         
      </span>
   </td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
<tr align="right">
   <td class="catHead" colspan="3" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="9%" class="noprint"> </td>
            <td align="center" class="t-title">
               <h1 class="cattitle"> {TOPIC_TITLE}</h1>
            </td>
            <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
         </tr>
      </table>
   </td>
</tr>

<tr>
   <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>

{POLL_DISPLAY}
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>


<tr class="post">
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><div class="fondprofil">
      <span class="name"><a name="{postrow.displayed.U_POST_ID}"><div class="fond"><br><span class="postdetails poster-profile">
<center>{postrow.displayed.RANK_IMAGE}</center>
<br>
<center><div class="rotationavatar"><div class="nom_du_div"><div class="iconeavatar">{postrow.displayed.POSTER_AVATAR}</div></div></div></center>
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><center>Hello guys i'm
<div class="texteprofil">{postrow.displayed.POSTER_NAME}</div></center></strong></span>
<br><br>
<div class="fond2"><div class="profiltexte"><center>Who i am ?</center></div>
<div class="img_comments">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

</div></div>

<div onclick="this.firstChild.value=(this.firstChild.value=='Oh my gosh !')?'Close':'Oh my gosh !';this.lastChild.style.display=(this.firstChild.value=='Oh my gosh !')?'none':'block';" style="text-align: center;">
<input type="button" value="Oh my gosh !" style="background-color: #fcf2f6; color: #EBA0BA;-moz-border-radius:10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;" />
<div style="display: none; text-align: left;">
{postrow.displayed.POSTER_RPG}

</div></div>
</div>
<center><div class="mligne"></div></center>
<div class="profiltexte"><center>Nom du forum</center></div>

      <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />

   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
            <td valign="top" nowrap="nowrap" class="post-options">
               {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
            </td>
         </tr>
         <tr>
            <td colspan="2" class="hr">
               <hr />
            </td>
         </tr>
         <tr>
            <td colspan="2">
               
               <div class="vote gensmall">
                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                  

                  
                  <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                     
                     <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                     

                     
                     <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                     
                  </div>
                  

                  
                  <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                  

                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                  
               </div>
               

               <div class="postbody">

                  <div><div class="message"><div class="texteprofil">{postrow.displayed.POSTER_NAME} secret is:</div>{postrow.displayed.MESSAGE}</div></div>
                  
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd>
                        
                        <dl class="file">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                              
                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                              

                              
                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                              
                           </dt>

                           
                           <dd>
                              <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                           </dd>
                           

                           
                           <dd>
                              <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                           </dd>
                           

                           <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                        </dl>
                        
                     </dd>
                  </dl>
                  

                  <div class="clear"></div>
                  <div class="signature_div">
                     {postrow.displayed.SIGNATURE}
                  </div>

               </div>
               <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
            </td>
         </tr>
      </table>
   </td>

<tr>
   <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
      <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
   </td>
   <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
      <table border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td valign="middle">
               {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}
            </td>
         </tr>
      </table>
   </td>
</tr>


<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>



<tr>
   <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
   <td class="row1" colspan="3" height="28">
      <span class="genmed">{no_post.L_NO_POST}</span>
   </td>
</tr>

<tr align="right">
   <td class="catBottom" colspan="3" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="9%" class="noprint"> </td>
            <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
            <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
         </tr>
      </table>
   </td>
</tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
<tr>
   <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
   
   <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
   
</tr>


<tr>
   <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


</table>


<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
<tr>
   <td class="catBottom" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
            <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
         </tr>
      </table>
   </td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
<tr>
   <td class="catBottom" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
            <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
         </tr>
      </table>
   </td>
</tr>
<tr>
   <td class="row2 postbody" valign="top">
      
      » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
      
   </td>
</tr>
</table>



<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
<tbody>
   <tr>
      <td class="catBottom">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody>
               <tr>
                  <td valign="top">
                     <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                  </td>
               </tr>
            </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row1 clearfix">
         <table>
            <tr>
               
               <td class="logo">
                  <img src="{RULE_IMG_URL}" />
               </td>
               
               <td class="rules postbody">
                  {RULE_MSG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
</tbody>
</table>


<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td class="row2" colspan="2" align="center" style="padding:0px">
      
      <a name="quickreply"></a>
      {QUICK_REPLY_FORM}<br />
      
   </td>
</tr>
<tr>
   <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
         <tbody>
   
   <tr>
      <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
      <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
   </tr>
   
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
               
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
               
            </tr>
         </table>
      </td>
   </tr>
</tbody>
      </table>
   </td>
</tr>
<tr>
   <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
         <tbody>
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</tbody>
      </table>
   </td>
</tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
      <span class="nav">
         
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
         
         
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         
      </span>
   </td>

   
   <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
   

   
   <td align="center">
      <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
   </td>
   <td align="center" width="250">
      <span class="gensmall"> </span>
   </td>
   
</tr>
</table>
</form>


<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
      <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
         <input type="hidden" name="t" value="{TOPIC_ID}" />

         
         <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

         <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
      </form>
   </td>
</tr>
</table>



<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>[/hide]

**✓ ANCIENNETE : :** 26/12/2011

index_body -> Aucun effet
overall_header -> grossit la police principale mais ne déforme pas le contenu outre mesure
viewtopic_body -> Aucun effet

Dans mon panneau de configuration, la largeur de mon forum est à 846, peut-être que ça pourrait venir de là Codage pour catégories [En attente] - Page 2 650269930

Si tu testes 846 en largeur de forum, que se passe t-il chez toi?

**✓ ANCIENNETE : :** 20/02/2012

J'ai testé et rien ne change, ça reste exactement pareil :s

**✓ ANCIENNETE : :** 26/12/2011

Alors je sèche, le code marche bien sur le forum test, mais pas sur le tien Codage pour catégories [En attente] - Page 2 3483496927

Es-tu sûre de ne pas avoir modifié le code dans les descriptions?

**✓ ANCIENNETE : :** 20/02/2012

Oui, je viens de le remettre et ça me donne pareil

Peut-être que ça vient de ce code:

Code:: <table width="100%" cellpadding="0"><tr><td>
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
</td>
<td align="right">
<div class="forum_sous ">
<a href="Adresse ou URL" class="ss-forum">Sous forum numéro 1</a><br />
</div>
</td></tr></table>

**✓ ANCIENNETE : :** 26/12/2011

J'ai vu que certains codes avaient été justement modifiés dans ce tableau, or ils ne fonctionnent pas si tu ne reprends qu'une partie du code Codage pour catégories [En attente] - Page 2 650269930

Voilà ce que tu m'as donné :

Code:: <table width="100%" cellpadding="0"><tr><td>
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte
</td>
<td align="right">
<div class="forum_sous ">
<a href="Adresse ou URL" class="ss-forum">Sous forum numéro 1</a><br />
</div>
</td></tr></table>

Voilà ce que tu dois avoir :

Code:: <table class="tableau" cellpadding="12"><tr><td valign="top" width="300" align="justify" class="desc_fo"><center><div class="cadcol_text">Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description Texte de description</div></div></center>
</td>
<td valign="top"><div class="forum_sous"><center><div class="ss-forum"><a href="http://nomduforum.fr">sous-forums : les invités</a></div></br><div class="ss-forum">sous-forums</div></br><div class="ss-forum">sous-forums</div></br><div class="ss-forum">sous-forums</div></br></center></div>
</td>
</tr>
</table>

**✓ ANCIENNETE : :** 20/02/2012

Oh merci beaucoup ça marche maintenant Codage pour catégories [En attente] - Page 2 981630123

Merci mille fois pour ton aide Codage pour catégories [En attente] - Page 2 364988687

**✓ ANCIENNETE : :** 26/12/2011

Je t'en prie Codage pour catégories [En attente] - Page 2 650269930

La commande est-elle terminée ou as-tu besoin d'aide sur la finition du code? Codage pour catégories [En attente] - Page 2 650269930

**✓ ANCIENNETE : :** 20/02/2012

Oui elle l'est, merci beaucoup pour ton aide Codage pour catégories [En attente] - Page 2 364988687

Je pense pouvoir me débrouiller pour le reste

**✓ ANCIENNETE : :** 26/12/2011

Bon courage pour la finition alors Codage pour catégories [En attente] - Page 2 650269930

Je mets le sujet en terminé Codage pour catégories [En attente] - Page 2 650269930

Say hello to the amazing **Contenu sponsorisé**

» Codage de fiche de présentation.
» [Problème] Mise en page des catégories
» C'est no-no-ël pour AMETHYST!
» Commade de code pour profil et qui est en ligne
» Cadeaux pour Cuicui :)

Codage pour catégories [En attente]

Codage pour catégories [En attente]

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Recherche avancée