Thème Lion

* GENERAL */

/* .bodyline = cadre intérieur du forum */

#book_productions_div {
   display : inline-block;
   background-image: url('http://nsa22.casimages.com/img/2012/03/21/120321054029599687.png');
   border : 1px solid #9a5218;
   padding: 5px;
   width: 550px;
   height: 350px;
   vertical-align: top;
   overflow: auto;
   font-family: Time New Roman; 
   font-size: 16px; 
   color: #000000; 
}

#book_productions_div a {
   color: #012300;
}

#book_page1, #book_page2, #book_page3 {
   text-align: center;
}

#book_productions_div h2 {
   font-family: Time New Roman;
   font-weight: normal;
   font-size: 25px;
   font-variant: small-caps;
   margin: 5px 0px 10px 0px;
   border-bottom: 1px dashed #012300;
   color: #000000; 
}

#book_productions_div h3 {
   font-family: Time New Roman;
   font-weight: normal;
   font-size: 14px;
   text-transform: uppercase;
   color: #000000; 
}

.quote {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
padding : 8px;
}
.code {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
padding : 8px;
}
strong {
font-variant : small-caps;
font-weight : bold;
font-size : 11px;
}
.cadre1 {
background-color: #e5a464;
border: 1px solid #e47436;
padding: 5px;
}
.cadre2 {
background-color : #e9b275;
border: 1px solid #e47436;
padding: 5px;
}
input.liteoption {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
color : #012300;
}
h1 {
text-align: center;
font-size: 1.6em;
font-variant: small-caps;
color: #9a5218;
}

/* PAGE ACCUEIL */

.barre_news {
  background-image: url('http://nsa21.casimages.com/img/2012/04/13/120413112459931747.png');
border : 1px solid #9a5218;
padding : 5px;
  width: 650px;
    margin: auto;
  font-size: 11px;
  text-align: center;
  font-variant : small-caps;
}

#ensemblepa {
overflow : hidden;
font-variant : small-caps;
font-weight : bold;
color : #ba5924;
text-align : center;
width : 800px;
  margin: auto;
}
#ensemblepa a img {
border : none;
}
#ensemblepa div {
margin : 5px;
}
#ensemblepa a {
text-decoration : none;
color : #134212;
}
.padroite {
display : inline-block;
width : 300px;
vertical-align : top;
}
.texteaccueil {
display : inline-block;
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
padding : 5px;
overflow : auto;
font-size : 11px;
width : 430px;
color : #ba5924;
text-align : center;
float : left;
}
.nouveautesaccueil {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
padding : 5px;
overflow : auto;
font-size : 11px;
width : 760px;
}
.annoncesaccueil {
display : inline-block;
width : 360px;
vertical-align : top;
margin-right : 10px;
text-align : left;
}
.actualiteaccueil {
display : inline-block;
vertical-align : top;
width : 360px;
text-align : left;
}
.navigueraccueil {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
padding : 5px;
overflow : auto;
font-size : 11px;
width : 250px;
text-align : center;
}
.creditsaccueil {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
padding : 5px;
overflow : auto;
font-size : 11px;
width : 250px;
text-align : left;
}



/* CATEGORIES */

.categories {
width : 850px;
margin: auto;
}
.categorie {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
width : 850px;
border : 1px solid #9a5218;
margin-bottom : 20px;
padding : 5px;
position : relative;
z-index : 2;
}

.categorie:hover {
background-image: url('http://nsa21.casimages.com/img/2012/04/13/120413112459931747.png');
} 

.categotitre {
 text-align: center;
  margin: 0px;
  width: 100%;
}

.categotitre .textecatego {
  display: none;
}

.textecatego {
 display: inline;
}

.categotitre img {
 display: inline!important;
}

.forumtitre a {
font-variant : small-caps;
font-weight : bold;
font-size : 11px;
padding : 5px;
  margin-bottom: 3px;
text-decoration : none;
color : #012300;
}
.forumimg {
padding : 8px;
}
.forumdesc {
padding : 5px;
color : #d0672e;
width : 600px;
}
.descforum p {
font-style : italic;
font-size : 11px;
width : 500px;
  text-indent: 15px;
  margin: 0px;
}
.sousforums, .sousforums a {
text-align : center;
margin-top : 8px;
font-variant : small-caps;
font-size : 9px;
  color : #012300;
  letter-spacing: 1px;
 
}
.forumstats {
padding-bottom : 10px;
color : #012300;
font-variant : small-caps;
}
.forumlastpost {
width : 250px;
font-size : 11px;
color : #e47436;
text-align : center;
}
.nav {
font-variant : small-caps;
font-size : 11px;
border : none;
}



/* FORUMS */

.API {
border-bottom : 1px solid #e47436;
padding : 5px;
font-variant : small-caps;
font-size : 11px;
font-weight : bold;
}
.messages {
border-bottom : 1px solid #e47436;
padding : 5px;
font-variant : small-caps;
font-size : 11px;
font-weight : bold;
}
.auteur {
border-bottom : 1px solid #e47436;
padding : 5px;
font-variant : small-caps;
font-size : 11px;
font-weight : bold;
}
.vues {
border-bottom : 1px solid #e47436;
padding : 5px;
font-variant : small-caps;
font-size : 11px;
font-weight : bold;
}
.dernierpost {
border-bottom : 1px solid #e47436;
padding : 5px;
font-variant : small-caps;
font-size : 11px;
font-weight : bold;
}
.ecrituremessage {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
height : 250px;
}
.toutmessages {
border : 1px solid #9a5218;
font-size : 11px;
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
  display: block;
width: 900px;
  margin: 5px auto 5px auto;
}
.message_sujet {
border-top : 1px solid #e47436;
padding : 5px;
font-size : 11px;
  display: block;
  white-space: normal;
}
.signature_div {
padding : 5px;
font-size : 11px;
  width: 630px;
overflow: hidden;
}
.article {
background-color : #a3623b;
border : 1px solid #72b68a;
padding : 5px;
margin-top : -8px;
}
.analyse {
background-color : #a3623b;
border : 1px solid #72b68a;
padding : 5px;
margin-top : -5px;
}
.postbody {
margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}



/* QUI EST EN LIGNE */

.qeel {
font-variant: small-caps;
font-weight: bold;
color : #ba5924;
text-align : center;
width : 820px;
font-size: 11px;
  margin: auto; 
}

.qeel a img {
border : none;
}

