<center><div class="QEEL" width="800px" height="600px">

 <span class="col_bienvenue">Bienvenue sur Crucio, ici, <span id="nb_messages">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/Nos membres ont posté un total de/,"les sorciers rescencés ont jeté");</script><script type="text/javascript">document.getElementById('nb_messages').innerHTML=document.getElementById('nb_messages').innerHTML.replace(/messages/,"sortilèges");</script>
<br>
                  <span id="nb_membres">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('nb_membres').innerHTML=document.getElementById('nb_membres').innerHTML.replace(/Nous avons/,"A Poudlard et ailleurs,");</script>
                  <script type="text/javascript">document.getElementById('nb_membres').innerHTML=document.getElementById('nb_membres').innerHTML.replace(/membre enregistré/,"sorcier se bat");</script>
  <script type="text/javascript">document.getElementById('nb_membres').innerHTML=document.getElementById('nb_membres').innerHTML.replace(/membres enregistrés/,"sorciers se battent");</script><br>
                  <span id="last_membre">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('last_membre').innerHTML=document.getElementById('last_membre').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier sorcier arrivé est");</script></span>



                  <span class="col_nés_moldus"><span id="membres_co">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('membres_co').innerHTML=document.getElementById('membres_co').innerHTML.replace(/Il y a en tout/,"Nous avons");</script>
                    <script type="text/javascript">document.getElementById('membres_co').innerHTML=document.getElementById('membres_co').innerHTML.replace(/utilisateur en ligne/,"âme errant en ces lieux");</script>
                    <script type="text/javascript">document.getElementById('membres_co').innerHTML=document.getElementById('membres_co').innerHTML.replace(/utilisateurs en ligne/,"âmes errant en ces lieux");</script>
                    <br>
                    <span id="record_mb">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('record_mb').innerHTML=document.getElementById('record_mb').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Les sorciers ont été");</script><br>
 <br>
                  <span id="liste_mb">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('liste_mb').innerHTML=document.getElementById('liste_mb').innerHTML.replace(/enregistré/,"rescencé");</script>
                    <script type="text/javascript">document.getElementById('liste_mb').innerHTML=document.getElementById('liste_mb').innerHTML.replace(/enregistrés/,"rescencés");</script>
                    <script type="text/javascript">document.getElementById('liste_mb').innerHTML=document.getElementById('liste_mb').innerHTML.replace(/invisible/,"fantôme");</script>
                    <script type="text/javascript">document.getElementById('liste_mb').innerHTML=document.getElementById('liste_mb').innerHTML.replace(/invisibles/,"fantômes");</script>
                    <script type="text/javascript">document.getElementById('liste_mb').innerHTML=document.getElementById('liste_mb').innerHTML.replace(/invité/,"hors la loi");</script>
                    <script type="text/javascript">document.getElementById('liste_mb').innerHTML=document.getElementById('liste_mb').innerHTML.replace(/invités/,"hors la loi");</script></span>

 
                     <span class="ligne_intentions"><table class="ligne_intentions"><span_id="logged_in"><table>{L_CONNECTED_MEMBERS}</table></span><script type="text/javascript">document.getElementById('logged_in').innerHTML=document.getElementById('logged_in').innerHTML.replace(/Utilisateurs enregistrés/,"Sorciers rescencés");</script>
                        <table>{L_WHOSBIRTHDAY_TODAY}</table>
                        <table>{L_WHOSBIRTHDAY_WEEK}</table>
                        {LEGEND} : {GROUP_LEGEND}</table></span>

</div></center>

.QEEL{
  background-image:url('http://imageshack.us/a/img542/9480/fondqeel001.png');
  margin-top: 130px;
  font-size: 12px;
  font-family: Trebuchet MS;
  width:800px;
  height:600px;
    opacity:0.5;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.QEEL:hover{
    opacity:1;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

.col_bienvenue{
text-align: justify;
position:absolute;
margin-left:-250px;
margin-top:150px;
  width:200px;
  overflow-y:auto;
  height:120px;
 
}

.col_nés_moldus{
text-align: justify;
position: absolute;
margin-top:160px;
margin-left:-5px;
width:140px;
  height:160px;
overflow-y:auto}

.ligne_intentions{
text-align: justify;
position: absolute;
margin-top:500px;
margin-left:-200px;}