<script type="text/javascript">
        //<!--
                function bchange_onglet(bname)
                {
                        document.getElementById('bonglet_'+banc_onglet).className = 'bonglet_0 onglet';
                        document.getElementById('bonglet_'+bname).className = 'bonglet_1 onglet';
                        document.getElementById('bcontenu_onglet_'+banc_onglet).style.display = 'none';
                        document.getElementById('bcontenu_onglet_'+bname).style.display = 'block';
                        banc_onglet = bname;
                }
            
              function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
            
             function dchange_onglet(dname)
                {
                        document.getElementById('donglet_'+danc_onglet).className = 'donglet_0 onglet';
                        document.getElementById('donglet_'+dname).className = 'donglet_1 onglet';
                        document.getElementById('dcontenu_onglet_'+danc_onglet).style.display = 'none';
                        document.getElementById('dcontenu_onglet_'+dname).style.display = 'block';
                        danc_onglet = dname;
                }
        //-->
        </script>
<table width="100%" border="0" cellspacing="0" cellpadding="3" class="patable">
  <tr>
    <td colspan="3" align="center" class="panav"><a href="http://burning-rubber.forumactif.fr/t19-contexte">Contexte</a> <a href="http://burning-rubber.forumactif.fr/t20-reglement" class="panav">Règlement</a> <a href="http://burning-rubber.forumactif.fr/f11-burn-rubber-not-your-soul">Annexes</a> <a href="#vavas">Avatars</a> <a href="http://burning-rubber.forumactif.fr/f35-intrigues">Intrigues</a> <a href="http://burning-rubber.forumactif.fr/f93-questions-suggestions" >Questions</a> </td>
  </tr>
  <tr>
    <td width="33%" valign="top"> <div class="systeme_onglets">
      <div class="bonglets">
            <span class="bonglet_0 onglet" id="bonglet_synopsis"  onMouseOver="javascript:bchange_onglet('synopsis');">Synopsis</span><br />
            <span class="bonglet_0 onglet" id="bonglet_intrigue"  onMouseOver="javascript:bchange_onglet('intrigue');">Intrigue</span><br />
            <span class="bonglet_0 onglet" id="bonglet_statistiques"  onMouseOver="javascript:bchange_onglet('statistiques');">Statistiques</span><br />
        </div>
        <div class="contenu_onglets">
            <div class="bcontenu_onglet" id="bcontenu_onglet_synopsis">
              <h2>Synopsis</h2>
              <div class="paoverflow" style="height: 120px;"> Une ville moyenne des États-Unis comme tant d'autres, une ville qui doit faire face à la crise économique et à une criminalité grandissante, une ville où les inégalités sociales se creusent dans un des États les plus riches d’Amérique. Une ville où hors-la-loi, politiciens et forces de l'ordre ne sont pas toujours là où on les attend, où tous tentent, à leur manière, de survivre, de se developper, de s'enrichir, parfois avec les autres, parfois contre eux.<br />
Pris en étau entre un club de motards et un gang qui s'opposent soutenus par leurs alliés mafieux, des policiers municipaux et des hommes politiques dépassés et abandonnés par les organisations fédérales, les citoyens se demandent où est leur intérêt et ne savent plus comment venir à bout de ce fléau.<br /> Voila un tableau bien sombre de Mildness, sombre mais tristement réaliste, et seul l'avenir nous dira si vous avez eut raison de vous engager sur la voie que vous choisirez. Elle sera nécessairement dangereuse et semée d'embuche, parfois droite, parfois sinueuse, toujours longue et hantée par la violence qui règne ici...</div>
 <a href="http://burning-rubber.forumactif.fr/t19-contexte" class="palink">Lire le contexte</a>

            </div>
            <div class="bcontenu_onglet" id="bcontenu_onglet_intrigue">
            <h2>Intrigue en cours</h2>
            <strong>Nous ne sommes que des hommes</strong>
            <div class="paoverflow" style="height: 100px;">
                D'un coté, les Men Of Mayhem doivent se réorganiser et retrouver les moyens de tenir la ville sans risquer de se mettre à dos les citoyens déjà échaudés par les derniers événements. De l'autre, les Death Angels qui doivent assoir leur business et continuer à grignoter du terrain sur le MC tout en gagnant leur légitimité dans cette ville où ils sont toujours considérés comme des étrangers. D'ailleurs, la Mafia et l'IRA ont elles intérêt à mettre leur grain de sel dans cet guerre, qu'elle soit chaude ou froide ?</br> La police ne peut que juguler l'hémorragie et appeler à l'aide pour obtenir le soutient des fédéraux et les politiques sont plus divisés que jamais. Alors que certains se tournent vers le MC pour éradiquer le gang et sa drogue, et d'autre préfèrent encore la drogue à la main mise des motards sur Mildness qui n'a que trop duré.</br>
