body {
    background-repeat: repeat;
}

.forumline {
    border: 1px dotted dimgray;
}
 a.forumlink
{
    display: block;
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.5em;
}

.titres-forums
{
  -moz-border-radius: 7px 7px 7px 7px;
    border-bottom: 4px double;
}

a:link,a:active,a:visited,a:hover {
    font-variant:  small-caps;
    font-size:  10px;
    text-decoration: none;
}

a.mainmenu{
    font-size: 12px;
    color: black;
    text-align: center;
    font-variant: small-caps;
    background-color: dimgray;
    text-decoration: none;
    border: 1px solid black;
    -moz-border-radius: 6px;
}
a.mainmenu:hover{
    font-size: 12px;
    color: black;
    font-variant: small-caps;
    background-color: silver;
    text-decoration: none;
    border: 1px solid black;
    -moz-border-radius: 6px;
}

.barre1{
background-color: dimgray; border: 1px silver solid;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:left;
text-decoration: none !important;
height:auto}


.statistiques{
border:0px;
background-image: url("http://i21.servimg.com/u/f21/14/91/70/48/lalala10.jpg");
background-repeat: no-repeat;
background-color: auto;
background-position: center;
height:270px;}

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

.groupes{
background-color:dimgray; border: 1px black double;
-moz-border-radius : 7px 7px 7px 7px;
height:40px; padding-right:12px; padding-left:12px; padding-bottom:3px;
font-size:15px; font-weight: bold; text-align:center;
text-decoration: none !important;}

.coins {
    border:1px solid black;
    background-color: auto;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    padding-left: 10px;
}

.gensmall.statistiques {
    color: auto;
    background-color: dimgray;
    -moz-background-opacity: 0.5;
    font-size: 13px;
}

a.forumlink:hover {
    text-decoration: none;
}

a.gen:hover,a.genmed:hover,a.gensmall:hover{
    text-decoration: none;
    }

a:hover{
    text-decoration: none !important;
    }

.cattitle{
    font-weight: bold;
    font-size: 15px ;
    letter-spacing: 1px;
    color: black;
}
.topictitle,h1,h2{
    font-weight: bold;
    font-size: 13px;
    color :black;
    }
.forumline {
        background-color: #444444;
        -moz-border-radius: 14px 14px 14px 14px ;
        border-bottom: 8px #444444 solid;
        border-top: 8px #444444 solid;
        border-right: 8px #444444 solid;
        border-left: 8px #444444 solid;}

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

/* QUEEL */

.tableauqueel{
background-color : #COLOR ;
border : solid Xpx #COLOR ;
-moz-border-radius : Xpx Xpx Xpx Xpx}

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


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

.sousforum
{
width :80%;
float : left ;
-moz-border-radius:7px;
border: #89A3C7 1px solid ;
background-color: #807979;

}

/*PA*/

#gauche_ma /* les boxes a gauches*/
{
  float: left; /* Le menu flottera �à gauche */
  width: 210px; /* Très important : donner une taille au menu */
}
 
#droite_ma /* les deux boxes à droites */
{
  float: right; /* Le menu flottera à gauche */
  width: 210px; /* Tr�s important : donner une taille au menu */
}
 
#centre /* les deux boxes à droites */
{
 float: left; /* Le menu flottera àgauche */
width: 392px; /* Tr�s important : donner une taille au menu */
 margin: 10px;
text-align:center;
}
 
.element_menu /* les cases gauches droites */
{
background-color: #807979;
border: 1px solid black;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ô-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 margin: 10px;
padding: 4px;
text-align:center;
height: 200px;
}
 
 
.centre_boite
{
float:left;
background-color : #807979;
height: 250px;
width: 390px;
border: 1px solid;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-�-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
overflow-y: auto;
overflow-x: visible; /* Essaie �galement hidden */
  margin-top:80px;
  text-align: justify;
  padding:5px;
  margin-bottom:20px;
}
 
 
 
 
div.infobulle
{
  position: relative;
  float: left;
cursor: e-resize;
color: black;
}
 
div.infobulle span
{
  display: none; /* ceci masque l'infobulle */
cursor: e-resize;
}
 
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on d�finit une valeur pour l'ordre d'affichage */
cursor: e-resize;
color: black;
}
div.infobulle:hover span
{
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  top: 10px; /* on positionne notre infobulle */
    background-color:  #999999;
  color: black;
  padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-�-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
  white-space: nowrap;
text-align: center;
font-size: 14px;
 
}
 
.transparence
{
background-color: transparent;
border: none;
opacity: 0.5;
}
 
.transparence:hover
{
background-color: transparent;
border: none;
opacity: 2;
}
 
 
 
.navig
{
border-bottom: 1px solid #89A3C7;
background-color: #999999;
font-size: 1.1em;
font-weight: bold;
font-family: rockwell;
width:180px;
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
}
 
.navig:hover
{
border-bottom: 2px solid #89A3C7;
background-color: #444444;
display: block;
}
 
 
 .ma_h2
 {
 font-size: 16px;
 text-align: center;
 border-bottom:4px double  #89A3C7 ;
  font-family:Verdanna;
 color:  #89A3C7 ;
 }