.qeel div {
margin : 5px;
}

.qeel a, .qeel a:hover {
text-decoration : none;
color : #012300;
}

.qeel td {
font-variant: small-caps;
font-weight: bold;
color : #ba5924;
font-size: 11px;
}

#citations {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
padding : 5px;
width: 800px;
text-align: center;
  color: #012300;
}

.partenairesqeel {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
padding : 5px;
width: 105px;
text-align: center;
display: inline-block;
}

.qeeldroite {
display: inline-block;
width: 670px;
vertical-align: top;
}

.texteqeel {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
padding : 5px;
width: 340px;
text-align: left;
display: inline-block;
}

.groupesqeel {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border: 1px solid #9a5218;
padding: 5px;
width: 280px;
height: 121px;
text-align: left;
display: inline-block;
  vertical-align: top;
}

.connexionsqeel {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
padding : 5px;
width: 650px;
text-align: left;
}

.derniersmembresco span.gensmall {
color : #ba5924;
font-size: 11px; 
margin-left: 0px; 
}


/* JOURNAL */

.journal {
background-image : url('http://i26.servimg.com/u/f26/12/56/01/80/fondj10.jpg');
border : 1px solid #72b68a;
padding : 8px;
color : #000000;
}
.titrej {
font-variant : small-caps;
border-bottom : 1px solid #72b68a;
font-size : 12px;
font-weight : bold;
}
.maj {
font-variant : small-caps;
font-size : 12px;
}


/* QUIZZ */
   .quizz {
      width: 500px;
      border: 1px solid #000000;
      padding: 5px;
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 11px;
      background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
      color: #012300;
      display: inline-block;
      margin-right: -95px;
   }
   
   .quizz:hover {
      background-image: url('http://nsa21.casimages.com/img/2012/04/13/120413112459931747.png');
   }
   
   .quizz p, .quizz form {
        margin: 0px;
   }

   .quizz h1, .quizz h2 {
      text-transform: uppercase;
      font-family: Times New Roman;
      font-weight: normal;
        color: #012300;
   }
   
   .quizz h1 {
      font-size: 16px;
   }
   
   .quizz h2 {
      font-size: 13px;
   }
   
   .resultat_quizz {
      color: #D0672E;
      font-size: 45px;
      font-family: Comic Sans MS;
      font-variant: small-caps;
      text-align: center;
   }


/* FICHES */

   .fiche {
      display: inline-block;
      background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
      color: #d0672e;
      border : 1px solid #9a5218;
      padding: 10px;
      text-align: center;
      width: 660px;
      overflow: hidden;
      font-family: Times New Romans;
      font-size: 16px;
   }

   .fiche a {
      font-weight: bold;
      text-decoration: none;
      color: #5E3012;
        font-family: Times New Romans;
      font-size: 16px;
   }
   
   .fiche h1, .fiche h2 {
      font-size: 16px;
      text-transform: uppercase;
      margin-bottom: 3px;
        font-family: Times New Romans;
      font-size: 16px;
        color: #5E3012;
   }
   
   .fiche abbr {
      font-weight: normal;
      border: none;
        font-family: Times New Romans;
      font-size: 16px;
   }
   
   .fiche p {
      margin: 5px 0px;
      text-align: left;
      text-indent: 15px;
        font-family: Times New Romans;
      font-size: 16px;
   }
   
   .fiche .image_identite {
      width: 400px;
      height: 225px;
      overflow: hidden;
      border : 1px solid #9a5218;
      display: inline-block;
   }
   
   .fiche .carte_identite {
      display: inline-block;
      text-align: left;
      padding-left: 10px;
        font-family: Times New Romans;
      font-size: 16px;
   }
   
   .fiche .titre_sous_partie {
      width: 100%;
      text-transform: uppercase;
      font-weight: bold;
      text-align: center;
      border-bottom: 1px dashed #9a5218;
      margin-bottom: 5px;
      margin-top: 20px;
      color: #5E3012;
        font-family: Times New Romans;
      font-size: 16px;
   }
   
   .fiche .sources {
      background-color: #e5a464;
      color: #d0672e;
      border: 1px solid #9a5218;
      padding: 5px;
      margin-left: 15px;
      text-align: left;
      font-weight: normal;
      display: inline-block;
      width: 400px;
        font-family: Times New Romans;
      font-size: 16px;
   }


/* CHATBOX */

body.chatbox {
background-color: #e5a464;
}
#chatbox_header {
background-color : #e9b275;
border-bottom: 1px solid #e47436;
}
#chatbox_header .cattitle strong {
display : none;
}
#chatbox_header .cattitle:before {
content : "Autour du Feu - ChatBox";
}
.chatbordure {
border : none;
}
#chatbox_header .catBottom .cattitle {
margin : 3px ;
padding : 3px;
text-align : center;
font-size : 11px;
font-weight : bold;
font-variant : small-caps;
border: none;
  color : #012300;
}
#chatbox_header .catBottom {
border: none;
}
#chatbox_header .chatbox-options .genmed, #chatbox_header .chatbox-options {
color : #e47436 !important ;
font-size : 9px !important ;
font-weight : bold;
}
#chatbox_header .chatbox-options a {
color : #e47436;
margin-bottom : 3px !important ;
padding : 3px;
text-align : center;
font-size : 9px !important ;
font-weight : bold;
}
#chatbox {
position : absolute;
top : 30px;
left : 181px;
right : 0;
bottom : 45px;
overflow : auto;
color : #e47436;
padding : 3px;
text-align : left;
font-size : 11px !important ;
}
.chatbox_row_1 {
background-color: #e9b275;
}
#chatbox_members .member-title {
background-color : #e9b275;
color : #e47436;
border : 1px solid #9a5218;
margin : 3px !important ;
padding : 3px;
text-align : center;
font-size : 11px !important ;
font-weight : bold;
font-variant : small-caps;
}
#chatbox_members {
position : absolute;
top : 30px;
bottom : 30px;
width : 180px;
overflow : auto;
border-right : 1px solid #e47436;
}
#chatbox_members a {
text-decoration: none;
    font-size: 14px;
}
#chatbox_footer {
background-color : #e9b275;
position : absolute;
bottom : 0;
left : 0;
right : 0;
padding : 5px;
color : #e47436;
border : 1px solid #9a5218;
margin : 3px !important ;
text-align : left;
font-size : 9px !important ;
}
#chatbox_footer label {
color : #e47436;
font-size : 11px !important ;
font-variant : small-caps;
font-weight : bold;
}
#chatbox_footer .catBottom {
border: none;
}
#message {
color : #e47436;
border : 1px solid #9a5218;
margin : 3px !important ;
padding : 2px;
text-align : left;
font-size : 9px !important ;
}
#submit_button {
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
color : #e47436;
border : 1px solid #9a5218;
margin : 3px !important ;
padding : 2px;
text-align : left;
font-size : 9px !important ;
}
.fontbutton {
padding : 1px;
text-align : left;
border : 1px solid #9a5218;
background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
}

