<center>
   
   <div class="titrepa1">
       Twin<ee>Flame</ee>
   </div>
   
   <div class="titrepa2">
       A la recherche de sa moitié perdue.
   </div>
   
   <div class="barre">
      
   </div>
    <br />
   <center>
       <a href="http://twinflame.forumactif.org/t22-reglement?tid=2cb923bea8f3686b1cd63b8a8ab03c32" class="postlink" target="_blank">réglement</a> ◊ <a href="http://twinflame.forumactif.org/t23-les-groupes" class="postlink" target="_blank">groupes</a> ◊ <a href="http://twinflame.forumactif.org/f12-we-need-you" class="postlink" target="_blank">scénarios</a> ◊ <a href="http://twinflame.forumactif.org/t39-liens-recherches" class="postlink" target="_blank">liens recherchés</a> ◊ <a href="http://twinflame.forumactif.org/t41-bottin" class="postlink" target="_blank">bottin</a> ◊ <a href="http://twinflame.forumactif.org/f10-you-re-a-little-anonymous" class="postlink" target="_blank">invités</a> ◊ <a href="http://twinflame.forumactif.org/f11-we-want-to-be-friends" class="postlink" target="_blank">partenariat</a>
   </center>
   
   <div class="barre">
      
   </div>
    <br />
</center>
<center>
   
</center>
<table style="width: 100%;">
   
   <tbody>
      
      <tr>
         
         <td style="width: 30%;">
            
            <div class="pa1" style="overflow: auto;">
                <cc>Info :</cc> Nous demandons au minimum 15 ligne de RP. <aa>◊</aa> <bb>Les initiales</bb> dans les pseudos ne sont pas acceptées.<aa>◊</aa> <bb>Création du forum ›</bb> <em>06/03/2014 </em> <aa>◊</aa> <bb>Première version ›</bb> <em>09/03/2014 </em> <aa>◊</aa> <bb>Ouverture du forum ›</bb> <em>14/03/2014 </em> <aa>◊</aa> <bb>Nous fêtons les 100 membres ›</bb> <em> 22/03/14</em> <aa>◊</aa> <bb>La première intrigue est lancée › </bb> <em> 23/03/14</em>
            </div>
            
         </td>
         
         <td style="width: 30%;">
             <iframe scrolling="no" frameborder="no" style="height: 140px;" src="http://twinflame.forumactif.org/h1-staff" name=""> </iframe>
         </td>
         
         <td style="width: 30%;">
            
            <div style="width: 100%; height:110px; text-align:justify;">
                <span style="margin-top:-20px; padding-left: -10px;" class="titreqeel2"> météo : </span> <br />
               <center>
                   <img class="imgpa2" src="http://auto.img.v4.skyrock.net/2965/84302965/pics/3212396775_1_2_Rr4ZWz5F.png" />
               </center>
               
               <center>
                   Aujourd'hui, le temps semble se gâter. Un orage est annoncé. Les températures<br /> oscillent entre <aa>25°</aa> et <aa>30°</aa>
               </center>
               
            </div>
            
         </td>
         
      </tr>
      
   </tbody>
