/* ------------------------- ACCUEIL THEMES FA ------------------------ */

/* CONTENEUR PRINCIPAL */
.container_tfa_accueil {
width: 816px;
margin: 0 auto;
font: 12px Verdana;
color: #000;
}

/* LIENS */
.container_tfa_accueil a {
color: #0e50be;
text-decoration: none;
text-shadow: 0px 1px 0px #000;
}

/* LIENS AU SURVOL */
.container_tfa_accueil a:hover {
color: #be710e;
}

/* BARRE D'OUVERTURE */
h1.my_barre {
background: url(https://2img.net/image.noelshack.com/fichiers/2013/24/1371153220-sans-titre-1.png) no-repeat;
width: 816px;
height: 35px;
line-height: 35px;
vertical-align: middle;
font: bold 18px Verdana;
text-transform: uppercase;
letter-spacing: 3px;
padding: 0;
margin: 0;
margin-top: 5px;
}

/* TEXTE BARRE D'OUVERTURE */
h1.my_barre a {
display: block;
line-height: 35px;
vertical-align: middle;
color: #241000;
text-decoration: none;
outline: none;
margin: 0;
padding: 0 0 0 50px;
text-shadow: 0px 1px 0px #edd7a7;
}

/* TEXTE DE LA BARRE D'OUVERTURE AU SURVOL */
h1.my_barre a:hover {
color: #be710e;
text-shadow: 0px 1px 0px #000;
}

/* PREMIERE LETTRE DU TEXTE DE LA BARRE D'OUVERTURE */
h1.my_barre a:first-letter {
font: 25px Arial;
color: #0e50be;
text-shadow: 0px 1px 0px #000;
}

/* POSITION DE LA BARRE A L'ETAT ACTIF */
h1.plus {
background-position: left bottom;
}

/* BLOC DE CONTENU */
.my_contenu_accueil {
overflow: hidden;
font: 12px Arial;
width: 790px;
clear: both;
background: #f1e3ce;
border: 1px solid #a39361;
margin: 0 auto;
margin-bottom: 7px;
padding: 0;
-webkit-border-radius: 0px 0px 12px 12px;
-moz-border-radius: 0px 0px 12px 12px;
border-radius: 0px 0px 12px 12px;
}

/* DIV DU BLOC DE CONTENU PERMETTANT UN ESPACE */
.my_contenu_accueil .block {
padding: 10px;
}

/* PARAGRAPHE DU BLOC DE CONTENU */
.my_contenu_accueil .block p {
position: relative;
background-color: #fff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-shadow: 0px 1px 1px #fff;
padding: 7px;
margin: 5px 0;
text-align: left;
}

/* TITRE DU BLOC DE CONTENU */
.my_contenu_accueil h2 {
width: 98%;
font: bold 20px Arial;
color: #0e50be;
margin-top: 5px;
padding: 0;
text-align: left;
border-bottom: 1px solid #be710e;
;
text-shadow: 0px 1px 0px #000;
}

/* PREMIERE LETTRE DU TITRE H2 */
.my_contenu_accueil h2:first-letter {
font: bold 22px Verdana;
color: #be710e;
text-shadow: 0px 1px 0px #000;
}
/* FOND BLANC A CERTAINS ENDROITS */
.fond_blanc {
position: relative;
background-color: #fff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-shadow: 0px 1px 1px #fff;
padding: 7px;
margin: 5px;
}


/* --------------------- ELEMENTS DU PREMIER CONTENU ---------------- */


#a_pa_content {
width: 100%;
position: relative;
margin: 0 auto;
padding: 0;
}

/* PARTIE GAUCHE */
.pa_liens_staff {
float: left;
width: 50%;
margin: 0;
padding: 0;
}

/* --------------- NAVIGATION -------------- */

/* LISTE */
ul#tfa_nav {
display: block;
overflow: hidden;
margin: 10px auto 0px;
padding: 0;
}