/* SITE */

.ap_site {
 background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
border : 1px solid #9a5218;
  padding: 5px;
}

#site_accueil, #site_nature, #site_photo, #site_promotion {
   width: 1000px;
   margin: auto;
   text-align: center;
   font-weight: bold;
}   

#site_accueil header, #site_nature header, #site_photo header, #site_promotion header {
   padding-top: 10px;
}

#site_accueil footer, #site_nature footer, #site_photo footer, #site_promotion footer {
   background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
   padding: 10px;
   margin-bottom: 20px;
   border : 1px solid #9a5218;
   text-align: center;
   vertical-align: top;
   color: #d0672e;
}

#site_accueil strong, #site_nature strong, #site_photo strong, #site_promotion strong {
   text-transform: uppercase;
   color: #b35522;
}

#site_accueil section, #site_promotion  section {
   vertical-align: top;
}

#site_nature section {
   background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
   color: #d0672e;
   border : 1px solid #9a5218;
   padding: 10px;
   text-align: center;
   margin: 10px 0px;
}

#site_accueil aside {
   background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
   display: inline-block;
   color: #d0672e;
   border : 1px solid #9a5218;
   margin: 6px;   
   padding: 5px 5px 10px 5px;
   text-align: center;
   vertical-align: top;
     font-size: 11px;
}

#site_nature aside {
   width: 250px;
   padding-right: 20px;
   text-align: center;
   vertical-align: top;
   display: inline-block;
}

#site_promotion aside {
   display: inline-block;
   background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
   border : 1px solid #9a5218;
   padding: 5px 10px 10px 10px;
   text-align: center;
   vertical-align: top;
   overflow: auto;
}

#site_accueil article {
   color: #d0672e;
   display: inline-block;
   text-align: left;
   vertical-align: top;
}

#site_nature article {
   display: inline-block;
}

#site_photo article {
   background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
   color: #d0672e;
   border : 1px solid #9a5218;
   padding: 5px 10px 10px 10px;
   text-align: center;
   width: 500px;
   margin: 10px;
}

#site_promotion article {
   display: inline-block;
   width: 380px;
   padding: 10px;
   color: #d0672e;
     font-family: Times New Romans;
}

#site_accueil h1, #site_nature h1, #site_photo h1, #site_promotion h1 {
font-variant: small-caps;
font-weight: normal;
margin: 0px;
font-size: 35px;
  font-family: Times New Romans;
}

#site_accueil h2, #site_nature h2 {
   text-transform: uppercase;
   color: #b35522;
   margin-bottom: 3px;
   font-size: 16px;
  font-family: Times New Romans;
}

#site_accueil a img, #site_nature a img, #site_photo a img, #site_promotion a img {
   border: none;
}

   
#site_accueil nav, #site_nature nav, #site_photo nav, #site_promotion nav {
   border-bottom : 1px solid #9a5218;
   margin-top: 10px;
   margin-bottom: 10px;
   text-transform: uppercase;
   margin-left: 6px;
   cursor: pointer;
}
   
#site_accueil nav a, #site_nature nav a, #site_photo nav a, #site_promotion nav a {
   margin-right: 5px;
}

#site_accueil a, #site_nature a, #site_photo a, #site_promotion a {
   color: #b35522;
   text-decoration : none;
}

#site_promotion p {
   text-indent: 15px;

}

#site_accueil article p {
   text-indent: 15px;
   margin-bottom: -6px;
       font-family: Times New Romans;
     font-size: 16px;
}

#site_accueil aside p {
   margin-top: 0px;
   margin-bottom: 5px;
}

#site_accueil #actualite {
   width: 250px;
   height: 350px;
   text-align: left;
}
   
#site_accueil #page1, #site_accueil #page2, #site_accueil #page3, #site_accueil #page4, #site_accueil #page5 {
   cursor: pointer;
}
   
#site_accueil .page_ouverte {
   display: block;
   font-weight: normal;
}
   
#site_accueil .page_fermee {
   display: none;
}

#site_photo  #div_diapo {
   width: auto;
   height: auto;
}
   
#site_photo .bouton_diapo {
   cursor: pointer;
}
   
#site_photo .description_diapo {
   border : 1px solid #9a5218;
   padding: 5px;
   margin-top: -5px;
}
   
#site_photo #description_diapo {
   font-style: italic;
   font-weight: normal;
}
   
#site_photo #ensemble_diapo {
   position: absolute;
   width: auto;
   height: auto;
}

#site_nature .span_lettre {
   cursor: pointer;
}
   
#site_accueil .gras, #site_nature .gras {
   font-weight: bold;
   color: #b35522;
}

#site_nature .fiche {
   display: inline-block;
   background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
   color: #d0672e;
   border : 1px solid #9a5218;
   padding: 5px 10px 10px 10px;
   text-align: center;
   width: 660px;
}
   
#site_nature .fiche a {
   font-variant: small-caps;
   font-weight: bold;
   text-decoration: none;
   color: #d0672e;
}

#site_nature .fiche abbr {
   font-weight: normal;
   border: none;
}
   
#site_nature .fiche p {
   margin-top: 0px;
}

#site_nature .nom_fiche {
   font-weight: bold;
   color: #d0672e;
   cursor: pointer;
}

#site_nature #noms_fiches {
   background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
   border : 1px solid #9a5218;
   padding: 5px;
   margin-top: 5px;
}

#site_nature #infos_partie {
   padding-left: 30px;
   margin: 10px;
   width: 600px;
}

#site_nature .fiche_trouvee {
   cursor: pointer;
   color: #b35522;
}

#site_nature .article_trouve {
   cursor: pointer;
   color: #b35522;
}


#site_nature .image_identite {
   width: 400px;
   height: 225px;
   overflow: hidden;
   border : 1px solid #9a5218;
   display: inline-block;
}
   
