<div style="font-family: Verdana; float:left;position:relative;width: 80px;height: 25px;padding-top: 50px;padding-left: 5px;background-color: #cbd0e5;border: 1px solid #cbd0e5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;"><span style="font-size:45px;line-height:45px;position:absolute; left:5px; top:0px;">00</span> <span style="text-transform: uppercase;font-size:25px;">Mois</span> <span style="display:block; position:absolute; top:15px;right: -2px;-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);">2013</span></div><div style="margin-left: 100px;width: 370px; min-height: 400px;padding: 10px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background-color: #E8E8E8;border: 1px solid #c2c2c2;"><div style="background-color: white;padding: 5px;width: 360px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;text-transform: uppercase;color: #cbd0e5;font-weight: bold;font-style: italic;">Ecrire ici un titre</div>
<center><img src="http://24.media.tumblr.com/tumblr_m8bw46pXfi1rwl1aso1_500.gif" style="padding: 3px;border: 1px solid #c2c2c2;background-color: white;width: 350px;" /><br /><span style="font-size: 8px;">Par <a href="http://www.disenchanted-wonderland.com/">Disenchanted-Wonderland</a></span></center>
Code de journal, n'hésitez pas à changer les couleurs ! ♥</div>

<div class="date"><span class="jour">00</span> <span class="mois">Mois</span> <span class="annee">2013</span></div><div class="journal"><div class="titrejournal">Ecrire ici un titre</div>
<center><img src="http://24.media.tumblr.com/tumblr_m8bw46pXfi1rwl1aso1_500.gif" class="imagejournal" /><br /><span style="font-size: 8px;">Par <a href="http://www.disenchanted-wonderland.com/">Disenchanted-Wonderland</a></span></center>
Ecrire ici un texte !</div>

.date {
font-family: Verdana;
float: left;
position:relative;
width: 80px;
height: 25px;
padding-top: 50px;
padding-left: 5px;
background-color: #cbd0e5;
border: 1px solid #cbd0e5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.date .mois {
text-transform: uppercase;
font-size:25px;
}

.date .jour {
font-size:45px;
line-height:45px;
position:absolute;
left:5px;
top:0px;
}

.date .annee {
display:block;
position:absolute;
top:15px;
right: -2px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
}

.journal {
margin-left: 100px;
width: 370px;
min-height: 400px;
padding: 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: #E8E8E8;
border: 1px solid #c2c2c2;
}

.titrejournal {
background-color: white;
padding: 5px;
width: 360px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-transform: uppercase;
color: #cbd0e5;
font-weight: bold;
font-style: italic;
}

.imagejournal {
padding: 3px;
border: 1px solid #c2c2c2;
background-color: white;
width: 350px;
}