<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
.tabc { background-color: #f5f5f5; width: 210px; height:30px; font-family: 'Lobster', cursive;; font-size: 20px; color: #7db4bd; text-align: center; line-height: 30px; overflow:auto; -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; margin-left:0px; }
.tabc:hover { background-color: #f5f5f5; width: 210px; height:160px; font-family: 'Lobster', cursive; font-size: 20px; color: #7db4bd; text-align: center; line-height: 30px; -moz-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; }
.color{
width: 210px;
height: 150px;
background-color:#f5f5f5;}
.shipbox {
height:300px;
width:180px;
background-color:#f5f5f5;
padding:10px;
font-family:trebuchet ms;
font-size:10px;
line-height:9px;
text-align:justify;}
.shipimg {
height: 300px;
width: 200px;
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;
opacity: 0.8;}
.shipimg:hover {
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;}
.shiptext {
height: 300px;
width: 200px;
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;
opacity: 0;}
.shiptext:hover {
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;
opacity: 0.85;}
.titre1{
font-size: 35px;
color: #7db4bd;
text-align: center;
font-family: 'Lobster', cursive;
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;}
.titre{
font-size: 35px;
color: #7db4bd;
text-align: center;
font-family: 'Lobster', cursive;
-webkit-transition: .4s ease-in-out opacity;
-moz-transition: .4s ease-in-out opacity;
-o-transition: .4s ease-in-out opacity;
transition: .4s ease-in-out opacity;}
.box {
width: 413px;
height: 200px;
font-family:trebuchet ms;
font-size:11px;
line-height:9px;
text-align:justify;
padding: 10px;
overflow: auto;
-o-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
background-color:#f5f5f5;}
</style>
</head>
<BODY>
<center><div style="width: 450px; height: 640px; padding: 0px; border-left: 10px solid #7db4bd; border-right: 10px solid #7db4bd;"><div class="titre1" style="background-color:#f5f5f5; width: 414px; padding: 10px; margin-top:5px;">
prénom prénom nom</div>
<table><td valign="top"><div style="width: 200px; height: 320px; padding: 10px; background-color: #f5f5f5"><div class="shipimg"><div style="width:200px; height:320px; background-image:url(http://img828.imageshack.us/img828/2613/ah3.png);"><div class="shiptext"><div class="shipbox"><div style="height:280px; width:180px; overflow:auto; color:#000" class="shiptextscroll"><div class="titre"></br>lien à ajouté</div></br></br>
vos lien à ajoutés
</div>
</div>
</div></div>
</div></td>
<td valign="top"><div class="tabc">biographie<div style="padding: 10px 10px 10px 10px"><div style="width: 180px; height: 270px; font-family: times; font-size: 12px; line-height: 13px; text-align: justify; font-family:trebuchet ms; color: grey;">
histoire de votre personnage
<br></div></div></div>
<div class="tabc">personnalité<div style="padding: 10px 10px 10px 10px"><div style="width: 180px; height: 270px; font-family: times; font-size: 12px; line-height: 13px; text-align: justify; font-family:trebuchet ms; color: grey;">
le caractère du votre personnage
<br></div></div></div>
<div class="color"><center><div style="width:170; padding:20px; font-family: 'Lobster', cursive;font-size:17px; color:#7db4bd; text-align: justify;">passez votre souris sur les titres «personalité» et «biographie» pour en connaitre plus sur la belle blonde
<center><span style="font-size: 9px;">(c) fiche par ocean lounge</span></center></div>
<center></center></td></table><div class="box"><div class="titre">ce que je recherche</div></br></br>
<b>TYPE DE LIEN (F) ❥❥</b> description</br></br>
<b>TYPE DE LIEN (F) ❥❥</b> description</br></br>
<b>TYPE DE LIEN (F) ❥❥</b> description</br></br>
<b>TYPE DE LIEN (F) ❥❥</b> description</br></br>
<b>TYPE DE LIEN (F) ❥❥</b> description</br></br>
</br></div></br></center>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
</BODY>
</html>
Accueil