#site_nature .carte_identite {
   display: inline-block;
   text-align: left;
   padding-left: 10px;
   vertical-align: top;
}
   
#site_nature .titre_sous_partie {
   width: 100%;
   text-transform: uppercase;
   text-align: center;
   border-bottom : 1px solid #9a5218;
   margin-bottom: 5px;
   margin-top: 20px;
}
   
#site_nature .sources {
   background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
   color: #d0672e;
   border : 1px solid #9a5218;
   padding: 5px;
   margin-left: 15px;
   text-align: left;
   font-weight: normal;
   display: inline-block;
   width: 400px;
}

#site_accueil #infos_site {
   width: 290px;
}

#site_accueil #equipe {
   display: block;
   margin-top: -70px;
   margin-bottom: 20px;
}

#site_accueil #credits {
   background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
   vertical-align: top;
   display: inline-block;
   text-align: left;
   width: 560px;
   border : 1px solid #9a5218;
   padding: 10px;
   margin-bottom: 15px;
   color: #d0672e;
}

#site_accueil .titre_soulignement {
   display: block;
   border: none;
   border-bottom : 1px solid #9a5218;
   text-align: center;
   padding: 5px;
   margin-bottom: 5px;
}

#site_accueil .citations {
   background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png');
   vertical-align: top;
   display: inline-block;
   text-align: left;
   width: 340px;
   border : 1px solid #9a5218;
   padding: 10px;
   margin-bottom: 15px;
   margin-left: 10px;
   color: #d0672e;
     font-family: Times New Romans;
  font-size: 16px;
}




/* ÉDITEUR DE MESSAGES */

/*--- Bloc réponse rapide ---*/
       
.sceditor-container.ltr.sourceMode {
  background-color: #e5a464 !important;
  border: 1px solid #9a5218 !important;
}
.sceditor-container.ltr.wysiwygMode {
  background-color: #e5a464 !important;
  border: 1px solid #9a5218 !important;
}

/*---  Partie supérieure contenant les outils ---*/
       
div.sceditor-toolbar {
  background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png') !important;
  border-bottom: 1px solid #9a5218 !important;
}

/*---  Partie texte area : fond ---*/
       
.sceditor-container iframe, .sceditor-container textarea {
  background-image: url('http://nsa22.casimages.com/img/2012/04/12/120412022150815396.png') !important;
}

/*---  Groupe de boutons ---*/
       
div.sceditor-group {
  background-color: #e5a464 !important;
  border-bottom: #e5a464 !important;
}

/* ceci permet d'afficher l'éditeur de message hors réponse rapide */

#text_edit {
  display: block !important;
}


/* SUJETS IMPORTANTS */

.sujet {
background-image: url('http://nsa22.casimages.com/img/2012/03/21/120321054029599687.png');
border: 1px solid #e47436;
padding: 5px;
}

/* Test Infobulle */
a.infobulle:hover span {
  display: inline;
 white-space: nowrap;
  position: absolute;
  top: 10px; /* position de l'infobulle verticalement */
  left: 30px; /* position de l'infobulle horizontalement */
  width: 150px; /* largeur de l'infobulle */
  height: 100px; /* hauteur de l'infobulle */
  color:#000000; /* couleur du texte */
  border: 1px solid #000000; /* taille, style et couleur de la bordure */
  background:  #F4F4F3; /* couleur d'arrière-plan de l'infobulle */
  padding: 3px; /* espacement entre les bords et le texte */
}

/* NE PAS TOUCHER */
a.infobulle {  position: relative;}
a.infobulle span {  display: none; }
a.infobulle:hover {  background: none;  z-index: 999;}

{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table style="width: 850px; margin: auto;" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td style="text-align: left; vertical-align: top;">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td style="text-align: right; vertical-align: top;">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table style="width: 850px; margin: auto;" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="cadre1" style="text-align: center;">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                                          <td style="text-align: center;"><span class="genmed"><strong>{L_USERNAME} :</strong></span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                                          <td style="text-align: center;"><span class="genmed"><strong>{L_PASSWORD} :</strong></span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table style="width: 850px; margin: auto;" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="cadre1" style="text-align: center;">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                                                                  <td><span class="genmed"><strong>{L_USERNAME} :</strong></span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed"><strong>{L_PASSWORD} :</strong></span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<div class="qeel">
<a href="http://naturesauvage.forumactif.com/viewonline"><img src="http://nsa22.casimages.com/img/2012/04/17/120417065234800308.png" alt="Qui se promène avec nous ?"/></a>

<div id="citations">
  <script>
    citations();
  </script>
  </div> 
 
<div class="partenairesqeel">  <div style="color: #012300; text-align: center;">
  <div style="margin-bottom: -6px;">Top-sites :</div>
  ---------------</div>
  <a title="Annuaire des forums" href="http://lesforumsdefa.olympe.in/topsite/vote.php?id=1433" target="_blank"><img src="http://nsa21.casimages.com/img/2012/04/17/120417044141399383.png"/></a>
  <a title="CDA" href="http://www.root-top.com/topsite/cda2/in.php?ID=74" target="_blank"><img src="http://nsa21.casimages.com/img/2012/04/17/120417044141399383.png"/></a>
  <a title="illusion top" href="http://www.root-top.com/topsite/graphix/in.php?ID=2158" target="_blank"><img src="http://nsa21.casimages.com/img/2012/04/17/120417044141399383.png"/></a>
  <a title="root-top" href="http://www.root-top.com/topsite/aline/in.php?ID=210" target="_blank"><img src="http://nsa21.casimages.com/img/2012/04/17/120417044141399383.png"/></a>
  <a title="syntaxe root-top" href="http://www.root-top.com/topsite/syntaxe/in.php?ID=44" target="_blank"><img src="http://nsa21.casimages.com/img/2012/04/17/120417044141399383.png"/></a>
  </div>
 
  <div class="qeeldroite">
    <div class="texteqeel">
        <div style="color: #012300; text-align: center;">
  <div style="margin-bottom: -6px;">Nos chiffres :</div>
  -----------------------------</div>
      NatureSauvage, ouvert le <span style="color: #012300;">6 Juillet 2010</span>, comporte un ensemble de <span style="color: #012300;">102</span> parties & catégories contenant un total de <span id="totalmessages" style="color: #012300;">{TOTAL_POSTS}</span> messages publiés par nos <span id="totalinscrits" style="color: #012300;">{TOTAL_USERS}</span> Promeneurs dans un grand nombre de sujets.<br /><br />
Bienvenue à <span style="color: #3A6F9E;" id="dernierinscrit">{NEWEST_USER}</span> qui est la dernière personne inscrite.
<script>
        document.getElementById('totalmessages').innerHTML=document.getElementById('totalmessages').innerHTML.replace(/Nos membres ont posté un total de/,"");
document.getElementById('totalmessages').innerHTML=document.getElementById('totalmessages').innerHTML.replace(/Nos membres ont posté un total de/,"");
            document.getElementById('totalmessages').innerHTML=document.getElementById('totalmessages').innerHTML.replace(/messages/,"");
document.getElementById('totalmessages').innerHTML=document.getElementById('totalmessages').innerHTML.replace(/messages/,""); 
    </script>
      <script>
        document.getElementById('totalinscrits').innerHTML=document.getElementById('totalinscrits').innerHTML.replace(/Nous avons/,"");
document.getElementById('totalinscrits').innerHTML=document.getElementById('totalinscrits').innerHTML.replace(/Nous avons/,"");
              document.getElementById('totalinscrits').innerHTML=document.getElementById('totalinscrits').innerHTML.replace(/membres enregistrés/,"");
document.getElementById('totalinscrits').innerHTML=document.getElementById('totalinscrits').innerHTML.replace(/membres enregistrés/,"");
      </script>
      <script>
      document.getElementById('dernierinscrit').innerHTML=document.getElementById('dernierinscrit').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"");