</table>
<table style="width: 100%">
   
   <tbody>
      
      <tr>
         
         <td style="width:25%;">
            
            <div style="width: 100%; height: 70px;">
               
               <center>
                   <cc>Nos Atouts </cc><br /> <a href="http://twinflame.forumactif.org/u60"><img class="imagequeel1" src="https://31.media.tumblr.com/ca32bce77894d5fec850da5e26fecf13/tumblr_inline_n2utnh7KIL1scor4q.png" title="Nigel Chapman" /></a> <a href="http://twinflame.forumactif.org/u43"><img title="Samuel Weatherly" class="imagequeel1" src="https://31.media.tumblr.com/baa5a75d986191e537b9476fdce07118/tumblr_inline_n2sjkquu701rsb75x.png" /> </a>
               </center><a href="http://twinflame.forumactif.org/u60"> </a>
            </div><a href="http://twinflame.forumactif.org/u60"> </a>
            <div style="width: 100%; height: 70px;">
               
               <center>
                   <cc>Ils ont trouvé leur moitié </cc><br /> <a href="http://twinflame.forumactif.org/u49"><img class="imagequeel1" src="https://31.media.tumblr.com/1b6008d1baecba0792eeef91390d799a/tumblr_inline_mvcd84KcsP1spggp2.png" title="Loup Tenneth" /></a><a href="http://twinflame.forumactif.org/u61"> <img class="imagequeel1" src="https://31.media.tumblr.com/aca51942796d9dc03afdbf4727957966/tumblr_inline_n2ufqsjPOq1rhueva.png" title="Vénicia Carlton" /></a>
               </center>
               
            </div><a href="http://twinflame.forumactif.org/u60"> </a>
         </td>
         
         <td style="width: 40%">
            
            <div class="pa2">
                <span class="titreqeel2" style="padding-top: 20px;">contexte </span>
               <div class="pa3">
                   Qui n'a jamais entendu parler des Âmes sœurs ? Qui que vous soyez vous vous êtes forcément déjà posé la question, est-ce que quelqu'un a été fait pour moi, rien que pour moi? D'après le mythe de Platon à l'origine nous naquîmes par deux, d'une liaison si forte que nous ne formions qu'un. Deux âmes connectées en un seul et même corps. Cependant, Zeus fou de jalousie et par peur d'un amour si fort, décida de briser ces unions et de séparer ces âmes en deux personnes distinctes les condamnant à errer seules, cherchant à combler ce manque de la moitié perdue. Serait-ce ainsi notre but sur cette terre ? Trouver cette moitié qui nous a été arrachée de force. Certains y croient dur comme fer, pour d'autres cette histoire peut être rangée dans le rayon des mythes et légendes, un joli conte que l'on raconte aux enfants mais qui n'a pas sa place dans le réel. Et vous alors, êtes-vous à la recherche de votre moitié perdue ? La trouverez-vous parmi nous sur une île déchirée par les rivalités ? C'est ce que nous vous souhaitons.
               </div>
               
            </div>
            
         </td>
         
         <td style="width: 35%">
            
            <div style="height: 80px;">
               
               <center>
                   <a href="http://www.bazzart.org/t87179-twin-flame-9674-ouverture-14-03" class="postlink" target="_blank"><img src="http://getwebb.org/d/lNWf0RdG" /></a> <a href="http://en.root-top.com/toplist/obsession27/in.php?ID=21553" class="postlink" target="_blank"><img src="http://getwebb.org/d/lNWf0RdG" /></a> <br /><span class="titreqeel2" style="padding-top: 5px;">Nos partenaires </span><br /> <a href="http://blue-wings.forumactif.org/" class="postlink" target="_blank">◊</a> <a href="http://real-when-shared.forumactif.org/" class="postlink" target="_blank">◊</a> <a href="http://thisisafrica.1fr1.net/" class="postlink" target="_blank">◊</a> ◊ ◊ ◊ ◊ ◊
               </center>
               
            </div>
            
            <div class="pa5">
               
               <div class="pa4">
                   <bb>Crédit</bb> : Version°1: codage: <bb>Hollfeather</bb> & <bb>wrecking ball.</bb> <aa>◊</aa> Header : <bb>INK PANTHERS™</bb> <aa>◊</aa> Merci à <aa>.YESTERDAY</aa> pour son aide et sa gentillesse.
               </div>
               
            </div>
            
         </td>
         
      </tr>
      
   </tbody>
</table><br />

<div align="center">
    <link href="http://fonts.googleapis.com/css?family=Sintony" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet" type="text/css" /><style>

.imp {
font-family:Sintony;
font-size:11px;
text-transform: uppercase;
color: #e0c580;
display:block;
line-height:10px;
margin-top:-5px
}

.pa1{
  font-size:10px;
  color:#c0a69e;
  padding-top:-20px;
font-style: italic;
}

