<link href="https://fonts.googleapis.com/css?family=Arimo:400,700|Montserrat:900,400" rel="stylesheet"><style>.awf-shipper-2 {width: 450px;height: 400px;margin: 25px auto;position: relative;background-color: #dedede;font-family: 'Arimo', sans-serif;display: flex;}.awf-shipper-2-side {height: 100%;width: 200px;background: #000;color: #fff;}.awf-shipper-2-side .icon {margin: 10px;padding: 5px;border: 1px solid #fff;}.awf-shipper-2-side h2, .awf-shipper-2-side h3 {text-transform: uppercase;font-weight: 900;margin: 0 10px!important;padding: 0;color: #fff;font-size: 15px;letter-spacing: 1px;border: 0;font-family: 'Montserrat', sans-serif;}.awf-shipper-2-side h3 {font-size: 7px;line-height: 10px;text-align: justify;font-weight: normal;letter-spacing: 2px;font-family: 'Arimo', sans-serif;}.awf-rp-1-credit {position: absolute;width: 100%;text-align: center;bottom: 5px;left: 0;}.awf-rp-1-credit a {font-size: 8px;letter-spacing: 1px;color: #9e9e9e !important;text-decoration: none;}.awf-shipper-2-tabs{width: 250px;text-align: left;}.awf-shipper-2-tabs label{font-family: 'Montserrat', sans-serif;text-transform: uppercase;padding: 0px 20px;height: 30px;cursor: pointer;color: #fff;display: block;line-height: 30px;font-size: 8px;background: #000;letter-spacing: 2px;box-sizing: border-box;margin: 0;}.awf-shipper-2-tabs input{display: none;}.awf-shipper-2-tabs article{margin-top: -1px;overflow: hidden;height: 0px;transition: all 0.3s linear;}.awf-shipper-2-tabs article div{color: #000;line-height: 14px;font-size: 10px;padding: 5px 20px;text-align: justify;height: 100%;overflow: auto;box-sizing: border-box;}.awf-shipper-2-tabs article div h4 {font-family: 'Montserrat', sans-serif;text-transform: uppercase;margin: 5px 0;text-align: right;border-bottom: 1px solid;padding-bottom: 2px;font-size: 10px;}.awf-shipper-2-tabs article .icon2 {display: block;padding: 5px;border-radius: 50%;border: 1px solid #ABABAB;margin: 15px auto 10px;vertical-align: middle;}.awf-shipper-2-tabs input:checked ~ article.tab{height: 312px;}.awf-shipper-2-credit {position: absolute;bottom: -15px;}.awf-shipper-2-credit a {text-transform: uppercase;font-size: 8px;text-decoration: none !important;font-weight: 900;font-family: "Montserrat", sans-serif;letter-spacing: 1px;color: #ccc;}.awf-shipper-2-item {width: 450px;height: 130px;margin: auto;background-color: #dedede;display: flex;flex-wrap: wrap;}.awf-shipper-2-item h4 {font-family: 'Montserrat', sans-serif;text-transform: uppercase;padding: 0px 20px;height: 30px;color: #fff;width: 100%;line-height: 33px;font-size: 8px;background: #000;letter-spacing: 1px;font-weight: normal;margin: 0;box-sizing: border-box;}.awf-shipper-2-item div {color: #000;line-height: 14px;font-size: 10px;padding: 10px 20px;text-align: justify;height: 80px;overflow: auto;font-family: 'Arimo', sans-serif;flex: 1;}</style>
<div class="awf-shipper-2"><div class="awf-shipper-2-side"><!--
--><img src="http://img110.xooimage.com/files/a/c/8/icon-56712f6.png" alt="" class="icon" /><!--
--><h2>Kohime Ishihara</h2><!--
--><h3>Il ne fallait pas voir en elle la fleur innocente, mais le serpent qui se cachait derrière</h3><!--
--></div><section class="awf-shipper-2-tabs"><div><input id="tab-1" name="shipper-dark" type="radio" checked /><!--
--><label for="tab-1">identité</label><article class="tab"><!--
--><img src="http://img110.xooimage.com/files/4/a/2/fiche_gif2-5670ee6.gif" alt="" class="icon2" style="width:130px;" /><div>[b]17 ans • Hybride mouflon • Classe XXXX[/b]
A une réputation vraiment atroce au sein de l'établissement ─ en réalité aimerait juste qu'on lui foute la paix ─ semble avoir des manières d'un autre temps ─ n'a aucun intérêt pour vos petits soucis, sauf si ça lui donne un moyen de pression ─ aime vraiment cuisiner des sucreries, mais transforme tout ce qu'elle touche en monstruosité alimentaire ─ est plutôt intelligente ─ mais est très égoïste ─ et calculatrice ─ vous lui êtes sans aucun doute indifférent.e ─ est extrêmement têtue et déteste avoir tord ─ fait des plans pour tout, aime quand ça marche<!--
--></div></article></div><div><input id="tab-2" name="shipper-dark" type="radio" /><!--
--><label for="tab-2">Scénarios recherchés</label><article class="tab"><!--
--><div><h4>nom du scenar (h/f)</h4>
Petite descri du scénar<!--
--></div></article></div><div><input id="tab-3" name="shipper-dark" type="radio" /><!--
--><label for="tab-3">Parcours</label><article class="tab"><!--
--><div><h4>EN COURS</h4>
Texte ici
<h4>TERMINÉS</h4>
Texte ici
<h4>ABANDONNÉS</h4>
Texte ici</div></article></div></section><div class="awf-shipper-2-credit"><a href="http://terrible.forumactif.org/">awful</a></div></div>
<div class="awf-shipper-2-item"><!--
--><h4>Name surname</h4><img src="http://placehold.it/100x100" alt="" class="icon" /><!--
--><div>Texte ici</div></div>
<div class="awf-shipper-2-item"><!--
--><h4>Name surname</h4><img src="http://placehold.it/100x100" alt="" class="icon" /><!--
--><div>Texte ici</div></div>
Accueil 
