Modèle de fiche de présentation

<link href='http://fonts.googleapis.com/css?family=Handlee|Josefin+Sans' rel='stylesheet' type='text/css'><center><style type="text/css">div#cadre_prez_ext{padding: 5px 30px; width: 550px; height: 930px; background-image:url(http://www.line2soft.net/textures/05-bois/YToyOntzOjE6Im4iO3M6NjoiQm9pcyAyIjtzOjE6ImEiO3M6MToiMSI7fQ==.jpg); border-top: dashed 2px #417324; border-bottom: dashed 2px #417324; border-left:dashed 2px #417324; border-right: dashed 2px #417324; box-shadow: 1px 0px 10px; padding: 0px 20px;} span#titre_prez{font-family: Handlee; font-size: 40px; color: #1D702D; text-shadow: 0px 0px 3px; }span#titre_prez:hover{transition-property: letter-spacing, color; -o-transition-duration: 2s; webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; letter-spacing: 4px; color: #FE9C03; } img#avatar_prez{width: 230px; border-top-left-radius: 40px; border-bottom-right-radius: 40px; border-top: dotted 2px #FE9C03; border-bottom: dotted 2px #FE9C03; border-left: solid 2px #FE9C03; border-right: solid 2px #FE9C03; float: left; -webkit-filter: grayscale(0); filter: grayscale(0); } img#avatar_prez:hover{transition-property: -webkit-filter, filter; -o-transition-duration: 2s; webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; -webkit-filter: grayscale(1); filter: grayscale(1);} div#cadre_caracteristique{width: 300px; height:150px; overflow: auto; border-left: solid 3px #FE9C03; border-right: solid 3px #FE9C03; box-shadow: 0px 0px 10px; background-color: #ffffff; color: #FFBD4F; text-shadow: 0px 0px 2px; font-family: Josefin Sans; font-size: 18px; overflow: auto;} div#cadre_caracteristique:hover{transition-property: border-right, border-left, color; -o-transition-duration: 2s; webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; border-left: solid 3px #AEEE00; border-right: solid 3px #AEEE00; color: #96CA2D;} span#titre_physique{float: left; font-family: Handlee; font-size: 30px;  color: #036635;} span#titre_physique:hover{transition-property: text-shadow, color; -o-transition-duration: 2s; webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; color: #F9A41E; text-shadow: 0px 0px 3px;} span#titre_caractere{float: right; font-family: Handlee; font-size: 30px;  color: #036635;} span#titre_caractere:hover{transition-property: text-shadow, color; -o-transition-duration: 2s; webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; color: #F9A41E; text-shadow: 0px 0px 3px;} div#cadre_physique{padding: 2px 2px; width: 260px; height: 120px; overflow: auto; background-color: #ffffff; border-left: solid 3px #FE9C03; border-right: solid 3px #FE9C03; font-family: Josefin Sans; font-size: 18px; color: #FFBD4F; text-shadow: 0px 0px 2px; float: left;} div#cadre_physique:hover{transition-property: border-right, border-left, color; -o-transition-duration: 2s; webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; border-left: solid 3px #AEEE00; border-right: solid 3px #AEEE00; color: #96CA2D;} div#cadre_caractere{padding: 2px 2px; width: 260px; height: 120px; overflow: auto; background-color: #ffffff; border-left: solid 3px #FE9C03; border-right: solid 3px #FE9C03; font-family: Josefin Sans; font-size: 18px; color: #FFBD4F; text-shadow: 0px 0px 2px; float: right;} div#cadre_caractere:hover{transition-property: border-right, border-left, color;-o-transition-duration: 2s; webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s;  border-left: solid 3px #AEEE00; border-right: solid 3px #AEEE00; color: #96CA2D;} span#histoire{font-family: Handlee; font-size: 30px;} span#histoire:hover{transition-property: color, text-shadow; -o-transition-duration: 2s; webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; color: #1D702D; text-shadow: 0px 0px 3px;} div#cadre_histoire{padding: 2px 2px; width: 460px; height: 160px; overflow: auto; background-color: #ffffff; border-left: solid 3px #FE9C03; border-right: solid 3px #FE9C03; font-family: Josefin Sans; font-size: 18px; color: #FFBD4F; text-shadow: 0px 0px 2px;} div#cadre_histoire:hover{transition-property: border-left, border-right, color; -o-transition-duration: 2s; webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; border-left: solid 3px #AEEE00; border-right: solid 3px #AEEE00; color: #96CA2D; } span#titre_derriere{font-family: Handlee; font-size: 30px;} span#titre_derriere:hover{transition-property: color; text-shadow; -o-transition-duration: 2s; webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; color: #1D702D; text-shadow: 0px 0px 3px;} div#cadre_derriere{padding: 2px 2px; width: 460px; height: 160px; overflow: auto; background-color: #ffffff; border-left: solid 3px #FE9C03; border-right: solid 3px #FE9C03; font-family: Josefin Sans; font-size: 22px; color: #FFBD4F; text-shadow: 0px 0px 2px;} div#cadre_derriere:hover{transition-property: border-left, border-right, color; -o-transition-duration: 2s; webkit-transition-duration: 2s; -moz-transition-duration: 2s; transition-duration: 2s; border-left: solid 3px #AEEE00; border-right: solid 3px #AEEE00; color: #96CA2D; }</style>
<div id="cadre_prez_ext"><br /><span id="titre_prez">Nom du perso</span>
<br /><br /><img id="avatar_prez" src="http://images.forwallpaper.com/files/thumbs/preview/63/634996__wallpaper-scenery-green-nature_p.jpg"><div id="cadre_caracteristique"><br />Je m'appelle <span style="color: #535416;">"NOM"</span>, j'ai <span style="color: #535416;">"ÂGE"</span> et je suis un(e) <span style="color:#535416;">"PARENT DIVIN"</span> qui aime les <span style="color: #535416;">"ORIENTATION SEXUELLE"</span>. J'appartient à l'île <span style="color: #535416">NOM DE L'ÎLE</span>
Je peux <span style="color: #535416;">"POUVOIR"</span>. </div>
<div id="cadre_caractere"> Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère- Caractère</div>

<br /><br /><br /><span id="histoire">Histoire</span>
<br /><div id="cadre_histoire">Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-Histoire Ici-</div>
<br /><span id="titre_derriere">Derrière l'écran</span>
<br /><div id="cadre_derriere"><br />Je m'appelle <span style="color: #535416;">"Prénom"</span>.<br /> J'ai <span style="color: #535416; ">"ton âge"</span>.<br /> J'utilise le perso <span style="color: #535416;" >"nom du personnage utilisé"</span>. <br />J'ai découvert le forum grâce <span style="color: #535416;">"source"</span>. <br />Les codes du règlement sont <span style="color: #535416;">"codes"</span></div>
<br />(c) <a href="http://never-utopia.com">Klemmeria</a>
</div></center>