Tarot codage

<style>.tarot {position: relative;height: 210px;}.tarot span img {height: 200px;display: block;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}.tarot span img:hover {height: 400px;display: block;z-index:2;position:relative;top:-70px;}.tarot span {display: inline-block;margin-left: -60px;position: relative;top: 0;vertical-align: top;}</style>

<center><div style="width:570px;min-height:600px;background:url('http://img15.hostingpics.net/pics/466141fondtarot.png');border: 1px solid #cda61e; padding:10px"><div class="titre">Arcane version tarot</div>

<div class="sous_titre">> Arcane majeures</div><div class="tarot"><br><span><img src="http://sd-2.archive-host.com/membres/images/4611703133359751/arcane/Cartes_de_tarot_Ephy/circe_1_tarot.png" alt="Circé 1"></span> <span><img src="http://sd-2.archive-host.com/membres/images/4611703133359751/arcane/Cartes_de_tarot_Ephy/ariez_2_tarot.png" alt="Ariez 2"></span> <span><img src="http://sd-2.archive-host.com/membres/images/4611703133359751/arcane/Cartes_de_tarot_Ephy/ephy_3_tarot.png" alt="Ephy 3"></span> <span><img src="http://sd-2.archive-host.com/membres/images/4611703133359751/arcane/Cartes_de_tarot_Ephy/reyson_4_tarot.png" alt="Reyson 4"></span> <span><img src="http://sd-2.archive-host.com/membres/images/4611703133359751/arcane/Cartes_de_tarot_Ephy/raphael_5_tarot.png" alt="Raphael 5"></span> <span><img src="http://sd-2.archive-host.com/membres/images/4611703133359751/arcane/Cartes_de_tarot_Ephy/freyja_6_tarot.png" alt="Freyja 6"></span></div>

<div class="sous_titre">> Arcane mineures</div><div class="tarot"><br><span><img src="http://sd-2.archive-host.com/membres/images/4611703133359751/arcane/Cartes_de_tarot_Ephy/kate_valet_tarot.png" alt="Kate Valet trefle"></span></div>
</div></center>

<style>.tarot {position: relative;height: 210px;}/*taille des images*/.tarot span img {height: 200px;display: block;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}/*apparence des images au survol de la souris*/.tarot span img:hover {height: 400px;display: block;z-index:2;position:relative;top:-70px;}/*autre*/.tarot span {display: inline-block;margin-left: -60px;position: relative;top: 0;vertical-align: top;}</style>

<center><div style="width:570px;min-height:600px;background:url('IMAGE DE FOND');border: 1px solid #cda61e; padding:10px"><div class="titre">Arcane version tarot</div>

<div class="sous_titre">> Arcane majeures</div><div class="tarot"><br><span><img src="URL IMAGE 1" alt="NOM IMAGE 1"></span> <span><img src="URL IMAGE 2" alt="NOM IMAGE 2"></span> <span><img src="URL IMAGE 3" alt="NOM IMAGE 3"></span> <span><img src="URL IMAGE 4" alt="NOM IMAGE 4"></span></div>

</div></center>