.cadre {
  width: 50px;
height:50px;
padding:2px;
  border: 1px solid #d5d4d4; }

.titr3 {
font-family: Sacramento;
font-size: 25px;
text-shadow: 0px 0px 1px;
text-align: center;
color:#bc9f98;}

</style>
   <table>
      
      <tbody>
         
         <tr>
            
            <td>
               
               <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 patonglet4() { 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>
                     <!--                                        BARRE D'ONGLETS                                        -->
                     <center>
                        
                        <table style="width: 100%;">
                           
                           <tbody>
                              
                              <tr>
                                 
                                 <td style="width: 25%;">
                                    
                                    <div onmouseover="javascript:patonglet1()" class="onglet">
                                       
                                       <center>
                                           <img class="cadre" src="https://31.media.tumblr.com/70b9f952db72a555d152234fb1474fd5/tumblr_inline_mz4a083lUJ1ss3ux3.png" />
                                          <center>
                                             
                                          </center>
                                          
                                       </center>
                                       
                                    </div>
                                    
                                 </td>
                                 
                                 <td style="width: 25%;">
                                    
                                    <div onmouseover="javascript:patonglet2()" class="onglet">
                                       
                                       <center>
                                           <img class="cadre" "="" src="https://31.media.tumblr.com/726b3fcf7fc2bfe8d43010cb8a6ef3c8/tumblr_inline_n0bxxlpfAu1sokw4v.png" />
                                       </center>
                                       
                                    </div>
                                    
                                 </td>
                                 
                                 <td style="width: 25%;">
                                    
                                    <div onmouseover="javascript:patonglet3()" class="onglet">
                                       
                                       <center>
                                           <img class="cadre" src="https://31.media.tumblr.com/206b2841f42c23f42a16632b059267c3/tumblr_inline_n1z5ys7dRW1rvr67d.png" />
                                          <center>
                                             
                                          </center>
                                          
                                       </center>
                                       
                                    </div>
                                    
                                 </td>
                                 
                                 <td style="width: 25%;">
                                    
                                    <div onmouseover="javascript:patonglet4()" class="onglet">
                                       
                                       <center>
                                           <img class="cadre" src="https://31.media.tumblr.com/206b2841f42c23f42a16632b059267c3/tumblr_inline_n1z5ys7dRW1rvr67d.png" />
                                          <center>
                                             
                                          </center>
                                          
                                       </center>
                                       
                                    </div>
                                    
                                 </td>
                                 
                              </tr>
                              
                           </tbody>
                           
                        </table>
                        
                     </center>
                     
                     <table style="width: 100%;">
                        
                        <tbody>
                           
                           <tr style="width: 100%;">
                              
                              <td style="width: 100%;">
                                 
                                 <!--                                        PREMIER MODULE                                        -->
                                 <div style="display: none;" id="onglet1">
                                    
                                    <center>
                                       
                                       <div class="titr3">
                                           Paige Howell
                                       </div><span class="imp">Holly as Hollfeather</span>
                                       <div class="pa1">
                                           double-compte
                                       </div>
                                       
                                    </center>
                                    
                                 </div>
                                 
                                 <!--                                        TROISIEME MODULE                                        -->
                                 <div style="display: none;" id="onglet2">
                                    
                                    <center>
                                       
                                       <div class="titr3">
                                           Deborah Jensen
                                       </div><span class="imp">Coline as Boye</span>
                                       <div class="pa1">
                                           double-compte
                                       </div>
                                       
                                    </center>
                                    
                                 </div>
                                 
                                 <div style="display: none;" id="onglet3">
                                    
                                    <center>
                                       
                                       <div class="titr3">
                                           Le P'tit Nom
                                       </div><span class="imp">Meg as wrecking ball.</span>
                                       <div class="pa1">
                                           double-compte
                                       </div>
                                       
                                    </center>
                                    
                                 </div>
                                 
                                 <div style="display: none;" id="onglet4">
                                    
                                    <center>
                                       
                                       <div class="titr3">
                                           Le P'tit Nom
                                       </div><span class="imp">Aurelie as ElectricDream</span>
                                       <div class="pa1">
                                           double-compte
                                       </div>
                                       
                                    </center>
                                    
                                 </div>
                                 
                              </td>
                              
                           </tr>
                           
                        </tbody>
                        
                     </table>
                     
                  </div>
                  
               </div>
               
            </td>
            
         </tr>
         
      </tbody>
      
   </table>
</div>

/*PA*/

ee{color: #ccbfbe}

.titrepa1{font-size:25px;
  font-family: 'News Cycle', sans-serif;
  color: #e5ca91;l
    etter-spacing:-1px;
  text-transform: uppercase;}

.titrepa2{font-family: 'Petit Formal Script', cursive;
  font-style: italic;
  font-size: 10px;
  color: #bda199;
  margin-top: -8px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}
.titrepa2:hover{
  letter-spacing:2px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;}

.pa1{background-color: #fefbf9;
  border: 1px #f1e4dd solid;
  font-size: 9px;
  line-height: 12px;
  word-spacing: -1px;
  width: 100%;
  padding: 5px;
  height: 100px;
  text-align: justify;}

.pa2{height: 120px;
  border-top: 1px dashed #f7eee8;
  margin-top: -20px; }

.pa3{height: 110px;
  overflow: auto;
  padding: 10px;
  text-align: justify;
  font-size: 11px;
  font-family: arial;
  line-height: 14px;
  padding-top: 2px;}

.pa4{height: 40px;
  padding: 10px;
  border: dashed 1px #f7eee8;
  background-color: white;
  text-align: justify;}

.pa5{background-color: #f9f5f2;
  border: 1px solid #efe1da;
  padding: 5px;}

.imgpa2{
margin: 3px;
  height: 40px;
  margin-right: 5px;
  border-radius : 50px;
  padding: 3px;
  margin-left: 8px;
  margin-right: 8px;
-moz-border-radius: 150px; /* compatibilité avec Firefox */
-webkit-border-radius: 150px; /* compatibilité avec les navigateurs Webkit */
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
border: 1px solid # ;
transition: 1.5s;
transition: 1.5s;
-moz-transition: 1.5s;
-webkit-transition: 1.5s;}
.imgpa2:hover {
height: 40px;
border-radius: 100px; /* propriété CSS3 */
-moz-border-radius: 150px; /* compatibilité avec Firefox */
-webkit-border-radius: 150px; /* compatibilité avec les navigateurs Webkit */
opacity: 0.8;
-moz-transition: 1.5s;
-webkit-transition: 1.5s;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);}