PA CIL

Code:: <br /><br />
<div>
<link href="http://fonts.googleapis.com/css?family=La+Belle+Aurore|Zeyada|Delius+Unicase" rel="stylesheet" type="text/css" />
<div style="line-height: 10px;">
   <span class="bienvenue">Bienvenue</span><br /><span class="surcil">sur Crazy In Love</span>
</div><br />
<center>

   <div style="font-family: courier new; font-size: 13px; text-transform: lowercase;">
      <a href="http://crazyinlove.forumactif.org/t3-reglement-a-lire">Règlement</a> ♣ <a href="http://crazyinlove.forumactif.org/t17-bottin-d-avatar-verifies-avant">Bottin</a> ♣ <a href="http://crazyinlove.forumactif.org/f11-les-petits-coeurs-perdus">Scénarios</a> ♣ <a href="http://crazyinlove.forumactif.org/f10-vous-avez-des-questions">Invités</a> ♣ <a href="http://crazyinlove.forumactif.org/f17-lady-lovely-s-blog">Lady Lovely</a> ♣ <a href="http://crazyinlove.forumactif.org/f148-restless-style">Restless Style</a> ♣ <a href="http://crazyinlove.forumactif.org/f31-les-petits-sujets-de-cupidon">Cupidon</a>
   </div>

</center><br />
<table>

   <tbody>

      <tr>

         <td>

            <div class="monBloc">

               <div class="blocVolet">
                  <img src="http://media.tumblr.com/b801ab2aebdf72bdfa9570a1d1cc743a/tumblr_moihu97qGe1rmbm9bo1_250.gif" class="imgblocVolet" />
               </div>

               <center>
                  <br /> <span class="pseudostaff">S. MARYLIN MEYER </span><br /> <span style="font-size: 11px;"><span style="font-family: Trebuchet MS;">Fondatrice</span></span><br /><span class="contact"><a href="http://crazyinlove.forumactif.org/privmsg?mode=post&u=33">contacter</a></span>
               </center>

            </div>

            <div class="monBloc">

               <div class="blocVolet">
                  <img src="http://media.tumblr.com/tumblr_m3473k3UE71qjnjemo1_500.gif" class="imgblocVolet" />
               </div>

               <center>
                  <br /> <span class="pseudostaff"> NATHAN K. EMINGWAY </span><br /><span style="font-size: 11px;"><span style="font-family: Trebuchet MS;">Administratrice</span></span><br /><span class="contact"><a href="http://crazyinlove.forumactif.org/privmsg?mode=post&u=254">contacter</a></span>
               </center>

            </div>

            <div class="monBloc">

               <div class="blocVolet">
                  <img src="http://30.media.tumblr.com/tumblr_lujy0l8kqN1qj6t96o1_250.gif" class="imgblocVolet" />
               </div>

               <center>
                  <span class="pseudostaff"> NEVAEH R. CALDWELL </span><br /><span class="contact"><span style="font-size: 11px;"><span style="font-family: Trebuchet MS;">Administratrice</span></span><br /><a href="http://crazyinlove.forumactif.org/privmsg?mode=post&u=184">contacter</a></span>
               </center>

            </div>

         </td>

         <td>

            <div style="width: 410px; height: 140px; overflow: auto;text-align: justify; padding: 10px">

               <div align="center">
                  <span class="debut">Le coeur a ses raisons que la raison ignore</span>
               </div><br /><span style="font-size: 11px;"><span style="font-family: Trebuchet MS;">Avez-vous déjà réfléchi au sens de cette phrase ? Beaucoup de personnes l’utilisent de nos jours sans même avoir réfléchi une seule seconde à sa signification. Chacun peut la prendre de sa propre manière. L’amour est la base de la vie de beaucoup de personne. Ils ne peuvent s'en passer un seul instant. D’autres aimeraient croire à l’amour mais, leurs expériences passées les ralentissent. D’autres encore détestent les gens qui s’aiment...<a href="http://crazyinlove.forumactif.org/t13-contexte-a-lire">→ la suite</a></span></span>
            </div>

            <blockquote>

               <marquee style="font-size: 12px;" direction="left" scrollamount="2">
                  <span style="font-size: 12px;"><span style="font-family: Trebuchet MS;">LES RUMEURS DE LADY LOVELY :: une jolie métisse serait enceinte mais, il parait que le père n'est pas encore sure. ♥ Jude aurait des vue sur d'autre personnes que sa chère Neva ? ♥ La haine finit quelques fois en amour. ♥ Footballeur célibataire, son coeur est à vendre ! Pour plus d'information contacter Shane. ♥ Et vous ? </span></span>
               </marquee><span style="font-size: 12px;"><span style="font-family: Trebuchet MS;"></span></span>
            </blockquote>

            <div style="text-align: justify; padding: 10px">

               <table>

                  <tbody>

                     <tr>

                        <td>

                           <div style="width: 270px; height:70px; overflow: auto;">

                              <div align="center">
                                 <span class="debut">Les info de Dallas</span>
                              </div><br /><span style="font-family: Trebuchet MS;"><span style="font-size: 11px;">Et oui ! Déjà une année que CIL est là ! Pas mal de chose on été mise en ligne pour vous ♥ → la suite</span></span>
                           </div>

                        </td>

                        <td>

                           <div style="width: 150px; height:70px; overflow: auto;">

                              <div align="center">
                                 <span class="debut">Nos copains</span>
                              </div><br />
                              <div align="center">

                                 <form>
                                    <select onchange="document.location=this.options[this.selectedIndex].value"><option value="#" selected="">TOP-PARTENAIRE </option><option target="_blank" value="http://www.los-vecinos.net/">Los Vecinos</option>
