<div> <style type="text/css">#ScavCrea{width:800px;height:400px;background:grey;position:relative;overflow:hidden;}#ScavSlides{width:300%;height:300%;position:absolute;top:-100%;left:-100%;margin:0;background:#FBFFFA;}#ScavSlides,#PresPersoScav,#RpPersoScav,#RpIrlScav,#PresIrlScav,#copyright{display:inline;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-o-transition:all 1.5s;transition:all 1.5s;}#PresPersoScav{border-bottom:8px solid #FFF;box-shadow:0px 0px 50px white;border-bottom-right-radius:15% 10%;border-bottom-left-radius:15% 10%;background:#8FA3AD;width:800px;height:533px;left:800px;top:0px;z-index:9;position:absolute;}#PresPersoScav:hover{top:400px;z-index:20;}#RpPersoScav{border-right:8px solid #FFF;box-shadow:0px 0px 50px white inset;border-top-right-radius:15% 50%;border-bottom-right-radius:15% 50%;background:#C9D2F5;width:1200px;height:400px;top:400px;left:-50px;z-index:8;position:absolute;}#RpPersoScav:hover{left:800px;z-index:120;}#RpIrlScav{border-left:8px solid #FFF;box-shadow:0px 0px 50px white inset;border-top-left-radius:15% 50%;border-bottom-left-radius:15% 50%;background:#C9D2F5;width:1200px;height:400px;top:400px;left:1250px;z-index:8;position:absolute;}#RpIrlScav:hover{left:400px;z-index:120;}#PresIrlScav{border-top:8px solid #FFF;box-shadow:0px 0px 50px white;border-top-right-radius:15% 10%; border-top-left-radius:15% 10%;background:#8FA3AD;width:800px;height:533px;left:800px;top:667px;z-index:9;position:absolute;}#PresIrlScav:hover{top:266px;z-index:20;}#PPerso{color:#C9D2F5;font-size:55px;font-style:italic;margin-left:34%;margin-top:8%;}#ContPPerso{background-color:#9FB3BD;padding:8px;border:1px solid white;margin-top:5px;margin-left:25px;width:734px;height:344px;overflow:hidden;vertical-align:center;text-align:justify;}#ContPPerso:hover{overflow:auto;}#RPerso{color:#A9B2C5;font-size:55px;font-style:italic;margin-left:78%;margin-top:14%;}#ContRPerso{background-color:#C4C7F0;padding:8px;border:1px solid white;margin-top:5px;margin-left:25px;width:734px;height:344px;overflow:hidden;float:left;vertical-align:center;text-align:justify;}#ContRPerso:hover{overflow:auto;}#RPIrl{color:#A9B2C5;font-size:50px;font-style:italic;margin-left:2%;margin-top:15%;}#ContRPIrl{background-color:#C4C7F0;padding:8px;border:1px solid white;margin-top:-220px;margin-left:418px;width:734px;height:344px;overflow:hidden;vertical-align:center;text-align:justify;}#ContRPIrl:hover{overflow:auto;}#PIrl{color:#C9D2F5;font-size:55px;font-style:italic;margin-left:29%;margin-top:5%;}#ContPIrl{background-color:#9FB3BD;padding:8px;border:1px solid white;margin-top:50px;margin-left:25px;width:734px;height:344px;overflow:hidden;text-align:justify;}#ContPIrl:hover{overflow:auto;}#copyright{width:200px;height:20px;left:1435px;top:785px;z-index:9;position:absolute;color:white;font-size:11px;font-style:italic;}.Desc{margin-left:40px;width:650px;margin-bottom:4px;padding-top:5px;}.ContPresRP{text-align:center;}
    </style>

    <div ID="ScavCrea">
      <div ID="ScavSlides">
        <div ID="PresPersoScav">
    <div ID="ContPPerso">
      <p class="ContentPres">
        <center><h1> [Nom  & Prénom] </h1></center>
        -Age: [Nombre de printemps]
        -Sexe: [Homme/Femme]
        -Classe: [Si professeur, marquez le niveau en suivant le système scolaire du Japon dont vous voulez être professeur principal.]
        -Apparence physique:
      <div class="Desc">
        [i]Minimum 6 lignes, décrivez ses habitudes vestimentaires si besoin.[/i]
      </div>
        <br/>
      </p>

    </div>
    <div ID="PPerso">Présentation<br /></div>
  </div>
  <div ID="RpPersoScav">
    <div ID="ContRPerso">
      <p class="ContentPres ContPresRP"> <!-- Vous pouvez aussi ajouter des images grace à la balise => <img url="url de l'image" />-->
        <center><h1></h1></center>
        <div class="desc"><center>
        [i]Minimum 10 lignes pour l'histoire. Le test RP est pour les personnages de la série. Il consiste à écrire un RP de 8 lignes, dialogues non-compris afin de voir si vous êtes apte à incarner ce personnage.[/i]
        </center></div>
      </p>
    </div>
    <div ID="RPerso">L'histoire</div>
  </div>
  <div ID="RpIrlScav">
    <div ID="RPIrl">Mental</div>
    <div ID="ContRPIrl">
      <p class="ContentPres">
        <center><h1></h1></center>
       
        -Caractère:
      <div class="Desc">
        [i]Minimum 6 lignes, n'oubliez pas de mettre des défauts, personne n'est parfait et en plus, ça rend attachant votre personnage ;)[/i]

-But
        <div class="Desc">
        [i]Minimum 3 lignes, l'objectif de votre personnage[/i]
      </div>
      </div>
      </p>
    </div>
  </div>
  <div ID="PresIrlScav">
    <div ID="PIrl">Dans la réalité</div>
    <div ID="ContPIrl">
      <p class="ContentPres">
        [u]<h1>Je suis...</h1>[/u]
        -Mon prénom: [PRENOM]
        -Mon âge: [Nombre de printemps]
        -Des remarques sur le forum ?
        -Le Code : A trouver dans le règlement.
        -Mes motivations :
        <div class="desc">
            [Pourquoi es-tu venu sur ce forum?]
        </div>
      </p>
    </div>
  </div>
 </div>
</div>