Convertir du CSS en HTML

<link href='http://fonts.googleapis.com/css?family=Dr+Sugiyama' rel='stylesheet' type='text/css'>

<center><div class="fichefond"><center><img src="http://image.noelshack.com/fichiers/2013/25/1371745810-sans-titre-2.png"><div class="titrefichepub">Forum</div><div class="citationsoustitre">« citation »</div></center>

<center><div class="blockcontextepub">
CONTEXTE</div>

<div class="deuxautrespetitblock" style="margin-top: -57px;">STATISTIQUES</div>

<div class="deuxautrespetitblock" style="margin-top: -30px;">RECRUTEMENT</div></center>

<center><img src="http://image.noelshack.com/fichiers/2013/25/1371746348-1.png">     <img src="http://image.noelshack.com/fichiers/2013/25/1371746348-2.png"></center>

</span></div></center>

.fichefond{
width: 490px; 
height: 680px; 
border-right: 5px solid #CB56E0; 
border-left: 5px solid #CB56E0; 
border-radius: 20px 0px 20px 0px; 
padding: 20px; 
background-image:url('http://image.noelshack.com/fichiers/2013/25/1371746251-fond.png'); 
text-align: justify; 
margin-left: 20px;
}

.titrefichepub{
  font-size : 50px; 
 font-family: 'Dr Sugiyama', cursive; 
 color: #D584F4; 
 text-shadow: 1px 1px 0px #F5EBDC; 
 margin-top:-9px;
}

.citationsoustitre{
  font-size: 12px; 
 line-height: normal;
  color:#F8F8F4; 
 font-family: Times New Roman;
  text-align:center; 
 margin-top:10px; 
 letter-spacing: 2px;
}

.blockcontextepub{
  overflow:auto; 
 width: 230px; 
 height: 310px; 
 background:#EAE5E2;
  border-radius: 20px 0px 0px 20px;
  padding: 3px; 
 align: center; 
 font-size: 10px; 
 font-family: georgia;
  float:left; 
 margin-right:10px;
  margin-top: -20px;
}

.deuxautrespetitblock{
  overflow:auto; 
 width: 225px;  
  height: 150px; 
 background:#EAE5E2;
  border-radius: 0px 20px 20px 0px;
  padding: 3px; 
 align: center; 
 font-size: 10px; 
 font-family: georgia;
}