<script type="text/javascript">
        //<!--
                var anc_onglet = 'accueil';
                change_onglet(anc_onglet);
        //-->
        </script>

    <script type="text/javascript">
        $(function(){
                var anc_onglet = 'accueil';
                change_onglet(anc_onglet);
        });
        </script>

<div class="onglets" align="center">
   <div class="systeme_onglets">
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_accueil" onclick="javascript:change_onglet('accueil');"><img src="http://i30.servimg.com/u/f30/13/00/15/31/where10.gif"></span>
            <span class="onglet_0 onglet" id="onglet_new" onclick="javascript:change_onglet('new');"><img src="http://i30.servimg.com/u/f30/13/00/15/31/what10.gif"></span>
            <span class="onglet_0 onglet" id="onglet_personnage" onclick="javascript:change_onglet('personnage');"><img src="http://i30.servimg.com/u/f30/13/00/15/31/who10.gif"></span>
            <span class="onglet_0 onglet" id="onglet_partenaire" onclick="javascript:change_onglet('partenaire');"><img src="http://i30.servimg.com/u/f30/13/00/15/31/friend10.gif"></span>
            <span class="onglet_0 onglet" id="onglet_credit" onclick="javascript:change_onglet('credit');"><img src="http://i30.servimg.com/u/f30/13/00/15/31/credit10.gif"></span>
        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_accueil">
            <table>
               <tr>
                  <td>
                     <div class="titre_1">Welcome !</div> 
                  </td>
                  <td>
                     <div class="titre_1">Short context</div>
                  </td>
               </tr>
               <tr>
                  <td height="505px" valign="top" >
                     <div align="center"><img src="http://i37.servimg.com/u/f37/15/47/52/57/accuei12.jpg"></div>
                  </td>
                  <td>
                     <marquee onmouseover=this.stop(); onmouseout=this.start(); direction="up" scrollAmount="1">
                        <div align="justify">
                              <span class="lettrine_1">J</span>
                           ohn Teller et Piermont « Piney » Winston co-fondèrent le club en 1967 à leur retour du Viêt Nam. Le premier club a été fondée à Charming et à l'origine n'avait que neuf membres. John mourut en 1993 et sa femme Gemma se remaria avec Clay Morrow , l'un des neuf membres originaux désormais président. Sous Morrow, le club a commencé le trafic d'armes et a évolué vers l’illégalité. Cependant, le club a été formé avec pour objectif la rébellion sociale pour les hommes qui voulaient simplement la liberté. Ils essayent également de protéger le peuple du Charming des gangs de trafiquants de drogue et des influences l'extérieures.
                        </div> 
                        <div align="justify">
                              <span class="lettrine_1">M</span>
                           ême si les membres du club ont des boulots de « jour » dans l'industrie locale de Charming, ils gagnent principalement de l'argent grâce aux activités souterraines du club. Ils importent des armes illicites de fabrication russe, comme des AK-47, grâce à leur connexion à l'IRA Véritable. Ils revendent ces armes à d'autres gangs dans le Nord de la Californie comme les Niners ou la Mafia. Mais la concurrence fait rage avec les Mayans entre autre. Ces derniers ont commencé une alliance dans le but de supprimer les Sons.
                        </div> 
                        <div align="justify">
                              <span class="lettrine_1">C</span>
                           lay est mort lors d’une descente chez les Mayans, et Duncan McGee a été élu comme nouveau président. Fils de Gemma et John, Jax aurait du être à sa place, mais il avait alors rejoint les Nomads suite à de nombreuses altercations avec son beau père. Bientôt divorcé de sa femme Wendy, mère de son fils Abel qui est né prématurément à cause de l'addiction de sa mère aux amphétamines. Il est partagé entre l'attachement qu'il porte à sa confrérie et les manipulations et le banditisme qui règnent dans le club, surtout depuis qu’il a fait la découverte du manuscrit de son père…
                        </div>
                     </marquee>
                     
                     <div class="titre_1">Navigation</div> 
                     <div align="center">
                        <table  cellspacing="5" rules="alls; 1px; #B14A4A" align="center" valign="middle">
                           <tr>
                              <td height="25" width="100" >
                                 <div class="navig_1"><a href="http://sonsofanarchy.forum-pro.fr/rules-f26/contexte-t1.htm">Contexte</a></div>
                              </td>
                              
                              <td height="25" width="100" >
                                 <div class="navig_1"><a href="http://sonsofanarchy.forum-pro.fr/rules-f26/reglement-t2.htm">Règlement</a></div>
                              </td>
                              
                              <td height="25" width="100" >
                                 <div class="navig_1"><a href="http://sonsofanarchy.forum-pro.fr/partenariat-f41/demandes-t36.htm">Partenariat</a></div>
                              </td>
                           </tr>
                           <tr>
                              <td height="25" width="100" >
                                 <div class="navig_1"><a href="http://sonsofanarchy.forum-pro.fr/informations-f32/avatars-pris-t4.htm"> Avatars Pris </a></div>
                              </td>
                              
                              <td height="25" width="100" >
                                 <div class="navig_1"><a href="http://sonsofanarchy.forum-pro.fr/informations-f32/groupes-t5.htm">Groupes</a></div>
                              </td>
                              
                              <td height="25" width="100" >
                                 <div class="navig_1"><a href="http://sonsofanarchy.forum-pro.fr/faq-f40/"> Questions</a></div>
                              </td>
                           </tr>
                        </table>
                     </div>
                     
                     <div class="titre_1">Vote for Freedom</div> 
                     <div align="center">
                        <a href=""><img src="http://i37.servimg.com/u/f37/15/47/52/57/vote10.gif"></a>
                        <a href=""><img src="http://i37.servimg.com/u/f37/15/47/52/57/vote10.gif"></a>
                        <a href=""><img src="http://i37.servimg.com/u/f37/15/47/52/57/vote10.gif"></a>
                        <a href=""><img src="http://i37.servimg.com/u/f37/15/47/52/57/vote10.gif"></a>
                        <a href=""><img src="http://i37.servimg.com/u/f37/15/47/52/57/vote10.gif"></a> 
                     </div>
                     <div class="titre_1">Remerciements</div> 
                     <div align="center">
                        <table>
                           <tr>
                              <td>
                                 <a href="http://best-rpg.forumpro.fr" target="_blank">
                                    <img src="http://i42.tinypic.com/2pr5wz6.png" title="Best RPG, le site de référencement d’RPGs" alt="Best RPG, le site de référencement d’RPGs">
                                 </a>
                              </td> 
                           </tr>
                           <tr>
                              <td>
                                 <a href="http://css-actif.forumactif.org/">
                                    <img src="http://i37.servimg.com/u/f37/15/47/52/57/cssact10.gif" border="0">
                                 </a>
                              </td> 
                           </tr>
                           <tr>
                              <td>
                                 <a href="http://graffy.forumsactifs.com/">
                                    <img src="http://i30.servimg.com/u/f30/13/00/15/31/10061110.png" border="0">
                                 </a>
                              </td> 
                           </tr>
                        </table> 
                     </div>
                  </td>                   
               </tr>
            </table>
            </div>

            <div class="contenu_onglet" id="contenu_onglet_new">
            <table>
               <tr>
                  <td width="333"> 
                     <div class="titre_1" width="50%">
                        News du forum
                     </div>
                  </td>
                  
                  <td width="600"> 
                     <div class="titre_1" width="50%"> 
                        Prochainement
                     </div>
                  </td>
               </tr>
               <tr>
                  <td width="333">
                     <ul>
                        <div style="text-align: left">
                           <b>26 aout 2010</b>
                        </div> 
                        <div style="text-align: left">
                           <span class="lettrine_1">
                              N
                           </span>
                           ous cherchons du staff : co-admin, modos, designer…
                        </div>
                        <br /> <br />
                        <div style="text-align: left">
                           <b>30 aout 2010</b>
                        </div> 
                        <div style="text-align: left">
                           <span class="lettrine_1">
                              O
                           </span>
                           uverture du forum !
                        </div> 
                     </ul>
                  </td>
                  <td width="600">
                     <ul> 
                        <div style="text-align: left">
                           <span class="lettrine_1">
                              D
                           </span>
                              ébut du RP
                        </div>
                        <br /> <br />
                        <div style="text-align: left">
                           <span class="lettrine_1">
                              M
                           </span>
                              ise en place des premières activités
                        </div>
                        <br /> <br />
                        <div style="text-align: left">
                           <span class="lettrine_1">
                              P
                           </span>
                              our les fans : 3e saison prévue pour le 25 septembre !
                        </div>
                     </ul>
                  </td>
               </tr>
               <tr>
                  <td width="333">
                     <div class="titre_1">
                        Vidéo
                     </div> 
                  </td>
                  <td width="600"> 
                     <div class="titre_1" width="50%">
                        En attendant
                     </div>
                  </td>
               </tr>
               <tr>
                  <td width="333">
                     <center>
                        <object width="333" height="275"><param name="movie" value="http://www.youtube.com/v/6gkoWsQLNF8&hl=fr_FR&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6gkoWsQLNF8&hl=fr_FR&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
                        </object>
                     </center>
                  </td>
                  <td width="600">
                     <center>
                        <div style="text-align: justify; padding: 10px; font-family: Rage Italic; font-size:24px; border-bottom: 5px groove #2E0000; border-top: 5px groove #2E0000; border-right: 5px groove #000000; border-left: 5px groove #2E0000; background-color:#7A0001; color:#000000; width: 300px">
                           L’ensemble du Staff vous souhaite une bonne visite sur Sons Of Anarchy RPG. Nous sommes à votre disposition dans la partie invités pour toutes vos questions et pour les demandes de partenariat.
                        </div>
                     </center> 
                  </td>
               </tr>
            </table>
            </div>

            <div class="contenu_onglet" id="contenu_onglet_personnage">
            <table>
               <tr>
                  <td width="465">
                     <div class="titre_1">
                        Will U be
                     </div>
                  </td>
                  <td width="465">
                     <div class="titre_1">
                        Staff
                     </div>
                  </td>
               </tr>
               <tr>
                  <td width="465">
                     <table>
                        <tr>    
                           <td align="center" valign="middle">
                              <img src="http://a1.phobos.apple.com/us/r1000/038/Music/y2005/m05/d20/h03/s06.nzsxdsot.100x100-75.jpg">
                           </td>
                           
                           <td align="right" valign="middle" width="300px">
                              <div class="contenu_1">
                                    <font size="4">
                                       <b>Gemma Teller Morrow </b>
                                    </font>
                                    <br />
                                       <i>Ladies  ~ Queen of Charming ~ </i>
                                          <a href="http://sonsofanarchy.forum-pro.fr/postes-vacants-f29/ladies-5-7-t18.htm">
                                             More
                                          </a>
                                    <br /> <br />
                                       Femme forte, et matriarche respectée, trois de ses hommes sont morts et elle fera tout pour protéger les deux qui lui reste.
                                    <br />
                              </div>
                           </td>
                        </tr> 
                     </table>
                     <table>
                        <tr>
                           <td align="center" valign="middle">
                              <img src="http://media.paperblog.fr/i/132/1329387/hugh-jackman-vraie-tuerie-vanity-fair-L-4.jpeg">
                           </td>
                           
                           <td align="right" valign="middle" width="300px">
                              <div class="contenu_1">
                                    <font size="4">
                                       <b> Duncan McGee </b>
                                    </font>
                                    <br />
                                       <i> Sons of Anarchy  ~ Mister President ~ </i>
                                          <a href="http://sonsofanarchy.forum-pro.fr/postes-vacants-f29/sons-of-anarchy-5-6-t9.htm">
                                             More
                                          </a>
                                    <br /><br />
                                       Doux avec les femmes, dur avec ses ennemis. Il est arrivé à Charming qu’il y a un an, s’il s’attendait à être parachuté président.
                                    <br />
                              </div> 
                           </td>
                        </tr> 
                     </table>
                  </td>
                  <td width="465">
                     <table>
                        <tr>
                           <td align="center" valign="middle">
                              <img src="http://i37.servimg.com/u/f37/15/47/52/57/icon810.jpg">
                           </td>
                           <td align="right" valign="middle" width="300px">
                              <div class="contenu_1">
                                    <font size="4">
                                       <b> Jul’ aka Jax Teller </b>
                                    </font>
                                    <br />
                                       <i>  Fondatrice ~ Barge bipolaire </i>
                                    <br /> <br />
                                    <a href="http://sonsofanarchy.forum-pro.fr/validees-f34/jax-teller-doubts-of-the-son-t40.htm">
                                       More
                                    </a>
                                    <br /><br />
                                       <b> Doubles Comptes : </b>
                                          KimTown, Master Game
                                    <br />
                              </div>
                           </td>
                        </tr> 
                     </table>
                     <table>
                        <tr>
                           <td align="center" valign="middle">
                              <img src="http://i175.photobucket.com/albums/w123/missreni25/suite/iconrach002.png">
                           </td>
                           <td align="right" valign="middle" width="300px">
                              <div class="contenu_1">
                                    <font size="4">
                                       <b> Bee Aka Sidney Town </b>
                                    </font>
                                    <br />
                                       <i>  Co-Fonda ~ Martini Baby </i>
                                    <br /><br />
                                    <a href="http://sonsofanarchy.forum-pro.fr/en-cours-f33/tenacious-cadet-of-anarchy-t55.htm">
                                       More
                                    </a>
                                    <br /><br />
                                       <b> Doubles Comptes : </b>  //   
                                    <br />
                              </div>
                           </td>
                        </tr> 
                     </table>
                  </td>
               </tr>
            </table>
            </div>

            <div class="contenu_onglet" id="contenu_onglet_partenaire">
            <table>
               <tr> 
                  <td width="465"> 
                     <div class="titre_1">
                        Top Partenaires
                     </div>
                  </td> 
                  <td width="465">
                     <div class="titre_1">
                        Coups de coeur
                     </div>
                  </td>
               </tr>
               <tr> 
                  <td>
                     <a href="http://sonsofanarchy.forum-pro.fr/partenariat-f41/demandes-t36.htm">
                        Demandes
                     </a>
                     <br />
                     <a href="http://sonsofanarchy.forum-pro.fr/partenariat-f41/nos-partenaires-t37.htm">
                        More
                     </a>
                  </td>
                  <td>
                     <a href="http://sons-of-anarchy.forums-actifs.com">
                        <img src="http://i37.tinypic.com/qxuwdy.jpg" />
                     </a>
                  </td>
               </tr>
            </table>
            </div>

            <div class="contenu_onglet" id="contenu_onglet_credit">
            <table>
               <tr> 
                  <td width="465"> 
                     <div class="titre_1">
                        Infos
                     </div>
                  </td>
                  <td width="465">
                     <div class="titre_1">
                        Images
                     </div>
                  </td>
               </tr>
               <tr>
                  <td width="465">
                     <a href="http://en.wikipedia.org/wiki/Sons_of_Anarchy">
                        <img src="http://i30.servimg.com/u/f30/13/00/15/31/wiki10.gif " border="0">
                     </a>
                     <br /><br />
                     <a href="http://www.fxnetworks.com/shows/originals/soa/">
                        <img src="http://i30.servimg.com/u/f30/13/00/15/31/fx10.gif" border="0">
                     </a>
                  </td>
                  <td width="465">
                     <a href="http://sons-of-anarchy.hypnoweb.net/">
                        <img src="http://i30.servimg.com/u/f30/13/00/15/31/hw10.gif" border="0">
                     </a>
                     <br /><br />
                     <a href="http://www.sonsofanarchyfrance.net/">
                        <img src="http://i30.servimg.com/u/f30/13/00/15/31/soafra10.gif" border="0">
                     </a>
                  </td>
               </tr>
               <tr> 
                  <td width="465">
                     <div class="titre_1">
                        Vidéo
                     </div>
                  </td>
                  <td width="465">
                     <div class="titre_1">
                        Autres
                     </div>
                  </td>
               </tr>
               <tr>
                  <td width="465">
                     <a href="http://www.youtube.com/user/celtictango">
                        <img src="http://i30.servimg.com/u/f30/13/00/15/31/vid10.gif" border="0">
                     </a>
                  </td>
                  <td width="465">
                     <ul>
                        <div> Série © Kurt Sutter</div>
                        <div> Design © Tsuki Tricky // GRAFFY</div>
                        <div> Forum © Jul’ & Bee</div>
                     </ul>
                  </td>
               </tr>
            </table>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
        //<!--
                var anc_onglet = 'accueil';
                change_onglet(anc_onglet);
        //-->
        </script>

.titre_1 {
text-align: center;
padding: 5px;
border: 4px double #B14A4A;
background-color: #7A0001;
color: #B14A4A;
}

.lettrine_1 {
font-size: 16px;
padding-left: 20px;
padding-right: 2px;
border-left: 1px solid #B14A4A;
background-color:#000000;
color: #B14A4A;
font-weight: bold;
}

.navig_1 {
text-align: center;
padding: 5px;
border: 1px dashed #B14A4A;
background-color: #7A0001;
color: #B14A4A;
}

.contenu_1 {
font-family: Georgia;
width: 300px;
vertical-align: center;
text-align: justify;
letter-spacing: 8px;
font-size: 12px;
line-height: 12px; 
text-indent: 5 px;
letter-spacing: 0px;
border: 1px dotted  #2E0000;
padding: 5px;
margin: 5px; 
}