<style>.rp1 { margin-left: auto; margin-right: auto;  width: 450px; padding: 50px; -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: rgba(0,0,0,0.2); } .rp1 img { -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); position: relative; -o-transform: rotate(5deg); transform: rotate(5deg); z-index: 1; } .rp1 h1 { display: inline; position: absolute; float: right;  font-size: 25px; font-variant: small-caps; margin: 0; z-index: 2; padding: 5px 10px; background-color: white; -webkit-box-shadow: 0px 0px 3px #222; -moz-box-shadow: 0px 0px 3px #222; -o-box-shadow: 0px 0px 3px #222; box-shadow: 0px 0px 3px #222; margin-left:-400px; margin-top: 80px; -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); transform: rotate(-2deg);  } .rp1 h2 { width: 100%; text-align: center; background-color: rgba(0,0,0,0.2); padding-top: 10px; padding-bottom: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222; margin-top: 30px; font-size: 20px;  }  .rp1 hr { border: 1px solid transparent; -webkit-box-shadow: 0px 0px 2px #222; -moz-box-shadow: 0px 0px 2px #222; -o-box-shadow: 0px 0px 2px #222; box-shadow: 0px 0px 2px #222;  } .rp1 .contenu { width: 80%; padding-left: 10%;  padding-right: 10%; background-color: rgba(255,255,255,0.3); -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;  -webkit-box-shadow: 0px 0px 3px #222; -moz-box-shadow: 0px 0px 3px #222; -o-box-shadow: 0px 0px 3px #222; box-shadow: 0px 0px 3px #222;  padding-top: 25px; padding-bottom: 25px; } .rp1:hover:after { content: 'Shujin © Templactif' !important; position: absolute; margin-top: 50px; margin-left: 200px;  } .rp1 h1, rp1 h2, .rp1 .contenu { color: black; }</style>
<div class="rp1">
<img src="http://lorempixel.com/g/430/100/" /><h1>Pseudo</h1>
<h2>Titre</h2>
<hr />
<div class="contenu">
Contenu
</div>
</div>

<div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -o-border-radius: 20px; -htm-border-radius: 20px; padding: 10px; width: 90%; background: #C9C9C9; border: 2px solid #878787;"><br><br><left><div style="background: #ADB4FF; opacity: 0.7; text-shadow: 1px 1px 2px #DB8C8C; width: auto; height: 50px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -o-border-radius: 20px; -htm-border-radius: 20px; padding: 10px; font-size: 24px;text-transform: uppercase;">Titre<br><div style="font-size: 14px; padding-top: -10px;">Pseudo</div></div></left><br><br>

<div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -o-border-radius: 20px; -htm-border-radius: 20px; padding: 10px; width: 90%; background: #B5DDEB; border: 2px dashed #000000; width: auto; height 50px; opacity: 1;"><br><center><div style="background: #B5DDEB; -moz-border-radius: 20px; padding: 10px; font-size: 12px; text-tansform: lowercase;">CONTENU - ECRIRE ICI</div></div>

<div style="font-size: 12px; color: #00A9B5; text-tansform: lowercase;">Fiche faite par Minitchu | [url=http://templactif.forumgratuit.org]Templactif[/url]</div></div>