{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 -->
<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}" /><br />
        <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}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="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 width="50%" align="right">
        <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">
<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}" /><br />
        <span class="gensmall">{L_AUTO_LOGIN}</span>
        <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
      </td>
  </tr>
</table>
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<center>
<table class="background">
<tr>
<td>
<table cellspacing="3" cellpadding="3" width="600" border="0" class="partgroup"> <tbody>
<tr>
<td width="600">
</td>
</tr>
</tbody></table>


<table cellspacing="3" cellpadding="3" width="700" border="0" class="statistiques"><tbody>
<tr>
<td width="600" class="cadregauche">
<span class="groupes"> <a href="http://design-hb.forumactif.org/index.htm"><font color="#9E4444" size="2"><b>Cavaliers</b></font></a></span><img src="f">
  <span class="groupes"><a href="http://design-hb.forumactif.org/index.htm"><font color=#754D4D size="2"><b>Chevaux</b></font></a> </span> <img src="g">
<span class="groupes"> <a href="http://design-hb.forumactif.org/index.htm"><font color="#AD0303" size="2"><b>Autres</b></font></a></span> <img src="h"><br><br>

<td class="row1" width="300"><span class="gensmall"><span id="coco">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('coco').innerHTML=document.getElementById('coco').innerHTML.replace(/Nos membres ont posté un total de/,"Les candidats ont été vus");</script>
<script type="text/javascript">document.getElementById('coco').innerHTML=document.getElementById('coco').innerHTML.replace(/messages/,"fois");</script>
<script type="text/javascript">document.getElementById('coco').innerHTML=document.getElementById('coco').innerHTML.replace(/message/,"fois");</script><br />
<span id="bull">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('bull').innerHTML=document.getElementById('bull').innerHTML.replace(/Nous avons/,"L'émission a tellement fait tabac, qu'il y a");</script>
<script type="text/javascript">document.getElementById('bull').innerHTML=document.getElementById('bull').innerHTML.replace(/membres enregistrés/,"personnes intéressées.");</script>
<script type="text/javascript">document.getElementById('bull').innerHTML=document.getElementById('bull').innerHTML.replace(/membre enregistré/,"personne intéressée.");</script><br />
<span id="hach">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('hach').innerHTML=document.getElementById('hach').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"D'ailleurs, la dernière en liste est");</script></span></td>
  </tr>
  <tr>
      <td class="row1"><span class="gensmall"><span id="linu">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Il y a en tout/,"On voit défiler");</script>
<script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/utilisateur en ligne ::/,"chéri :");</script>
<script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/utilisateurs en ligne ::/,"chéris :");</script>
<script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Enregistré,/,"dans la maison,");</script>
<script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Enregistrés,/,"dans la maison,");</script>
<script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Invisible et/,"qui espionne et");</script>
<script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Invisibles et/,"qui espionnent et");</script>
<script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Invités/,"fans.");</script>
<script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Invité/,"fan.");</script></span><br />
<span class="gensmall"><span id="goup">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('goup').innerHTML=document.getElementById('goup').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Au total, nous en avons eu en tout");</script>
<script type="text/javascript">document.getElementById('goup').innerHTML=document.getElementById('goup').innerHTML.replace(/le/,"précisément le");</script></span>
<br />
      <br>
      {LOGGED_IN_USER_LIST}
      </span>
</td>

<td width="300" class="cadredroit">
<table border="0" cellspacing="3" cellpadding="3" align="justify" style="text-align: justify" width="300">
{L_CONNECTED_MEMBERS}
</table>
</td>
</tr>
</tbody></table>
</td>
</tr>
</table>
</center>

<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

body {
background-position: top center;
margin-top: -9px;
margin-bottom: -9px;
}

.bodyline {
border-bottom: 0px solid #000000;;
border-left: 6px solid #000000;
border-right: 6px solid #000000;
border-top: 0px solid #000000;
}

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

textarea, .textarea.post, input.post {
-moz-border-radius: 10px;
}

/* pas de soulignement de liens */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

#page-body { padding-top: 10px; /* Espace entre la barre et les pubs */
}

.forumline {
background-color: #B07353;
-moz-border-radius: 20px ;
border: 3px double #000000;
}

a.forumlink {
display:block;
text-align: center;
border-bottom: 4px solid #451D13;
font-size: 16px;
letter-spacing: 2px
padding: 4px 0px 4px 0px;
}

a.forumlink: hover {
color: rgb(255,255,255);
font-variant: small-caps;
font-size: 14px;
letter-spacing: 2px;
font-weight: lighter;
text-align: center;
text-shadow: black 1px 1px 2px;
}

.arrondi {
-moz-border-radius-topright: 10px;
-webkit-border-radius-topright: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}

.row3 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.row2 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.row1 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

a.imginfo {
  position: relative;
  color: #CDD8FE;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}

a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}

a.imginfo:hover span {
  display: inline; /* on 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: 10px; /* on positionne notre infobulle */
  left: 10px;
  background: #9babc2;
  color: #CDD8FE;
  padding: 3px;
}

input,textarea, select {
border:2px solid #CDD8FE;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.groupes {
background-color: #A1D3F4;
border: 1px #7CAFDA;
-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: center;
text-decoration: none !important;
}

.postdetails.poster-profile a img {
border: 4px double #B07353 ; /*La bordure*/
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
}

.navi {
background-color: #000000; /*FOND*/
border-bottom: 0px solid #000000;;
border-left: 6px solid #000000;
border-right: 6px solid #000000;
border-top: 0px solid #000000;
padding: 2px; /*ESPACER DES BORDS*/
-moz-border-radius: 12px; /*ARRONDIR LES COINS*/
}

#menu ul
{margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
align: center;}

