<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_news" onclick="javascript:change_onglet('news');">News</span>
            <span class="onglet_0 onglet" id="onglet_contexte" onclick="javascript:change_onglet('contexte');">Contexte</span>
            <span class="onglet_0 onglet" id="onglet_zamis" onclick="javascript:change_onglet('zamis');">Les Z'Amis</span>
            <span class="onglet_0 onglet" id="onglet_staff" onclick="javascript:change_onglet('staff');">The Staff</span>


        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_news">ccccccccc</div>
            <div class="contenu_onglet" id="contenu_onglet_contexte"></div>
            <div class="contenu_onglet" id="contenu_onglet_zamis">sssssssssss</div>
            <div class="contenu_onglet" id="contenu_onglet_staff"><div class="gensmall"><script type="text/javascript">haccordion.setup({
  accordionid: 'hc1', //main accordion div id
  paneldimensions: {peekw:'50px', fullw:'200px', h:'100px'},
  selectedli: [0, true], //[selectedli_index, persiststate_bool]
  collapsecurrent: true //<- No comma following very last setting!
})</script><style type="text/css">
#hc1 li{width: 100px;
height: 100px;
}
#hc1 li .hpanel{width: 200px;
height: 100px;
}
<b>::The Fondators::</b>
</style><div id="hc1" class="haccordion"><ul>
<li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a style="opacity: 0.2;" class="gradualfader" target="_blank"><img src=http://i722.photobucket.com/albums/ww226/Psychadelyana/IconKKreuk3-1.jpg style="float:left; padding-right:8px; width:100px; height:100px" /> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: justify"></b>::Lana Salvatore::</b></span></a></div></li>
<li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a style="opacity: 0.2;" class="gradualfader" target="_blank"><img src=http://img42.xooimage.com/files/2/7/4/sans-titre-2-10e3280.png style="float:left; padding-right:8px; width:100px; height:100px" /> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: justify">skhckwnck cklwnclknc nxclknlsnclknc  pqnfcnqln qsckn lknlnswc qsdnlnscln qdsnlnclwnc sq<ldnwlcnlwnc qkdnlwnclk.</span></a></div></li>
<li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a style="opacity: 0.2;" class="gradualfader" target="_blank"><img src=http://img42.xooimage.com/files/2/7/4/sans-titre-2-10e3280.png style="float:left; padding-right:8px; width:100px; height:100px" /> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: justify">skhckwnck cklwnclknc nxclknlsnclknc  pqnfcnqln qsckn lknlnswc qsdnlnscln qdsnlnclwnc sq<ldnwlcnlwnc qkdnlwnclk.</span></a></div></li>
<li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a style="opacity: 0.2;" class="gradualfader" target="_blank"><img src=http://img42.xooimage.com/files/2/7/4/sans-titre-2-10e3280.png style="float:left; padding-right:8px; width:100px; height:100px" /> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: justify">skhckwnck cklwnclknc nxclknlsnclknc  pqnfcnqln qsckn lknlnswc qsdnlnscln qdsnlnclwnc sq<ldnwlcnlwnc qkdnlwnclk.</span></a></div></li>
<li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a style="opacity: 0.2;" class="gradualfader" target="_blank"><img src=http://img42.xooimage.com/files/2/7/4/sans-titre-2-10e3280.png style="float:left; padding-right:8px; width:100px; height:100px" /> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: justify">skhckwnck cklwnclknc nxclknlsnclknc  pqnfcnqln qsckn lknlnswc qsdnlnscln qdsnlnclwnc sq<ldnwlcnlwnc qkdnlwnclk.</span></a></div></li>
<li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a style="opacity: 0.2;" class="gradualfader" target="_blank"><img src=http://img42.xooimage.com/files/2/7/4/sans-titre-2-10e3280.png style="float:left; padding-right:8px; width:100px; height:100px" /> <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: justify">skhckwnck cklwnclknc nxclknlsnclknc  pqnfcnqln qsckn lknlnswc qsdnlnscln qdsnlnclwnc sq<ldnwlcnlwnc qkdnlwnclk.</span></a></div></li></ul></div>
  </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'news';
                change_onglet(anc_onglet);
        //-->
        </script>