Documents aux normes iso

Que ce soit du document administratif au cours de l'enseignant, nous rencontrons souvent du pdf qui est un format propriétaire.
De manière à pouvoir créer plus tard un générateur de documents protégés aux normes iso, j'ai commencé à créer des alphabets en html5 css3 ici
http://ift.tt/1NHhLOa et j'ai un début d'explication du concept ici http://ift.tt/1PQV3SQ.

Je sais qu'en tant qu'adorateur du goto, et mauvais gestionnaire de git (je sais pas ou est passé le mien sur DF), je ne suis pas le contributeur parfais.
Mais je pense que développer plusieurs alphabets en css3, peut faciliter de nombreuses d&marches administratives (peut être d'une grande utilité).

En exemple

<style>
.mon_humeur1{
  position:absolute;
  width: 40px;
  height: 40px;
  background-color: #F5FFFA;
  margin-left: 1px;
}
.trait_vertical1{
  position:absolute;
  width: 2px;
  height: 10px;
  background-color: black;
}
.trait_vertical1:active{
  background-color: #F5FFFA;
}
.trait_horizontal1{
  position:absolute;
  width: 10px;
  height: 2px;
  background-color: black;
}
.trait_horizontal1:active{
  background-color: #F5FFFA;
}
.action{
  position:absolute;
  cursor:pointer;
  background-color: #F5FFFA;

}
.angle1 {
    -ms-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}

</style>

<h2> Lettre D</h2>

<pre>

div class="mon_humeur1 action"

div class="trait_vertical1" style="margin-top:10px ; margin-left:10px"
div class="trait_vertical1" style="margin-top:10px"
div class="trait_horizontal1" style="margin-top:-10px; margin-left:-3px"
div class="trait_horizontal1" style="margin-top:20px"
div class="trait_vertical1" style="margin-top:-20px ; margin-left:10px"
div class="trait_vertical1" style="margin-top:10px"
/div
/div
/div
/div
/div
/div

/div

</pre>

<div class="mon_humeur1 action">


<div class="trait_vertical1" style="margin-top:10px ; margin-left:10px">
<div class="trait_vertical1" style="margin-top:10px">
<div class="trait_horizontal1" style="margin-top:-10px; margin-left:-3px">
<div class="trait_horizontal1" style="margin-top:20px">
<div class="trait_vertical1" style="margin-top:-20px ; margin-left:10px">
<div class="trait_vertical1" style="margin-top:10px">
</div>
</div>
</div>
</div>
</div>
</div>

</div>


<p>
<br /><br /><br />
</p>

cordialement

Documents aux normes iso