#Fiche liste Rps

<link href="https://fonts.googleapis.com/css?family=Dorsa" rel="stylesheet"><style>.bp_psts3, [class*=b_psts3]{ border: 6px solid #282A2E;} .cinq_bot_b_psts3{border-top: 1px solid #282A2E; border-right: none; border-bottom: none; border-left: none;} .bp_psts3{width: 402px; height: 402px; margin: auto; color: #F3CAA1; font-size: 13px; font-family: 'Arial Narrow', Arial; text-align: justify; line-height: 14px;} .credit_psts3{width: 402px; margin: auto; color: #282A2E; font-size: 10px; font-family: 'Arial Narrow', Arial; line-height: 10px; text-transform: uppercase; font-variant: small-caps; text-align: right;} [class*=b_psts3]{display: inline-block; filter: grayscale(40%);} .principalb_psts3{width: 266px; height: 266px; border: none;} .inprinc_psts3, [class*=_in_psts3]{width: 206px; height: 206px; background: rgba(40, 42, 46, 0.7); padding: 30px; overflow: auto; opacity: 0;} .inprinc_psts3:hover{opacity: 1;} .couleur_psts3, .titre_psts3{color: #FF6A5C; font-family: 'Dorsa'; font-weight: bold; letter-spacing: 2px; text-transform: lowercase;} .couleur_psts3{ font-size: 18px; line-height: 14px;} .titre_psts3{display: block; font-size: 30px; text-align: center; line-height: 22px; margin-bottom: 5px;} [class*=_b_psts3]{width: 130px; height: 130px;} [class*=top_b_psts3]{border-top: none; border-right: none; float: right;} [class*=bot_b_psts3]{border-bottom: none; border-left: none; float: left;} [class*=_in_psts3]{display: none; margin-left: -272px; opacity: 1; position: relative; z-index: 50;} .un_top_b_psts3:hover .un_in_psts3, .un_in_psts3:hover{display: block;} .deux_top_b_psts3{margin-top: -130px;} .deux_in_psts3{ margin-top: -136px;} .deux_top_b_psts3:hover .deux_in_psts3, .deux_in_psts3:hover{display: block;} .cinq_in_psts3{ background: none; margin-top: -273px; padding-top: 33px; overflow: hidden; color: #282A2E; font-size: 14px; text-align: center; line-height: 45px;} .cinq_bot_b_psts3:hover .cinq_in_psts3{display: block;} [class*=_car_psts3]{width: 100px; height: 45px; background: rgba(243, 202, 161, 0.9); margin-bottom: 6px;} .left_car_psts3{float: left;} .right_car_psts3{float: right;} .trois_bot_b_psts3{ margin-top: 0px;} .quatre_bot_b_psts3{position: relative; top: -6px;}</style>

<div class="bp_psts3"><!--IMAGE PRINCIPALE--><div class="principalb_psts3" style="background: url('http://tinyurl.com/yac63ehy'); background-position: 50% 20%; background-size: cover;"> <div class="inprinc_psts3"><!--

--><span class="titre_psts3"><!--NOM DU PERSONNAGE-->Prénom Nom</span> <!--INFOS SUR LE PERSONNAGE-->Le personnage, son caractère, son histoire, sa chrono, des faits sur lui, tout ce que vous voulez. Le personnage, son caractère, son histoire, sa chrono, des faits sur lui, tout ce que vous voulez. Le personnage, son caractère, son histoire, sa chrono, des faits sur lui, tout ce que vous voulez. Le personnage, son caractère, son histoire, sa chrono, des faits sur lui, tout ce que vous voulez. Le personnage, son caractère, son histoire, sa chrono, des faits sur lui, tout ce que vous voulez. </div> </div><!--


--><!--IMAGE DU HAUT 1--><div class="un_top_b_psts3" style="background: url('http://tinyurl.com/yayvzm67'); background-position: 50% 70%; background-size: cover;"> <div class="un_in_psts3"><!--


--><!--LIENS RECHERCHÉS--> <span class="titre_psts3">I'm searching for friends</span>
<span class="couleur_psts3">† (m/f) Relation :</span> La relation en quelques mots. La relation en quelques mots. La relation en quelques mots.<br/><br/> <span class="couleur_psts3">† (m/f) Relation :</span> La relation en quelques mots. La relation en quelques mots. La relation en quelques mots.
</div> </div><!--


--><!--IMAGE DU HAUT 2--><div class="deux_top_b_psts3" style="background: url('http://tinyurl.com/y9rufd8p'); background-position: 50% 70%; background-size: cover;"> <div class="deux_in_psts3"><!--LISTING DES RPS--> <span class="titre_psts3">I've lived a thousand times</span><center>† uc : en cours † f : fini † a : abandonné †</center>
<a href=""><span class="couleur_psts3">† (uc) titre</span></a>, avec partenaires (date)
<a href=""><span class="couleur_psts3">† (uc) titre</span></a>, avec partenaires (date)

<a href=""><span class="couleur_psts3">† (f) titre</span></a>, avec partenaires (date)
<a href=""><span class="couleur_psts3">† (f) titre</span></a>, avec partenaires (date)

<a href=""><span class="couleur_psts3">† (a) titre</span></a>, avec partenaires (date)
<a href=""><span class="couleur_psts3">† (a) titre</span></a>, avec partenaires (date) </div> </div><!--


--><!--IMAGE DU BAS GAUCHE--><div class="trois_bot_b_psts3" style="background: url('http://tinyurl.com/y7ptoadj'); background-position: 50% 40%; background-size: cover;"> </div><!--


--><!--IMAGE DU BAS MILIEU--><div class="quatre_bot_b_psts3" style="background: url('http://tinyurl.com/y7scax24'); background-position: 50% 70%; background-size: cover;"> </div><!--


--><!--IMAGE DU BAS DROIT--><div class="cinq_bot_b_psts3" style="background: url('http://tinyurl.com/ybpbb4hg'); background-position: 50% 50%; background-size: cover;"> <div class="cinq_in_psts3"> <div class="left_car_psts3"><!--ADJECTIF-->Qualité </div> <div class="right_car_psts3"><!--ADJECTIF-->Défaut </div> <div class="left_car_psts3"><!--ADJECTIF-->Qualité </div> <div class="right_car_psts3"><!--ADJECTIF-->Défaut </div> <div class="left_car_psts3"><!--ADJECTIF-->Qualité </div> <div class="right_car_psts3"><!--ADJECTIF-->Défaut </div> <div class="left_car_psts3"><!--ADJECTIF-->Qualité </div> <div class="right_car_psts3"><!--ADJECTIF-->Défaut </div> </div> </div></div><div class="credit_psts3">☾ anesidora</div>

<link href="https://fonts.googleapis.com/css?family=Dorsa" rel="stylesheet"><style>[class*=bp_lits3]{width: 306px; height: 320px; margin: auto; border: 6px solid #282A2E;}.bot_bp_lits3{border-top: none;}.gaucheb_lits3{display: inline-block;width: 200px; height: 320px; filter: grayscale(100%);}.colonne_lits3{width: 106px; height: 320px; float: right;}[class*=_b_lits3]{display: inline-block;width: 100px; height: 58px; border-left: 6px solid #282A2E; border-bottom: 6px solid #282A2E; float: right;}.un_b_lits3:hover .un_in_lits3, .deux_b_lits3:hover .deux_in_lits3, .trois_b_lits3:hover .trois_in_lits3, .quatre_b_lits3:hover .quatre_in_lits3, .cinq_b_lits3:hover .cinq_in_lits3{display: block;}.un_b_lits3{border-top: 3px solid #282A2E;}.un_in_lits3{ margin-top: -3px;}.deux_b_lits3{}.deux_in_lits3{margin-top: -67px;}.trois_b_lits3{}.trois_in_lits3{margin-top: -131px;}.quatre_b_lits3{}.quatre_in_lits3{margin-top: -195px;}.cinq_b_lits3{border-bottom: 3px solid #282A2E;}.cinq_in_lits3{margin-top: -259px;}[class*=_in_lits3]{display: none;width: 150px; height: 270px; background: rgba(120, 45, 45, 0.7); margin-left: -206px; padding: 25px; overflow: auto; position: relative; z-index: 50; color: #F3CAA1; font-size: 13px; font-family: 'Arial Narrow', Arial; text-align: justify; line-height: 14px;}.credits_lits3{width: 318px; margin: auto; color: #282A2E; font-size: 10px; font-family: 'Arial Narrow', Arial; line-height: 10px; text-transform: uppercase; font-variant: small-caps; text-align: right;}.titre_lits3{display: block; color: #17181A; font-family: 'Dorsa'; font-weight: bold; letter-spacing: 2px; text-transform: lowercase; font-size: 30px; text-align: center; line-height: 22px; margin-bottom: 5px;}st{display: block; font-size: 11px; font-family: calibri; text-align: center; text-transform: lowercase; font-variant: small-caps; line-height:11px;}</style>

<!-----DEBUT DE LA LIGNE-----><div class="bp_lits3"> <div class="gaucheb_lits3" style="background: url('http://i.imgbox.com/2MiG0Tn9.png'); background-position: 50% 50%; background-size: 102% 102%;"> </div> <div class="colonne_lits3"><!--

--><div class="un_b_lits3" style="background: url('https://i.imgbox.com/ieggQAjy.png'); background-position: 50% 30%; background-size: cover;"> <div class="un_in_lits3"> <div class="titre_lits3">prénom nom</div> <st>relation</st>
Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots.
<st>vignette by lilousilver</st> </div></div><!--

--><div class="deux_b_lits3" style="background: url('https://i.imgbox.com/xxB7plyq.png'); background-position: 50% 40%; background-size: cover;"> <div class="deux_in_lits3"><div class="titre_lits3">prénom nom</div> <st>relation</st>
Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots.
<st>vignette by little liars</st> </div> </div><!--

--><div class="trois_b_lits3" style="background: url('http://zupimages.net/up/17/27/22nh.png'); background-position: 50% 15%; background-size: cover;"> <div class="trois_in_lits3"> <div class="titre_lits3">prénom nom</div> <st>relation</st>
Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots.
<st>vignette by alaska</st> </div> </div><!--

--><div class="quatre_b_lits3" style="background: url('http://tinyurl.com/y7g6ka4x'); background-position: 50% 15%; background-size: cover;"> <div class="quatre_in_lits3"><div class="titre_lits3">prénom nom</div> <st>relation</st>
Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots.
<st>vignette by anesidora</st> </div> </div><!--

--><div class="cinq_b_lits3" style="background: url('https://i.imgbox.com/E5O6Uv9q.png'); background-position: 50% 30%; background-size: cover;"> <div class="cinq_in_lits3"><div class="titre_lits3">prénom nom</div> <st>relation</st>
Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots.
<st>vignette by little bonnie</st> </div> </div> </div></div><!-----FIN DE LA LIGNE-----><div class="credits_lits3">☾ anesidora</div>

<!-----DEBUT DE LA LIGNE-----><div class="bot_bp_lits3"> <div class="gaucheb_lits3" style="background: url('http://i.imgbox.com/2MiG0Tn9.png'); background-position: 50% 50%; background-size: 102% 102%;"> </div> <div class="colonne_lits3"><!--

--><div class="un_b_lits3" style="background: url('https://i.imgbox.com/ieggQAjy.png'); background-position: 50% 30%; background-size: cover;"> <div class="un_in_lits3"> <div class="titre_lits3">prénom nom</div> <st>relation</st>
Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots.
<st>vignette by lilousilver</st> </div></div><!--

--><div class="deux_b_lits3" style="background: url('https://i.imgbox.com/xxB7plyq.png'); background-position: 50% 40%; background-size: cover;"> <div class="deux_in_lits3"><div class="titre_lits3">prénom nom</div> <st>relation</st>
Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots.
<st>vignette by little liars</st> </div> </div><!--

--><div class="trois_b_lits3" style="background: url('http://zupimages.net/up/17/27/22nh.png'); background-position: 50% 15%; background-size: cover;"> <div class="trois_in_lits3"> <div class="titre_lits3">prénom nom</div> <st>relation</st>
Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots.
<st>vignette by alaska</st> </div> </div><!--

--><div class="quatre_b_lits3" style="background: url('http://tinyurl.com/y7g6ka4x'); background-position: 50% 15%; background-size: cover;"> <div class="quatre_in_lits3"><div class="titre_lits3">prénom nom</div> <st>relation</st>
Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots.
<st>vignette by anesodira</st> </div> </div><!--

--><div class="cinq_b_lits3" style="background: url('https://i.imgbox.com/E5O6Uv9q.png'); background-position: 50% 30%; background-size: cover;"> <div class="cinq_in_lits3"><div class="titre_lits3">prénom nom</div> <st>relation</st>
Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots. Relation en quelques mots.
<st>vignette by little bonnie</st> </div> </div> </div></div><!-----FIN DE LA LIGNE----->