<p class="prislibrereserve">Pris/Réservé/<span class=vert>Libre</span></p>
<p class="nom">Nom du personnage</p>
<p class="ombre">Nom du personnage</p>
<p class="feat">feat le nom de l'avatar</p>
<p class="image"><image src="http://www.weplug.com/images_1/b6323a2f601cd55d7a16c7b51bac0c9d20100119032832.png"
<p class="unique">unique</p>
<p class="monde">comme tout le monde quoi</p>
<span class="defaut">
<table>
<tr>
<td>*une qualité</td>
<td>*une qualité</td>
<td>*une qualité</td>
<td>*une qualité</td>
</tr>
<tr>
<td>*un défaut</td>
<td>*un défaut</td>
<td>*un défaut</td>
<td>*un défaut</td>
</tr>
</table>
</span>
<p class="histoire"> histoire </p>
<p class="debut">début . milieu . fin (?) </p>       
        <p class="carre1">
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
blablablablablablablablablablablablablablablablabla
 <p> 
<p class="carre2">
age
occupation
loisir
loisir
loisir
</p>
<p class="liens">Liens</p>
<p class="icone1"><img src="http://i63.servimg.com/u/f63/11/83/42/80/sans_202.png" </p>
<p class="icone2"><img src="http://i40.tinypic.com/346pdgl.png" </p>
<p class="icone3"><img src="http://i42.tinypic.com/fog2tt.png" </p>
<p class="icone4"><img src="http://i42.tinypic.com/jt3uvb.jpg" </p>
<p class=couleur>couleur: couleur
                             

                                odeur: odeur</p>
<select class="roulant1">
<option value="perso1">Rachel Berry</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
</select>
<select class="roulant2">
<option value="perso2">Noah Puckerman</option>
<option value="perso2">blablablablablablabla</option>
<option value="perso2">blablablablablablabla</option>
<option value="perso2">blablablablablablabla</option>
<option value="perso2">blablablablablablabla</option>
<option value="perso2">blablablablablablabla</option>
<option value="perso2">blablablablablablabla</option>
<option value="perso2">blablablablablablabla</option>
<option value="perso2">blablablablablablabla</option>
<option value="perso2">blablablablablablabla</option>
</select>
<select class="roulant3">
<option value="perso1">Quinn Fabray</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
</select>
<select class="roulant4">
<option value="perso1">Blair Waldorf</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
<option value="perso1">blablablablablablabla</option>
</select>
<p class="feat1">
feat le.prénom le.nom </p>

<p class="feat2">
feat le.prénom le.nom </p>

<p class="feat3">
feat le.prénom le.nom </p>

<p class="feat4">
feat le.prénom le.nom </p>

.prislibrereserve
{
border-top: 2px solid black;
borer-left: none;
border-right: none;
border-bottom: 1px solid black;
width: 173px;
height: 23px;
float:right;
text-align: justify;
text-valign: center;
position:relative;
right: 40px;
top: 5px;
font-size: 165%;
font-family:Georgia, serif;
padding-top: 4px;
paddnig-left: 8px;
}


.nom
{
font-style: italic;
font-weiht: bold;
font-size: 41px;
font-family: Garamond, serif;
position:relative;
left: 73px;
top: 47px;
z-index: 1;
}
.ombre
{
font-style: italic;
font-weiht: bold;
font-size: 41px;
font-family: Garamond, serif;
position:relative;
left: 81px;
bottom: 60px;
z-index: 2;
}
.feat
{
font-size: 11px;
float:left;
position:relative;
bottom: 1000px;
left:500px;
}
.image
{
border: 4px double black;
float:right;
position:relative;
bottom: 105px;
right: 15px;
z-index: 1;
}
.unique
{
position:relative;
bottom: 60px;
left: 134px;
font-family: "Bookman Old Style", serif;
font-size: 31px;
letter-spacing: 9px;
}
.monde
{
font-weiht: bold;
font-family: Garamond, serif;
font-size: 18px;
position:relative;
float:left;
bottom: 112px;
left: 60px;
letter-spacing: 5px
}
.defaut
{
float:left;
position:relative;
bottom: 350px;
left: 68px;
}

.histoire
{
float:left;
position:relative;
right: 166px;
bottom: 260px;
font-family: "Bookman Old Style", serif;
font-size: 30px;
letter-spacing: 9px;
}
.debut
{
font-weiht: bold;
font-family: Garamond, serif;
font-size: 18px;
letter-spacing: 5px;
float:left;
position:relative;
bottom: 300px;
right: 210px;
}
.carre1
{
position:relative;
bottom: 290px;
left: 40px;
font-style: italic;
font-size: 108%;
font-family: Georgia, serif;
width: 300px;
}

.carre2
{
border:4px double;
background-color:white;
width: 105px;
height: 105px;
text-align: center;
position:relative;
bottom: 845px;
left: 530px;
z-index: 2;
}
.liens
{
position:relative;
left: 530px;
bottom:870px;
}
.icone1
{
position:relative;
left: 415px;
bottom: 880px;
width: 75px;
height: 75px;
}
.icone2
{
position:relative;
left: 415px;
bottom: 875px;
width: 75px;
height: 75px;
}
.icone3
{
position:relative;
left: 415px;
bottom: 880px;
width: 75px;
height: 75px;
}
.icone4
{
position:relative;
left: 415px;
bottom: 880px;
width: 75px;
height: 75px;
}
.couleur
{
position:relative;
left: 160px;
bottom: 980px;
}
.roulant1
{
position:relative;
left: 524px;
bottom: 1405px;
}
.roulant2
{
position:relative;
left: 524px;
bottom: 1315px;
}
.roulant3
{
position:relative;
left: 524px;
bottom: 1215px;
}
.roulant4
{
position:relative;
left: 524px;
bottom: 1125px;
}
.vert
{
color:#006633;
}
.feat1
{
font-size: 10px;
position:relative;
bottom:1540px;
left: 530px;
}

.feat2
{
font-size: 10px;
position:relative;
bottom:1522px;
left: 530px;
}

.feat3
{
font-size: 10px;
position:relative;
bottom:1492px;
left: 530px;
}

.feat4
{
font-size: 10px;
position:relative;
bottom:1470px;
left: 530px;
}