/*fiche pv */

a.infobulle {
  position: relative;
-moz-border-radius:10px;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
-moz-border-radius:10px;
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
-moz-border-radius:10px;

}

a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

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

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

  background: #ACD373; /* arrière-plan de l'infobulle */

  color: #A56163; /* texte dans l'infobulle */
  padding: 1px;

  /* bordures de votre infobulle*/
  border: 2px solid #A56163;
  border-left: 2px solid  #A56163;
-moz-border-radius:10px;
}



/*cadre autour avatar */

.fondavatar {
background-color : #000000 ;
border : 5px solid #000000 ;
-moz-border-radius: 5px 5px 5px 5px

 }


/*menu horizontale */

.navigation ul{
list-style-type: none;
text-align: center;
}
#navigation li{
display: inline;
text-align: center;
margin: 0 10px 0 0;
}
#navigation li a {
padding: 2px 7px 2px 7px;
-moz-border-radius:7px;
border: #89A3C7 1px solid ;
background-color: #807979;

text-decoration: none;
}
#navigation li a:hover{
background-color: #333333;
color: #000000;
}


cadre_vava{
background-color: auto;/*si tu veux une image de fond, tu mets "background-image: url('LienDeTonImage')"*/
-moz-box-shadow: black 0px 0px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
margin: 5px;
}
 [/spoiler]

[spoiler] {JAVAscript}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- 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 -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<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>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
     
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
       
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
       
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
             
<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">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" 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} />&nbsp;
      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->



<!-- BEGIN disable_viewonline -->


<center><div class="statistiques" style="padding-top: 110px;">

<center><span class="groupes"> <a href="http://criminalmindsrpg.1fr1.net/groupcp.forum?g=3"><font color="#046380" size="2"><b>Agent du FBI / Profiler</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://criminalmindsrpg.1fr1.net/groupcp.forum?g=4"><font color="#878FE8" size="2"><b>Agent du NCIS</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://criminalmindsrpg.1fr1.net/groupcp.forum?g=5"><font color="#34393E" size="2"><b>Agents de la CIA</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://criminalmindsrpg.1fr1.net/groupcp.forum?g=7"><font color="#2F574D" size="2"><b>Agent de la NSA</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://criminalmindsrpg.1fr1.net/groupcp.forum?g=9"><font color="#AD8B05" size="2"><b>Pompiers</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg"><br><br>
<span class="groupes"> <a href="http://criminalmindsrpg.1fr1.net/groupcp.forum?g=6"><font color="#EB8C26" size="2"><b>Médecins légistes</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://criminalmindsrpg.1fr1.net/groupcp.forum?g=8"><font color="#5D7FC2" size="2"><b>Polices locales</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://criminalmindsrpg.1fr1.net/groupcp.forum?g=11"><font color="#BCC975" size="2"><b>Ambulanciers</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://criminalmindsrpg.1fr1.net/groupcp.forum?g=10"><font color="#4B857D" size="2"><b>Familles && Citoyens</b></font></a> </span><img src="http://i31.tinypic.com/mugck1.jpg"><br><br></center>
</td></tr></table><div class="statistiques" style="padding-top: 110px;"><div style="float: left; width: 400px; padding-left: 15px; font-size: 12px;"><span id="matt">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Il y a");</script>
<script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membre enregistré/,"habitants à Londres ");</script>
<span id="bert">{TOTAL_POSTS}<script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"et ils ont partagé");</script><script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/,"messages.");</script></span><br>
<span id="yosh">{NEWEST_USER}</span> <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/," Le dernier profiler de l'équipe est ");</script><br><br>
      <span id="newest">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('newest').innerHTML=document.getElementById('newest').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record du nombre de profiler en ville es");</script>

<span class="gensmall"><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"Profiler en ligne");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"Profiler en ville");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistré/,"Profiler");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Enregistrés/,"Profiler");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisible et/,"disparut,");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invisibles et /,"disparut,");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invité/,"Futur Profiler");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/Invités/,"Futur Profiler");</script></span><br>
<br><span id="connectes">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('connectes').innerHTML=document.getElementById('connectes').innerHTML.replace(/Utilisateurs enregistrés/,"Profilers en ligne");</script></span></div><div style="float: right; width: 400px; padding-right: 5px; font-size: 12px;">
<table>{L_CONNECTED_MEMBERS}</table>
<br><br>
<table>{L_WHOSBIRTHDAY_TODAY}<span id="anniv"></span>
{L_WHOSBIRTHDAY_WEEK}<script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui/,"Joyeux anniversaire à").replace(/Membres fêtant leur anniversaire dans les ([0-9]+) prochains jours/,"Vous sortirez les bougies cette semaine pour").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Personne ne fête son anniversaire aujourd’hui").replace(/Aucun membre ne fête son anniversaire dans les ([0-9]+) prochains jours/,"Personne ne fête son anniversaire cette semaine");</script></table>
</div>
</div></center>

<!-- END disable_viewonline -->


{AUTO_DST} [/spoiler]