document.getElementById('dernierinscrit').innerHTML=document.getElementById('dernierinscrit').innerHTML.replace(/L'utilisateur enregistré le plus récent est /,"");
  </script>
    </div>
<div class="groupesqeel">
  <div style="color: #012300; text-align: center;">
  <div style="margin-bottom: -6px;">Nos groupes :</div>
  -----------------------------</div>
  <div style="text-align: center;">
  <a style="color: #5E3012; text-decoration: none;" href="http://naturesauvage.forumactif.com/g1-chefs" onmouseover="desc_groupe('chefs');"><strong>Chefs</strong></a> -
  <a style="color: #994931;" href="http://naturesauvage.forumactif.com/g2-guides" onmouseover="desc_groupe('guides');"><strong>Guides</strong></a> -
  <a style="color: #B07123;" href="http://naturesauvage.forumactif.com/g14-reporters" onmouseover="desc_groupe('reporters');"><strong>Reporters</strong></a> -
  <a style="color: #C74408;" href="http://naturesauvage.forumactif.com/g4-promeneurs" onmouseover="desc_groupe('promeneurs');"><strong>Promeneurs</strong></a>
    </div>
  <div id="desc_chefs" style="color: #5E3012; font-weight: normal; font-style: italic; font-variant: normal;">> Les Chefs sont les administrateurs du forum. Ils coupent la mauvaise herbe, organisent le camp et protègent les Promeneurs de la faune sauvage.</div>
  <div id="desc_guides" style="color: #994931; display: none; font-weight: normal; font-style: italic; font-variant: normal;">> Les Guides sont les modérateurs du forum. Ils assistent les Chefs et les aident à entretenir le camp. De plus, ils surveillent les Promeneurs mutins.</div>
  <div id="desc_reporters" style="color: #B07123; display: none; font-weight: normal; font-style: italic; font-variant: normal;">> Les Reporters partent en quête d'informations pour mettre au courant et sensibliser les Promeneurs sur l'Homme et la Nature.</div>
  <div id="desc_promeneurs" style="color: #C74408; display: none; font-weight: normal; font-style: italic; font-variant: normal;">> Les Promeneurs sont les membres de ce forum. Ils sèment l'alacrité et la bonne humeur dans le camp qu'ils se plaisent à habiter.</div>
    </div>
<div class="connexionsqeel">
    <div style="color: #012300; text-align: center;">
  <div style="margin-bottom: -6px;">Les présences :</div>
  -----------------------------</div>
<span id="usersonline">{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Il y a en tout/,"Il y a ");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Il y a en tout/,"Il y a ");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/utilisateur en ligne/,"personne sur NatureSauvage");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/utilisateurs en ligne/,"personnes sur NatureSauvage");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/::/,"+");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/::/,"+");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/utilisateur en ligne/,"Personnes sur le forum, dont ");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/utilisateurs en ligne/,"Personnes sur le forum, dont ");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Enregistré/,"Promeneur");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Enregistré/,"Promeneur");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Invisible/,"Caché");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Invisible/,"Caché");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Invité/,"Inconnu");
document.getElementById('usersonline').innerHTML=document.getElementById('usersonline').innerHTML.replace(/Invité/,"Inconnu");
  </script><br />
    <span id="recordusers">{RECORD_USERS}</span>.