#menu li
{float: left;
padding: 0px;
background-image: url('http://obsession27.free.fr/divers/fonds/clark3.gif') ! important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
}

#menu li a
{display: block;
width: 100px;
color: #FFFFFF; /* couleur du texte */
padding: 5px;
text-decoration: none;}

#menu li a:hover /* couleur du texte au passage de la souris */
{color: #FF0000;}

#menu ul li ul  /* cacher les sous-catégories */
{display: none;}

#menu ul li:hover ul
{display: block;}

#menu li:hover ul li
{float: none;
-moz-border-radius: 12px; /*ARRONDIR LES COINS*/}

#menu li ul
{
position:absolute;
}

a.forumlink {
background-color: #transparent;
  text-shadow: #f5f8de 1px 1px 1px;
  background-image: url('http://img11.hostingpics.net/pics/633279Categories_2.jpg');
color: #B07353;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}

a.forumlink:hover{
background-color: #transparent;
  text-shadow: #635f5e 1px 1px 1px;
  background-image: url('http://img11.hostingpics.net/pics/962511Categories.jpg');
color: #f9fced;
display: block;
font-family: GEORGIA;
font-size: 16px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;}

.contenu {
  background-image: url('http://obsession27.free.fr/divers/fonds/bo8.jpg');
          font-family: Trebuchet MS;
          font-size: 11px;
          text-align: justify;
    color : #000000;
          margin-left: 40px;
          margin-right: 40px;
          padding: 15px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright:50px
}

.def {
  background-image: url('http://obsession27.free.fr/divers/fonds/grossf.jpg');
        font-family: Trebuchet MS;
        font-size: 11px;
        text-align: center;
  color : #aed4e8;
          margin-left: 40px;
          margin-right: 40px;
        padding: 2px;
-moz-border-radius-bottomleft:50px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px
}

/* QEEL */
.background{
background-image: url("http://obsession27.free.fr/divers/textures/01mini.jpg");
background-repeat: no-repeat;
}

.partgroup{
padding-top:75px;
text-align:center;
}

.groupes{
background-color:#FFFFFF;
border: 1px #D0D0D0 dotted;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-topright:20px;
height:30px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:12px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}

.cadredroit{
-moz-border-radius:10px;
border-left: 4px solid #854A42;
}

.cadregauche{
-moz-border-radius:10px;
border-top: 4px solid #854A42;
}

<!-- BEGIN disable_viewonline -->
<table cellspacing="3" cellpadding="3" width="700" border="0" id="qeel"><tr>
    <td width="300" valign="top">
        <span class="gensmall">
       
        <div align="center">
        <span class="groupes">
        <a href="http://design-hb.forumactif.org/index.htm"><font color="#9E4444" size="2"><b>Cavaliers</b></font></a>
        </span>
       
        <span class="groupes">
        <a href="http://design-hb.forumactif.org/index.htm"><font color=#754D4D size="2"><b>Chevaux</b></font></a>
        </span>
       
        <span class="groupes">
        <a href="http://design-hb.forumactif.org/index.htm"><font color="#AD0303" size="2"><b>Autres</b></font></a>
        </span>
        </div>
       
        <div class="ligne"></div>

        <span id="bull">{TOTAL_USERS}</span>
        <script type="text/javascript">document.getElementById('bull').innerHTML=document.getElementById('bull').innerHTML.replace(/Nous avons/,"Dans les écuries nous avons");</script>
        <script type="text/javascript">document.getElementById('bull').innerHTML=document.getElementById('bull').innerHTML.replace(/membres enregistrés/,"petits choux.");</script>
       
        <span id="coco">{TOTAL_POSTS}</span>
        <script type="text/javascript">document.getElementById('coco').innerHTML=document.getElementById('coco').innerHTML.replace(/Nos membres ont posté un total de/,"Nos HBiens de Normandie ont rendu un total de");</script>
        <script type="text/javascript">document.getElementById('coco').innerHTML=document.getElementById('coco').innerHTML.replace(/messages/,"rapports au directeur");</script>.
       
        <span id="hach">{NEWEST_USER}</span>
        <script type="text/javascript">document.getElementById('hach').innerHTML=document.getElementById('hach').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Les écrits à rendre n'effrayent pas");</script> qui vient d'intégrer l'écurie<br><br>
       
        <span id="linu">{TOTAL_USERS_ONLINE}</span>
        <script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Il y a en tout/,"En ce moment même, ");</script>
        <script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/utilisateurs en ligne/,"personnes rôdent dans l'écurie");</script><br>
        <script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Enregistré,/,"inscrit,");</script>
        <script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Enregistrés,/,"inscrits");</script>
        <script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Invisible et/,"fantôme");</script>
        <script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Invisibles et/,"fantômes");</script>
        <script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Invités/,"touristes");</script>
        <script type="text/javascript">document.getElementById('linu').innerHTML=document.getElementById('linu').innerHTML.replace(/Invité/,"touriste");</script><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/,"Membres de l'Académie actuellement présents");</script>
       
        </span>
    </td>
       
    <td width="300" class="cadredroit" valign="top">
        <table border="0" cellspacing="3" cellpadding="3" style="text-align: justify" width="300"><tr>
        <td>{L_CONNECTED_MEMBERS}</td>
        </tr></table>
    </td>
</tr></table>
<!-- END disable_viewonline -->

/* QEEL */
#qeel td.row1
{background: none;}

.groupes
{background-color:#FFFFFF;
border: 1px #D0D0D0 dotted;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-topright:20px;
height:30px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:12px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}

.cadredroit
{-moz-border-radius:10px;
border-left: 4px solid #854A42;}

.ligne
{-moz-border-radius:10px;
background-color: #854A42;
height: 4px;
margin-top: 10px;
margin-bottom: 5px;}