<style> .spacer { clear: both; height:0; } .contour_journal {background-color:#5b5b5b;padding:10px;width:500px;border-left: 2px solid #CDCDCD;} #titre_typo { font-family: 'Vollkorn', serif;font-size :22px;color:#BD73F0;background-color: #2B2828;padding:5px;margin-bottom:10px;border-bottom: 1px solid #CDCDCD;texy-align:center; } .date {text-align:center;padding:5px;background-color:#2B2828;width:50px;border-right:1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD;margin-top:-15px;float:left;} .date span.mois {font-family: 'Exo 2', sans-serif;font-size:11px;color:#7B7B7B;} .date span.jour {font-family: 'Vollkorn', serif;font-size:30px;font-weight:bold;color:#BD73F0;} .contenu_date b {font-family: 'Vollkorn', serif;font-weight:bold;color:#BD73F0; } .contenu_date {background-color:#2B2828;width:410px;padding: 0 10px 0 10px;margin-top:-50px;margin-bottom:10px;text-align:justify;font-size:13px;color:#BD73F0;border-bottom: 1px solid #CDCDCD;float:right;}</style>

<center><div class="contour_journal"><div id="titre_typo">Journal de "Nom du personnage" </div>
 
 <div class="date" style="margin-top:-32px;"><span class="jour">3</span> <span class="mois">décembre</span></div>
 <div class="contenu_date"> <b>Phrase explicite de ce qui est arrivé ce jour.</b> Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.
Ardeo, mihi credite, Patres conscripti (id quod vosmet de me existimatis et facitis ipsi) incredibili quodam amore patriae, qui me amor et subvenire olim impendentibus periculis maximis cum dimicatione capitis, et rursum, cum omnia tela undique esse intenta in patriam viderem, subire coegit atque excipere unum pro universis. Hic me meus in rem publicam animus pristinus ac perennis cum C. Caesare reducit, reconciliat, restituit in gratiam.
 </div>
 
<div class="spacer">

</div>

<div class="date"><span class="jour">10</span> <span class="mois">février</span> </div>
 
 <div class="contenu_date"> <b>Phrase explicite de ce qui est arrivé ce jour.</b> Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.
Ardeo, mihi credite, Patres conscripti (id quod vosmet de me existimatis et facitis ipsi) incredibili quodam amore patriae, qui me amor et subvenire olim impendentibus periculis maximis cum dimicatione capitis, et rursum, cum omnia tela undique esse intenta in patriam viderem, subire coegit atque excipere unum pro universis. Hic me meus in rem publicam animus pristinus ac perennis cum C. Caesare reducit, reconciliat, restituit in gratiam.
 </div><div class="spacer">&nbsp;</div></div></center>