Pa Ito de bazzart.

**PNJ** Messages : 98

Code:: [color=#916846][font=verdana].titr {font-family: Codystar; font-weight: bold; font-size: 55px; letter-spacing: -3pt; text-transform: lowercase; text-shadow: 0px 0px 1px; text-align: center; line-height: 16px; color:#f4a082;[/font][/color]
[color=#916846][font=verdana]}

.titr2 {
font-family: Times New Roman; line-height: 16px;text-transform: lowercase;
letter-spacing: -3px;
font-style: italic;
text-align: center;
font-size: 50px;
color: #f4c7b5; }

.titr2:hover {
color:indianred; }

.imp {
text-transform: lowercase;
letter-spacing: -1.5px;
color: #e0d1bf;}

.q3 {
display: block;
background-image: url(http://s4.noelshack.com/old/up/image_8-813a2f2426.png);
border: 1px solid gainsboro;
text-align:justify;
padding:1px;
height: 125px;}

.cadre {
width: 50px;
height: 50px;
padding: 2px;
border: 1px solid gainsboro;
background-color: white; }

.cadre2 {
width: 25px;
height: 25px;
padding: 2px;
border: 1px solid gainsboro;
background-color: white; }

.q4 {
display: block;
background-color: #f7f6f1;
border-left: 3px solid #f4a082;
border-right: 3px solid #f4a082;
text-align:justify;
padding:1px;
height: 50px; }

.titr3 {font-family: Codystar; font-weight: bold; font-size: 25px; letter-spacing: -1.5pt; text-transform: lowercase; text-shadow: 0px 0px 1px; text-align: center; line-height: 16px; color:#f4a082;
}

Code:: [color=#916846][font=verdana]<div style="margin:auto;text-align:center;width:100%"><span class=titr>titre</span></div>[/font][/color]
[color=#916846][font=verdana]
<table><tbody><tr><td width=70%><div class=q3><div align="right"><span class=imp> sous titre </span></div>contexte<strong> <a href=>lire la suite ?</a></strong><br>
</div></td><td width=30%><div class=q3><div class="gensmall"><script type="text/javascript">
function patonglet1() { document.getElementById('onglet1').style.display='block'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none'; }

function patonglet2() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='block';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='none';}

function patonglet3() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='block'; document.getElementById('onglet4').style.display='none';}

function patonglet() { document.getElementById('onglet1').style.display='none'; document.getElementById('onglet2').style.display='none';
document.getElementById('onglet3').style.display='none'; document.getElementById('onglet4').style.display='block';}</script>


<center><table width="100%"><tbody><tr>
<td width="25%"><div class="onglet" onmouseover="javascript:patonglet1()"><center><img src="img1" class="cadre" /><center></center></center></div></td>
<td width="25%"><div class="onglet" onmouseover="javascript:patonglet2()"><center><img src="img2"" class="cadre" /></center></div></td>
<td width="25%"><div class="onglet" onmouseover="javascript:patonglet3()"><center><img src="img3" class="cadre" /><center></center></center></div></td>
<td width="25%"><div class="onglet" onmouseover="javascript:patonglet4()"><center><img src="img4" class="cadre" /><center></center></center></div></td>
</tr></tbody></table></center>

<table width="100%">
<tbody><tr width="100%">
<td width="100%">

<div id="onglet1" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3>nom</span><br><span class=imp>fonction</span><br><a href=><strong> harcèle moi owi </strong></a> ∞ <a href=><strong> voir ma fiche</strong></a></div></span></div>


<div id="onglet2" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3>nom</span><br><span class=imp>fonction</span><br><a href=><strong> harcèle moi owi </strong></a> ∞ <a href=><strong> voir ma fiche</strong></a></div></span>
</div>

<div id="onglet3" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3>nom</span><br><span class=imp>fonction</span><br><a href=><strong> harcèle moi owi </strong></a> ∞ <a href=><strong> voir ma fiche</strong></a></div></span></div>

<div id="onglet4" style="display: none;"><span class=q4><div style="margin:auto;text-align:center;width:100%"><span class=titr3>prénom p. nom</span><br><span class=imp>administrateur — opium</span><br><a href=><strong> harcèle moi owi </strong></a> ∞ <a href=><strong> voir ma fiche</strong></a></div></span></div> </div> </td> </tr> </tbody></table>

</div></div></td></tr></tbody></table>

<table><tr><td width=30%><span class=q3><div style="margin:auto;text-align:center;width:100%"><img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <br> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /> <img src="http://s4.noelshack.com/uploads/images/1488688046307_blue7.png" class="cadre2" /><br><div align="justify">tu veux devenir pote avec les gold biatch ? alors viens faire <a href=>une demande de partenariat</a> sinon jette un coup d'œil chez <a href=> nos partenaires chéri</a>.</div></div></span></td><td width=40%><span class=q3><span class=titr2>News</span><br><br><span class=imp><strong> 00/00/00 </strong>ouverture du forum</span> bienvenue sur le forum les petits chatons. </span></td><td width=30%><span class=q3><br><center><span class=imp>vote, vote, vote. </span><br>▲ ▲ ▲ ▲ <br> ▲ ▲ ▲ ▲ <br><div align="justify"> le forum est administré par <span class=imp>nom</span>. le contexte a été rédigé par <span class=imp>nom</span>. le header a été crée par <span class=imp>nom</span>. le codage du forum a été réalisé par <span class=imp>ito sur bazzart</span>. © 2013-2014</div></span> </center></span></td></tr></table>