<script type="text/javascript">
document.getElementById('recordusers').innerHTML=document.getElementById('recordusers').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de présents est de ");
document.getElementById('recordusers').innerHTML=document.getElementById('recordusers').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de présents est de ");
document.getElementById('recordusers').innerHTML=document.getElementById('recordusers').innerHTML.replace(/-/,"à");
document.getElementById('recordusers').innerHTML=document.getElementById('recordusers').innerHTML.replace(/-/,"à"); 
  </script><br /><br />
  <span id="usersconnecte">{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">
document.getElementById('usersconnecte').innerHTML=document.getElementById('usersconnecte').innerHTML.replace(/Utilisateur enregistré/,"Présent");
document.getElementById('usersconnecte').innerHTML=document.getElementById('usersconnecte').innerHTML.replace(/Utilisateurs enregistrés/,"Présents");
  </script><br />
<table class="derniersmembresco" id="24dern">{L_CONNECTED_MEMBERS}</table><script type="text/javascript">jQuery('#24dern span.gensmall').html(jQuery('#24dern span.gensmall').html().replace('Membres connectés au cours des 24 dernières heures : ','Promeneurs présents au cours des dernières 24 heures : '));</script>
    </div> 
 
    </div> 
  </div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table style="width: 450px; margin: auto;" class="cadre1">
   <tr>
          <td style="text-align: center;" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /><br />
            <span class="gensmall"><strong>{L_NEW_POSTS}</strong></span></td>
          <td style="text-align: center;"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /><br />
          <span class="gensmall"><strong>{L_NO_NEW_POSTS}</strong></span></td>
          <td style="text-align: center;"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /><br />
          <span class="gensmall"><strong>{L_FORUM_LOCKED}</strong></span></td>
   </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

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

<center>
  <table style="width: 850px;">
  <tr>
    <td style="text-align: left;"><span style="color: #012300;"><strong>Promeneurs autour du Feu :</strong></span> {CHATTERS_LIST}</td>
    <td style="text-align: right;"><a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF} </a> <br />
  <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED} </a> <br />
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <strong><a style="margin-top: 10px; text-decoration: none;" href="{U_INDEX}">{L_INDEX}</a></strong>{NAV_CAT_DESC}
   
    </td>
  </tr>
  </table>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
 
  <table class="categorie">
    <tr>
      <td colspan="3" class="categotitre">
    {catrow.tablehead.L_FORUM}
    </td>
    </tr>
    <!-- <img src="http://nsa22.casimages.com/img/2012/03/17/120317044359302996.png" alt="" style="margin-bottom: -30px; position: relative; z-index: 3;"/> -->
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                  <a title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}"><strong>{catrow.cathead.CAT_TITLE}</strong></a>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" style="text-align: right;"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
 <tr><td colspan="3" style="text-align: center;"><img src="http://nsa22.casimages.com/img/2012/03/18/120318093934276278.png" alt=""></img></td></tr>
    <tr class="ensembleforum">
      <td class="forumimg" style="vertical-align: middle;"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="forumdesc"><table width="100%"><tr>
                  <td style="text-align: center;"><span class="forumtitre"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></span>
                    <div style="border-top: 1px solid #012300; width: 300px; margin: 4px auto 3px auto; position: relative; z-index: 2;"></div>
                  </td></tr>
                  <tr><td>
                    <span class="descforum"><p>{catrow.forumrow.FORUM_DESC}</p></span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
                          <div class="sousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
         </span></td></tr></table>
      </td>
      <td class="forumlastpost">
                  <div class="forumstats">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</div>
                {catrow.forumrow.LAST_POST}
      </td>
   </tr>
   <!-- END forumrow -->
<tr><td></td></tr>
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
    </table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --></center>

<center><table style="width: 850px; text-align: center;" border="0" cellspacing="2" cellpadding="0">
<tr>
  <td style="text-align: left;"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table></center>

<table class="cadre2" style="width: 850px; margin: auto;" border="0" cellspacing="1" cellpadding="0">
   <tr>
          <th colspan="2" nowrap="nowrap" height="25"><span id="lookprofil"><strong>{L_VIEWING_PROFILE}</strong></span>
<script type="text/javascript">
document.getElementById('lookprofil').innerHTML=document.getElementById('lookprofil').innerHTML.replace(/Voir le profil ::/,"Profil de");
document.getElementById('lookprofil').innerHTML=document.getElementById('lookprofil').innerHTML.replace(/Voir le profil ::/,"Profil de");
</script>
</th>
   </tr>
   <tr>
      <td style="text-align: center;" width="40%" height="28"><strong>{L_USER_PRESENCE}</strong></td>
      <td width="60%" align="center"><strong>{L_ABOUT_USER}</strong></td>
   </tr>
   <tr>
      <td class="row1" style="text-align: center; vertical-align: top;" height="120">
         <table class="cadre2" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
               <td colspan="2" width="80%"><span class="gen">{AVATAR_IMG}</span></td>
            </tr>
            <tr>
               <td nowrap="nowrap" style="text-align: right; vertical-align: middle;"><strong>{L_RANK} : </strong></td>
               <td><b><span class="gen">{POSTER_RANK}</span></b></td>
            </tr>
            <!-- BEGIN switch_show_status -->
            <tr>
                                  <td nowrap="nowrap" style="text-align: right; vertical-align: middle;"><span id="profilconnexion"><strong>{L_STATUT} : </strong></span>
<script type="text/javascript">
document.getElementById('profilconnexion').innerHTML=document.getElementById('profilconnexion').innerHTML.replace(/Statut/,"Présence");
document.getElementById('profilconnexion').innerHTML=document.getElementById('profilconnexion').innerHTML.replace(/Statut/,"Présence");
</script>
</td>
               <td><b><span class="gen">{USER_ONLINE}</span></b></td>
            </tr>
            <!-- END switch_show_status -->
            <!-- BEGIN switch_allow_friendsfoes -->
            <tr>
               <td nowrap="nowrap" style="text-align: right; vertical-align: middle;"><strong>{L_FRIENDS_AND_FOES} : </strong></td>
               <td><span>{FRIENDSFOES}</span></td>
            </tr>
            <!-- END switch_allow_friendsfoes -->
            <!-- BEGIN switch_auth_user -->
            <tr>
               <td style="text-align: right;  vertical-align: middle;" nowrap="nowrap"><br /><strong>{L_ADMINISTRATE_USER}: </strong></td>
               <td><br /><strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td>
            </tr>
            <!-- END switch_auth_user -->
         </table>
      </td>
      <td class="row1" rowspan="3" style=" vertical-align: top;">
         <table class="cadre2" width="100%" border="0" cellspacing="1" cellpadding="0" style="margin-left: 5px;">
         <tr>
            <td style="text-align: right; vertical-align: top;" nowrap="nowrap"><strong>{L_LAST_VISITED} :  </strong></td>
            <td style="text-align: left;"><b><span class="gen">{LAST_VISIT_TIME}</span></b></td>
         </tr>
         <!-- BEGIN switch_dhow_mp -->
         <tr>
            <td style="text-align: right; vertical-align: middle;" nowrap="nowrap"><strong>{L_PRIVATE_MSG} :  </strong></td>
            <td style="text-align: left;"><b><span class="gen">{PRIVATE_MSG}</span></b></td>
         </tr>
         <!-- END switch_dhow_mp -->
         <!-- BEGIN profile_field -->
         <tr id="field_id{profile_field.ID}">
            <td width="40%" style="text-align: right; vertical-align: top;" nowrap="nowrap"><strong>{profile_field.LABEL}  </strong></td>
            <td width="60%" width="100%" style="text-align: left;"><b><span class="gen">{profile_field.CONTENT}</span></b><!-- BEGIN profil_type_user_posts --><span class="genmed">Représente {POST_PERCENT_STATS}.<br>