Qui gagnera cette première bataille et quelles en seront les conséquences ? Nul ne saurait le dire...</br>
</div>
 <a href="#tousintrigue" class="palink">Lire l'intrigue</a>
            </div>
            <div class="bcontenu_onglet" id="bcontenu_onglet_statistiques">
          <h2>Statistiques</h2>
            ► Men of Mayhem : 1 <br />
            ► Death Angels : 0 <br />
            ► Foreigners : 1 <br />
            ► Police Force : 0 <br />
            ► Civilians : 0 <br />
            ► Our Ladies : 2 <br />
<br />
Merci de privilégier les PV et les groupes où il y a peu de joueurs.
            </div>
        </div>
    </div></td>
    <td width="33%" align="center" valign="middle">
<h2>Top-sites</h2>
  <a href="#top1"><img src="http://i45.servimg.com/u/f45/14/85/25/02/votes10.gif" /></a>
  <a href="#top1"><img src="http://i45.servimg.com/u/f45/14/85/25/02/votes10.gif" /></a>
  <a href="#top1"><img src="http://i45.servimg.com/u/f45/14/85/25/02/votes10.gif" /></a></br>
  <a href="#top1"><img src="http://i45.servimg.com/u/f45/14/85/25/02/votes10.gif" /></a>
  <a href="#top1"><img src="http://i45.servimg.com/u/f45/14/85/25/02/votes10.gif" /></a>
  <a href="#top1"><img src="http://i45.servimg.com/u/f45/14/85/25/02/votes10.gif" /></a>
</td>
    <td width="33%" valign="top"><div class="systeme_onglets">
    
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_staff">
                <h2>Staff</h2>
              <div class="pastaff">
              <div><img src="http://i45.servimg.com/u/f45/14/85/25/02/mila-k10.jpg" />
              <div><strong>Kim Mary Town</strong>
              Fondatrice passionnée et insomniaque  <a href="http://burning-rubber.forumactif.fr/u1contact">Envoyer un MP</a></div>
              </div>
            <div> <img src="http://i45.servimg.com/u/f45/14/85/25/02/chris-10.jpg" />
                      <div><strong>Duncan McConhall</strong>
              Co-fondateur tyrannique et sanguinaire <a href="http://burning-rubber.forumactif.fr/u3contact">Envoyer un MP</a></div></div>
            <div> <img src="http://i45.servimg.com/u/f45/14/85/25/02/amber-10.jpg" />
                      <div><strong>Hailee Ann Town</strong>
              Co-fondatrice schizophrène et tatouée <a href="http://burning-rubber.forumactif.fr/u4contact">Envoyer un MP</a></div></div>
            </div>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_copyright">
                <h2>Copyright</h2>
              ► Lorem ipsum dolor sit amet. <br />
            ► Lorem ipsum dolor sit amet. <br />
            ► Lorem ipsum dolor sit amet. <br />
            ► Lorem ipsum dolor sit amet. <br />
            ► Lorem ipsum dolor sit amet. <br />
