Test en vrac

<link href="https://fonts.googleapis.com/css?family=Anton" rel="stylesheet"><center><div style="width:520px; -webkit-border-radius: 25px;-moz-border-radius: 25px; border-radius: 25px;background-color:#9D886B; box-shadow:0px 0px 10px #73634D; box-shadow: 0px 0px 10px #73634D inset">
<img src="GIF ICI" style="width:465px;-webkit-border-radius: 10px;-moz-border-radius: 10px;  border-radius: 10px; border: 5px solid #E0D1BF;"><br>
<div style="width:450px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius:5px;background-color:#E0D1BF;color:#A87841; text-shadow: 0px 0px 2px #8A6235 ;font-family: 'Anton', sans-serif;font-size:28px;text-align:center; padding:15px">TITRE</div>
<div style="width:450px; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;background-color: #E0D1BF; padding: 15px; font-family:Tahoma; font-size:13px; text-align:justify; color:#A87841">Nec vox accusatoris ulla licet subditicii in his malorum quaerebatur acervis ut saltem specie tenus crimina praescriptis legum committerentur, quod aliquotiens fecere principes saevi: sed quicquid Caesaris implacabilitati sedisset, id velut fas iusque perpensum confestim urgebatur impleri.

Has autem provincias, quas Orontes ambiens amnis imosque pedes Cassii montis illius celsi praetermeans funditur in Parthenium mare, Gnaeus Pompeius superato Tigrane regnis Armeniorum abstractas dicioni Romanae coniunxit.

Excitavit hic ardor milites per municipia plurima, quae isdem conterminant, dispositos et castella, sed quisque serpentes latius pro viribus repellere moliens, nunc globis confertos, aliquotiens et dispersos multitudine superabatur ingenti, quae nata et educata inter editos recurvosque ambitus montium eos ut loca plana persultat et mollia, missilibus obvios eminus lacessens et ululatu truci perterrens.</div><div style="font-size:8px;text-align:center; color:#EBD6B6">Codage par Libella sur [url=http://graphiorum.forumactif.com/]Graphiorum[/url]</div></div></center>

<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet"><div class="titreliens">Lieux</div><div class="tourfiche"><div class="imageliens" style="background-image:url('IMAGE ICI');"><span class="nomprenom">Lieu</span><span class="nomlien">[b][color=#009900]0[/color]/[color=#cc3300]0[/color][/b]</span><div class="descrlien">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue ullamcorper ex, at consectetur augue vestibulum ac. Praesent lacus augue, pretium non urna non, dignissim consectetur massa. Nam a consectetur velit, vel fringilla eros. Aliquam in laoreet ex, sodales viverra risus. Quisque luctus ante et leo tempus dapibus. Vivamus vel elit euismod, fringilla eros in, faucibus sapien. Integer sed fermentum erat, id iaculis turpis. Donec ut ipsum accumsan, sagittis nibh eget, tempus erat. Aenean bibendum euismod leo, in lobortis tellus vulputate at.</div></div></div><div class="exordium">code by EXORDIUM. - images by tumblr</div>

<style>.titreliens {color:black;font-family: 'Roboto Slab', serif;text-transform:uppercase;width:500px;background-color:white;text-align:center;padding:5px;border:1px solid #ddd;margin-bottom:5px;font-size:20px;font-weight:bold;transition:2s;} .titreliens:hover {letter-spacing:6px;} .tourfiche {width:500px;padding:5px;border:1px solid #ddd;background-color:white;} .imageliens {width:500px;height:125px;background-position:center center;background-size:cover;opacity:1;position:relative;overflow:hidden;} .imageliens>span {display:block;width:300px;height:20px;text-align:center;font-family: 'Roboto Slab', serif;text-transform:uppercase;line-height:20px;position:absolute;} .nomprenom {background-color:white;color:black;top:40px;left:100px;font-size:12px;font-weight:bold;letter-spacing:3px;transition:2s;} .nomlien {top:65px;left:100px;color:white;font-size:12px;letter-spacing:5px;text-shadow: 1px 1px 1px #000;transition:2s;} .imageliens:hover>.nomprenom {left:-500px;} .imageliens:hover>.nomlien {left:600px;} .descrlien {width:460px;background-color:white;position:absolute;right:-900px;top:15px;height:85px;transition:2s;line-height:15px;overflow:auto;padding:5px;text-align:justify;color:#999;font-family:arial;font-size:11px;line-height:12px;opacity:0.9;} .imageliens:hover>.descrlien {right:15px;} .exordium {font-family:arial;font-size:8px;color:#aaa;width:500px;text-align:center;margin-top:5px;padding:5px;border:1px solid #ddd;text-transform:uppercase;letter-spacing:2px;background-color:white;}</style>

<div class="tourfiche"><div class="imageliens" style="background-image:url('IMAGE ICI');"><span class="nomprenom">Lieu</span><span class="nomlien">[b][color=#009900]0[/color]/[color=#cc3300]0[/color][/b]</span><div class="descrlien">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed congue ullamcorper ex, at consectetur augue vestibulum ac. Praesent lacus augue, pretium non urna non, dignissim consectetur massa. Nam a consectetur velit, vel fringilla eros. Aliquam in laoreet ex, sodales viverra risus. Quisque luctus ante et leo tempus dapibus. Vivamus vel elit euismod, fringilla eros in, faucibus sapien. Integer sed fermentum erat, id iaculis turpis. Donec ut ipsum accumsan, sagittis nibh eget, tempus erat. Aenean bibendum euismod leo, in lobortis tellus vulputate at.</div></div></div>