<div class="backgroundlien"><div class="fichelien"><div class="nomlien">Prénom & Nom</div><br /><div class="chrislieninfo">Votre Texte c'est ici.</div><div class="chrislientitre1">Caractère & Physique</div><div class="chrislieninfo2">Votre Texte c'est ici.</div><div class="chrislientitre2">Ce qu'il faut savoir sur Prénom</div><div class="chris-photo"><img src="https://i.servimg.com/u/f97/19/89/67/49/sans_t26.jpg" /><div class="chris-photo-src"><strong>Nom:</strong></br>Texte</br><strong>Âge:</strong></br>Texte</br><strong>Date de naissance:</strong></br>Texte</br><strong>Nationalité:</strong></br>Texte</br><strong>Métier:</strong></br>Texte</br><strong>Statut:</strong></br>Texte</br><strong>Maison:</strong></br>Texte</div></div><div class="image1"><img src="http://obsession27.free.fr/boutons/iconcoeurnuage.jpg" /></div><div class="image2"><img src="http://obsession27.free.fr/boutons/iconcoeurnuage.jpg" /></div><div class="image3"><img src="http://obsession27.free.fr/boutons/iconcoeurnuage.jpg" /></div><div class="image4"><img src="http://obsession27.free.fr/boutons/iconcoeurnuage.jpg" /></div><div class="copyright">benficagirl</div></div></div>


<style>.backgroundlien {margin: auto;width: 500px;height: 420px;background: #A6967C;border: 1px solid #;padding: 5px;}.fichelien{margin: 0px auto;width:500px; background: #A6967C;padding: 0 0 15px;}.nomlien {margin-left: 0px; background: #D4BD99; width: 480px; padding: 10px;text-align: center; color: black; font-family: 'Trebuchet MS'; display: inline-block; font-size: 17px; text-transform: none; margin-right: 10px;} .chrislieninfo {float: right; width: 270px; height: 115px; overflow: auto; padding: 10px; margin-right: 0px;margin-top:25px;background: #D4BD99; text-align: justify;}.chrislientitre1 {font-family: 'Script MT'; color: black; font-size: 20px; float:right;margin-right: -225px;}.chrislieninfo2 {float: right; width: 270px; height: 115px; overflow: auto; padding: 10px; margin-right: 0px;margin-top:30px;background: #D4BD99;text-align: justify;}.chrislientitre2 {font-family: 'Script MT'; color: black; font-size: 20px; float:right;margin-right: -250px;margin-top: 5px;}.chris-photo {width: 200px; background: black; vertical-align: top; height: 320px; overflow: hidden;margin-top: 5px;} .chris-photo img {-webkit-filter: grayscale(80%); filter: grayscale(80%); transition: 1s; -webkit-transition: 1s; position: relative; z-index: 1;}.chris-photo-src {position: relative; top: -320px; background: #D4BD99; color: black; text-align: center; font-size: 12px; z-index: 2; padding: 5px; opacity: 0; transition: 1s; -webkit-transition: 1s;}.chris-photo:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: 2s; -webkit-transition: 2s;} .chris-photo:hover .chris-photo-src {opacity: 1; transition: 2s; -webkit-transition: 2s;}.image1 {padding: 5px;border-radius : 15px;margin-top: 0px;margin-right: 400px;float: right;}.image1 img {width: 50px;height: 50px;border: 1px solid black;border-radius : 30px 30px 50px 50px;}.image2 {padding: 5px;border-radius : 15px;margin-top: -61px;margin-left: 160px;float: left;}.image2 img {width: 50px;height: 50px;border: 1px solid black;border-radius : 30px 30px 50px 50px;}.image3 {padding: 5px;border-radius : 15px;margin-top: -61px;margin-right: 150px;float: right;}.image3 img {width: 50px;height: 50px;border: 1px solid black;border-radius : 30px 30px 50px 50px;}.image4 {padding: 5px;border-radius : 15px;margin-top: -62px;margin-right: -180px;float: right;}.image4 img {width: 50px;height: 50px;border: 1px solid black;border-radius : 30px 30px 50px 50px;} .copyright {float: right; font-size: 10px; color: transparent;}</style>

<div class="fichelien"><div class="chris-titrenom">Prénom & Nom</div><div class="chris-lieninfo">text</div><div class="imagelien"><img src="http://obsession27.free.fr/boutons/iconcoeurnuage.jpg" />  </div></div>

<style>a{text-decoration:none!important;}.fichelien{margin: 0px auto;width:500px;background: #;padding: 0 0 15px;}.imagelien {padding: 5px;border-radius : 15px;margin-top: 0px;margin-right: 0px;float:left;}.imagelien img {width: 150px;height: 61px;border: 1px solid black;border-radius : 30px 30px 50px 50px; margin-top: 10px;}.chris-titrenom {font-family: 'Script MT'; color: black; font-size: 20px; float:right;margin-right: 170px;margin-top: 5px;}.chris-lieninfo {float: right; width: 300px; height: 51px; overflow: auto; padding: 10px; margin-right: 0px;margin-top:10px;background: #A6967C;}</style>

<div class="fichelien"><div class="chris-titrenom">Prénom & Nom</div><div class="chris-lieninfo">text</div><div class="imagelien"><img src="http://obsession27.free.fr/boutons/iconcoeurnuage.jpg" />  </div></div>

</div>