<br />© BURNING RUBBER toute reproduction totale ou partielle est strictement interdite. Design, Textes et Concepts by Kim Town.
            </div>
            <div class="contenu_onglet" id="contenu_onglet_remerciements">
                <h2>Remerciements</h2>
                ► Orange de <a href="http://css-actif.com">CSSActif</a> pour la PA.<br />
            ► Lorem ipsum dolor sit amet. <br />
            ► Lorem ipsum dolor sit amet. <br />
            ► Lorem ipsum dolor sit amet. <br />
            ► Lorem ipsum dolor sit amet. <br />
              <div style="font-size: 9px; text-align: center;"></div>
            </div>
        </div>
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_staff" onMouseOver="javascript:change_onglet('staff');">Staff</span>
            <span class="onglet_0 onglet" id="onglet_copyright"  onMouseOver="javascript:change_onglet('copyright');">Copyright</span>
            <span class="onglet_0 onglet" id="onglet_remerciements"  onMouseOver="javascript:change_onglet('remerciements');">Remerciements</span>
        </div>
    </div></td>
  </tr>
  <tr>
    <td align="center" valign="top"><h2>Personnages vacants</h2>
    <table border="0" cellspacing="0" cellpadding="1" align="center" class="papv">
  <tr>
    <td width="40"><a href="#pv" target="_blank"><img src="http://i30.servimg.com/u/f30/13/00/15/31/305211.jpg"></a></td>
    <td width="40"><a href="#pv" target="_blank"><img src="http://i30.servimg.com/u/f30/13/00/15/31/305211.jpg"></a></td>
    <td width="40"><a href="#pv" target="_blank"><img src="http://i30.servimg.com/u/f30/13/00/15/31/305211.jpg"></a></td>
    <td width="40"><a href="#pv" target="_blank"><img src="http://i30.servimg.com/u/f30/13/00/15/31/305211.jpg"></a></td>
    <td width="40"><a href="#pv" target="_blank"><img src="http://i30.servimg.com/u/f30/13/00/15/31/305211.jpg"></a></td>
  </tr>
  <tr>
    <td><a href="#pv" target="_blank"><img src="http://i30.servimg.com/u/f30/13/00/15/31/305211.jpg"></a></td>
    <td><a href="#pv" target="_blank"><img src="http://i30.servimg.com/u/f30/13/00/15/31/305211.jpg"></a></td>
    <td><a href="#pv" target="_blank"><img src="http://i30.servimg.com/u/f30/13/00/15/31/305211.jpg"></a></td>
    <td><a href="#pv" target="_blank"><img src="http://i30.servimg.com/u/f30/13/00/15/31/305211.jpg"></a></td>
    <td><a href="#pv" target="_blank"><img src="http://i30.servimg.com/u/f30/13/00/15/31/305211.jpg"></a></td>
  </tr>
 
</table>
    <a href="http://burning-rubber.forumactif.fr/f25-predefinis-officiels" class="palink">Voir les prédéfinis du forum</a>
    <a href="http://burning-rubber.forumactif.fr/f26-scenarios-des-membres" class="palink">Voir les scénarios des membres</a>
    </td>
    <td valign="top"><div class="systeme_onglets">
      
        <div class="contenu_onglets">
            <div class="dcontenu_onglet" id="dcontenu_onglet_info">
              <h2>Informations</h2>
              <table width="100%" border="0" cellspacing="3" cellpadding="0">
  <tr>
    <td><div class="paoverflow" style="height: 48px">Le forum est optimisé pour <b>Mozilla Firefox</b> avec une résolution de <b>1280*800</b>.</br>
Pour voir le design nous vous conseillons de télécharger la police <b><a href="http://www.dafont.com/serial-publication.font" class="postlink" target="_blank" rel="nofollow">Serial Publication</a></b> et de l'installer sur votre ordinateur (Sur PC : ordinateur > disque principal > Windows > fonts - copier la police dans le dossier).</div>
    </td>
    <td width="48" valign="top"><img src="http://image.noelshack.com/fichiers/2012/39/1349018584-logo-18ans.jpg" width="48" /></td>
  </tr>
