<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
<div class="entete"><div class="name">Nom</div><div class="group">Groupe</div></div><div class="background"><div class="flex;"><div class="infoz"><span class="h2">Présentation -</span>
<b>Âge :</b> Ecrire ici ;
<b>Espèce :</b> Ecrire ici ;
<b>Sexe :</b> Ecrire ici ;
<b>Orientation sexuelle :</b> Ecrire ici ;
<b>Lieu de vie :</b> Ecrire ici ;
<b>Rang :</b> Ecrire ici ;
<b>Signe particulier :</b> Ecrire ici ;

<b>Physique :</b> décrivez le physique de votre personnage en quelques lignes.</div><div class="avatar200x400"><img src="http://image.noelshack.com/fichiers/2017/49/3/1512517061-ashe.jpg"/></div></div>
<div class="contenu"><span class="h2">Psychologie -</span>
Décrivez ici le caractère de votre personnage, ce qu'il n'aime ou n'aime pas, ses qualités et défauts principaux, sa manière de penser... Faites un minimum de 5 lignes afin de bien développer votre personnage.</div>
<div class="contenu"><span class="h2">Histoire -</span>
Racontez ici l'histoire de votre personnage. Nous demandons 5 lignes minimum. Si vous ne savez pas quoi écrire, vous pouvez développer ces points :
- lieu de naissance
- relation avec ses parents ou sa famille
- quelques événements majeurs, bouleversants voire traumatisants pour votre personnage</div>
<div class="flex;"><div class="icone100x100"><img src="https://zupimages.net/up/19/41/fo48.png"/></div><div class="joueur"><span class="h2">Et toi ?</span>
<b>Pseudo :</b> Pseudo généralement utilisé sur Internet ;
<b>Âge :</b> Si vous le voulez bien...
<b>Comment avez vous découvert le forum ?</b> Partenaires, top-sites, membre...
<b>Qu'en pensez vous ?</b> Quelque chose à nous dire sur le forum ?</span></div></div>
<div class="credits"><a href="https://aadelrun.forumactif.com">Code par Aadelrun</a></div></div>

/*--------------------------- Présentation Grise et Bleue Aadelrun -----------------------------*/

.entete {
  width:580px;
  display:flex;
  margin:auto;
  border-left:solid 3px #A7BEC7;
  border-right:solid 3px #A7BEC7;
  color:#C4D3D9;
  font-size:30px;
  font-family: 'Julius Sans One', sans-serif;
}

.name {
  height:40px;
  width:290px;
  background-color:#2D3A4A;
  text-align:center;
  padding-top:20px
}

.group {
  height:40px;
  width:290px;
  background-color:#344356;
  text-align:center;
  padding-top:20px;
}

.background {
  background-color:#E4E4E4;
  width:520px;
  border-left:solid 3px #A7BEC7;
  border-right:solid 3px #A7BEC7;
  margin:auto;padding:30px;
  color:#292929;
  font-size:12px;
}

.flex {
  display:flex;
}

.contenu {
  background-color:#D7D8D9;
  padding:10px;
}

.infoz {
  height:380px;
  margin-right:30px;
  background-color:#D7D8D9;
  padding:10px;
  overflow:auto;
}

.avatar200x400 {
  width:200x; height:400px;
  box-shadow: 0px 0px 6px black;
}

.h2 {
  color:#84A4B0;
  font-size:18px;
  font-family: 'Unica One', cursive;
}

.icone100x100 {
  width:100x; height:100px;
  box-shadow: 0px 0px 6px black;
}

.joueur  {
  height:80px;
  background-color:#D7D8D9;
  padding:10px;
  overflow:auto;
  margin-left:10px;
}

.credits {
   font-size: 11px;
   text-align:center;
}

.credits a {
  color:#84A4B0!important;
}

/*------- Fin présentaion -------*/

<link href="https://fonts.googleapis.com/css?family=Julius+Sans+One|Unica+One" rel="stylesheet">
<div style="width:580px;display:flex;margin:auto;border-left:solid 3px #A7BEC7;border-right:solid 3px #A7BEC7;color:#C4D3D9;font-size:30px;font-family: 'Julius Sans One', sans-serif;"><div style="height:40px; width:290px;background-color:#2D3A4A;text-align:center;padding-top:20px">Nom</div><div style="height:40px; width:290px;background-color:#344356;text-align:center;padding-top:20px;">Groupe</div></div><div style="background-color:#E4E4E4;width:520px;border-left:solid 3px #A7BEC7;border-right:solid 3px #A7BEC7;margin:auto;padding:30px;color:#292929;font-size:12px;"><div style="display:flex;"><div style="height:380px;margin-right:30px;background-color:#D7D8D9;padding:10px;overflow:auto;"><span style="color:#84A4B0;font-size:18px;font-family: 'Unica One', cursive;">Présentation -</span>
<b>Âge :</b> Ecrire ici ;
<b>Espèce :</b> Ecrire ici ;
<b>Sexe :</b> Ecrire ici ;
<b>Orientation sexuelle :</b> Ecrire ici ;
<b>Lieu de vie :</b> Ecrire ici ;
<b>Rang :</b> Ecrire ici ;
<b>Signe particulier :</b> Ecrire ici ;

<b>Physique :</b> décrivez le physique de votre personnage en quelques lignes.</div><div style="width:200x;height:400px;box-shadow: 0px 0px 6px black;"><img src="http://image.noelshack.com/fichiers/2017/49/3/1512517061-ashe.jpg"/></div></div>
<div style="background-color:#D7D8D9;padding:10px;"><span style="color:#84A4B0;font-size:18px;font-family: 'Unica One', cursive;">Psychologie -</span>
Décrivez ici le caractère de votre personnage, ce qu'il n'aime ou n'aime pas, ses qualités et défauts principaux, sa manière de penser... Faites un minimum de 5 lignes afin de bien développer votre personnage.</div>
<div style="background-color:#D7D8D9;padding:10px;"><span style="color:#84A4B0;font-size:18px;font-family: 'Unica One', cursive;">Histoire -</span>
Racontez ici l'histoire de votre personnage. Nous demandons 5 lignes minimum. Si vous ne savez pas quoi écrire, vous pouvez développer ces points :
- lieu de naissance
- relation avec ses parents ou sa famille
- quelques événements majeurs, bouleversants voire traumatisants pour votre personnage</div>
<div style="display:flex;"><div style="width:100x; height:100px;box-shadow: 0px 0px 6px black;"><img src="https://zupimages.net/up/19/41/fo48.png"/></div><div style="height:80px;background-color:#D7D8D9;padding:10px;overflow:auto;margin-left:10px;"><span style="color:#84A4B0;font-size:18px;font-family: 'Unica One', cursive;">Et toi ?</span>
<b>Pseudo :</b> Pseudo généralement utilisé sur Internet ;
<b>Âge :</b> Si vous le voulez bien...
<b>Comment avez vous découvert le forum ?</b> Partenaires, top-sites, membre...
<b>Qu'en pensez vous ?</b> Quelque chose à nous dire sur le forum ?</span></div></div>
<div style="font-size: 11px;text-align:center;"><a href="https://aadelrun.forumactif.com" style="color:#84A4B0">Code par Aadelrun</a></div></div>