Modèle de présentation Obligatoire

    <style>.général {background-color: #DBDBDB; 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: #E6922E; font-family: lobster; font-size: 28px; text-align: center;} .titre1:hover {color: #FF6C6C;} .bloc_pres {width: 400px; height: 100px; overflow: auto; padding: 15px; background-color: #EAEAEA; color: #606246; text-align: justify; border-left: 4px solid #188D9F;} .bloc_pres:hover {border-left: 4px solid #E2922E;} .texte_intro {font-weight: bold; font-family: "Archivo Narrow",sans-serif; color: #67AC46;} .liens_mess {font-size: 14px; text-align: center; font-family: 'Archivo Narrow', sans-serif;} .contact {font-family: 'Archivo Narrow', sans-serif; font-size: 18px;} .contenu_rp {background-color: #EAEAEA; width: 400px; height: 300px; text-align: justify; padding: 25px; border-radius: 25px 0px 25px 0px; color: #606246;} .mess_interne2 {width: 400px; height: 300px; overflow: auto;} .info_importante {font-family: "Archivo Narrow",sans-serif; color: #188D9F;} .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/47/68/10/riri10.png" class="img_intro"> <img src="http://i39.servimg.com/u/f39/18/47/68/10/loulou10.png" class="img_intro">
    <div class="titre">Nom du sujet</div></td>
    <td><img src="http://i39.servimg.com/u/f39/18/47/68/10/goelis10.png" style="width: 100px;"></td>
    <td style="padding-right: 15px;"><div class="titre">With</div>
    <center><img src="http://i39.servimg.com/u/f39/18/47/68/10/2_210.png" style="border: 2px solid #ffffff;">
    <span class="contact"><span style="color: #188D9F;">Milo The Kid</span> <br /><span style="font-size: 16px;"><a href="#" style="color: #E6922E !important;">MP</a> • <span style="color: #48A230;">Groupe</span> </span></span></center></td></tr></table>

    <div class="bloc_pres"><span class="texte_intro">En bref ... •</span> Résumé |Petite description du personnage</div>

    <a href="http://www.never-utopia.com" class="crédits">© Halloween</a>
    <img src="http://i39.servimg.com/u/f39/18/47/68/10/balain10.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'>