<style>.général {background-image:url('http://i39.servimg.com/u/f39/18/94/63/06/sans_t45.png'); padding: 15px; width: 550px; border-radius: 25px 0px 25px 0px; color: #503636;} .img_intro {border-radius: 100px; width: 100px;} .titre {font-family: lobster; font-size: 26px; text-align: center; color: #348796;} .titre1 {color: #E1685B; font-family: lobster; font-size: 28px; text-align: center;} .titre1:hover {color: #FF6C6C;} .bloc_RP {width: 380px; height: 70px; overflow: auto; padding: 15px; background-color: #EAEAEA; color: #606246; text-align: justify; border-left: 4px solid #188D9F;} .bloc_RP:hover {border-left: 4px solid #E1685B;} .texte_intro {font-weight: bold; font-family: "Archivo Narrow",sans-serif; color: #CAA362;} .liens_mess {font-size: 14px; text-align: center; font-family: 'Archivo Narrow', sans-serif;} .contact {font-family: 'Archivo Narrow', sans-serif; font-size: 18px;} .liste_sujets {background-color: #EAEAEA; width: 400px; text-align: justify; padding: 25px; border-radius: 25px 0px 25px 0px; color: #606246;} .info_importante {font-family: "Archivo Narrow",sans-serif; color: #188D9F;} .lien_RP {font-family: lobster; font-size: 14px;} a.lien_RP {color: #E1685B !important;} .crédits {font-family: 'Lobster', cursive; color: #919191 !important; font-size: 10px; padding: 15px;}</style>
<center><div class="général"><table><tr><td style="padding-right: 15px;"><img src="http://i39.servimg.com/u/f39/18/94/63/06/photo_15.png" class="img_intro"> <img src="http://i39.servimg.com/u/f39/18/94/63/06/photo_16.png" class="img_intro"><br>
<div class="titre">Mes sujets</div>
<center><a href="#" class="liens_mess" style="color: #CAA362 !important;">Présentation</a> ☁ <a href="#" class="liens_mess" style="color: #E1685B !important;">Relations</a></center>
</td>
<td><img src="http://i39.servimg.com/u/f39/18/94/63/06/4e122012.png" style="width: 100px;"></td>
<td style="padding-right: 15px;"><center><div class="titre">Myself</div>
<img src="http://i39.servimg.com/u/f39/18/94/63/06/photo_17.png" style="border: 2px solid #ffffff;">
<span class="contact"><span style="color: #188D9F;">Nom & Prénom</span> <br /><span style="font-size: 16px;"><a href="#" style="color: #E1685B !important;">MP</a> • <span style="color: #CAA362;">Groupe</span> </span></span></center></td></tr></table>
<span class="titre1">Sujets en cours</span>
<div class="liste_sujets"><div class="bloc_RP"><span class="texte_intro">Titre du sujet • Partenaire(s)</span> <a href="#" class="lien_RP">www</a> Résumé | Assyria rexit conditoris multis arbitrium licet opibus primigenia tranquillis nominibus hominum eis quae sunt viribus ex opibus Graecis rexit viribus isdem nominibus arbitrium firmas sunt isdem appellentur et rexit agrestibus quae tranquillis viribus appellentur viribus quam tranquillis primigenia amittunt rexit construxit eis quam rebus quae praesens firmas lingua indiderunt nominibus multis isdem in indiderunt veteres amittunt quae nominibus ex nomina tamen hominum eis rexit isdem construxit urbes conditoris multitudine tranquillis Assyria multis.</div>
<div class="bloc_RP"><span class="texte_intro">Titre du sujet • Partenaire(s)</span> <a href="#" class="lien_RP">www</a> Résumé | Assyria rexit conditoris multis arbitrium licet opibus primigenia tranquillis nominibus hominum eis quae sunt viribus ex opibus Graecis rexit viribus isdem nominibus arbitrium firmas sunt isdem appellentur et rexit agrestibus quae tranquillis viribus appellentur viribus quam tranquillis primigenia amittunt rexit construxit eis quam rebus quae praesens firmas lingua indiderunt nominibus multis isdem in indiderunt veteres amittunt quae nominibus ex nomina tamen hominum eis rexit isdem construxit urbes conditoris multitudine tranquillis Assyria multis.</div></div>
<span class="titre1">Sujets terminés</span>
<div class="liste_sujets"><div class="bloc_RP"><span class="texte_intro">Titre du sujet • Partenaire(s)</span> <a href="#" class="lien_RP">www</a> Résumé | Assyria rexit conditoris multis arbitrium licet opibus primigenia tranquillis nominibus hominum eis quae sunt viribus ex opibus Graecis rexit viribus isdem nominibus arbitrium firmas sunt isdem appellentur et rexit agrestibus quae tranquillis viribus appellentur viribus quam tranquillis primigenia amittunt rexit construxit eis quam rebus quae praesens firmas lingua indiderunt nominibus multis isdem in indiderunt veteres amittunt quae nominibus ex nomina tamen hominum eis rexit isdem construxit urbes conditoris multitudine tranquillis Assyria multis.</div>
<div class="bloc_RP"><span class="texte_intro">Titre du sujet • Partenaire(s)</span> <a href="#" class="lien_RP">www</a> Résumé | Assyria rexit conditoris multis arbitrium licet opibus primigenia tranquillis nominibus hominum eis quae sunt viribus ex opibus Graecis rexit viribus isdem nominibus arbitrium firmas sunt isdem appellentur et rexit agrestibus quae tranquillis viribus appellentur viribus quam tranquillis primigenia amittunt rexit construxit eis quam rebus quae praesens firmas lingua indiderunt nominibus multis isdem in indiderunt veteres amittunt quae nominibus ex nomina tamen hominum eis rexit isdem construxit urbes conditoris multitudine tranquillis Assyria multis.</div></div>
<a href="http://www.never-utopia.com" class="crédits">© Halloween</a>
<img src="http://i39.servimg.com/u/f39/18/94/63/06/shark11.png" style="float: right;">
</div></center>
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow|Permanent+Marker|Playball|Lobster|Courgette' rel='stylesheet' type='text/css'>
