<link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"><style> .box_du_ls{width:780px;position:relative;}  a:link{text-decoration:none !important}  .baretteB{border-left: 1px solid #f00;height: 10px;position: relative;top: -23px;left: 60px;} .baretteH{position: relative;top: 8px;left: 60px;border-left: 1px solid #f00;height: 10px;} .boite2{width:740px;margin:auto;} .boitecomplete{height: 150px;background-color: #272727;text-align:justify;padding: 0px 0px 10px 8px;float: left; width: 162px;margin: 2px;} .BOXinfo{background-color: #272727;height:751px;}  .colonneKD a.EC{ display: block; padding: 3px 5px;margin-bottom: 5px;border-left: 5px solid #31374c;width: 220px;} .colonneKD a.ARC{display: block;padding: 4px 5px;margin-bottom: 5px;border-left: 5px solid #4a0b0b;} .COLOLIENS{width:190px;margin-right: 5px;} .COLOLIENS a{display: inline-block;;background-color:#313131;height:50px;width:50px;color:#ffffff69;text-align:center;margin: 5px;padding-top: 17px;text-transform: uppercase;font-size: 11px;} .CinfosK{border: 1px solid #cccccc3b;margin:10px;padding:5px;height: 378px;} .colonneKU{float:left;width:185px;height:366px;} .colonneKD{float:left; width: 488px;height: 366px;} .creditsNECTA{font-size: 10px;position: absolute;margin: -5px 0px 0px 15px;font-family: Roboto, sans-serif;}  .dateETtextesH{height:80px;} .dateETtextesB{height:62px;margin-top: 8px;} .dateEH{color: #f00;font-style: italic;font-size: 12px;text-align: center;margin-top: -5px;} .dateEB{color: #f00;font-style: italic;font-size: 12px;text-align: center;margin-top: -15px;margin-bottom: 4px;}  .date1, .date2, .date3, .date4, .date5, .date6, .date7, .date8, .date9, .date10{background-color: #232323; border: 1px solid #cccccc3b;color: #ffffff57;width: 100px;height: 50px;padding: 12px 6px 6px 6px;font-size: 12px;text-align: center;line-height: 14px;} .Dposition1{position: relative;height:1px;width:1px;} .Dposition2{position: relative;height:1px;width:1px;left:70px;}  .Dposition3{position: relative;height:1px;width:1px;left:120px;top:-1px;}  .Dposition4{position: relative;height:1px;width:1px;left:190px;top:-1px;}  .Dposition5{position: relative;height:1px;width:1px;left:240px;top:-1px;} .Dposition6{position: relative;height:1px;width:1px;left:310px;top:-2px;} .Dposition7{position: relative;height:1px;width:1px;left:360px;top:-2px;} .Dposition8{position: relative;height:1px;width:1px;left:430px;top:-3px;} .Dposition9{position: relative;height:1px;width:1px;left:480px;top:-3px;} .Dposition10{position: relative;height:1px;width:1px;left:550px;top:-4px;}  .flechetteK{position:relative;top:0px;left:70px;} .flechetteS{position:relative;top:0px;left:250px;} .flechetteF{position:relative;top:0px;left:430px;} .flechetteV{position:relative;top:0px;left:610px;} .FICHEDESPERSOS{font-family: abel;width:705px;margin:0px auto 15px;} .frise{background:#272727;width:665px;padding: 8px 20px;}  .infosK{width: 705px;height: 0px;margin-top:-16px;transition: 0.2s ease-in-out;overflow:hidden;} .infosS{margin-bottom:8px;width: 705px;height: 0px;margin-left:-178px;margin-top:-16px;transition: 0.2s ease-in-out;overflow:hidden;} .infosF{margin-bottom:8px;width: 705px;height: 0px;margin-left:-356px;margin-top:-16px;transition: 0.2s ease-in-out;overflow:hidden;} .infosV{margin-bottom:8px;width: 705px;height: 0px;margin-left:-534px;margin-top:-16px;transition: 0.2s ease-in-out;overflow:hidden;} .infosPERSO{width:180px;height:306px;overflow: hidden;} .infosPERSO ul{width: 180px; margin: 0px !important;} .infosPERSO li{list-style-type: none;border-bottom: 1px solid #ffffff0d;color:#565656;text-align: justify;padding: 4px 0px;} .infosPERSO li span{color: #ffffff61;font-size: 13px;text-transform: uppercase;font-weight: bold;width: 80px;display: inline-block;} .LISTESRP{height:400px;margin-top:2px;width:715px;} .lien1{height: 142px;color: #8a8a8a;font-size: 11px;border: 1px solid #cccccc3b; padding:5px;} .lien1 a{display: block;font-size: 15px;font-weight: bold; text-align: center;text-transform: uppercase;font-family: abel;color: #ffffff5c;} .lien1 span{display: block;text-align: center;color: #f00;font-style: italic;font-size: 10px;margin-top: -5px;} .MESPERSOS{ min-height: 345px;} .MESPERSOS img.avatars{width:170px;}  .NOMPERSOS{font-size:10px;text-align: center;letter-spacing: 3px;width:780px;} .NOMK{width: 170px;background-color: #afd2f5;padding: 10px 0px;color: #fff;text-transform: uppercase;float:left;margin-right: 8px;margin-top: 2px;} .NOMS{margin-bottom:6px;width: 170px;background-color: #bb6262;padding: 10px 0px;color: #fff;text-transform: uppercase;float:left;margin-right: 8px;margin-top: 2px;} .NOMF{width: 170px;background-color: #afd2f5;padding: 10px 0px;color: #fff;text-transform: uppercase;float:left;margin-right: 8px;margin-top: 2px;} .NOMV{margin-bottom:6px;width: 170px;background-color: #e8d07c;padding: 10px 0px;color: #fff;text-transform: uppercase;float:left;margin-top: 2px;} .NAMEINFOS{padding-top: 13px;color: #f00;margin-left: 12px;font-size: 45px; text-transform: uppercase} .RPK{float:left;width:236px;margin-left:8px;margin-top: 15px; overflow:auto; height:280px;} .perso1:hover .infosK{height:781px;transition: 0.5s ease-in-out;} .perso1{float:left;width:170px;z-index:10;} .perso3{float:left;width:170px;z-index:30;margin-left: 8px;} .perso3:hover .infosF{height:781px;transition: 0.5s ease-in-out;} .perso2{float:left;width:170px;z-index:20;margin-left:8px;} .perso2:hover .infosS{height:781px;transition: 0.5s ease-in-out;} .perso4{float:left;width:170px;z-index:40;margin-left:8px;} .perso4:hover .infosV{height:781px;transition: 0.5s ease-in-out;} .textrela{padding: 10px;line-height: 13px;height:102px; overflow:auto;} .txtH{height: 40px;overflow: auto;line-height:10px;} .timeline{border-bottom:8px solid #f00;width:100%;}    </style> <div class="FICHEDESPERSOS">  <div class="NOMPERSOS"> <div class="NOMK">NOM_PERSO_1</div> <div class="NOMS">NOM_PERSO_2</div> <div class="NOMF">NOM_PERSO_3</div> <div class="NOMV">NOM_PERSO_4</div> <div style="clear:both;"></div> </div>  <div class="MESPERSOS">  <!-- DEBUT partie PERSONNAGE 1 --> <div class="perso1"> <img class="avatars" src="https://i39.servimg.com/u/f39/19/85/72/64/zgeh11.png" /> <!-- avatar 200*400--> <div class="infosK"> <div class="flechetteK"><img src="https://i39.servimg.com/u/f39/19/85/72/64/qsdfh10.png" /></div> <div class="BOXinfo"> <div class="frise"> <div class="dateETtextesH"> <!-- frise chronologique du haut --> <div class="Dposition1"> <div class="date1"> <div class="txtH">Fait marquant 1</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div> <div class="Dposition3"> <div class="date3"> <div class="txtH">Fait marquant 3</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div>  <div class="Dposition5"> <div class="date5"> <div class="txtH">Fait marquant 5</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition7"> <div class="date7"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition9"> <div class="date9"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> </div>  <div class="timeline"></div>  <div class="dateETtextesB">  <!-- frise chronologique du bas --> <div class="Dposition2"> <div class="date2"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 2</div> </div> </div>  <div class="Dposition4"> <div class="date4"> <div class="baretteB"></div><div class="dateEB">0000</div><div class="txtH">Fait marquant 4</div>  </div> </div>  <div class="Dposition6"> <div class="date6"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 6</div> </div> </div> <div class="Dposition8"> <div class="date8"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> <div class="Dposition10"> <div class="date10"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> </div> </div> <div class="CinfosK"><!-- informations du perso et liste des RPs --> <div class="colonneKU">  <div class="COLOLIENS">  <!-- les liens --> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> </div>  <div class="infosPERSO">  <!-- informations --> <ul> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> </ul> </div>  </div>  <div class="colonneKD">  <div class="NAMEINFOS">NOM_PERSO_1</div>  <!-- nom en gros --> <div class="RPK">  <!-- rp en cours --> <a class="EC" href="#" target="_blank">[b]RP_EN_COURS[/b][i]ft NOM_PARTENAIRE[/i]</a>  </div>  <div class="RPK">  <!-- rp archivé --> <a class="ARC" href="#" target="_blank">[b]RP_ARCHIVE[/b][i]ft NOM_PARTENAIRE[/i]</a> </div>  </div> <div style="clear:both;"></div>    </div>  <div class="boite2">  <!-- liste des relations -->  <div class="boitecomplete">  <!-- relation 1 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 2 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 3 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>   <div class="boitecomplete"> <!-- relation 4 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  </div>  </div> </div> </div>  <!-- FIN partie PERSONNAGE 1 --> <!-- DEBUT partie PERSONNAGE 2 --> <div class="perso2"> <img class="avatars" src="https://i39.servimg.com/u/f39/19/85/72/64/zgeh11.png" /> <!-- avatar 200*400--> <div class="infosS"> <div class="flechetteS"><img src="https://i39.servimg.com/u/f39/19/85/72/64/qsdfh10.png" /></div> <div class="BOXinfo"> <div class="frise"> <div class="dateETtextesH"> <!-- frise chronologique du haut --> <div class="Dposition1"> <div class="date1"> <div class="txtH">Fait marquant 1</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div> <div class="Dposition3"> <div class="date3"> <div class="txtH">Fait marquant 3</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div>  <div class="Dposition5"> <div class="date5"> <div class="txtH">Fait marquant 5</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition7"> <div class="date7"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition9"> <div class="date9"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> </div>  <div class="timeline"></div>  <div class="dateETtextesB">  <!-- frise chronologique du bas --> <div class="Dposition2"> <div class="date2"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 2</div> </div> </div>  <div class="Dposition4"> <div class="date4"> <div class="baretteB"></div><div class="dateEB">0000</div><div class="txtH">Fait marquant 4</div>  </div> </div>  <div class="Dposition6"> <div class="date6"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 6</div> </div> </div> <div class="Dposition8"> <div class="date8"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> <div class="Dposition10"> <div class="date10"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> </div> </div> <div class="CinfosK"><!-- informations du perso et liste des RPs --> <div class="colonneKU">  <div class="COLOLIENS">  <!-- les liens --> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> </div>  <div class="infosPERSO">  <!-- informations --> <ul> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> </ul> </div>  </div>  <div class="colonneKD">  <div class="NAMEINFOS">NOM_PERSO_2</div>  <!-- nom en gros --> <div class="RPK">  <!-- rp en cours --> <a class="EC" href="#" target="_blank">[b]RP_EN_COURS[/b][i]ft NOM_PARTENAIRE[/i]</a>  </div>  <div class="RPK">  <!-- rp archivé --> <a class="ARC" href="#" target="_blank">[b]RP_ARCHIVE[/b][i]ft NOM_PARTENAIRE[/i]</a> </div>  </div> <div style="clear:both;"></div>    </div>  <div class="boite2">  <!-- liste des relations -->  <div class="boitecomplete">  <!-- relation 1 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 2 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 3 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>   <div class="boitecomplete"> <!-- relation 4 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  </div>  </div> </div> </div>  <!-- FIN partie PERSONNAGE 2 --> <!-- DEBUT partie PERSONNAGE 3 --> <div class="perso3"> <img class="avatars" src="https://i39.servimg.com/u/f39/19/85/72/64/zgeh11.png" /> <!-- avatar 200*400--> <div class="infosF"> <div class="flechetteF"><img src="https://i39.servimg.com/u/f39/19/85/72/64/qsdfh10.png" /></div> <div class="BOXinfo"> <div class="frise"> <div class="dateETtextesH"> <!-- frise chronologique du haut --> <div class="Dposition1"> <div class="date1"> <div class="txtH">Fait marquant 1</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div> <div class="Dposition3"> <div class="date3"> <div class="txtH">Fait marquant 3</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div>  <div class="Dposition5"> <div class="date5"> <div class="txtH">Fait marquant 5</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition7"> <div class="date7"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition9"> <div class="date9"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> </div>  <div class="timeline"></div>  <div class="dateETtextesB">  <!-- frise chronologique du bas --> <div class="Dposition2"> <div class="date2"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 2</div> </div> </div>  <div class="Dposition4"> <div class="date4"> <div class="baretteB"></div><div class="dateEB">0000</div><div class="txtH">Fait marquant 4</div>  </div> </div>  <div class="Dposition6"> <div class="date6"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 6</div> </div> </div> <div class="Dposition8"> <div class="date8"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> <div class="Dposition10"> <div class="date10"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> </div> </div> <div class="CinfosK"><!-- informations du perso et liste des RPs --> <div class="colonneKU">  <div class="COLOLIENS">  <!-- les liens --> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> </div>  <div class="infosPERSO">  <!-- informations --> <ul> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> </ul> </div>  </div>  <div class="colonneKD">  <div class="NAMEINFOS">NOM_PERSO_3</div>  <!-- nom en gros --> <div class="RPK">  <!-- rp en cours --> <a class="EC" href="#" target="_blank">[b]RP_EN_COURS[/b][i]ft NOM_PARTENAIRE[/i]</a>  </div>  <div class="RPK">  <!-- rp archivé --> <a class="ARC" href="#" target="_blank">[b]RP_ARCHIVE[/b][i]ft NOM_PARTENAIRE[/i]</a> </div>  </div> <div style="clear:both;"></div>    </div>  <div class="boite2">  <!-- liste des relations -->  <div class="boitecomplete">  <!-- relation 1 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 2 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 3 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>   <div class="boitecomplete"> <!-- relation 4 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  </div>  </div> </div> </div>  <!-- FIN partie PERSONNAGE 3 --> <!-- DEBUT partie PERSONNAGE 4 --> <div class="perso4"> <img class="avatars" src="https://i39.servimg.com/u/f39/19/85/72/64/zgeh11.png" /> <!-- avatar 200*400--> <div class="infosV"> <div class="flechetteV"><img src="https://i39.servimg.com/u/f39/19/85/72/64/qsdfh10.png" /></div> <div class="BOXinfo"> <div class="frise"> <div class="dateETtextesH"> <!-- frise chronologique du haut --> <div class="Dposition1"> <div class="date1"> <div class="txtH">Fait marquant 1</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div> <div class="Dposition3"> <div class="date3"> <div class="txtH">Fait marquant 3</div> <div class="dateEH">0000</div> <div class="baretteH"></div> </div> </div>  <div class="Dposition5"> <div class="date5"> <div class="txtH">Fait marquant 5</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition7"> <div class="date7"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> <div class="Dposition9"> <div class="date9"> <div class="txtH">Fait marquant 7</div><div class="dateEH">0000</div><div class="baretteH"></div>  </div> </div> </div>  <div class="timeline"></div>  <div class="dateETtextesB">  <!-- frise chronologique du bas --> <div class="Dposition2"> <div class="date2"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 2</div> </div> </div>  <div class="Dposition4"> <div class="date4"> <div class="baretteB"></div><div class="dateEB">0000</div><div class="txtH">Fait marquant 4</div>  </div> </div>  <div class="Dposition6"> <div class="date6"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 6</div> </div> </div> <div class="Dposition8"> <div class="date8"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> <div class="Dposition10"> <div class="date10"> <div class="baretteB"></div> <div class="dateEB">0000</div> <div class="txtH">Fait marquant 8</div> </div> </div> </div> </div> <div class="CinfosK"><!-- informations du perso et liste des RPs --> <div class="colonneKU">  <div class="COLOLIENS">  <!-- les liens --> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> <a href="#" target="_blank">lien</a> </div>  <div class="infosPERSO">  <!-- informations --> <ul> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> <li><span>INFO</span>REPONDRE_ICI</li> </ul> </div>  </div>  <div class="colonneKD">  <div class="NAMEINFOS">NOM_PERSO_4</div>  <!-- nom en gros --> <div class="RPK">  <!-- rp en cours --> <a class="EC" href="#" target="_blank">[b]RP_EN_COURS[/b][i]ft NOM_PARTENAIRE[/i]</a>  </div>  <div class="RPK">  <!-- rp archivé --> <a class="ARC" href="#" target="_blank">[b]RP_ARCHIVE[/b][i]ft NOM_PARTENAIRE[/i]</a> </div>  </div> <div style="clear:both;"></div>    </div>  <div class="boite2">  <!-- liste des relations -->  <div class="boitecomplete">  <!-- relation 1 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 2 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div> <div class="boitecomplete"> <!-- relation 3 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>   <div class="boitecomplete"> <!-- relation 4 --> <div class="lien1"> <a href="#" target="_blank">NOM_RELATION</a> <span>Rang_statut_rôle</span> <div class="textrela">description_du_lien</div> </div> </div>  </div>  </div> </div> </div>  <!-- FIN partie PERSONNAGE 4 --> </div> <div class="creditsNECTA"><a href="http://nectarinels.forumactif.com" target="_blank">@ NECTA</a></div></div>