</table><div class="panew"><em>00/00/00 |</em>
    Paphius quin etiam et Cornelius senatores, ambo venenorum artibus pravis
  
    </div>

            </div>
            <div class="dcontenu_onglet" id="dcontenu_onglet_video">
              <div align="center"> <iframe width="200" height="148" src="http://www.youtube.com/embed/oMcXm2nuVms?rel=0" frameborder="0" allowfullscreen></iframe></div>
            </div>
          
        </div>
        <div class="donglets">
            <span class="donglet_0 onglet" id="donglet_info"  onMouseOver="javascript:dchange_onglet('info');">Info</span>
            <span class="donglet_0 onglet" id="donglet_video" onMouseOver="javascript:dchange_onglet('video');">Vidéo</span>
          
        </div>
    </div></td>
    <td valign="top"><h2>Top-partenaires</h2>
    <table width="206" border="0" cellspacing="3" cellpadding="0" align="center" class="papartenaire">
  <tr>
    <td><a href="#partenaire" target="_blank"><img src="http://i45.servimg.com/u/f45/14/85/25/02/bouton10.png" /></a><div><strong>Titre du forum</strong>
    Catégorie
    <a href="#voirlafiche">Voir la fiche</a></div></td>
    <td><a href="#partenaire" target="_blank"><img src="http://i45.servimg.com/u/f45/14/85/25/02/bouton11.png" /></a><div><strong>Titre du forum</strong>
    Catégorie
    <a href="#voirlafiche">Voir la fiche</a></div></td>
  </tr>
  <tr>
    <td><a href="#partenaire" target="_blank"><img src="http://i45.servimg.com/u/f45/14/85/25/02/bouton11.png" /></a><div><strong>Titre du forum</strong>
    Catégorie
    <a href="#voirlafiche">Voir la fiche</a></div></td>
    <td><a href="#partenaire" target="_blank"><img src="http://i45.servimg.com/u/f45/14/85/25/02/bouton10.png" /></a><div><strong>Titre du forum</strong>
    Catégorie
    <a href="#voirlafiche">Voir la fiche</a></div></td>
  </tr>
  <tr>
   <td><a href="#partenaire" target="_blank"><img src="http://i45.servimg.com/u/f45/14/85/25/02/bouton10.png" /></a><div><strong>Titre du forum</strong>
    Catégorie
    <a href="#voirlafiche">Voir la fiche</a></div></td>
    <td><a href="#partenaire" target="_blank"><img src="http://i45.servimg.com/u/f45/14/85/25/02/bouton11.png" /></a><div><strong>Titre du forum</strong>
    Catégorie
    <a href="#voirlafiche">Voir la fiche</a></div></td>
  </tr>
</table>
 <a href="http://burning-rubber.forumactif.fr/f15-fiches-partenaires" class="palink">Nos partenaires</a>
  <a href="#devenirpartenaire" class="palink">Devenir partenaires</a>
  
  
    </td>
  </tr>
</table>
    <script type="text/javascript">
        //<!--
                var banc_onglet = 'synopsis';
                bchange_onglet(banc_onglet);
             var anc_onglet = 'staff';
                change_onglet(anc_onglet);
             var danc_onglet = 'info';
                dchange_onglet(danc_onglet);
        //-->
        </script>