/* ELEMENT DE LA LISTE */
ul#tfa_nav li {
position: relative;
background: #fff;
float: left;
height: 40px;
width: 94px;
list-style: none;
margin: 10px 1px 0 0;
}

/* LIEN DE LA LISTE */
ul#tfa_nav li a {
position: relative;
display: block;
overflow: hidden;
width: 94px;
height: 40px;
text-align: center;
font: 18px Arial;
color: #0e50be;
text-shadow: 0px 1px 0px #000;
text-decoration: none;
margin: 0;
padding: 0px;
}

/* IMAGE DE LA LISTE - est l'image qui coulisse */
ul#tfa_nav li img {
position: absolute;
top: 0;
left: 0;
border: 0;
}

/* SPAN - contient le texte */
ul#tfa_nav li span {
display: bloc;
width: 94px;
height: 40px;
line-height: 40px;
vertical-align: middle;
}


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


/* PARTIE SLIDE */
.tfa_staff_code {
width: 170px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

.tfa_staff_code div {
width: 170px;
margin: 0 auto;
padding: 0;
text-align: center;
}

/* LE TITRE */
#staff_code_TFA h1 {
font-weight: bold;
font: bold italic 16px Georgia;
width: 100%;
text-align: center;
color: #0e50be;
margin: 4px auto;
}

/* PLACER LES ICONES AVANT-APRES */
#prevx {
position: absolute;
top: 60px;
left: 10px;
cursor: pointer;
height: 24px;
width: 25px;
}

#nextx {
position: absolute;
top: 60px;
right: 10px;
cursor: pointer;
height: 24px;
width: 25px;
}

/* STAFF */

/* BLOC DE CONTENU */
#staff_code_TFA {
position: relative;
width: 300px;
margin: 10px auto;
padding: 5px;
background: #fff;
border: 1px solid #a39361;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#staff_code_TFA a img{
width: 31px;
height: 70px;
}

/*CADRE AFFICHANT LES INFOS DU STAFF */
.info_staff {
width: 200px;
margin: 7px auto;
padding: 5px;
border: 1px solid #a39361;
background: #e5dfcb;
text-align: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#staff_code_TFA .info_staff p {
margin: 0 auto;
padding: 0;
background-color: transparent !important;
font: 10px Arial;
color: #000;
}

.info_staff a {
font-size: 12px;
}


/* PARTIE A DROITE */
.pa_news {
float: right;
width: 50%;
margin: 0;
padding: 0;
}

/* EMPLACEMENT DU LIEN - lire la suite */
.liens_pa_bas {
width: 100%;
text-align: right;
display: block;
margin: 0;
padding: 0;
}

/* PARTIE SLIDE POTINS */
#potins_tfa_slide {
width: 370px;
position: relative;
overflow: hidden;
margin: 7px auto 0px;
}

#potins_tfa_slide p {
width: 370px;
cursor: pointer;
margin: auto;
padding: 5px;
}


/* --------------------- ELEMENTS DEUXIEME CONTENU ---------------- */


/* PARTIE EVENEMENT DE GAUCHE */
.new_event {
float: left;
width: 30%;
margin: 0;
padding: 0;
}

/* SLIDE EVENEMENT */
#pa_evenement {
width: 96%;
height: 230px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}
/* BLOC CONTENANT LES EVENEMENTS */
#pa_evenement .tfa_content-event{
width: 100% !important;
height: 230px;
margin: 0 auto;
text-align: left;
padding: 0;
position: relative;
}
/* BLOC CONTENANT UN EVENEMENT */
#pa_evenement .tfa-para{
height: 110px;
width: 96%;
margin: 5px auto;
padding: 0;
background: #fff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
/* CONTENU DE L EVENEMENT */
.tfa-para span{
display: block;
width: 96%;
margin: auto;
padding: 5px 0 0;
}

/* PLACER LES ICONES AVANT-APRES */
#prev {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}

#next {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}

/* PARTIE CONCOURS DE DROITE */
.concours {
float: right;
width: 70%;
margin: 0;
padding: 0;
text-align: center;
}

