essai presentation

<center><img src="http://i41.tinypic.com/zn36vm.png" class="IMGPRES1"><div class="FONDPRES"><div class="NOMPRES">Prénom (s) Nom</div><center><div style="letter-spacing:8px;font-size:16px;margin-top:5px;"><C1A>★</C1A> <C2A>★</C2A> <C3A>★</C3A> <C1A>★</C1A> <C2A>★</C2A> <C3A>★</C3A> <C1A>★</C1A> <C2A>★</C2A> <C3A>★</C3A> <C1A>★</C1A> <C2A>★</C2A> <C3A>★</C3A> <C1A>★</C1A> <C2A>★</C2A> <C3A>★</C3A></div></CENTER>
<table><tr><td><img src="http://i47.tinypic.com/161fiwj.png" class="IMGPRES"></td><td><div style="margin-left:10px;font-family:arial;"><br><T>Date de naissance :</T> jour mois année
<T>Lieu de naissance :</T> Ville (Pays/Etat)
<T>Âge :</T> .. ans
<T>Nationalité :</T> ....
<T>Origine :</T> ...
<T>Emploi :</T> ...
<T>Situation matrimoniale :</T> ...
<T>Orientation sexuelle :</T> ...
<T>En ville depuis :</T> ....
<select class="CARAC"><option label="test" selected="selected">Caractère</option>
  <option label="test" value="1">Adjectif</option>
  <option label="test" value="2">Adjectif</option>
  <option label="test" value="3">Adjectif</option>
  <option label="test" value="4">Adjectif</option>
  <option label="test" value="5">Adjectif</option>
  <option label="test" value="6">Adjectif</option></select>
<div class="PRES">Explique comment ton personnage est perçu en ville, es-ce une commère, un don juan ou encore une petite file sage. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici.</div>
</div></td></tr></table></div></center>
<center><div class="FONDHIST">Écrire votre histoire d'au moins 25 lignes. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. Texte à écrire ici. </div></center>
<center><div class="FONDAUTRE"><F> <C1A style="margin-right:5px">★</C1A> Pseudo & Age :</F> ...
<F> <C3A style="margin-right:5px">★</C3A> Statut personnage :</F> <input type="checkbox"> PV <input type="checkbox"> SC <input type="checkbox" checked> IV
<F> <C2A style="margin-right:5px">★</C2A> Avatar:</F> ...
<F> <C1A style="margin-right:5px">★</C1A> Comment as tu atterri ici ?:</F> ...
<F> <C3A style="margin-right:5px">★</C3A> Un petit avis sur le forum ?:</F> ...
<F> <C2A style="margin-right:5px">★</C2A> Code réservation avatar:</F> 
[code]<PRIS>Célébrité</PRIS> ★  <PSEUDO> Nom de votre personnage</PSEUDO>[/code]</div>
</div></center>

/*-------------------------------------------------------------------------------
SCENARIO
-------------------------------------------------------------------------------*/
.PVLIEN2{padding:10px;width:460px;height:345px;overflow:auto;font-family:arial;font-size:12px;text-align:justify;background-color:#E6E0D8;}
.PVLIEN1{padding:10px;width:460px;height:350px;overflow:auto;text-align:justify;font-family:arial;margin-top:5px;}
.PVLIEN{position:relative;z-index:24;text-decoration:none;
  background-color:#F9F9F9;border:1px solid #F0F0F0;width:460px;padding:10px;text-align:justify;font-size:11px;font-family:arial;}
.PVLIEN:hover{z-index:25;}
.PVLIEN span{display: none}
.PVLIEN:hover span{display:block;position:absolute;top:-375px; left:0px;
  text-align:center;padding:0px;width:480px;height:370px;margin-top:5px;font-family:arial;}

LIE{text-transform:lowercase;color:#C13C40;margin-left:20px;}
LIE1{text-transform:lowercase;letter-spacing:1px;}
.TEXTLIEN{background-color:#F9F9F9;border:1px solid #F0F0F0;width:420px;padding:10px;text-align:justify;font-size:11px;text-align:justify;}



.PVIMG{width:70px;border:1px solid #F0F0F0;background-color:#F9F9F9;padding:5px;}
.PVSTAT{position:relative;z-index:24;text-decoration:none;
  text-align:justify;}
.PVSTAT:hover{z-index:25;}
.PVSTAT span{display: none}
.PVSTAT:hover span{display:block;position:absolute;top:15px; left:-80px; overflow:auto;
  text-align:justify;padding:10px;width:200px;height:50px;font-family:arial;background-color:#E6E0D8;border:1px solid #F0F0F0;}

.PVLL{position:relative;z-index:24;text-decoration:none;
  text-align:justify;}
.PVLL:hover{z-index:25;}
.PVLL span{display: none}
.PVLL:hover span{display:block;position:absolute;top:-10px; left:-110px; overflow:auto;}
.PVLL1{margin-top:25px;text-align:justify;padding:10px;width:300px;height:200px;overflow:auto;font-family:arial;background-color:#E6E0D8;border:1px solid #F0F0F0;}

.PVHISTT{width:230px;height:170px;overflow:auto;border:1px solid #F0F0F0;background-color:#F9F9F9;padding:10px;text-align:justify;font-family:arial;}
.PVCELE{font-family:arial;text-transform:uppercase;letter-spacing:1px;font-size:11px;margin-top:10px;margin-bottom:5px;}

/*-------------------------------------------------------------------------------
PRESENTATION
-------------------------------------------------------------------------------*/
.FONDPRES{background-color:#E6E0D8;width:500px;padding:10px;}
.FONDHIST{text-align:justify;padding:10px;width:500px;font-family:arial;font-size:12px;
  border-left:10px solid #E6E0D8;border-right:10px solid #E6E0D8;border-radius:20px;;min-height:250px;}
.CARAC{text-align:justify;padding:5px;width:250px;font-family:arial;text-transform:lowercase;background-color:#EDE9DF;border:1px solid #DBD2C7}

.IMGPRES{padding:5px;background-color:#EDE9DF;border:1px solid #DBD2C7}
.IMGPRES1{border-left:10px solid #E6E0D8;border-right:10px solid #E6E0D8;width:500px}
.PRES{text-align:justify;padding:10px;font-size:11px;width:230px;font-family:arial;background-color:#EDE9DF;margin-top:5px;border:1px solid #DBD2C7;height:100px;overflow:auto;}
.FONDAUTRE{text-align:justify;padding:10px;font-size:12px;width:500px;font-family:arial;background-color:#E6E0D8;}
.NOMPRES{font-family: times new roman; font-size: 40px; letter-spacing: -2px; color: #A8BF56; text-shadow: 1px 1px 0px rgb(230, 230, 230); text-transform: lowercase; line-height: 90%;}


F{text-transform:uppercase;font-size:11px;font-weight:bold;}