/* PAGE D'ACCUEIL by CSS actif */
.patable {
 background-image: url(http://nsa29.casimages.com/img/2012/10/03/121003054013955034.jpg); 
 background-repeat: no-repeat;
}

.patable h2 {
 font-family: "Courier New", Courier, monospace;
 text-align: center;
 font-weight: bold;
 margin: 2px;
 padding: 0;
 padding-bottom: 4px; 
 font-variant: small-caps;
 font-size: 180%;
 text-shadow: 1px 1px 0px #FFFFFF;
}

.patable h2:first-letter {
 color: #C91113; 
}

a.palink {
  background-color: #000000;
  text-align: right;
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  padding: 2px;
  -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 5px;
}

a.palink:hover {
      background-color: #C91113;
}

a.palink:after {
 content: " >>"; 
}

.panav {
 border-top: 3px solid #000000; 
 padding-bottom: 5px;
}

.paoverflow {
 overflow: auto;
 margin-bottom: 10px;
}

.panav a {
 background-color: #000000;
 padding: 3px 10px;
margin: 0 2px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
color: #FFFFFF;
text-decoration: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.panav a:hover {
  background-color: #C91113;
}

.papv img {
  -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
opacity: 0.7;
border: 1px solid #000000;
}

.papv img:hover {
border-color: #C91113;
opacity: 1;
}

.pastaff {
 text-align: center;
 width: 140px;
 margin: 0 auto;
}

.pastaff img {
 width: 140px;
 border: 3px solid #EFE8D5;
}

.pastaff div div {
 display: none;
 width: 140px;
 background-color: #EFE8D5;
 text-align: center;
  border: 3px solid #EFE8D5; 
}

.pastaff div div strong, .pastaff div div a {
 display: block; 
}

.pastaff div:hover div {
 display: block;
 margin-top: -5px;
 position: absolute;
}

.papartenaire img {
  opacity: 0.7;
  -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.papartenaire img:hover {
  opacity: 1;
}

.papartenaire td div {
 display: none; 
 background-color: #EFE8D5;
 border: 2px solid #EFE8D5;
 border-bottom: 5px solid #EFE8D5;
 text-align: center;
 width: 100px;
 z-index: 999;
 padding: 5px;
 text-shadow: 1px 1px 0px #FFFFFF;
 -webkit-box-shadow: 0px 0px 3px 0px #000000;
box-shadow: 0px 0px 3px 0px #000000;
}

.papartenaire td div strong, .papartenaire td div a {
 display: block; 
}

.papartenaire td:hover div {
  display: block;
  position: absolute;
  margin-top: -10px;
  margin-left: 30px;
}

.dcontenu_onglet, .bcontenu_onglet, .contenu_onglet {
                border: 2px solid #000000;
                display:none;
            width: 90%;
            height: 180px;
            overflow: auto;
            padding: 10px;
            -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #EFE8D5;
-webkit-box-shadow: 0px 0px 3px 0px #000000;
box-shadow: 0px 0px 3px 0px #000000;
opacity: 0.8;
text-align: justify;
        }
     
      .dcontenu_onglet:hover, .bcontenu_onglet:hover, .contenu_onglet:hover {
    opacity: 1;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
        }
     
      .dcontenu_onglet {
      height: 150px;
      }

.panew {
  background-color: #BAA58D;
font-size: 10px;
  padding: 5px;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

.panew em {
  color: #C91113;
}

.bonglets {
 position: absolute;
 margin-left: -90px;
 margin-top: 10px;
}

 .bonglet {
              display: block;
                margin-bottom: 10px;
                padding:5px;
                cursor:pointer;
        }

        .bonglet_0 {
                background-color: #000000;
            color: #FFFFFF;
              margin-bottom: 10px;
              -webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
width: 80px;
}

        .bonglet_1 {
                  background-color: #C91113;
            color: #FFFFFF;
              margin-bottom: 10px;
              -webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
width: 80px;
        }
     
      .onglet {
                display:inline-block;
                margin-left:1px;
                margin-right:1px;
                padding:5px;
                cursor:pointer;
        }
 
      .donglets, .onglets {
      padding-left: 8px; 
      }

      .donglet {
                display:inline-block;
                margin-left:1px;
                margin-right:1px;
                padding:3px;
                border:1px solid black;
                cursor:pointer;
        }

        .donglet_0,  .onglet_0 {
                background-color: #000000;
            color: #FFFFFF;
            font-size: 10px;
            -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
        }

        .donglet_1, .onglet_1 {
                  background-color: #C91113;
            color: #FFFFFF;
            font-size: 10px;
            -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
        }

<object width="200" height="150" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="gsPlaylist7997399342" name="gsPlaylist7997399342"><param name="movie" value="http://grooveshark.com/widget.swf" /><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=grooveshark.com&playlistID=79973993&p=0&bbg=3b0401&bth=3b0401&pfg=3b0401&lfg=3b0401&bt=000000&pbg=000000&pfgh=000000&si=000000&lbg=000000&lfgh=000000&sb=000000&bfg=000000&pbgh=000000&lbgh=000000&sbh=000000" /><object type="application/x-shockwave-flash" data="http://grooveshark.com/widget.swf" width="200" height="150"><param name="wmode" value="window" /><param name="allowScriptAccess" value="always" /><param name="flashvars" value="hostname=grooveshark.com&playlistID=79973993&p=0&bbg=3b0401&bth=3b0401&pfg=3b0401&lfg=3b0401&bt=000000&pbg=000000&pfgh=000000&si=000000&lbg=000000&lfgh=000000&sb=000000&bfg=000000&pbgh=000000&lbgh=000000&sbh=000000" /><span><a href="http://grooveshark.com/search/playlist?q=Game%20Of%20Thrones%20Chronicles%20Luna" title="Game Of Thrones Chronicles by Luna on Grooveshark">Game Of Thrones Chronicles by Luna on Grooveshark</a></span></object></object>