<div style="font-family: arial; font-size: 11px; line-height: 11px;"><link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"><style>.backFCH{width: 504px; height: 100%; border: 1px solid #ececec; padding-bottom: 10px; padding-top: 10px;} .infosBOX{background-color: #f6f6f6; border: 1px solid #ececec; width: 115px; height: 100%; font-size: 8.5px; font-family: arial; text-transform: uppercase; text-align: center; color: #242327; margin-top: -7px; transition: .5s; padding-top: 4px; padding-bottom: 4px;} .infosBOX:hover{background-color: #242327; color: #ececec;} .imgFCH{width: 500px; padding: 2px; background: #f6f6f6; border: 1px solid #ececec;} .avaFCH{width: 175px; padding: 2px; border: 1px solid #ececec; background: #f6f6f6;} .nameFCH{font-family: Lobster; font-size: 40px; color: #242327; text-shadow: 0px 0px 2px #ececec;} .txtFCH{width: 257px; height: 250px; overflow: auto; text-align: justify; color: #242327; font-family: arial; background: #f6f6f6; padding: 17px; border: 1px solid #ececec; line-height: 11px; font-size: 11px;} .wanted{font-size: 35px; font-family: Lobster;} .wantedTXT{width: 170px; height: 30px; overflow: auto; background: #f6f6f6; border: 1px solid #ececec; font-family: arial; font-size: 11px; color: #242327; line-height: 11px; padding: 10px;} .credit{font-size: 8px; color: #000000; margin-top: -5px;}</style>
<center><img src="https://31.media.tumblr.com/5bb9f70e16bf8617150aab2fab40b6b6/tumblr_nch7s2P0oV1r2bfn8o1_500.gif" class="imgFCH">
<div style="background-image: url('https://images.freecreatives.com/wp-content/uploads/2016/02/High-Quality-White-Wood-Texture.jpg');" class="backFCH">
<div class="nameFCH">Prénom P. Nom</div>
<table><td><div class="infosBOX">âge</div></td><td><div class="infosBOX">statut civil</div></td><td><div class="infosBOX">travail</div></td><td><div class="infosBOX">avatar</div></td></table>
<div style="margin-top: -11px;"><table><tr><td><img src="https://s-media-cache-ak0.pinimg.com/236x/6d/b8/35/6db8355d0b3e14e27e5bc2ee43329202.jpg" class="avaFCH"></td><td><div class="txtFCH">manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire + manie, tic, anecdote ou bout de l'histoire
N'hésitez pas à mettre beaucoup de texte ou faire plusieurs sauts de ligne, si le texte dépasse la hauteur de la boîte, une scrollbar apparaîtra.</div></td></tr></table></div>
<div style="margin-top: -22px;"><table><tr><td><table><tr><td><div class="wanted" style="color: #916584;">F.</div></td><td><div class="wantedTXT">Lien libre féminin</div></td></tr></table></td><td><table><tr><td><div class="wanted" style="color: #658c91; margin-left: 13px;">H.</div></td><td><div class="wantedTXT">Lien libre masculin</div></td></tr></table></td></tr></table></div></div>
<div class="credit">
HELLOPAINFUL</div></center></div>