<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js"></script>
<style>
div#conteneur {
position: fixed;
margin: 0px;   
padding: 0px;
top: 50px;     
left: 0px; 
list-style: none; 
z-index:9999;   
}

div#conteneur ul {
width: 100px;     
margin-bottom: 4px;
margin-left: -40px;
/margin-left: 0px;
background-color: transparent; 
}

div#conteneur ul li{
background-color: #37A2E9;
display:block;
width: 90px;     
height: 95px;         
background-repeat:no-repeat;
background-position:center center;
border:1px solid #37A2E9;       
padding: 5px;
}

div#conteneur li .lien_bas{
background-color: #37A2E9;
border:1px solid #37A2E9;
font-family: Arial;
font-style: italic;
font-size: 10px;
padding: 2px;
vertical-align: center;
margin-top: 2px;
/margin-top: 7px;
}

.lien_bas a{
text-decoration: none;
color: white !important;
outline: none;
}

.lien_bas a:hover{
color: black !important;
}
</style>

    <div id="conteneur">       
 
      <ul>
        <li>
          <a target="_blank" href="lien" title="Le forum" alt="Forum" >
            <img src="http://series-geek.com/templates/series-geek/images/banner_8.png" border="0"></a>

        <div class="lien_bas">
            Vien faire recenser ton forum avec LG. <a href="lien">Voir ici</a></a>
        </div>
        </li>       
      </ul>   
   

    </div>     
<script type="text/javascript">
            $(function() {
                $('#conteneur li').stop().animate({'marginLeft':'-75px'},1000);
                $('#conteneur > ul').hover(
                    function () {
                        $('li',$(this)).stop().animate({'marginLeft':'-2px'},200);
                    },
                    function () {
                      $('li',$(this)).stop().animate({'marginLeft':'-75px'},200);
                    }
                );
            });
        </script>