<option target="_blank" value="http://southport.forum-canada.com/">Southport</option>
<option target="_blank" value="http://beautiful-liev2.forum-canada.com/">Beautiful Lie V2</option>
<option target="_blank" value="http://www.dont-you-remember.com/">Dont you remember</option>
<option target="_blank" value="http://www.be-u-miami.com/">Be U Miami</option>
<option target="_blank" value="http://beyondthecity.forumactif.org/">Beyond the city</option>
<option target="_blank" value="http://surmaroute.forumactif.org/">Sur ma route ♥</option></select>
                                 </form>

                              </div>

                           </div>

                        </td>

                     </tr>

                  </tbody>

               </table>

            </div>

         </td>

         <td>

            <div class="monBloc">

               <div class="blocVolet">
                  <img src="http://media.tumblr.com/tumblr_mamg2qGS5Z1qkdght.gif" class="imgblocVolet" />
               </div>

               <center>
                  <br /> <span class="pseudostaff"> CHRISTOPHER <br />D. STRAUSS </span><br /><span style="font-size: 11px;"><span style="font-family: Trebuchet MS;">Administratrice</span></span><br /><span class="contact"><a href="http://crazyinlove.forumactif.org/privmsg?mode=post&u=111">contacter</a></span>
               </center>

            </div>

            <div class="monBloc">

               <div class="blocVolet">
                  <img src="http://25.media.tumblr.com/2f841c9c0d7c5652b70d18ad6e2b5c79/tumblr_msvoalpUWV1rftd23o1_500.gif" class="imgblocVolet" />
               </div>

               <center>
                  <br /> <span class="pseudostaff"> ZOEY-GRACE <br />A. MEYER </span><br /><span style="font-size: 11px;"><span style="font-family: Trebuchet MS;">Administratrice</span></span><br /><span class="contact"><a href="http://crazyinlove.forumactif.org/privmsg?mode=post&u=106">contacter</a></span>
               </center>

            </div>

            <div class="monBloc">

               <div class="blocVolet">
                  <img src="http://shechive.files.wordpress.com/2012/01/adam-levine-9-5.gif?w=480&h=270" class="imgblocVolet" />
               </div>

               <center>
                  <br /> <span class="pseudostaff"> JUDICAEL H. REAGAN </span><br /><span style="font-size: 11px;"><span style="font-family: Trebuchet MS;">Administratrice</span></span><br /><span class="contact"><a href="http://crazyinlove.forumactif.org/privmsg?mode=post&u=198">contacter</a></span>
               </center>

            </div>

         </td>

      </tr>

   </tbody>

</table>
</div>

/**********************************************PA***********************************************************/
/***volets***/
/* Bloc principal */
.monBloc {
position: relative; /* important ! */
overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
width: 95px; /* largeur du bloc */
height: 95px;
border-radius: 50px;
padding: 5px;/* hauteur du bloc */
}

/* Bloc de recouvrement */
.monBloc {
position: relative; /* important ! */
overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
width: 115px; /* largeur du bloc */
height: 115px; /* hauteur du bloc */
padding: 5px;
border-radius: 50px;
}

/* Bloc de recouvrement */
.blocVolet {
position: absolute; /* positionnement absolu (important) */
top: 0; /* (important) */
left: 0; /* (important) */
width: 95px; /* largeur du bloc (identique au bloc principal) */
height: 95px; /* hauteur du bloc (identique au bloc principal) */
background: transparent; /* couleur de fond */
padding: 10px;
border-radius: 50px;
/* réglage de la transition */
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;}

.imgblocVolet{border: 2px solid #885555;border-radius: 50px; width: 100px; height: 100px;transition-duration: 0.9s; -moz-transition-duration: 0.9s; -webkit-transition-duration: 0.9s; -o-transition-duration: 0.9s;
}

.imgblocVolet:hover {opacity: 0.4;border: 2px solid #885555;border-radius: 50px; width: 100px; height: 100px;}
/* Changement au survol */
.monBloc:hover > .blocVolet {
left: -115; /* le bloc se décalera vers la gauche de 200px; (largeur du bloc) */}

.bienvenue{font-size: 50px;font-family: 'Marck Script';color: #ED2064;}
.surcil {font-size: 34px;font-family: 'parisienne', cursive;color: #885555;margin-left: 150px;transition: all ease 1s;}
.surcil:hover {font-size: 34px;font-family: 'parisienne', cursive;color: #775566; text-shadow: 2px 3px 8px #885555;margin-left: 150px;}
.debut {font-family:'parisienne', cursive; font-size: 20px;color: #D9859A; text-shadow: 1px 0px 1px black;text-align: left;}
.liens{font-family: courier new; font-size: 13px; text-transform: lowercase; margin-top: 750px;}
.pseudostaff{font-family: 'Delius Unicase', cursive; font-size: 13px; text-shadow: 1px 1px 3px black; color:#885555;}
.contact {font-size:10px; font-family: tahoma;}

/* Mise en pace du titre de catégorie */
.secondarytitle {
width: 100%;
text-align: center;
}

/* Mise en forme du titre de catégorie */
.secondarytitle h2 {
color: #ED2064;
font-size: 22pt;
font-family: 'Playball';
letter-spacing: 0px;
line-height: normal;
transition: all ease 1s;
}
.secondarytitle h2:hover{
color: #ed749c;
font-size: 22pt;
font-family: 'playball';
letter-spacing: 0px;
line-height: normal;
}