/* SLIDE CONCOURS */
#slide_concours {
width: 330px;
text-align: center;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

#slide_concours div {
width: 317px;
height: 120px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}

#slide_concours h3 {
font: 14px Verdana;
color: #0e50be;
margin: 5px;
padding: 0;
text-shadow: 0px 1px 0px #000;
}

/* PREMIERE LETTRE DU TITRE H3 */
#slide_concours h3:first-letter {
font: 16px Arial;
color: #be710e;
text-shadow: 0px 1px 0px #000;
}

/* PLACER LES ICONES AVANT-APRES */
#prev0 {
position: absolute;
top: 60px;
left: 30px;
cursor: pointer;
}
#next0 {
position: absolute;
top: 60px;
right: 30px;
cursor: pointer;
}


/* --------------------- ELEMENTS DU TROISIEME CONTENU ---------------- */


/* CONTENEUR */
#all_part {
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
}

/* PARTIE DE GAUCHE */
#parts_gauche {
width: 70%;
margin: 0 auto;
padding: 0;
float: left;
}

/* PARTIE DE DROITE */
#parts_droite {
width: 30%;
margin: 0 auto;
text-align: center;
padding: 0;
float: right;
}

/* LES PARTENAIRES */
.pa_partnaires {
width: 464px;
height: 33px;
margin: 10px auto;
padding: 0;
position: relative;
overflow: hidden;
}

.pa_partnaires div {
width: 464px;
height: 33px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}

.pa_partnaires div img {
width: 88px;
height: 31px;
margin: 1px;
border: none;
}

/* PLACER LES ICONES AVANT-APRES */
#yprev1 {
position: absolute;
top: 20px;
left: 8px;
cursor: pointer;
}

#ynext1 {
position: absolute;
top: 20px;
right: 8px;
cursor: pointer;
}

/* LES VOTES */
.pa_votes {
width: 275px;
height: 41px;
margin: 5px auto;
padding: 0;
position: relative;
overflow: hidden;
}

.pa_votes div {
font-size: 16px;
font-style: Italic;
width: 275px;
height: 41px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}

.pa_votes div img {
width: 40px;
margin: 1px;
border: none;
}

/* PLACER LES ICONES AVANT-APRES */
#prev2 {
position: absolute;
top: 17px;
left: 20px;
cursor: pointer;
}

#next2 {
position: absolute;
top: 17px;
right: 20px;
cursor: pointer;
}

/* --------- BEST PARTNER ----- */

/* SLIDE */
.best_partners {
width: 88px;
height: 110px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

.best_partners div {
width: 88px;
height: 110px;
margin: 2px auto;
padding: 0;
position: relative;
}

.best_partners div img {
margin: 2px auto;
height: 31px;
width: 88px;
}

/* PLACER LES ICONES AVANT-APRES */
#yprev3 {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}

#ynext3 {
display: block;
width: 29px;
height: 20px;
margin: 1px auto;
padding: 0;
cursor: pointer;
}

/* LES FORUMS DU STAFF */

/* SLIDE FORUM STAFF */
#slid_forum_staff {
width: 468px;
height: 60px;
margin: 0 auto;
padding: 0;
position: relative;
overflow: hidden;
}

/* LIEN SLIDE */
#slid_forum_staff a {
text-decoration: none;
}

/* BANIERES DU SLIDE */
#slid_forum_staff a img {
width: 468px;
height: 60px;
margin: 0 auto;
padding: 0;
}

#slid_forum_staff .pics {
width: 468px;
height: 60px;
padding: 0;
margin: 0;
}

#slid_forum_staff .pics img {
width: 468px;
height: 60px;
top: 0;
left: 0
}

/* PLACER LES ICONES AVANT-APRES */
#yprev4 {
position: absolute;
top: 27px;
left: 60px;
cursor: pointer;
}

#ynext4 {
position: absolute;
top: 27px;
right: 60px;
cursor: pointer;
}


