<div class="fond_pa">
   
  <div id="navigation">
      <a href="http://awol.forumactif.com/t785-reglement">ღRèglement</a> <a href="http://awol.forumactif.com/t782-contexte">ღConcept</a><a href="http://awol.forumactif.com/t788-bottin-des-avatars">ღBottin</a> <a href="http://awol.forumactif.com/f3-free-characters">ღThe wish list</a> <a href="http://awol.forumactif.com/f55-partie-invites">ღInvités</a>
  </div>
   
  <table style="width: 100%;">
     

        <tr>
           
           <td valign="top">
              <div class="titre_pa">
                  Contexte
              </div>
              <div class="bloc_colo">
                 <div class="contexte">
                    Los Angeles. Deuxième plus grande ville des Etats-Unis après New York. Un climat idéal tout au long de l'année avec beaucoup de soleil. Un total de plus de 3 800 000 habitants. Plus de 140 nationalités et de 220 langues parlées. Avec toutes ces caractéristiques, nous pourrions facilement caractériser la cité des anges comme la ville internationale par excellence, mais soyons d'accord, ça ne fait pas pour autant rêver. Parlons en donc autrement. Sea, sex and sun, est-ce que ça ne vous paraît pas mieux ? Et bien, figurez-vous que c'est ce à quoi ont le droit chaque jour les habitants de cette ville magnifique. Personne ne se lasse des soirées à thèmes, de la plage, du surf ou des paysages magnifiques. C'est ainsi qu'on comprend mieux pourquoi il y a autant d'étrangers en ville !<br /><br /> En parlant d'étrangers, la ville a connu une grande arrivée de français depuis déjà quelques mois. Certains sont là depuis bien plus longtemps, tandis que d'autres viennent juste d'arriver. Ils sont venus ici dans le but d'en apprendre plus sur la culture américaine, de vivre le rêve américain peut-être, ou tout simplement histoire de vivre à Los-Angeles, ou même pour des vacances. Étudiants, jeunes parents, hommes et femmes actifs, qu'ils soient ici pour leur travail, leurs études ou des raisons personnelles, ils ont tous le même but, s'intégrer dans cette ville et vivre, normalement ou au rythme de cette ville. La langue sera peut-être alors le seul barrage. <br /><br /> Les français débarquent à Los Angeles et cela risque de faire des ravages alors attention à vous, chers citoyens de L.A. Qui serez-vous dans cette grande ville ? Tout dépend de vous...
                 </div>
              </div>
           </td>
           
           <td valign="top">
              <div class="titre_pa">
                  La team
              </div>
              <div class="bloc_colo">
                 <table align="center">
             
                       <tr>
                          <td>
                             <div style="background-image: url('http://images5.fanpop.com/image/photos/30800000/-Tyler-tyler-blackburn-30864578-100-100.jpg'); background-repeat: no-repeat; width: 100px; height: 100px;">
                                <div class="fiche_staff">
                                   <div class="pseudo_staff">
                                       Cassandre C.Maisonneuve
                                   </div><span style="font-size :8px;"> Fondatrice - June - Présente</span><br /><a href=""> MP </a> <a href=""> Fiche </a>
                                </div>
                             </div>
                          </td>
                          <td>
                             <div style="background-image: url('http://img15.hostingpics.net/pics/786040Icone12.png'); background-repeat: no-repeat; width: 100px; height: 100px;">
                                <div class="fiche_staff">
                                   <div class="pseudo_staff">
                                       Sasha K. Svensen
                                   </div><span style="font-size :8px;">Administratrice - Phantasmagoria - Présente</span><br /><a href=""> MP </a> <a href=""> Fiche </a>
                                </div>
                             </div>
                          </td>
                       </tr>
             
                 </table>
              </div>
           </td>
           
           <td valign="top">
              <div class="titre_pa">
                  Les news & annonces
              </div>
              <div class="bloc_colo">
                 <div class="news">
                     <strong>ღ</strong> 2éme design par EcstaticDrugs<br /><strong>ღ</strong> Réouverture du forum : 00/11/2013<br /><strong>ღ</strong> Ouverture du forum : 26/06/2012<br />
                 </div>
              </div>
               
           </td>
        </tr>
        <tr>
           <td align="center" valign="top">
              <div class="titre_pa">
                  Nos membres en or
              </div>
              <div class="bloc_colo"><iframe style="width: 230px; height: 110px;" name="" src="http://awol.forumactif.com/h1-membres-de-mois" scrolling="no" frameborder="no"></iframe>
              </div>
           </td>
           
           <td align="center" valign="top">
              <div class="titre_pa">
                  Amis & Top sites
              </div>
              <div class="bloc_colo">
                 <br /><a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a><br /><a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/DtnGNCn.png" /></a><br /> <a href="">More ?</a> <a href=""> You ? </a> <br /> <a href="LIEN"><img src="http://i.imgur.com/kJGlZqD.png" /></a> <a href="LIEN"><img src="http://i.imgur.com/kJGlZqD.png" /></a>
              </div>
               
           </td>
           
           <td valign="top">
               
              <div class="titre_pa">
                  Crédits
              </div>
              <div class="bloc_colo">
                 <div class="copyright"><strong>ღ</strong> L'ensemble du codage a été fait par <strong>Phantasmagoria</strong> <br /><strong>ღ</strong> Ecriture du contexte et les messages administratifs par <strong>June</strong><br /><strong>ღ</strong> Le 2éme design est signé <strong>EcstaticDrug</strong> qu'on remercie de son temps et de son très beau travail ♥ <br /><strong>ღ</strong> <strong>THE AMERICAN WAY OF LIFE</strong> appartient à sa fondatrice et ses administratrices, prières de respecter notre travail et d'éviter le plagiat, sachant que c'est puni par la loi. Merci !
                 </div>
                 
              </div>
               
           </td>
        </tr>

  </table>
</div>

 /******* PA PAR PHANTASMAGORIA SUR PRD*********/

.fond_pa {background-color: #ddb3a2; width: 780px;}
    #navigation a:link, #navigation a:visited, #navigation a:active {
width: 500px; height: 15px; font-size: 15px; font-family: Georgia; text-shadow: 0px 0px 2px #a99279;
text-transform: uppercase; color: #7d6a5c; letter-spacing: -1px;}

#navigation a:hover {
color: #702828 ; text-shadow: 0px 0px 2px #fff ;}
.pseudo_staff { font-family: 'Engagement', cursive; font-size: 20px; text-align: center;}

.titre_pa { font-family: 'Engagement', cursive; font-size: 30px;
text-align: center; color: #994949; margin-bottom: -10px;}
.bloc_colo { background-color: #ebd8d0; border: 1px solid #cc9e8e; padding: 2px; height: 130px; width: 250px}
.contexte { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.fiche_staff {width: 100px; height: 100px; text-align: center; background-color: #f2e7f6; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0; color: #a48eac; overflow: auto;}
.fiche_staff:hover{opacity: 1;}
.news {width: 200px; height: 170px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify; padding: 7px;}
.copyright { width: 230px; height: 110px; overflow: auto; font-size: 10px; line-height: 11px; text-align: justify;  padding: 7px;}
/******** FIN DU CODE*******/