Devenons amis !

<link href='http://fonts.googleapis.com/css?family=Belleza|Romanesco&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<style>.bloc {margin: auto;  width: 550px; background-color: #FFBFA5; border-top: 3px solid #C84150; border-bottom: 3px solid #C84150; border-radius: 20px 0px 20px 0px; transition: 1s; padding: 10px; color: #C84150;} .bloc:hover {transition: 1s; border-radius: 0px 20px 0px 20px;} .gt {font-family: 'Romanesco', cursive; font-size: 50px; color: #781A4D; text-shadow: 1px 1px 0px #FFE6D7; display: block; border-bottom: 1px dotted #C84150; padding-top: 10px; letter-spacing: 2px; margin-top: -20px;} .pt {font-family: 'Romanesco', cursive; font-size: 30px; color: #781A4D; text-shadow: 1px 1px 0px #FFE6D7; display: block; border-bottom: 1px dotted #C84150; padding-top: 10px; padding-bottom: 10px; letter-spacing: 1px;} .fastnav {font-family: 'Romanesco', cursive; font-size: 20px; color: #781A4D; text-shadow: 1px 1px 0px #FFE6D7; padding-top: 10px; padding-bottom: 10px; letter-spacing: 1px; margin-left: auto; margin-right: auto; text-align: center;} a.fastnav {font-family: 'Romanesco', cursive; font-size: 20px; color: #781A4D!important; text-decoration: none!important; text-shadow: 1px 1px 0px #FFE6D7; padding-top: 10px; padding-bottom: 10px; letter-spacing: 1px; transition: 1s;} a.fastnav:hover {color: #FFE6D7!important; text-shadow: 1px 1px 0px #781A4D; transition: 1s;} .contenu_contexte_dp {color: #711041; font-family: 'Belleza', sans-serif; width: 400px; height: 170px; overflow: auto; text-align: justify; font-size: 12px; margin-left: auto;  margin-right: auto;} .idendité_dp {color: #C84150; font-family: 'Belleza', sans-serif; width : 500px; text-align: justify; font-size: 15px; margin-left : auto; margin-right: auto;} .contenu_dp {color: #711041; font-family: 'Belleza', sans-serif; width: 400px; max-height: 200px; overflow: auto; text-align: justify; font-size: 12px; margin-left: auto; margin-right: auto;} a.excelo {color: #C84150!important; text-decoration: none!important; transition: 1s; font-weight: bold; font-size: 9px;} a.excelo:hover { color: #781A4D!important; transition: 1s; font-weight: bold;}</style>
<div class="bloc"><img src="http://nsm08.casimages.com/img/2014/01/05//14010502554614089111872159.png" style="width: 550px;"><center><span class="gt">Nom du forum</span></center>

<center><span class="pt">Présentation</span></center>

<table><tr><td><img src="https://www.pixenli.com/images/1461/1461362430033725500.jpg" style="border-radius: 60px; padding: 10px;">
<img src="https://www.pixenli.com/images/1461/1461362658003663900.jpg" style="border-radius: 60px; padding: 10px;"></td><td><div class="contenu_contexte_dp"><span style="color: #C84150; font-weight: bold;">❝ Le Contexte ❞</span> • Quidem regiones velut in prominenti terrarum lingua positae ob orbe eoo monte Amano disparantur.Et quia Mesopotamiae tractus omnes crebro inquietari sueti praetenturis et stationibus servabantur agrariis, laevorsum flexo itinere Osdroenae subsederat extimas partes, novum parumque aliquando temptatum commentum adgressus. quod si impetrasset, fulminis modo cuncta vastarat. erat autem quod cogitabat huius modi.Nunc vero inanes flatus quorundam vile esse quicquid extra urbis pomerium nascitur aestimant praeter orbos et caelibes, nec credi potest qua obsequiorum diversitate coluntur homines sine liberis Romae.Nec sane haec sola pernicies orientem diversis cladibus adfligebat. Namque et Isauri, quibus est usitatum saepe pacari saepeque inopinis excursibus cuncta miscere, ex latrociniis occultis et raris, alente inpunitate adulescentem in peius audaciam ad bella gravia proruperunt, diu quidem perduelles spiritus inrequietis motibus erigentes, hac tamen indignitate perciti vehementer, ut iactitabant, quod eorum capiti quidam consortes apud Iconium Pisidiae oppidum in amphitheatrali spectaculo feris praedatricibus obiecti sunt praeter morem.</div>

<center><a href="#" class="fastnav">Contexte</a> • <a href="#" class="fastnav">Staff</a> • <a href="#" class="fastnav">Fiche de pub</a></center></td></tr></table>

<center><span class="pt">Bonjour !</span></center>

<div class="identité_dp">☁  Nom de la personne • "Grade" sur le forum</div> <div class="contenu_dp"> Hey ! Je suis <span style="color: #C84150;">pseudo</span> et je viens vous proposer un partenariat type <span style="color: #C84150;">"Échange de fiche" / "Échange de fiche + Footer" / "Échange de fiche + PA"</span>. J'ai trouvé votre forum sur <span style="color: #C84150;">internet/un top/une publicité/un autre forum.</span>

De notre côté, <span style="color: #C84150;">Nom du forum</span> est un forum type <span style="color: #C84150;">RPG/Publicité/Entraide</span>. Nous avons <span style="color: #C84150;">nombre membres et nombre messages</span>. Une remarque à nous faire ?<span style="color: #C84150;">Si vous voulez dire quelque de plus !</span>.

Merci par avance.</div>

<center><a href="#" class="fastnav" style="font-size: 35px;">Viens nous voir !</a></center>


<center><a href="http://www.never-utopia.com" class="excelo" >Halloween - Never Utopia</a></center></div>