<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash|Playball&subset=latin,latin-ext' rel='stylesheet' type='text/css'><style>.fond {margin-left: auto; margin-right : auto; width: 550px; background-color: #DBDBDB;); background-repeat: repeat; border-top:10px solid #3B1F2D; border-bottom: 10px solid #3B1F2D; border-left: 1px solid #3B1F2D; border-right: 1px solid #3B1F2D; border-radius: 0px 0px 10px 10px;  box-shadow: 0px 0px 0px #3B1F2D;}.head {width: 550px; border-bottom: 10px solid #3B1F2D}.titre{transition: 2s ease; display: inline; color: #E6922E; font-family: 'lobster', cursive; font-size: 35px; position: relative; top: -15px}.titre:hover{color: #3A1F2D} .soustitre{font-family: 'lobster', cursive; color: #E6922E; margin-left: auto; margin-right: auto; width: 550px; text-align: center; font-size: 25px; margin-bottom: -5px; transition: 2s ease;} .soustitre:hover{color: #FF6C6C} .bloc{background-color: #EAEAEA; border-left: 2px solid #3B1F2D; border-right: 2px solid #3B1F2D; margin-right: auto; margin-left: auto; width: 500px; padding: 5px; text-align: justify;} .mef1,.mef2,.mef3,.mef4,.mef5,.mef6,.mef7 {color: #C8C6C4;text-shadow: 0px 0px 2px #C8C6C4; transition: 1s;}.mef1:hover {color: #CD3259;text-shadow: 0px 0px 2px #CD3259; }.mef2:hover {color: #E88124;text-shadow: 0px 0px 2px #E88124; }.mef3:hover {color: #EACF15;text-shadow: 0px 0px 2px #EACF15; }.mef4:hover {color: #78CC1C;text-shadow: 0px 0px 2px #78CC1C; }.mef5:hover {color: #35A0B7;text-shadow: 0px 0px 2px #35A0B7; }.mef6:hover {color: #2031C8;text-shadow: 0px 0px 2px #2031C8; }.mef7:hover {color: #C626BA;text-shadow: 0px 0px 2px #C626BA; }.icone{margin: auto; display: inline-block; border-radius: 50px 50px 50px 50px;border-top: 2px solid #3B1F2D; border-bottom: 2px solid #3B1F2D; transition: 2s; }.icone:hover{transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); }.bulle span{position: absolute; top: auto; left: auto; width: 300px ; height: auto; display: none; background-color: #644A52; border-left: 2px solid #E6922E; border-right: 2px solid #3B1F2D; padding: 5px; text-align: justify; color: #A19D99; font-family: times new roman; font-size: 12px; }.bulle:hover span{display: block}</style>

<div class="fond" style="position: relative; "><div style="position: absolute; width: 102px; height: 102px; text-align: center; top: -35px; left: -55px; "><img src="https://openclipart.org/image/2400px/svg_to_png/227918/Video-Game-Controller-Icon.png" class="icone" style="width: 60px; "></div>
<div class="soustitre">Un petit titre trop mimi ici ?</div><div class="bloc">Hello ! Je voudrais...

► [b]Description : [/b]Ici, une petite description du personnage sur l'avatar et sa source. 

► [b]Avatar : [/b]
• [u]images :[/u] <a href="#" style="color: #3B1F2D; font-size: 12px">Lien 1</a>; <a href="#" style="color: #3B1F2D; font-size: 12px">Lien 2</a>; <a href="#" style="color: #3B1F2D; font-size: 12px">Lien 3</a> ...etc → remplacer "#" par votre lien. ♥
(si vous avez des renders de votre perso, je serais joie *u*)
• [u].gif :[/u] <a href="#" style="color: #3B1F2D; font-size: 12px">OUI!</a>
• [u]Couleurs :[/u] Pastels, sombres... dîtes moi! 
• [u]Texte :[/u] une citation? un nom? 

► [b]Signature :[/b]
• [u]images :[/u] <a href="#" style="color: #3B1F2D; font-size: 12px">Lien 1</a>; <a href="#" style="color: #3B1F2D; font-size: 12px">Lien 2</a>; <a href="#" style="color: #3B1F2D; font-size: 12px">Lien 3</a> ...etc → remplacer "#" par votre lien. ♥
(si vous avez des renders de votre perso, je serais joie *u*)
• [u].gif :[/u] <a href="#" style="color: #3B1F2D; font-size: 12px">OUI!</a>
• [u]Couleurs :[/u] Pastels, sombres... dîtes moi! 
• [u]Texte :[/u] une citation? un nom?
• [u]Taille :[/u] 000*000px 

Merci ♥</span></div><br /></div>