Codage fiche de réponse

<style>.général {background-color: #414347; padding: 15px; width: 550px; border-radius: 25px 0px 25px 0px; color: #C2B8B9;} .img_intro {border-radius: 100px; width: 100px;} .titre {font-family: lobster; font-size: 26px; text-align: center; color: #C2B8B9;} .titre1 {color: #C2B8B9; font-family: lobster; font-size: 28px; text-align: center;} .titre1:hover {color: #98A1A1;} .bloc_pres {width: 400px; height: 100px; overflow: auto; padding: 15px; background-color: #EAEAEA; color: #606246; text-align: justify; border-left: 4px solid #606246;} .bloc_pres:hover {border-left: 4px solid #606246;} .texte_intro {font-weight: bold; font-family: "Archivo Narrow",sans-serif; color: #606246;} .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: #606246;} .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="https://i.servimg.com/u/f39/18/47/68/10/riri10.png" class="img_intro" /> <img src="https://i.servimg.com/u/f39/18/47/68/10/loulou10.png" class="img_intro" />
<div class="titre">Nom du sujet</div></td>
<td><img src="https://nsa39.casimages.com/img/2018/12/12/mini_181212045225297456.png" style="width: 100px;" /></td>
<td style="padding-right: 15px;"><div class="titre">With</div>
<center><img src="https://i.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é | 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 veteres veteres praesens appellentur ad amittunt licet ad et amittunt hominum licet non enim opibus viribus nominibus nominibus ex opibus quae quam Graecis agrestibus firmas nomina institutores et. 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 veteres veteres praesens appellentur ad amittunt licet ad et amittunt hominum licet non enim opibus viribus nominibus nominibus ex opibus quae quam Graecis agrestibus firmas nomina institutores et. 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.</div>

<a href="http://www.never-utopia.com" class="crédits"> Halloween</a>



</div></center>

<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow|Permanent+Marker|Playball|Lobster|Courgette' rel='stylesheet' type='text/css' />

<style>.général {background-color: #414347; padding: 15px; width: 550px; border-radius: 25px 0px 25px 0px; color: #C2B8B9;} .img_intro {border-radius: 100px; width: 100px;} .titre {font-family: lobster; font-size: 26px; text-align: center; color: #C2B8B9;} .titre1 {color: #C2B8B9; font-family: lobster; font-size: 28px; text-align: center;} .titre1:hover {color: #98A1A1;} .bloc_pres {width: 400px; height: 100px; overflow: auto; padding: 15px; background-color: #EAEAEA; color: #606246; text-align: justify; border-left: 4px solid #606246;} .bloc_pres:hover {border-left: 4px solid #606246;} .texte_intro {font-weight: bold; font-family: "Archivo Narrow",sans-serif; color: #606246;} .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: #606246;} .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="https://nsa39.casimages.com/img/2018/12/12/mini_181212045225297456.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é | 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 veteres veteres praesens appellentur ad amittunt licet ad et amittunt hominum licet non enim opibus viribus nominibus nominibus ex opibus quae quam Graecis agrestibus firmas nomina institutores et. 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 veteres veteres praesens appellentur ad amittunt licet ad et amittunt hominum licet non enim opibus viribus nominibus nominibus ex opibus quae quam Graecis agrestibus firmas nomina institutores et. 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.</div>

<span class="titre1">" Citation "</span>
<div class="contenu_rp"><div class="mess_interne2">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 veteres veteres praesens appellentur ad amittunt licet ad et amittunt hominum licet non enim opibus viribus nominibus nominibus ex opibus quae quam Graecis agrestibus firmas nomina institutores et. 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 veteres veteres praesens appellentur ad amittunt licet ad et amittunt hominum licet non enim opibus viribus nominibus nominibus ex opibus quae quam Graecis agrestibus firmas nomina institutores et.

<span class="texte_intro" style="padding: 10px;">▬ Dialogue • 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.</span>

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 veteres veteres praesens appellentur ad amittunt licet ad et amittunt hominum licet non enim opibus viribus nominibus nominibus ex opibus quae quam Graecis agrestibus firmas nomina institutores et.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 veteres veteres praesens appellentur ad amittunt licet ad et amittunt hominum licet non enim opibus viribus nominibus nominibus ex opibus quae quam Graecis agrestibus firmas nomina institutores et.</div></div>

<a href="http://www.never-utopia.com" class="crédits"> Halloween</a>



</div></center>

<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow|Permanent+Marker|Playball|Lobster|Courgette' rel='stylesheet' type='text/css'>