/* --------------------- ELEMENTS DU QUATRIEME CONTENU ---------------- */


/* CONTENEUR DE GAUCHE ET DROITE */
#all_bonus {
width: 100%;
margin: 0 auto;
padding: 0;
position: relative;
}

/* CONTENEUR GAUCHE */
#gauche_bonus {
width: 60%;
margin: 0 auto;
padding: 0;
float: left;
}

/* CONTENEUR DE DROITE */
#droite_bonus {
width: 40%;
margin: 0 auto;
padding: 0;
float: right;
}

#all_bonus p {
margin: 5px;
}

#gauche_bonus p {
margin: 5px auto;
position: relative;
text-align: center;
}
/* EDITION MESSAGES */

tr.post span.gensmall
{
display: none;
}
/* MISE EN FORME DU PROFIL ET DES MESSAGES */

.bloc_message
{
 width: 900px;
 margin: auto;
}
.profil
{
 width: 100%;a
 height: 260px;
 background: #9a8a79;
 border-top: 1px solid #665f57;
 border-left: 1px solid #665f57;
 border-right: 1px solid #665f57;
 border-bottom: 2px dotted #665f57;
 margin-top: 20px;
}
.message
{
 width: 100%;
 margin: auto;
 background: #e0d5c9;
 margin-bottom: 20px;
 border-bottom: 1px solid #665f57;
 border-left: 1px solid #665f57;
 border-right: 1px solid #665f57;
 padding-top: 2px;
}
.avatar_profil
{
 display: block;
 float: right;
 margin-right: 120px;
 margin-top: -20px;
 transform: rotate(20deg);
 -moz-transform: rotate(20deg);
 -htm-transform: rotate(20deg);
 -o-transform: rotate(20deg);
 -webkit-transform: rotate(20deg);
 -ms-transform: rotate(20deg);
}
.avatar_profil img
{
 position: absolute;
 width: 150px;
 border: 5px solid #e9e3dc;
 box-shadow: 3px 3px 3px #000000;
 -moz-box-shadow: 3px 3px 3px #000000;
 -htm-box-shadow: 3px 3px 3px #000000;
 -webkit-box-shadow: 3px 3px 3px #000000;
 -o-box-shadow: 3px 3px 3px #000000;
   transform: all;
 -moz-transform: all;
 -o-transform: all;
 -htm-transform: all;
 -webkit-transform: all;
 transition: 1s;
 -moz-transition: 1s;
 -o-transition: 1s;
 -htm-transition: 1s;
 -webkit-transition: 1s;
}
.avatar_profil img:hover
{
 width: 200px;
 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;
}
.bloc_profil
{
 margin-left: 90px;
}
.rang_img
{
 position: relative;
 float: left;
}
.pseudo_membre
{
 display: block;
 width: 80%;
 font-size: 24px;
 letter-spacing: 2px;
 border-bottom: 2px dotted #e0d5c9;
 margin-left: 50px;
}
.rang
{
 display: block;
 margin-left: 100px;
 font-weight: bold;
 font-size: 11px;
 font-style: italic;
 letter-spacing: 4px;
 color: #e0d5c9;
}
.profil_contenu
{
 clear: both;
 width: 70%;
 height: 140px;
 margin-top: 20px;
 overflow: auto;
 background-color: #bdb2a6;
 border: 1px solid #665f57;
 padding: 4px;
 font-size: 11px;
 text-align: justify;
}
.message_contenu
{
 font-size: 11px;
 text-align: justify;
 padding: 10px;
}
.signature_div
{
 width: 100%;
 height: 200px;
 margin: auto;
 background: #bdb2a6;
}

 
   
   


   
   function Montre_Cache(id)
   {
       for(var i=1;i<=15;i++)
       {
           document.getElementById('staff'+i).style.display='none';
       }
       if(document.getElementById(id).style.display =='none')
       {
           document.getElementById(id).style.display = 'block';
       }
   }
   Montre_Cache('staff1');