<div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);">Onglet 1</li>
        <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 2</li>
        <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 3</li>
        <li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 4</li></ul>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><table style="width: 100%; border-collapse: collapse; border: 2px hidden rgb(255, 255, 255);">
   <tbody><tr style="border: 2px hidden rgb(255, 255, 255);">
      <td style="border: 2px hidden rgb(255, 255, 255);">
<br><div style="font-size: 25px; padding-top: 4px; margin-bottom: 4px; font-family: 'Times New Roman',Times,serif; color: rgb(22, 35, 36);">News</div><br><div style="width: 180px; border: 1px solid rgb(255, 255, 255);"><marquee direction="up" scrollamount="2"><br>• Nouveau design. « White » Horse par Peekaboo. Le prochain sera sûrement choisi par concours.

<br>• Wave et Xiumi nous quittent. Espérons que ce ne soit pas un Adieu.

<br>• Ténèbres est élue administratrice de la partie dessin. Bravo à elle !


<br>• Les résultats du concours Anniversaire sont enfin annoncés. La grande gagnante est nul autre que Niki. Cliquez pour voir sa création.<br><a class="postlink" href="http://i598.photobucket.com/albums/tt67/NuageBlanc/Happy.jpg" target="_blank"><img alt="" src="http://i33.servimg.com/u/f33/12/93/99/83/cli11.png" border="0"></a></marquee>
</div>
</td>
<td style="border: 2px hidden rgb(255, 255, 255);"><div style="font-size: 25px; padding-top: 4px; margin-bottom: 4px; font-family: 'Times New Roman',Times,serif; color: rgb(22, 35, 36);">Concours</div><br><div style="width: 180px; border: 1px solid rgb(255, 255, 255);"><font face="goergia">Membre du mois : <br>• Relangs •
 Félicitations! <br><br>Débutant <a class="postlink" href="http://designyourworldv2.forumactif.com/concours-f70/concours-debutant-t864.htm?sid=cd40905492b6073e1dec75c13541a1f9">*</a><br>Novice <a class="postlink" href="http://designyourworldv2.forumactif.com/concours-f70/concours-novices-t865.htm?sid=cd40905492b6073e1dec75c13541a1f9">*</a><br>Connaisseur <a class="postlink" href="http://designyourworldv2.forumactif.com/concours-f70/concours-connaisseurs-t866.htm?sid=cd40905492b6073e1dec75c13541a1f9">*</a><br>Intermédiaire <a class="postlink" href="http://designyourworldv2.forumactif.com/concours-f70/concours-intermediaires-t867.htm?sid=cd40905492b6073e1dec75c13541a1f9">*</a><br>Prometteur <a class="postlink" href="http://designyourworldv2.forumactif.com/concours-f70/concours-prometteurs-t868.htm?sid=cd40905492b6073e1dec75c13541a1f9">*</a><br><br>.<br></font></div></td>
   </tr>
   <tr style="border: 2px hidden rgb(255, 255, 255);">
      <td style="border: 2px hidden rgb(255, 255, 255);"><div style="font-size: 25px; padding-top: 4px; margin-bottom: 4px; font-family: 'Times New Roman',Times,serif; color: rgb(22, 35, 36);">Les Guildes</div><br><div class="gensmall"><script type="text/javascript">haccordion.setup({
  accordionid: 'hc1', //main accordion div id
  paneldimensions: {peekw:'30px', fullw:'300px', h:'244px'},
  selectedli: [0, true], //[selectedli_index, persiststate_bool]
  collapsecurrent: false //<- No comma following very last setting!
})</script><div id="hc1" class="haccordion"><ul>
<li style="overflow: hidden; width: 300px; display: block;"><div class="hpanel"><img src="http://img151.imageshack.us/img151/2835/crowfeathers.png" style="float: left; padding-right: 8px; width: 150px; height: 244px;">CrowFeather<br>5 Points</div></li>
<li style="overflow: hidden; width: 300px; display: block;"><div class="hpanel"><img src="http://img693.imageshack.us/img693/8957/dragonscales.png" style="float: left; padding-right: 8px; width: 150px; height: 244px;">DragonScales<br>0 Points</div></li>
<li style="overflow: hidden; width: 300px; display: block;"><div class="hpanel"><img src="http://img814.imageshack.us/img814/4075/wolffangs.png" style="float: left; padding-right: 8px; width: 150px; height: 244px;">WolfFangs<br>5points</div></li></ul></div></div></td>

   
   </tr>
</tbody></table></div>
    <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
    <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
    <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>

ul, li{
  list-style: none;
}
.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #939ca2;
  background: #2C3A45;
  border: 1px dotted #ffffff;
  cursor: pointer;
  margin-bottom: -1px;
} 
.mon_onglet:hover{
  background: #2C3A45;
}           
.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: #939ca2;
  background: #485861;
  border-top: 1px dotted #ffffff;
  border-right: 1px dotted #ffffff;
  border-left: 1px dotted #ffffff; 
  border-bottom: 1px solid #485861; 
  cursor: pointer; 
  margin-bottom: -1px;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
}             
.clear{
  clear: both;
}
.mon_contenu{
  color: #939ca2;
  background: #485861;
  border: 1px dotted #ffffff;
  padding: 10px;
        margin: -1px;           
}
#mes_contenus, #mes_onglets{
  width: 400px;
}

.descriptions-categories {
border: dotted 1px;
background :  #485861;
-moz-border-radius-topright: 15px;
-webkit-border-radius-topright: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
}

textarea, .textarea.post, input.post {
-moz-border-radius:10px;
}
.bodyline {
-moz-border-radius:10px;
}
.forumline{
background-color: #2C3A45;
-moz-border-radius: 10px ;
border: 2px #485861 dotted;
}
.lettrine {
float: left; font-size: 40px; padding-top: 1px; margin-bottom: 1px; font-family: 'Times New Roman', Times, serif;  color: #162324
}
.content{
background-color:#485861; /*background color of content*/
color: #939ca2; /*text color of content*/
border: 1px solid #ffffff; /*border color*/
padding: .5em 2ex;
}
.haccordion{
padding: 0;
width: 800px;
}


.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}


.haccordion li{
margin: 0;
padding: 0;
display: block;
width: 100%;
height: 20px;
overflow: hidden;
float: left;
}

#hc1 li{
margin:0 0px 0 0;
width: 800px;
}

#hc1 li .hpanel{
padding: 0px;
background: transparent;
}

.haccordion li .hpanel{
width: 20px;
height: 20px;
}

#hc1 li{width: 118px;
height: 124px;
}
#hc1 li .hpanel{width: 205px;
height: 124px;
}