<center>
                                            
   <div class="titrepa">Bienvenue sur <span style="color:#d16d6d">Cross Soul</span>                     
   </div>
                                    
   <div class="contactstaff">
                        <a href="http://alwaysblue.forumgratuit.be/t8-le-reglement">règlement</a> » <a href="http://alwaysblue.forumgratuit.be/t21-bottin-des-avatars">bottin</a> » <a href="http://alwaysblue.forumgratuit.be/f4-you-re-the-one-for-me">scénarios</a> » <a href="http://alwaysblue.forumgratuit.be/f12-i-remember-you">invités</a> » <a href="http://alwaysblue.forumgratuit.be/f10-letterfrack-ireland">annexes</a> » <a href="http://alwaysblue.forumgratuit.be/t11-les-groupes">groupes</a>                           
   </div>
</center>
<table>
                                                                              
   <tbody>
                                                                                 
      <tr>
                                                                                    
         <td>
                                                                                       
            <div class="cadrecont">
                                                             <d>Letterfrack, 2015.</d><br />Le soleil brille, la mer scintille. Si on tend l'oreille, qu'on ferme les yeux, on peut entendre leurs murmures. Ces murmures joyeux, étouffés, colériques, amoureux qui parcourent la ville, qui s'éveillent. Tout bas. Surfer telle une vague indomptée. Là bas, la splendeur du ciel se reflète dans leurs yeux. Un bleu divin, un bleu limpide. Mais ils vivent. Ils courent après un avenir, un but, une envie. Ils sont là. Encore et toujours. Ils rêvent de liberté. De joie. D'un destin tout tracé aux milles promesses. Et elle, elle attend. Assise sur son rocher, elle attend. Elle ne sait pas quoi. Elle ne sait pas qui. Elle rêve de grandeur, de splendeur. Lentement, un doux sourire fleurit sur ses lèvres roses. Elle est bien. Heureuse. Le vent joue dans ses cheveux, ses yeux se ferment. Et elle les entend. Ces murmures. Encore et toujours. Ils reviennent. Par millier. Ils sont là. Ces murmures. Elle ne peut les attraper. Elle ne fait que les effleurer d'un doigt incertain. Mais elle est bien. Et elle continue d'attendre.                                   
            </div>
                                                                                     
            <center>
                                                     <br /><img src="http://i.imgur.com/hFOpnzJ.png" class="part" /> <img src="http://i.imgur.com/hFOpnzJ.png" class="part" /> <img src="http://i.imgur.com/hFOpnzJ.png" class="part" /> <img src="http://i.imgur.com/hFOpnzJ.png" class="part" /> <img src="http://i.imgur.com/hFOpnzJ.png" class="part" /><br />                                     
            </center>
                                                                                       
            <div class="partenaires">
                                                       <a href="http://">plus de partenaires</a> ›› <a href="http://">le devenir</a>                                     
            </div>
                                                                                       
         </td>
                                                                                    
         <td>
                                                                                     
            <center>
                                          
               <div class="pastaf1">
                                             
                  <div style="margin-top:5px; width: 70px; height: 112px; background-image: url('http://i.imgur.com/YqghA3T.png'); background-repeat: no-repeat; background-size: cover">
                                                
                     <div class="pastaf2">
                                                   
                        <div class="hellow pastaf3">
                                           <br /><br /><br />           
                           <div class="infostaff">
                                                                                           
                              <div class="pseudostaffpa">
                                                               Alaska                             
                              </div>
                                                                                       
                              <div class="irlstaff">
                                                               suika » romane                             
                              </div>
                                                                                       
                              <div class="contactstaff">
                                                               <a href="http://">mp</a> » <a href="http://">profil</a>                           
                              </div>
                                                                                             
                           </div>
                                                      
                        </div>
                                                   
                     </div>
                                                
                  </div>
                                                     
               </div>
                                       <br />            <br />             
               <div class="cadreinfo">
                           
               </div>
                                                        
            </center>
                                                                                     
         </td>
                                                                                
         <td>
                                                                         
            <div class="cadrenouv">
                                         <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum. <d><strong>date</strong></d> » nouveauté ici du forum.                   
            </div>
                                        <br />                       
            <div class="cadretemps">
                                           <img src="https://ssl.gstatic.com/onebox/weather/48/partly_cloudy.png" style="margin-right:10px; width:30px;" align="left" /><d><strong>MARS 2015</strong></d> En ce début de printemps, la température est plutôt douce. Le soleil, régulièrement présent, fait grimper celle-ci à plus de 24°C l'après-midi. Le soir cela reste assez doux avec environ 17°.                                                       
            </div><br />                       
            <div class="cadrecredit">
                                         <d>© CROSS SOUL 2015</d> Le forum est sous l'entière responsabilité de son équipe administrative. Toute copie est interdite. Merci de respecter leur travail. Le codage a été réalisé par <em>suika</em> pour les besoins du forum. On remercie <em>wipeout</em> pour le design de cette première version.             
            </div>
                                                             
         </td>
                                                                                    
      </tr>
                                                                                 
   </tbody>
</table>

/*page daccueil*/
.titrepa {font-size:30px; text-transform:uppercase; font-family: abraham lincoln; font-weight:lighter;}
.cadrecont {width:190px;text-align:justify; padding:3px; height:220px; overflow:auto; line-height:1;border:1px solid #edede6; background:#f5f5f2;}
.part {width:30px; height:10px; border:1px solid #ccccc; padding:1px; }
.partenaires {text-align:center;}
.iconstaff {width:70px; border:1px solid #cccccc; padding:2px;transition:0.8; }
.iconstaff:hover {opacity:0.6; transition:0.8; }
.pseudostaffpa {font-family:abraham lincoln; font-size:20px; color:#000; text-align:center;text-transform:uppercase; }
.irlstaff {text-align:center;font-family:times; font-size:10px; font-weight:lighter; font-style:italic; letter-spacing:-1px;margin-top:-1px;}
.contactstaff {text-align:center;font-size:8px;}
.cadreinfo {width:145px;text-align:justify; padding:3px; overflow:auto; line-height:1;}
.cadrenouv {margin-top:-20px; width:195px;text-align:justify; padding:3px; height:85px; overflow:auto; line-height:1;border:1px solid #edede6; background:#f5f5f2;}
.cadretemps {width:195px;text-align:justify; padding:3px; height:67px; overflow:auto; line-height:1;border:1px solid #edede6; background:#f5f5f2;}
.cadrecredit {width:195px;text-align:justify; padding:3px; height:45px; overflow:auto; line-height:1;border:1px solid #edede6; background:#f5f5f2;}

.pastaf3::-webkit-scrollbar {width: 6px;height: 6px;background-color: none;}
.pastaf3::-webkit-scrollbar-track {background-color: #7a837c;}
.pastaf3::-webkit-scrollbar-thumb {background-color: #d2d2d2;}
.pastaf1 {width: 70px; height: 112px; border: 1px solid white; box-shadow: 0px 0px 2px gray; opacity: 1;}
.pastaf2 {background-color: #d5d5d5; opacity: 1; text-align: justify; font-family: arial; font-size: 10px; line-height: 12px; width: 70px; height: 112px; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; opacity: 0;}
.pastaf2:hover {opacity: 0.7;}
.hellow {padding: 5px; text-align: justify; font-size: 10px; line-height: 12px; margin-top: -5px; height: 102px; overflow: auto;}