Ce qui équivaut à {POST_DAY_STATS}.</span> <br />
            <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
               - <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
               - <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><br><br><!-- END profil_type_user_posts --></td>
         </tr>
         <!-- END profile_field -->
         </table>
      </td>
   </tr>
   <tr>
      <td style="text-align: center;" height="28"><strong>{L_CONTACT} {USERNAME}</strong></td>
   </tr>
   <tr>
      <td class="row1" style="vertical-align: top;" height="{S_CONTACT_HEIGHT}">
         <table class="cadre2" width="100%" border="0" cellspacing="1" cellpadding="0" style="margin-right: 5px;">
            <!-- BEGIN contact_field -->
            <tr id="field_id{contact_field.ID}">
               <td width="40%" style="text-align: right; vertical-align: middle;" nowrap="nowrap"><strong>{contact_field.LABEL}  </strong></td>
               <td width="60%" style="vertical-align: middle; text-align: left;"><b><span class="gen">{contact_field.CONTENT}</span></b></td>
            </tr>
            <!-- END contact_field -->
            <!-- BEGIN switch_admin_user_comment_active -->
            <tr>
               <td <style="text-align: right; vertical-align: middle;" nowrap="nowrap" width="50%">
                  <span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span>
               </td>
               <td class="row1" style="vertical-align: middle;">
                  <table style="text-align: center;">
                     <tr>
                        <td>
                           {ADMIN_USER_COMMENT}
                        </td>
                     </tr>
                  </table>
               </td>
            </tr>
            <!-- END switch_admin_user_comment_active -->
         </table>
      </td>
   </tr>
   <!-- BEGIN switch_rpg -->
   <tr>
      <td colspan="2" class="catLeft" style="text-align: center;"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
   </tr>
   <tr>
      <td class="row1" style="text-align: center; vertical-align: top;" height="6">
         {RPG_IMAGE}<br /><br />
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields_left -->
            <tr>
               <td style="text-align: right; vertical-align: middle;" nowrap="nowrap">
               <span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span>
               </td>
               <td width="100%" <style="vertical-align: middle;" nowrap="nowrap">
               <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</b></span>
               </td>
            </tr>
            <!-- END rpg_fields_left -->
         </table>
      </td>
      <td class="row1" style="text-align: center; vertical-align: top;" height="6">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields -->
            <tr>
               <td style="text-align: right; vertical-align: middle;" nowrap="nowrap">
                  <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span>
               </td>
               <td width="100%" <style="vertical-align: baseline;">
                  <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</b></span>
               </td>
            </tr>
            <!-- END rpg_fields -->
         </table>
      </td>
   </tr>
   <tr>
      <td colspan="2" align="center" class="row1">
         {U_ADMIN_RPG}
      </td>
   </tr>
   <!-- END switch_rpg -->
                  </table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
   $(document).ready(function(){
      $('[id^=field_id]').each(function(){
         if ( $(this).find('.field_editable').is('span') )
         {
            $(this).hover(function()
            {
               if( $(this).find('.field_editable.invisible').is('span') )
               {
                  $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                  $(this).find('.ajax-profil_edit').attr({
                        alt: "{L_FIELD_EDIT_VALUE}",
                        title: "{L_FIELD_EDIT_VALUE}"
                     }).click(function(){
                     $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                     $(this).prev().find('.ajax-profil_valid').attr({
                        alt: "{L_VALIDATE}",
                        title: "{L_VALIDATE}"
                     }).click(function(){
                        var content = new Array();
                        $(this).parent().find('[name]').each(function(){
                           var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                           if ( (type_special && $(this).is(':checked')) || !type_special )
                           {
                              content.push(new Array($(this).attr('name'), $(this).attr('value')));
                           }
                        });
                        var id_name = $(this).parents('[id^=field_id]').attr('id');
                        var id = id_name.substring(8, id_name.length);
                        $.post(
                           "{U_AJAX_PROFILE}",
                           {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                           function(data){
                              $.each(data, function(i, item){
                                 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                              });
                           },
                           "json"
                        );
                     });
                     $(this).remove();
                  });
               }
            },function()
            {
               if( $(this).find('.field_editable.invisible').is('span') )
               {
                  $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                  $(this).find('.ajax-profil_edit').remove();
               }
            });
         }
      });
   });
//]]>
</script>

<table class="cadre2" style="width: 850px; margin: auto;" border="0" cellspacing="1" cellpadding="4">
   <form action="{S_GROUPCP_ACTION}" method="post">
      <tr>
                  <th colspan="7" height="25"><h1 style="color: #000000;"><strong>{L_GROUP_INFORMATION}</strong><h1></th>
      </tr>
      <tr>
                  <td class="row1" width="20%"><span style="color: #000000;"><strong>{L_GROUP_NAME} :</strong></span></td>
                  <td class="row2" style="text-align: left;"><strong>{GROUP_NAME}</strong></td>
      </tr>
      <tr>
                  <td class="row1" width="20%"><span style="color: #000000;"><strong>{L_GROUP_DESC} :</strong></span></td>
                  <td class="row2" style="text-align: left;"><strong>{GROUP_DESC}</strong></td>
      </tr>
      <tr>
                  <td class="row1" width="20%"><span style="color: #000000;"><strong>{L_GROUP_MEMBERSHIP} :</strong></td>
         <td class="row2" style="text-align: left;">
            <strong>{GROUP_DETAILS} 
            <!-- BEGIN switch_subscribe_group_input -->
               <input class="mainoption" type="submit" name="joingroup" value="{L_JOIN_GROUP}" />
            <!-- END switch_subscribe_group_input -->
            <!-- BEGIN switch_unsubscribe_group_input -->
               <input class="mainoption" type="submit" name="unsub" value="{L_UNSUBSCRIBE_GROUP}" />
            <!-- END switch_unsubscribe_group_input -->
                          </strong>
         </td>
      </tr>
      <!-- BEGIN switch_mod_option -->
      <tr>
                  <td class="row1" width="20%"><span style="color: #000000;"><strong>{L_GROUP_TYPE} :</strong></span></td>
         <td class="row2" style="text-align: left;">
                          <strong><input type="radio" name="group_type" value="{S_GROUP_OPEN_TYPE}" {S_GROUP_OPEN_CHECKED}{S_GROUP_OPEN_DISABLED} />{L_GROUP_OPEN} <input type="radio" name="group_type" value="{S_GROUP_CLOSED_TYPE}" {S_GROUP_CLOSED_CHECKED} /> {L_GROUP_CLOSED} <input type="radio" name="group_type" value="{S_GROUP_HIDDEN_TYPE}" {S_GROUP_HIDDEN_CHECKED} />{L_GROUP_HIDDEN} <input class="mainoption" type="submit" name="groupstatus" value="{L_UPDATE}" /></strong>
         </td>
      </tr>
      <!-- END switch_mod_option -->
      {S_HIDDEN_FIELDS}
   </form>
</table>
<form action="{S_GROUPCP_ACTION}" method="post" name="post">
   <table class="cadre1" style="width: 850px; margin: auto; margin-top: 5px;" border="0" cellspacing="1" cellpadding="4">
      <tr>
                  <th height="25" nowrap="nowrap"><strong>{L_PM}</strong></th>
         <th nowrap="nowrap"><strong>{L_USERNAME}</strong></th>
         <th nowrap="nowrap"><strong>{L_POSTS}</strong></th>
         <th nowrap="nowrap"><strong>{L_FROM}</strong></th>
         <th nowrap="nowrap"><strong>{L_EMAIL}</strong></th>
         <th nowrap="nowrap"><strong>{L_WEBSITE}</strong></th>
         <th nowrap="nowrap"><strong>{L_SELECT}</strong></th>
      </tr>
      <tr>
                  <td colspan="8" height="28" style="border-bottom: 1px dashed #e47436;"><strong>{L_GROUP_MODERATOR} :</strong></td>
      </tr>
      <tr>
         <td style="text-align: center;">{MOD_PM_IMG}</td>
         <td style="text-align: center;"><span class="gen"><a class="gen" href="{U_MOD_VIEWPROFILE}">{MOD_USERNAME}</a></span></td>
         <td style="text-align: center; vertical-align: middle;"><span class="gen">{MOD_POSTS}</span></td>
         <td style="text-align: center; vertical-align: middle;"><span class="gen">{MOD_FROM}</span></td>
         <td style="text-align: center; vertical-align: middle;"><span class="gen">{MOD_EMAIL_IMG}</span></td>
         <td style="text-align: center;">{MOD_WWW_IMG}</td>
         <td style="text-align: center;"> </td>
      </tr>
      <tr>
                  <td colspan="8" height="28" style="border-bottom: 1px dashed #e47436;"><strong>{L_GROUP_MEMBERS} :</strong></td>
      </tr>
      <!-- BEGIN member_row -->
         <tr>
            <td class="{member_row.ROW_CLASS}" style="text-align: center;">{member_row.PM_IMG}</td>
            <td class="{member_row.ROW_CLASS}" style="text-align: center;"><span class="gen"><a class="gen" href="{member_row.U_VIEWPROFILE}">{member_row.USERNAME}</a></span></td>
            <td class="{member_row.ROW_CLASS}" style="text-align: center;"><span class="gen">{member_row.POSTS}</span></td>
            <td class="{member_row.ROW_CLASS}" style="text-align: center;"><span class="gen">{member_row.FROM} </span></td>
            <td class="{member_row.ROW_CLASS}" style="text-align: center; vertical-align:middle;"><span class="gen">{member_row.EMAIL_IMG}</span></td>
            <td class="{member_row.ROW_CLASS}" style="text-align: center;">{member_row.WWW_IMG}</td>
            <td class="{member_row.ROW_CLASS}" style="text-align: center;"><!-- BEGIN switch_mod_option --><input type="checkbox" name="members[]" value="{member_row.USER_ID}"><!-- END switch_mod_option --></td>
         </tr>
      <!-- END member_row -->
      <!-- BEGIN switch_no_members -->
         <tr>
            <td class="row1" colspan="7" style="text-align: center;"><span class="gen" style="color: #012300;">{L_NO_MEMBERS}</span></td>
         </tr>
      <!-- END switch_no_members -->
      <!-- BEGIN switch_hidden_group -->
         <tr>
            <td class="row1" colspan="7" style="text-align: center;"><span class="gen" style="color: #012300;">{L_HIDDEN_MEMBERS}</span></td>
         </tr>
      <!-- END switch_hidden_group -->
      <!-- BEGIN switch_mod_option -->
         <!-- BEGIN switch_grp_admin -->
            <tr>
               <td class="row2" colspan="8" style="text-align: left;">
                  <strong><span class="gen" style="color: #012300;">{L_ADMIN_GRP_EXPLAIN}</span></strong>
               </td>
            </tr>
         <!-- END switch_grp_admin -->
         <tr>
            <td colspan="8" style="text-align: right; padding-top: 8px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" style="text-align: center;">
                  <tr>
                     <td style="text-align: left; vertical-align: top;">
                        <span class="genmed"><input class="post" type="text" id="username" name="username" size="20" maxlength="25" /> <input class="mainoption" type="submit" name="add" value="{L_ADD_MEMBER}" />&nbsp;<input type="button" class="liteoption" id="find_user" value="{L_FIND_USERNAME}" /></span>
                     </td>
                     <td><span class="cattitle"><input class="mainoption" type="submit" name="remove" value="{L_REMOVE_SELECTED}" /></span></td>
                  </tr>
               </table>
            </td>
         </tr>
      <!-- END switch_mod_option -->
   </table>
   <table style="width: 850px; margin: auto; text-align: center;" border="0" cellspacing="2" cellpadding="0">
      <tr>
         <td style="text-align: left; vertical-align: top;"><span class="nav">{PAGE_NUMBER}</span></td>
         <td style="text-align: right; vertical-align: top;"><span class="nav">{PAGINATION}</span></td>
      </tr>
      <tr>
         <td>
            {PENDING_USER_BOX}{S_HIDDEN_FIELDS}
         </td>
      </tr>
   </table>
</form>
<table style="width: 850px; margin: auto; text-align: center;" border="0" cellspacing="2">
   <tr>
          <td style="text-align: right; vertical-align: top;"><div class="cadre1" style="width: 400px;">{JUMPBOX}</div></td>
   </tr>
</table>

<!-- BEGIN switch_mod_option -->
<div id="find_username" class="jqmWindow"></div>

<script src="{JS_DIR}jquery/jqmodal/jqmodal.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
   $(document).ready(function(){
      function find_username(fieldname) {
         $.get('{U_SEARCH_USER}&fieldname=' + fieldname + '&time=' + timestamp(), '',
            function(data){
               $('#find_username').html(data).jqmShow();
               $('.jqmOverlay').bgiframe();
               $('#find_username').bgiframe();
            });
         return false;
      }
      $('#find_user').click(function(){
         return find_username('username');
      });
      $('#find_username').jqm({toTop: true});
   });
//]]>
</script>
<!-- END switch_mod_option -->