<style>.creditsNECTA{height: 1px;top: -2px;left: 10px;font-size: 10px;position: relative;} .box_complete{width: 810px;margin:auto;} .cadre_gauche{float:left;width:400px;margin-right:10px;padding-top:1px;color: #888;background:#272727;} .cadre_droite{float:left;width:400px;padding-top:1px;color: #888;background:#272727;} .cadre{text-align:justify;padding:5px; margin:10px;border:1px solid #444;}.cadre_desc{height:300px;overflow:auto;text-align:justify;padding:5px; margin:10px;border:1px solid #444;} .grand_titre {color: #f00;text-transform: uppercase;font-size: 25px;font-weight: bold;height: 23px;padding: 5px 0px 0px 0px;text-align: right;width: 257px;} .miniatures_perso img{width: 100px;height: 100px;margin: 2px;}.miniatures_perso{width:104px;float:left;}  .cadre_info{float:left;} .cadre_info ul{height: 282px;overflow:auto;list-style-type: none;width: 245px;margin: 0px -30px 0px;} .cadre_info li{height: 20px;padding-top: 7px;border-bottom:1px solid #444;} .cadre_info span{color: #444;font-weight:bold;margin-right:10px;} .cadre_histoire{text-align:justify;padding:5px; margin:10px;border:1px solid #444;height:956px;overflow: auto;} .descriptif{color: #f00;font-weight:bold;margin-right:10px;float:left;text-transform:uppercase;font-size:15px;}</style> <div class="box_complete"> <div class="cadre_gauche"> <div class="cadre"> <div class="miniatures_perso"> <img src="#" /> <br/> <img src="#" /> <br/> <img src="#" /> </div> <div class="cadre_info"> <div class="grand_titre">NOM_DU_PERSONNAGE</div> <ul> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> <li><span>INFO :</span> REPONSE_ICI</li> </ul>  </div> <div style="clear:both;"></div> </div> <div class="cadre_desc"><span class="descriptif">Physique :</span> VOTRE_TEXT_ICI <div style="clear:both;"></div> </div> <div class="cadre_desc"><span class="descriptif">Psychologie :</span>  VOTRE_TEXT_ICI<div style="clear:both;"></div> </div> </div> <div class="cadre_droite"> <div class="cadre_histoire"><span class="descriptif">histoire :</span>  VOTRE_TEXT_ICI<div style="clear:both;"></div> </div> </div><div style="clear:both;"></div> <div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div> </div>