Debian-facile

Bienvenue sur Debian-Facile, site d'aide pour les nouveaux utilisateurs de Debian.

Vous n'êtes pas identifié(e).

#1 25-08-2015 22:25:16

temps
Adhérent(e)
Inscription : 02-03-2014

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://www.letime.net/alpha/1.html et j'ai un début d'explication du concept ici http://www.letime.net/alpha/.

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

Hors ligne

#2 29-08-2015 07:54:30

temps
Adhérent(e)
Inscription : 02-03-2014

Re : Documents aux normes iso

Bonjour,
J'ai fini un alphabet lettre bâton, et j'ai commencé un alphabet lettre libre http://www.letime.net/alpha/2.html.
En parallèle, j'ai commencé à écrire le générateur de page html. Il faut ajouter le calculateur de positionnement, le choix de l'alphabet, la protection par dispersion ... mais de dire comment je fais me permettra peut-être de trouver des contributeurs ou des conseils utiles.
Cordialement



// pour compiler g++ main.cpp -w -o glm

//glm est une application pour convertir vos fichiers texte en page web en utilisant la logique multidirectionnelle

#include <iostream>
#include <fstream>
#include <string>
#include <stdio.h>
#include <stdlib.h>

using namespace std;

 

int main()

{

// ouvre les donners

        ifstream entreglm("aconvertir.txt", ios::in);  

// ouverture en écriture avec effacement du sortieglm ouvert

        ofstream sortieglm("index.html", ios::out | ios::trunc);  

        if(entreglm)

        {
//

        if(sortieglm)

        {



//

//les donner fixes

//char EnteteIndex[] = "<\!DOCTYPE html>";
//                sortieglm << EnteteIndex;
char Lediv[] = "</div>";
char Lettrea[] = "<div class=\"boucle1\" style=\"margin-top:-12px ; margin-left:";
char Lettrea1[] = "<div class=\"sortie_droite\" style=\"margin-left:8px\">";
char Lettrea2[] = "<div class=\"boucle213 tourne45m\" style=\"margin-top:-12px ; margin-left:-9px\">";
char Lettrea3[] = "<div class=\"boucle214 tourne90m\" style=\"margin-top:-3.2px ; margin-left:3px\">";
char Lettrea4[] = "<div class=\"boucle216\" style=\"margin-top:-12px ; width:15px ; margin-left:-5px\">";
char Lettreb[] = "<div class=\"boucle4\" style=\"margin-top:-20px ; margin-left:";
char Lettreb1[] = "<div class=\"boucle5\" style=\"margin-left:-17px\">";
char Lettreb2[] = "<div class=\"boucle6\" style=\"margin-top:13px ; margin-left:20.5px\">";
char Lettreb3[] = "<div class=\"trait_horizontal1\" style=\"margin-top:0.1px ; margin-left:5px ; width:7px\">";
char Lettrec[] = "<div class=\"boucle28\" style=\"margin-top:-13px ; margin-left:";
char Lettrec1[] = "<div class=\"trait_horizontal1\" style=\"margin-top:10px ; margin-left:7px ; width:9px\">";
char Lettred[] = "<div class=\"boucle1\" style=\"margin-top:-12px ; margin-left:";
char Lettred1[] = "<div class=\"sortie_droite\" style=\"margin-left:8px ; margin-top:-12px ; height:20px\">";
char Lettree[] = "<div class=\"boucle13\" style=\"margin-top:-11px ; margin-left:";
char Lettree1[] = "<div class=\"sortie_droite\" style=\"margin-top:0px ; margin-left:1px\">";
char Lettree2[] = "<div class=\"boucle210\" style=\"margin-top:-11px ; margin-left:-15px\">";
char Lettree3[] = "<div class=\"boucle210\" style=\"margin-top:-25px ; margin-left:";
char Lettree4[] = "<div class=\"boucle216\" style=\"margin-top:-11px ; margin-left:-1px\">";
char Lettree5[] = "<div class=\"trait_vertical1\" style=\"width:0.5px ; height:0.5px ; margin-top:2px ; background-color:white\">";
char Lettree6[] = "<div class=\"trait_vertical1\" style=\"width:0.5px ; height:0.5px ; margin-top:15px ; background-color:white\">";
char Lettree7[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:1px ; background-color:white\">";
char Lettref[] = "<div class=\"boucle2\" style=\"margin-top:-16px ; margin-left:";
char Lettref1[] = "<div class=\"boucle3\" style=\"margin-top:-16px ; margin-left:";
char Lettref2[] = "<div class=\"boucle2\" style=\"margin-top:0px  ; margin-left:";
char Lettref3[] = "<div class=\"boucle3\" style=\"margin-left:-7px\">";
char Lettreg[] = "<div class=\"boucle1\" style=\"margin-top:-11px ; margin-left:";
char Lettreg1[] = "<div class=\"boucle7\" style=\"margin-top:-6px  ; margin-left:";
char Lettreg2[] = "<div class=\"boucle2\" style=\"height:10px ; margin-left:";
char Lettreh[] = "<div class=\"trait_vertical1\" style=\"margin-top:-20px ; height:20px ; margin-left:";
char Lettreh1[] = "<div class=\"boucle5\" style=\"margin-left:-17px ; height:14px\">";
char Lettreh2[] = "<div class=\"boucle8\" style=\"margin-top:-9px ; height:10px ; margin-left:";
char Lettrei[] = "<div class=\"boucle9\" style=\"margin-top:-11px ; margin-left:";
char Lettrei1[] = "<div class=\"sortie_droite\" style=\"margin-left:10px\">";
char Lettrei2[] = "<div class=\"trait_vertical1\" style=\"margin-top:-5px ; width:2px ; height:2px\">";
char Lettrej[] = "<div class=\"boucle10\" style=\"margin-top:-8px ; margin-left:";
char Lettrej1[] = "<div class=\"boucle12\" style=\"margin-top:6px ; margin-left:1px\">";
char Lettrej2[] = "<div class=\"trait_vertical1\" style=\"margin-top:-28px ; width:3px ; height:3px ; margin-left:";
char Lettrej3[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:10px ; background-color:white\">";
char Lettrek[] = "<div class=\"trait_vertical1\" style=\"margin-top:-19px ; height:20px ; margin-left:";
char Lettrek1[] = "<div class=\"boucle5\" style=\"margin-left:-17px ; height:14px \">";
char Lettrek2[] = "<div class=\"boucle13\" style=\"margin-top:-10px ;height:4px ; margin-left:";
char Lettrek3[] = "<div class=\"sortie_droite\" style=\"margin-top:-6px ; height:7px ; margin-left:";
char Lettrek4[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:1px ; background-color:white\">";
char Lettrel[] = "<div class=\"boucle162\" style=\"margin-top:-19px ; margin-left:";
char Lettrel1[] = "<div class=\"sortie_droite\" style=\"margin-top:-1px ; margin-left:1px ; height:17px\">";
char Lettrel2[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:4px ; background-color:white\">";
char Lettrem[] = "<div class=\"boucle14\" style=\"margin-top:-13px ; margin-left:";
char Lettrem1[] = "<div class=\"boucle14\" style=\"margin-top:-1px ; margin-left:10px\">";
char Lettrem2[] = "<div class=\"boucle14\" style=\"margin-top:-1px ; margin-left:10px\">";
char Lettrem3[] = "<div class=\"sortie_droite\" style=\"margin-left:10px\">";
char Lettren[] = "<div class=\"boucle14\" style=\"margin-top:-12px ; margin-left:";
char Lettren1[] = "<div class=\"boucle14\" style=\"margin-top:-1px ; margin-left:10px\">";
char Lettren2[] = "<div class=\"sortie_droite\" style=\"margin-left:10px\">";
char Lettreo[] = "<div class=\"boucle15\" style=\"margin-top:-12px ; margin-left:";
char Lettreo1[] = "<div class=\"boucle16\" style=\"margin-top:-5px ; margin-left:-3px\">";
char Lettreo2[] = "<div class=\"boucle213 tourne45m\" style=\"margin-top:-8px ; margin-left:4px\">";
char Lettreo3[] = "<div class=\"boucle214 tourne90m\" style=\"margin-top:-3.2px ; margin-left:3px\">";
char Lettrep[] = "<div class=\"boucle9\" style=\"margin-top:-11px ; margin-left:";
char Lettrep1[] = "<div class=\"trait_vertical1\" style=\"height:20px ; margin-left:10px\">";
char Lettrep2[] = "<div class=\"boucle14\" style=\"margin-top:-1px ; margin-left:0.1px\">";
char Lettrep3[] = "<div class=\"sortie_droite\" style=\"margin-left:10px\">";
char Lettreq[] = "<div class=\"boucle1\" style=\"margin-top:-15px ; margin-left:";
char Lettreq1[] = "<div class=\"trait_vertical1\" style=\"height:20px ; margin-left:10px\">";
char Lettreq2[] = "<div class=\"boucle14\" style=\"margin-top:-1px ; margin-left:0.1px\">";
char Lettreq3[] = "<div class=\"sortie_droite\" style=\"margin-left:10px\">";
char Lettrer[] = "<div class=\"boucle33\" style=\"margin-top:-13px ; margin-left:";
char Lettrer1[] = "<div class=\"boucle34\" style=\"margin-top:-5px ; margin-left:8px\">";
char Lettrer2[] = "<div class=\"boucle17\" style=\"margin-top:7px ; margin-left:10px\">";
char Lettres[] = "<div class=\"boucle20\" style=\"margin-top:-13px ; margin-left:";
char Lettres1[] = "<div class=\"boucle21\" style=\"margin-left:7px\">";
char Lettret[] = "<div class=\"boucle9\" style=\"margin-top:-20px ; height:20px ; margin-left:";
char Lettret1[] = "<div class=\"sortie_droite\" style=\"margin-top:10px ; margin-left:10px\">";
char Lettret2[] = "<div class=\"trait_vertical1\" style=\"margin-top:-6px ; width:10px ; height:2px ; margin-left:-5px\">";
char Lettreu[] = "<div class=\"boucle9\" style=\"margin-top:-11px ; margin-left:";
char Lettreu1[] = "<div class=\"sortie_droite\" style=\"margin-left:10px\">";
char Lettreu2[] = "<div class=\"boucle9\" style=\"margin-left:-2px\">";
char Lettreu3[] = "<div class=\"sortie_droite\" style=\"margin-left:10px\">";
char Lettrev[] = "<div class=\"boucle29\" style=\"margin-top:-13px ; margin-left:";
char Lettrev1[] = "<div class=\"boucle23\" style=\"margin-left:6px\">";
char Lettrev2[] = "<div class=\"trait_vertical1\" style=\"width:6px ; height:2px ; margin-left:5px\">";
char Lettrev3[] = "<div class=\"boucle30\" style=\"margin-top:-2px ; margin-left:8px\">";
char Lettrew[] = "<div class=\"boucle22\" style=\"margin-top:-13px ; margin-left:";
char Lettrew1[] = "<div class=\"boucle23\" style=\"margin-left:16px\">";
char Lettrew2[] = "<div class=\"boucle22\" style=\"margin-left:16px ; margin-left:-12px\">";
char Lettrew3[] = "<div class=\"boucle23\" style=\"margin-left:16px\">";
char Lettrex[] = "<div class=\"boucle24\" style=\"margin-top:-13px ; margin-left:";
char Lettrex1[] = "<div class=\"boucle25\" style=\"margin-left:10px\">";
char Lettrey[] = "<div class=\"boucle26\" style=\"margin-top:-13px ; margin-left:";
char Lettrey1[] = "<div class=\"boucle27\" style=\"margin-left:12px\">";
char Lettrez[] = "<div class=\"boucle19\" style=\"margin-top:-13px ; height:10px ; margin-left:";
char Lettrez1[] = "<div class=\"boucle16\" style=\"margin-top:-5px ; margin-left:8px ; wight:10px\">";
char Lettrez2[] = "<div class=\"boucle7\" style=\"margin-top:5px ; margin-left:25px ; height:40px\">";
char Lettrez3[] = "<div class=\"boucle2\" style=\"margin-top:25px ; margin-left:30px ; height:15px\">";

char LettreA[] = "<div class=\"boucle170\" style=\"margin-top:-20px ; margin-left:";
char LettreA1[] = "<div class=\"boucle112\" style=\"margin-left:22px\">";
char LettreA2[] = "<div class=\"boucle16\" style=\"margin-top:7px ; margin-left:-12px\">";
char LettreB[] = "<div class=\"boucle102\" style=\"margin-top:-17px ; margin-left:";
char LettreB1[] = "<div class=\"boucle103\" style=\"margin-top:-25px ; height:10px ; margin-left:";
char LettreB2[] = "<div class=\"boucle103\" style=\"margin-top:-2px ; height:10px ; margin-left:";
char LettreC[] = "<div class=\"boucle104\" style=\"margin-top:-22px ; margin-left:";
char LettreC1[] = "<div class=\"boucle105\" style=\"margin-top:-15px ; margin-left:-7px\">";
char LettreC2[] = "<div class=\"trait_vertical1\" style=\"width:0.5px ; height:0.5px ; margin-top:-3px ; background-color:white\">";
char LettreD[] = "<div class=\"boucle102\" style=\"margin-top:-15px ; margin-left:";
char LettreD1[] = "<div class=\"boucle103\" style=\"margin-top:-23px ; height:20px ; margin-left:";
char LettreE[] = "<div class=\"boucle106\" style=\"margin-top:-19px ; height:7px ; margin-left:";
char LettreE1[] = "<div class=\"boucle106\" style=\"margin-top:-2px ; height:7px ; margin-left:";
char LettreE2[] = "<div class=\"boucle107\" style=\"margin-top:-22px ; height:5px ; margin-left:";
char LettreE3[] = "<div class=\"trait_vertical1\" style=\"width:0.5px ; height:0.5px ; margin-top:13px ; background-color:white\">";
char LettreF[] = "<div class=\"boucle108\" style=\"margin-top:-20px ; height:12px ; margin-left:";
char LettreF1[] = "<div class=\"boucle109\" style=\"margin-top:-2px ; height:12px ; margin-left:";
char LettreF2[] = "<div class=\"boucle109 tourne90\" style=\"margin-top:-14px ; height:12px ; margin-left:";
char LettreF3[] = "<div class=\"boucle109\" style=\"margin-top:-2px ; margin-left:10px ; height:18px\">";
char LettreF4[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:-3px ; background-color:white\">";
char LettreG[] = "<div class=\"boucle110\" style=\"margin-top:-15px ; margin-left:";
char LettreG1[] = "<div class=\"boucle7\" style=\"margin-top:-10px ; margin-left:";
char LettreG2[] = "<div class=\"boucle2 tourne45m\" style=\"margin-left:";
char LettreH[] = "<div class=\"boucle172\" style=\"margin-top:-20px ; height:20px ; margin-left:";
char LettreH1[] = "<div class=\"boucle173\" style=\"margin-top:-20px ; height:20px ; margin-left:";
char LettreH2[] = "<div class=\"boucle172\" style=\"margin-top:-20px ; height:20px ; margin-left:";
char LettreH3[] = "<div class=\"boucle173\" style=\"margin-top:-20px ;  height:20px ; margin-left:";
char LettreH4[] = "<div class=\"boucle172 tourne90\" style=\"margin-top:-20px ; height:20px ; margin-left:";
char LettreI[] = "<div class=\"boucle111\" style=\"margin-top:-16px ; margin-left:";
char LettreI1[] = "<div class=\"boucle108 tourne90\" style=\"margin-top:-10px ; margin-left:4px ; height:7px\">";
char LettreJ[] = "<div class=\"boucle111\" style=\"margin-top:-16px ; margin-left:";
char LettreJ1[] = "<div class=\"boucle108 tourne90\" style=\"margin-top:-14px ; margin-left:8px ; height:21px\">";
char LettreK[] = "<div class=\"boucle113\" style=\"margin-top:-20px ; margin-left:";
char LettreK1[] = "<div class=\"boucle108 tourne45\" style=\"margin-top:-18px ; height:12px ; margin-left:";
char LettreK2[] = "<div class=\"boucle108 tourne90\" style=\"margin-top:-5px ; margin-left:-1px ; height:12px\">";
char LettreL[] = "<div class=\"boucle161\" style=\"margin-top:-17px ; margin-left:";
char LettreL1[] = "<div class=\"boucle114\" style=\"margin-top:-9px ; margin-left:";
char LettreL2[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:-13px ; background-color:white\">";
char LettreM[] = "<div class=\"boucle165\" style=\"margin-top:-18px ; margin-left:";
char LettreM1[] = "<div class=\"boucle165\" style=\"margin-top:-1px ; margin-left:10px\">";
char LettreM2[] = "<div class=\"boucle165\" style=\"margin-top:-1px ; margin-left:10px\">";
char LettreM3[] = "<div class=\"sortie_droite\" style=\"margin-top:8px ; margin-left:10px\">";
char LettreN[] = "<div class=\"boucle165\" style=\"margin-top:-18px ; margin-left:";
char LettreN1[] = "<div class=\"boucle165\" style=\"margin-top:-1px ; margin-left:10px\">";
char LettreN2[] = "<div class=\"sortie_droite\" style=\"margin-top:8px ; margin-left:10px\">";
char LettreO[] = "<div class=\"boucle150\" style=\"margin-top:-20px ; margin-left:";
char LettreO1[] = "<div class=\"boucle160\" style=\"margin-top:-15px ; margin-left:-3px\">";
char LettreP[] = "<div class=\"boucle113\" style=\"margin-top:-21px ; margin-left:";
char LettreP1[] = "<div class=\"boucle115\" style=\"margin-top:1px ; margin-left:7px ; height:12px\">";
char LettreQ[] = "<div class=\"boucle116\" style=\"margin-top:-20px ; margin-left:";
char LettreQ1[] = "<div class=\"boucle113 tourne180\" style=\"margin-top:10px ; margin-left:2px ; height:6px\">";
char LettreR[] = "<div class=\"boucle102\" style=\"margin-top:-18px ; margin-left:";
char LettreR1[] = "<div class=\"boucle103\" style=\"margin-top:1px ; margin-left:19px ; height:10px\">";
char LettreR2[] = "<div class=\"boucle171 tourne90\" style=\"margin-top:8px ; margin-left:1px\">";
char LettreS[] = "<div class=\"boucle117 tourne45\" style=\"margin-top:-27px ; margin-left:";
char LettreS1[] = "<div class=\"boucle117 tourne180\" style=\"margin-top:10px ; margin-left:-11px\">";
char LettreT[] = "<div class=\"boucle158 tourne45\" style=\"margin-top:-26px ; margin-left:";
char LettreT1[] = "<div class=\"boucle157 tourne180\" style=\"margin-top:5px ; margin-left:-11px\">";
char LettreT2[] = "<div class=\"trait_vertical1\" style=\"margin-top:-16px ; margin-left:";
char LettreU[] = "<div class=\"boucle9\" style=\"margin-top:-13px ; margin-left:";
char LettreU1[] = "<div class=\"sortie_droite\" style=\"margin-left:10px\">";
char LettreU2[] = "<div class=\"boucle9\" style=\"margin-left:2px\">";
char LettreU3[] = "<div class=\"sortie_droite\" style=\"margin-left:10px\">";
char LettreV[] = "<div class=\"boucle29\" style=\"margin-top:-13px ; margin-left:";
char LettreV1[] = "<div class=\"boucle23\" style=\"margin-left:16px\">";
char LettreV2[] = "<div class=\"trait_vertical1\" style=\"width:12px ; height:2px ; margin-left:5px\">";
char LettreW[] = "<div class=\"boucle22\" style=\"margin-top:-13px ; margin-left:";
char LettreW1[] = "<div class=\"boucle23\" style=\"margin-left:16px\">";
char LettreW2[] = "<div class=\"boucle22\" style=\"margin-left:16px ; margin-left:-12px\">";
char LettreW3[] = "<div class=\"boucle23\" style=\"margin-left:16px\">";
char LettreX[] = "<div class=\"boucle24\" style=\"margin-top:-18px ; height:20px ; margin-left:";
char LettreX1[] = "<div class=\"boucle25\" style=\"margin-left:17px ; height:20px\">";
char LettreY[] = "<div class=\"boucle26\" style=\"margin-top:-13px ; height:20px ; margin-left:";
char LettreY1[] = "<div class=\"boucle27\" style=\"margin-left:12px ; height:20px\">";
char LettreZ[] = "<div class=\"boucle19\" style=\"margin-top:-13px ; height:10px ; margin-left:";
char LettreZ1[] = "<div class=\"boucle16\" style=\"margin-top:-5px ; margin-left:8px ; wight:10px\">";
char LettreZ2[] = "<div class=\"boucle7\" style=\"margin-top:5px ; margin-left:25px ; height:40px\">";
char LettreZ3[] = "<div class=\"boucle2\" style=\"margin-top:25px ; margin-left:30px ; height:15px\">";

char chiffre0a[] = "<div class=\"boucle201\" style=\"margin-top:-19px ; margin-left:40px ; margin-left:";
char chiffre1a[] = "<div class=\"trait_vertical1\" style=\"margin-top:-15px ; height:15px ; margin-left:";
char chiffre1b[] = "<div class=\"boucle210\" style=\"margin-left:-16px\">";
char chiffre2a[] = "<div class=\"boucle217\" style=\"margin-top:-14px ; margin-left:";
char chiffre2b[] = "<div class=\"trait_vertical1\" style=\"margin-top:7px ; margin-left:0px; height:5px\">";
char chiffre2c[] = "<div class=\"trait_horizontal1\" style=\"margin-top:5px ; margin-left:0px\">";
char chiffre2d[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:4px ; background-color:white\">";
char chiffre3a[] = "<div class=\"boucle217\" style=\"margin-top:-14px ; margin-left:";
char chiffre3b[] = "<div class=\"boucle217\" style=\"margin-top:5px ; margin-left:0px\">";
char chiffre3c[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:3.6px ; background-color:white\">";
char chiffre4a[] = "<div class=\"trait_vertical1\" style=\"margin-top:-13px ; height:14px ; margin-left:";
char chiffre4b[] = "<div class=\"trait_horizontal1\" style=\"margin-top:6px ; margin-left:-9px\">";
char chiffre4c[] = "<div class=\"trait_vertical1 tourne45m\" style=\"margin-top:-8px ; margin-left:4px ; height:12px\">";
char chiffre4d[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:-2px ; background-color:white\">";
char chiffre5a[] = "<div class=\"boucle217\" style=\"margin-top:-7px ; margin-left:";
char chiffre5b[] = "<div class=\"trait_vertical1\" style=\"margin-top:-8px ; margin-left:0px; height:7px\">";
char chiffre5c[] = "<div class=\"trait_horizontal1\" style=\"margin-top:0px ; margin-left:0px\">";
char chiffre5d[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:-3.2px ; background-color:white\">";
char chiffre6a[] = "<div class=\"boucle208\" style=\"margin-top:-8px ; margin-left:";
char chiffre6b[] = "<div class=\"boucle212\" style=\"margin-top:-9px ; margin-left:-2px\">";
char chiffre6c[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:-2px ; background-color:white\">";
char chiffre7a[] = "<div class=\"trait_horizontal1\" style=\"width:9px ; margin-top:-15px ; margin-left:";
char chiffre7b[] = "<div class=\"trait_vertical1 tourne30m\" style=\"height:17px ; margin-top:1.2px ; margin-left:6px\">";
char chiffre7c[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:-1px ; background-color:white\">";
char chiffre8a[] = "<div class=\"boucle204\" style=\"margin-top:-13px ; margin-left:";
char chiffre8b[] = "<div class=\"boucle205\" style=\"margin-top:5px ; margin-left:-2px\">";
char chiffre9a[] = "<div class=\"boucle202\" style=\"margin-top:-13px ; margin-left:";
char chiffre9b[] = "<div class=\"boucle203\" style=\"margin-top:-6px ; margin-left:0px\">";
char chiffre9c[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:-2px ; background-color:white\">";

char traitbas[] = "<div class=\"trait_horizontal1\" style=\"width:111px ; height:0.5px ; margin-top:0px ; margin-left:";
char traitbas1[] = "<div class=\"trait_horizontal1\" style=\"width:111px ;height:0.5px ; margin-top:-12px ; background-color:red\">";
char traitbas2[] = "<div class=\"trait_horizontal1\" style=\"width:111px ;height:0.5px ; margin-top:-4px ; background-color:green\">";
char Lettrespe1a[] = "<div class=\"boucle202\" style=\"margin-top:10px ; margin-left:";
char Lettrespe1b[] = "<div class=\"boucle203\" style=\"margin-top:-10px ; margin-left:0px\">";
char Lettrespe2a[] = "<div class=\"boucle31\" style=\"margin-top:-17px ; margin-left:";
char Lettrespe2b[] = "<div class=\"boucle32\" style=\"margin-top:7px ; margin-left:7px\">";
char Lettrespe2c[] = "<div class=\"trait_vertical1\" style=\"margin-top:9px; margin-left:-1px ; width:2px ; height:2px\">";
char Lettrespe3a[] = "<div class=\"trait_vertical1\" style=\"margin-top:-9px; width:9px ; height:2px ; margin-left:";
char Lettrespe3b[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:6px ; background-color:white\">";
char Lettrespe4a[] = "<div class=\"boucle210\" style=\"margin-top:5px ; margin-left:";
char Lettrespe4b[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:-16px ; background-color:white\">";
char Lettrespe5a[] = "<div class=\"trait_vertical1\" style=\"margin-top:2px; width: 2px ; height: 2px ; margin-left:";
char Lettrespe5b[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:-16px ; background-color:white\">";

char monaccogauche[] = "<div class=\"boucle218\" style=\"margin-top:-13px; margin-left:";
char monaccogauche1[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:-2px ; background-color:white\">";

char monaccodroite[] = "<div class=\"boucle219\" style=\"margin-top:-13px; margin-left:";
char monaccodroite1[] = "<div class=\"trait_vertical1\" style=\"width:1px ; height:1px ; margin-top:-2px ; background-color:white\">";


char LeSautDeLigne[] = "<br />";
char Pointajuste[] = "<div class=\"trait_vertical1\" style=\"margin-top:-20px ; width: 0.1px ; height: 0.1px\">";
char Monespace[] = "<div class=\"trait_vertical1\" style=\"width: 5px ; height: 0.1px ; background-color:white\">";


        sortieglm << "<!DOCTYPE html>" << endl;
        sortieglm << "<html>" << endl;
        sortieglm << "<head>" << endl;
        sortieglm << "<meta charset=\"UTF-8\">" << endl;
        sortieglm << "<title>v</title>" << endl;
        sortieglm << "<meta name=viewport content=\"width=device-width, initial-scale=1\">" << endl;
        sortieglm << "<style>" << endl;
        sortieglm << ".mon_humeur1{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 40px;" << endl;
        sortieglm << "height: 40px;" << endl;
        sortieglm << "background-color: #F5FFFA;" << endl;
        sortieglm << "margin-left: 1px;}" << endl;
        sortieglm << ".trait_vertical1{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 2px;" << endl;
        sortieglm << "height: 10px;" << endl;
        sortieglm << "background-color: #3366FF;}" << endl;
        sortieglm << ".trait_horizontal1{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 2px;" << endl;
        sortieglm << "background-color: #3366FF;}" << endl;
        sortieglm << ".trait_horizontal1:active{" << endl;
        sortieglm << "background-color: #F5FFFA;}" << endl;
        sortieglm << ".action{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "cursor:pointer;" << endl;
        sortieglm << "background-color: #F5FFFA;}" << endl;
        sortieglm << ".angle1 {" << endl;
        sortieglm << "-ms-transform: rotate(60deg);" << endl;
        sortieglm << "-webkit-transform: rotate(60deg);" << endl;
        sortieglm << "transform: rotate(60deg);}" << endl;
        sortieglm << ".boucle1{" << endl;
        sortieglm << "width: 8px;" << endl;
        sortieglm << "height: 8px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:8px;" << endl;
        sortieglm << "border-top-right-radius:8px;" << endl;
        sortieglm << "border-bottom-right-radius:8px;" << endl;
        sortieglm << "border-bottom-left-radius:8px;}" << endl;
        sortieglm << ".sortie_droite{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 8px;" << endl;
        sortieglm << "height: 8px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:8px;" << endl;
        sortieglm << "border-top-right-radius:4px;" << endl;
        sortieglm << "border-bottom-right-radius:32px;" << endl;
        sortieglm << "border-bottom-left-radius:8px;" << endl;
        sortieglm << "margin-left: 8px;}" << endl;
        sortieglm << ".boucle2{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 20px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-left: 1.5px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:20px;" << endl;
        sortieglm << "border-top-right-radius:12px;" << endl;
        sortieglm << "border-bottom-right-radius:12px;" << endl;
        sortieglm << "border-bottom-left-radius:20px;}" << endl;
        sortieglm << ".boucle3{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 20px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-right: 1.5px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:12px;" << endl;
        sortieglm << "border-top-right-radius:20px;" << endl;
        sortieglm << "border-bottom-right-radius:20px;" << endl;
        sortieglm << "border-bottom-left-radius:12px;}" << endl;
        sortieglm << ".boucle4{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 20px;" << endl;
        sortieglm << "height: 25px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-left: 1.5px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:20px;" << endl;
        sortieglm << "border-top-right-radius:40px;" << endl;
        sortieglm << "border-bottom-right-radius:40px;" << endl;
        sortieglm << "border-bottom-left-radius:100px;}" << endl;
        sortieglm << ".boucle5{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 20px;" << endl;
        sortieglm << "height: 20px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-right: 1.5px solid #3366FF;" << endl;
        sortieglm << "border-top-right-radius:40px;" << endl;
        sortieglm << "border-top-left-radius:40px;" << endl;
        sortieglm << "border-bottom-left-radius:40px;" << endl;
        sortieglm << "border-bottom-right-radius:200px;}" << endl;
        sortieglm << ".boucle6{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 5px;" << endl;
        sortieglm << "height: 10px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-right: 1.5px solid #3366FF;" << endl;
        sortieglm << "border-top-right-radius:40px;" << endl;
        sortieglm << "border-top-left-radius:40px;" << endl;
        sortieglm << "border-bottom-left-radius:40px;" << endl;
        sortieglm << "border-bottom-right-radius:200px;}" << endl;
        sortieglm << ".boucle7{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 20px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-right: 1.5px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px;" << endl;
        sortieglm << "border-top-right-radius:5px;" << endl;
        sortieglm << "border-bottom-right-radius:40px;" << endl;
        sortieglm << "border-bottom-left-radius:10px;" << endl;
        sortieglm << "margin-left: 50px;}" << endl;
        sortieglm << ".boucle8{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 10px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px;" << endl;
        sortieglm << "border-top-right-radius:80px;" << endl;
        sortieglm << "border-bottom-right-radius:5px;" << endl;
        sortieglm << "border-bottom-left-radius:90px;}" << endl;
        sortieglm << ".boucle9{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 10px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-right: 1.5px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:20px;" << endl;
        sortieglm << "border-top-right-radius:10px;" << endl;
        sortieglm << "border-bottom-right-radius:80px;" << endl;
        sortieglm << "border-bottom-left-radius:20px;" << endl;
        sortieglm << "margin-left: 50px;}" << endl;
        sortieglm << ".boucle10{" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 20px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-top: 2px solid blue;" << endl;
        sortieglm << "border-right: 2px solid blue;" << endl;
        sortieglm << "border-top-left-radius: 40px;" << endl;
        sortieglm << "border-bottom-right-radius:40px;}" << endl;
        sortieglm << ".boucle11{" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 20px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-top: 2px solid blue;" << endl;
        sortieglm << "border-right: 2px solid blue;" << endl;
        sortieglm << "border-top-right-radius: 40px;" << endl;
        sortieglm << "border-bottom-left-radius:40px;}" << endl;
        sortieglm << ".boucle12{" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 15px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-left: 2px solid blue;" << endl;
        sortieglm << "border-left: 2px solid blue;" << endl;
        sortieglm << "border-top-left-radius: 80px;" << endl;
        sortieglm << "border-bottom-left-radius:20px;}" << endl;
        sortieglm << ".boucle13{" << endl;
        sortieglm << "width: 5px;" << endl;
        sortieglm << "height: 5px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:5px;" << endl;
        sortieglm << "border-top-right-radius:5px;" << endl;
        sortieglm << "border-bottom-right-radius:5px;" << endl;
        sortieglm << "border-bottom-left-radius:5px;}" << endl;
        sortieglm << ".boucle14{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 8px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px;" << endl;
        sortieglm << "border-top-right-radius:10px;" << endl;
        sortieglm << "border-bottom-right-radius:3px;" << endl;
        sortieglm << "border-bottom-left-radius:10px;}" << endl;
        sortieglm << ".boucle15{ position:absolute; width: 10px; height: 10px;" << endl;
        sortieglm << "border: 0px; border-bottom: 1.5px solid #3366FF;" << endl;
        sortieglm << "border-left: 1.5px solid #3366FF; border-top: 1.5px solid #3366FF;" << endl;
        sortieglm << "border-right: 1.5px solid #3366FF;  border-top-left-radius:20px;" << endl;
        sortieglm << "border-top-right-radius:20px; border-bottom-right-radius:20px;" << endl;
        sortieglm << "border-bottom-left-radius:20px; }" << endl;
        sortieglm << ".boucle16{ position:absolute; width: 20px; height: 8px; border: 0px;" << endl;
        sortieglm << "border-bottom: 1.5px solid #3366FF; border-top-left-radius:8px;" << endl;
        sortieglm << "border-top-right-radius:25px; border-bottom-right-radius:50px;" << endl;
        sortieglm << "border-bottom-left-radius:50px; }" << endl;
        sortieglm << ".boucle17{ position:absolute; width: 10px; height: 8px; border: 0px;" << endl;
        sortieglm << "border-left: 2px solid #3366FF;  border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px; border-top-right-radius:5px;" << endl;
        sortieglm << "border-bottom-right-radius:40px; border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".boucle18{ position:absolute; width: 10px; height: 10px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-right-radius:10px; border-top-left-radius:5px;" << endl;
        sortieglm << "border-bottom-left-radius:40px; border-bottom-right-radius:10px; }" << endl;
        sortieglm << ".boucle19{ position:absolute; width: 10px; height: 20px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top-left-radius:20px;" << endl;
        sortieglm << "border-top-right-radius:20px; border-bottom-right-radius:80px;" << endl;
        sortieglm << "border-bottom-left-radius:20px; margin-left: 50px; }" << endl;
        sortieglm << ".boucle20{ position:absolute;  width: 25px; height: 14px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top-left-radius:14px;" << endl;
        sortieglm << "border-top-right-radius:5px; border-bottom-right-radius:80px;" << endl;
        sortieglm << "border-bottom-left-radius:14px; }" << endl;
        sortieglm << ".boucle21{position:absolute; width: 20px; height: 14px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top-left-radius:20px;" << endl;
        sortieglm << "border-top-right-radius:5px; border-bottom-right-radius:14px;" << endl;
        sortieglm << "border-bottom-left-radius:14px; }" << endl;
        sortieglm << ".boucle22{ position:absolute; width: 15px; height: 12px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top-left-radius:120px;" << endl;
        sortieglm << "border-top-right-radius:120px; border-bottom-right-radius:15px;" << endl;
        sortieglm << "border-bottom-left-radius:15px; }" << endl;
        sortieglm << ".boucle23{ position:absolute; width: 15px; height: 12px; border: 0px;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-top-left-radius:120px;" << endl;
        sortieglm << "border-top-right-radius:120px; border-bottom-right-radius:15px;" << endl;
        sortieglm << "border-bottom-left-radius:15px; }" << endl;
        sortieglm << ".boucle24{ position:absolute; width: 10px; height: 10px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-right-radius:120px; border-bottom-right-radius:120px;" << endl;
        sortieglm << "border-bottom-left-radius:120px; border-top-left-radius:120px;}" << endl;
        sortieglm << ".boucle25{ position:absolute; width:10px; height: 10px; border: 0px;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-right-radius:120px; border-bottom-right-radius:120px;" << endl;
        sortieglm << "border-bottom-left-radius:120px; border-top-left-radius:120px;}" << endl;
        sortieglm << ".boucle26{ position:absolute; width: 15px; height: 25px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top-left-radius:120px;" << endl;
        sortieglm << "border-top-right-radius:120px; border-bottom-right-radius:15px;" << endl;
        sortieglm << "border-bottom-left-radius:15px; }" << endl;
        sortieglm << ".boucle27{ position:absolute; width: 30px; height: 25px; border: 0px;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-top-left-radius:150px;" << endl;
        sortieglm << "border-top-right-radius:150px; border-bottom-right-radius:80px;" << endl;
        sortieglm << "border-bottom-left-radius:80px; }" << endl;
        sortieglm << ".boucle28{ width: 10px; height: 10px; border: 0px; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px; border-top-right-radius:10px;" << endl;
        sortieglm << "border-bottom-right-radius:5px; border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".boucle29{ position:absolute; width: 8px; height: 8px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-right-radius:15px; border-bottom-right-radius:15px;" << endl;
        sortieglm << "border-bottom-left-radius:15px;  border-top-left-radius:120px;}" << endl;
        sortieglm << ".boucle30{ position:absolute; width: 8px; height: 10px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-right-radius:5px; border-bottom-right-radius:15px;" << endl;
        sortieglm << "border-bottom-left-radius:15px;  border-top-left-radius:15px;}" << endl;
        sortieglm << ".boucle31{ position:absolute; width: 8px; height: 8px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF;border-top-right-radius:8px; border-bottom-right-radius:5px;" << endl;
        sortieglm << "border-bottom-left-radius:8px;  border-top-left-radius:8px;}" << endl;
        sortieglm << ".boucle32{ position:absolute; width: 10px; height: 8px; border: 0px;" << endl;
        sortieglm << "border-botton: 2px solid #3366FF; border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-right-radius:8px; border-bottom-right-radius:5px;" << endl;
        sortieglm << "border-bottom-left-radius:8px;  border-top-left-radius:8px;}" << endl;
        sortieglm << ".boucle33{ position:absolute; width: 10px; height: 12px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top-left-radius:20px;" << endl;
        sortieglm << "border-top-right-radius:20px; border-bottom-right-radius:80px;" << endl;
        sortieglm << "border-bottom-left-radius:20px; margin-left: 50px; }" << endl;
        sortieglm << ".boucle34{ position:absolute; width: 15px; height: 8px; border: 0px;" << endl;
        sortieglm << "border-bottom: 1.5px solid #3366FF; border-top-left-radius:8px;" << endl;
        sortieglm << "border-top-right-radius:25px; border-bottom-right-radius:50px;" << endl;
        sortieglm << "border-bottom-left-radius:50px; }" << endl;

        sortieglm << ".boucle100 { float: left;" << endl;
        sortieglm << "  -ms-transform: rotate(-27deg);" << endl;
        sortieglm << "  -webkit-transform: rotate(-27deg);" << endl;
        sortieglm << "  transform: rotate(-27deg); }" << endl;
        sortieglm << ".boucle101 { float: left;" << endl;
        sortieglm << "    -ms-transform: rotate(110deg);" << endl;
        sortieglm << "    -webkit-transform: rotate(110deg);" << endl;
        sortieglm << "    transform: rotate(110deg); }" << endl;
        sortieglm << ".boucle102{ position:absolute; width: 20px; height: 20px;" << endl;
        sortieglm << "border: 0px; border-right: 3px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:20px; border-top-right-radius:10px;" << endl;
        sortieglm << "border-bottom-right-radius:80px; border-bottom-left-radius:20px;" << endl;
        sortieglm << "margin-left: 50px; }" << endl;
        sortieglm << ".boucle103{ width: 14px; height: 7px; border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF; border-top-left-radius:7px;" << endl;
        sortieglm << "border-top-right-radius:7px; border-bottom-right-radius:7px;" << endl;
        sortieglm << "border-bottom-left-radius:7px; }" << endl;
        sortieglm << ".boucle104{   width: 20px;   height: 20px; border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF; border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF; border-top-left-radius:22px;" << endl;
        sortieglm << "border-top-right-radius:17px; border-bottom-right-radius:17px;" << endl;
        sortieglm << "border-bottom-left-radius:22px; }" << endl;
        sortieglm << ".boucle105{ width: 25px; height: 20px; border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF; border-top-left-radius:22px;" << endl;
        sortieglm << "border-top-right-radius:17px; border-bottom-right-radius:17px;" << endl;
        sortieglm << "border-bottom-left-radius:22px; }" << endl;
        sortieglm << ".boucle106{ width: 7px; height: 7px; border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF; border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF; border-top-left-radius:7px;" << endl;
        sortieglm << "border-top-right-radius:3px; border-bottom-right-radius:3px;" << endl;
        sortieglm << "border-bottom-left-radius:7px; }" << endl;
        sortieglm << ".boucle107{ width: 10px; height: 7px; border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF; border-top-left-radius:7px;" << endl;
        sortieglm << "border-top-right-radius:7px; border-bottom-right-radius:7px;" << endl;
        sortieglm << "border-bottom-left-radius:7px; } " << endl;
        sortieglm << ".boucle108{ width: 10px; height: 14px; border: 0px;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-top-left-radius:100px;" << endl;
        sortieglm << "border-top-right-radius:14px; border-bottom-right-radius:14px;" << endl;
        sortieglm << "border-bottom-left-radius:14px; }" << endl;
        sortieglm << ".boucle109{ width: 10px; height: 14px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top-left-radius:14px;" << endl;
        sortieglm << "border-top-right-radius:14px; border-bottom-right-radius:100px;" << endl;
        sortieglm << "border-bottom-left-radius:14px; } " << endl;
        sortieglm << ".tourne90 { float: left;" << endl;
        sortieglm << "    -ms-transform: rotate(-90deg);" << endl;
        sortieglm << "    -webkit-transform: rotate(-90deg);" << endl;
        sortieglm << "    transform: rotate(-90deg); }" << endl;
        sortieglm << ".tourne90m { float: left;" << endl;
        sortieglm << "    -ms-transform: rotate(90deg);" << endl;
        sortieglm << "    -webkit-transform: rotate(90deg);" << endl;
        sortieglm << "    transform: rotate(90deg); }" << endl;
        sortieglm << ".tourne45 { float: left;" << endl;
        sortieglm << "    -ms-transform: rotate(-45deg);" << endl;
        sortieglm << "    -webkit-transform: rotate(-45deg);" << endl;
        sortieglm << "    transform: rotate(-45deg); }" << endl;
        sortieglm << ".tourne180 { float: left;" << endl;
        sortieglm << "    -ms-transform: rotate(-180deg);" << endl;
        sortieglm << "    -webkit-transform: rotate(-180deg);" << endl;
        sortieglm << "    transform: rotate(-180deg); }" << endl;
        sortieglm << ".tourne30 { float: left;" << endl;
        sortieglm << "    -ms-transform: rotate(-45deg);" << endl;
        sortieglm << "    -webkit-transform: rotate(-45deg);" << endl;
        sortieglm << "    transform: rotate(-45deg); }" << endl;
        sortieglm << ".boucle110{ width: 14px; height: 14px; border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-top-left-radius:7px;" << endl;
        sortieglm << "border-top-right-radius:7px; border-bottom-right-radius:14px;" << endl;
        sortieglm << "border-bottom-left-radius:14px; }" << endl;
        sortieglm << ".boucle111{ width: 14px; height: 14px; border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:7px; border-top-right-radius:7px;" << endl;
        sortieglm << "border-bottom-right-radius:14px; border-bottom-left-radius:14px; }" << endl;
        sortieglm << ".boucle112{ position:absolute; width: 20px; height: 20px; border: 0px;" << endl;
        sortieglm << "border-left: 3px solid #3366FF; border-top-left-radius:10px;" << endl;
        sortieglm << "border-top-right-radius:20px; border-bottom-right-radius:20px;" << endl;
        sortieglm << "border-bottom-left-radius:80px; margin-left: 50px; }" << endl;
        sortieglm << ".boucle113{ width: 16px; height: 18px; border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:140px; border-top-right-radius:18px;" << endl;
        sortieglm << "border-bottom-right-radius:140px; border-bottom-left-radius:18px; }" << endl;
        sortieglm << ".boucle114{ width: 18px ; height: 18px; border: 0px;" << endl;
        sortieglm << "border-top: 2px solid #3366FF; border-top-left-radius:18px;" << endl;
        sortieglm << "border-top-right-radius:18px; border-bottom-right-radius:18px;" << endl;
        sortieglm << "border-bottom-left-radius:18px; }" << endl;
        sortieglm << ".boucle115{ width: 16px; height: 10px; border: 0px;" << endl;
        sortieglm << "border-top: 2px solid #3366FF; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-top-left-radius:10px;" << endl;
        sortieglm << "border-top-right-radius:10px; border-bottom-right-radius:10px;" << endl;
        sortieglm << "border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".boucle116{ width: 10px; height: 16px; border: 0px;" << endl;
        sortieglm << "border-top: 2px solid #3366FF; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px; border-top-right-radius:10px;" << endl;
        sortieglm << "border-bottom-right-radius:10px; border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".boucle117{ width: 10px; height: 16px; border: 0px; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px; border-top-right-radius:10px;" << endl;
        sortieglm << "border-bottom-right-radius:10px; border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".boucle118{ width: 10px; height: 16px; border: 0px; border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF; border-top-left-radius:10px;" << endl;
        sortieglm << "border-top-right-radius:10px; border-bottom-right-radius:10px;" << endl;
        sortieglm << "border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".boucle119{ width: 10px; height: 20px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px; border-top-right-radius:10px;" << endl;
        sortieglm << "border-bottom-right-radius:10px; border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".tourne35m { float: left;" << endl;
        sortieglm << "    -ms-transform: rotate(37deg); " << endl;
        sortieglm << "    -webkit-transform: rotate(37deg);" << endl;
        sortieglm << "    transform: rotate(37deg); }" << endl;
        sortieglm << ".boucle120 { float: left;" << endl;
        sortieglm << "    -ms-transform: rotate(14.562deg);" << endl;
        sortieglm << "    -webkit-transform: rotate(14.562deg)" << endl;
        sortieglm << "    transform: rotate(14.562deg); }" << endl;
        sortieglm << "#corde1 { }" << endl;
        sortieglm << "#corde1:active{ display: none; }" << endl;
        sortieglm << ".boucle150{ position:absolute; width: 10px; height: 16px;" << endl;
        sortieglm << "border: 0px; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-right: 2px solid #3366FF;  border-top-left-radius:20px;" << endl;
        sortieglm << "border-top-right-radius:20px; border-bottom-right-radius:20px;" << endl;
        sortieglm << "border-bottom-left-radius:20px; }" << endl;
        sortieglm << ".boucle160{ position:absolute; width: 20px; height: 16px; border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF; border-top-left-radius:8px;" << endl;
        sortieglm << "border-top-right-radius:25px; border-bottom-right-radius:50px;" << endl;
        sortieglm << "border-bottom-left-radius:50px; }" << endl;
        sortieglm << ".boucle170{ position:absolute; width: 20px; height: 20px;" << endl;
        sortieglm << "border: 0px; border-right: 3px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:20px; border-top-right-radius:10px;" << endl;
        sortieglm << "border-bottom-right-radius:80px; border-bottom-left-radius:20px;" << endl;
        sortieglm << "margin-left: 50px; }" << endl;
        sortieglm << ".boucle171{ width: 6px; height: 8px; border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:140px; border-top-right-radius:18px;" << endl;
        sortieglm << "border-bottom-right-radius:140px; border-bottom-left-radius:18px; }" << endl;
        sortieglm << ".boucle172{ width: 10px; height: 14px; border: 0px; border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:100px; border-top-right-radius:14px;" << endl;
        sortieglm << "border-bottom-right-radius:14px; border-bottom-left-radius:14px; }" << endl;
        sortieglm << ".boucle173{ width: 10px; height: 14px; border: 0px; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:14px; border-top-right-radius:14px;" << endl;
        sortieglm << "border-bottom-right-radius:100px; border-bottom-left-radius:14px; }" << endl;

        sortieglm << ".boucle165{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 16px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px;" << endl;
        sortieglm << "border-top-right-radius:10px;" << endl;
        sortieglm << "border-bottom-right-radius:3px;" << endl;
        sortieglm << "border-bottom-left-radius:10px;}" << endl;


        sortieglm << ".boucle157{ width: 8px; height: 8px; border: 0px; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:8px; border-top-right-radius:8px;" << endl;
        sortieglm << "border-bottom-right-radius:8px; border-bottom-left-radius:8px; }" << endl;
        sortieglm << ".boucle158{ width: 8px; height: 8px; border: 0px; border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF; border-top-left-radius:8px;" << endl;
        sortieglm << "border-top-right-radius:8px; border-bottom-right-radius:8px;" << endl;
        sortieglm << "border-bottom-left-radius:8px; }" << endl;
        sortieglm << ".boucle159{ width: 10px; height: 10px; border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:5px; border-top-right-radius:5px;" << endl;
        sortieglm << "border-bottom-right-radius:5px; border-bottom-left-radius:5px; }" << endl;
        sortieglm << ".boucle161{ width: 8px; height: 16px; border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:140px; border-top-right-radius:18px;" << endl;
        sortieglm << "border-bottom-right-radius:140px; border-bottom-left-radius:18px; }" << endl;
        sortieglm << ".boucle162{" << endl;
        sortieglm << "width: 7px;" << endl;
        sortieglm << "height: 10px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:100px;" << endl;
        sortieglm << "border-top-right-radius:50px;" << endl;
        sortieglm << "border-bottom-right-radius:100px;" << endl;
        sortieglm << "border-bottom-left-radius:5px;}" << endl;
        sortieglm << ".boucle163{" << endl;
        sortieglm << "position:absolute;" << endl;
        sortieglm << "width: 10px;" << endl;
        sortieglm << "height: 8px;" << endl;
        sortieglm << "border: 0px;" << endl;
        sortieglm << "border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px;" << endl;
        sortieglm << "border-top-right-radius:10px;" << endl;
        sortieglm << "border-bottom-right-radius:3px;" << endl;
        sortieglm << "border-bottom-left-radius:10px;}" << endl;


        sortieglm << ".trait_vertical1{ position:relative; width: 2px; height: 15px; background-color: #3366FF; }" << endl;
        sortieglm << ".trait_vertical1:active{ background-color: #F5FFFA; }" << endl;
        sortieglm << ".trait_horizontal1{ position:absolute; width: 10px; height: 2px; background-color: #3366FF; }" << endl;
        sortieglm << ".trait_horizontal1:active{ background-color: #F5FFFA; }" << endl;
        sortieglm << ".action{ position:absolute; cursor:pointer; background-color: #F5FFFA; }" << endl;
        sortieglm << ".boucle201{ width: 8px; height: 15px; border: 0px; border-top: 2px solid #3366FF; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-left: 2px solid #3366FF; border-bottom: 2px solid #3366FF; border-top-left-radius:15px;" << endl;
        sortieglm << "border-top-right-radius:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; }" << endl;
        sortieglm << ".boucle202{ width: 8px; height: 10px; border: 0px; border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-bottom: 2px solid #3366FF; border-top-left-radius:10px;" << endl;
        sortieglm << "border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".boucle203{ width: 8px; height: 10px; border: 0px; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px;" << endl;
        sortieglm << "border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".boucle204{ width: 5px; height: 5px; border: 0px; border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-left: 2px solid #3366FF; border-top-left-radius:10px;" << endl;
        sortieglm << "border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".boucle205{ width: 5px; height: 5px; border: 0px; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-left: 2px solid #3366FF; border-top-left-radius:10px;" << endl;
        sortieglm << "border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".boucle206{ width: 10px; height: 7px; border: 0px; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top: 2px solid #3366FF; border-top-left-radius:5px;" << endl;
        sortieglm << "border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:5px; }" << endl;
        sortieglm << ".boucle207{ width: 10px; height: 7px; border: 0px; border-left: 2px solid #3366FF; border-top-left-radius:5px;" << endl;
        sortieglm << "border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:5px; }" << endl;
        sortieglm << ".boucle208{ width: 10px; height: 5px; border: 0px; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top: 2px solid #3366FF; border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:5px; border-top-right-radius:10px; border-bottom-right-radius:10px;" << endl;
        sortieglm << "border-bottom-left-radius:5px; }" << endl;
        sortieglm << ".boucle209{ width: 10px; height: 7px; border: 0px; border-left: 2px solid #3366FF; border-top-left-radius:5px;" << endl;
        sortieglm << "border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:5px; }" << endl;
        sortieglm << ".boucle210{ position:relative; width: 15px; height: 10px; border: 0px; border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:100px;" << endl;
        sortieglm << "border-bottom-left-radius:10px; }" << endl;
        sortieglm << ".boucle211{ width: 14px; height: 14px; border: 0px; border-top: 2px solid #3366FF;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top-left-radius:140px; border-top-right-radius:14px;" << endl;
        sortieglm << "border-bottom-right-radius:14px; border-bottom-left-radius:14px; }" << endl;
        sortieglm << ".boucle212{ width: 12px; height: 8px; border: 0px; border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top: 2px solid #3366FF; border-top-left-radius:8px; border-top-right-radius:8px;" << endl;
        sortieglm << "border-bottom-right-radius:8px; border-bottom-left-radius:4px; }" << endl;
        sortieglm << ".tourne45m { float: left;" << endl;
        sortieglm << "    -ms-transform: rotate(45deg);" << endl;
        sortieglm << "    -webkit-transform: rotate(45deg);" << endl;
        sortieglm << "   transform: rotate(45deg); }" << endl;
        sortieglm << ".tourne30m { float: left;" << endl;
        sortieglm << "    -ms-transform: rotate(30deg);" << endl;
        sortieglm << "    -webkit-transform: rotate(30deg);" << endl;
        sortieglm << "    transform: rotate(30deg); }" << endl;
        sortieglm << ".tourne90 { float: left;" << endl;
        sortieglm << "    -ms-transform: rotate(-90deg);" << endl;
        sortieglm << "    -webkit-transform: rotate(-90deg);" << endl;
        sortieglm << "    transform: rotate(-90deg); }" << endl;
        sortieglm << ".boucle213{position:relative; width: 2px; height: 5px; background-color: #3366FF; }" << endl;
        sortieglm << ".boucle214{position:relative; width: 2px; height: 5px; background-color: #3366FF; }" << endl;
        sortieglm << ".boucle216{ position:relative; width: 15px; height: 10px; border: 0px; border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-right-radius:10px;" << endl;
        sortieglm << "border-bottom-left-radius:100px; }" << endl;
        sortieglm << ".boucle217{ width: 10px; height: 5px; border: 0px; border-bottom: 2px solid #3366FF;" << endl;
        sortieglm << "border-right: 2px solid #3366FF; border-top: 2px solid #3366FF; border-top-left-radius:5px;" << endl;
        sortieglm << "border-top-right-radius:10px; border-bottom-right-radius:10px; border-bottom-left-radius:5px; }" << endl;
        sortieglm << ".boucle218{ width: 6px; height: 14px; border: 0px; border-left: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:14px ; border-bottom-right-radius:14px; " << endl;
        sortieglm << "border-top-right-radius:14px; border-bottom-left-radius:14px; }" << endl;
        sortieglm << ".boucle219{ width: 6px; height: 14px; border: 0px;border-right: 2px solid #3366FF;" << endl;
        sortieglm << "border-top-left-radius:14px ; border-bottom-right-radius:14px; " << endl;
        sortieglm << "border-top-right-radius:14px; border-bottom-left-radius:14px; }" << endl;

        sortieglm << "</style>" << endl;
        sortieglm << "</head>" << endl;
        sortieglm << "<body>" << endl;


// la variable passerelle
                char quiestla;  
// lit le caractère et le range dans quiestla

//                entreglm.get(quiestla);  

//                cout << quiestla;  // on l'affiche

int placement = 20;
int caractereplus = 0;

//je crer un espace
        sortieglm << LeSautDeLigne << endl;
        sortieglm << LeSautDeLigne << endl;

        while(entreglm.get(quiestla))  // tant que sa rentre

        {

switch (caractereplus)
{

     case 0: {



// compare et génère
switch (quiestla)
{
     case -59: {
  caractereplus = 2;
  placement = placement - 20;
          break;
    }

     case -61: {
  caractereplus = 1;
  placement = placement - 20;
          break;
    }


     case 10: {
        sortieglm << LeSautDeLigne << endl;
  placement = 10;
          break;
    }
     case 32: {
        sortieglm << Monespace << endl;
        sortieglm << Lediv << endl;
          break;
    }
// en attente double apotrophe
     case 34: {
        sortieglm << Monespace << endl;
        sortieglm << Lediv << endl;
          break;
    }
// en attente et commercial
     case 38: {
        sortieglm << Monespace << endl;
        sortieglm << Lediv << endl;
          break;
    }

// apostrophe
     case 39: {
        placement = placement - 5;
        sortieglm << Lettree3 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettree6 << endl;
        sortieglm << Lediv << endl;
        placement = placement + 5;
          break;
    }
// en attente (
     case 40: {
        placement = placement + 3;
        sortieglm << monaccogauche << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << monaccogauche1 << endl;
        sortieglm << Lediv << endl;
        placement = placement - 14;
          break;
    }
// en attente )
     case 41: {
        sortieglm << monaccodroite << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << monaccodroite1 << endl;
        sortieglm << Lediv << endl;
        placement = placement - 14;
          break;
    }
// virgule
     case 44: {
        placement = placement - 5;
        sortieglm << Lettrespe4a << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettrespe4b << endl;
        sortieglm << Lediv << endl;
        placement = placement + 5;
          break;
    }

// trait union
     case 45: {
        placement = placement + 4;
        sortieglm << Lettrespe3a << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettrespe3b << endl;
        sortieglm << Lediv << endl;
          break;
    }
// le point
     case 46: {
        placement = placement - 5;
        sortieglm << Lettrespe5a << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettrespe5b << endl;
        sortieglm << Lediv << endl;
        placement = placement + 5;
          break;
    }
// chiffre 0
     case 48: {
        sortieglm << chiffre0a << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
          break;
    }
// chiffre 1
     case 49: {
        placement = placement + 8;
        sortieglm << chiffre1a << placement << "px\">" << endl;
        sortieglm << chiffre1b << endl;
        sortieglm << Lediv << Lediv << endl;
        placement = placement - 14;
          break;
    }
     case 50: {
        placement = placement + 2;
        sortieglm << chiffre2a << placement << "px\">" << endl;
        sortieglm << chiffre2b << endl;
        sortieglm << chiffre2c << endl;
        sortieglm << Lediv << Lediv << Lediv << endl;
        sortieglm << chiffre2d << endl;
        sortieglm << Lediv << endl;
        placement = placement - 3;
          break;
    }
     case 51: {
        placement = placement + 2;
        sortieglm << chiffre3a << placement << "px\">" << endl;
        sortieglm << chiffre3b << endl;
        sortieglm << Lediv << Lediv << endl;
        sortieglm << chiffre3c << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 52: {
        placement = placement + 4;

        sortieglm << chiffre4a << placement << "px\">" << endl;
        sortieglm << chiffre4b << endl;
        sortieglm << chiffre4c << endl;
        sortieglm << Lediv << Lediv << Lediv << endl;
        sortieglm << chiffre4d << endl;
        sortieglm << Lediv << endl;
        placement = placement - 10;
          break;
    }
     case 53: {
        sortieglm << chiffre5a << placement << "px\">" << endl;
        sortieglm << chiffre5b << endl;
        sortieglm << chiffre5c << endl;
        sortieglm << Lediv << Lediv << Lediv << endl;
        sortieglm << chiffre5d << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 54: {
        sortieglm << chiffre6a << placement << "px\">" << endl;
        sortieglm << chiffre6b << endl;
        sortieglm << Lediv << Lediv << endl;
        sortieglm << chiffre6c << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 55: {
        sortieglm << chiffre7a << placement << "px\">" << endl;
        sortieglm << chiffre7b << endl;
        sortieglm << Lediv << Lediv << endl;
        sortieglm << chiffre7c << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 56: {
        sortieglm << chiffre8a << placement << "px\">" << endl;
        sortieglm << chiffre8b << endl;
        sortieglm << Lediv << Lediv << endl;
          break;
    }
     case 57: {
        sortieglm << chiffre9a << placement << "px\">" << endl;
        sortieglm << chiffre9b << endl;
        sortieglm << Lediv << Lediv << endl;
        sortieglm << chiffre9c << endl;
        sortieglm << Lediv << endl;
          break;
    }

// point interrogation
     case 63: {
        sortieglm << Lettrespe2a << placement << "px\">" << endl;
        sortieglm << Lettrespe2b << endl;
        sortieglm << Lettrespe2c << endl;
        sortieglm << Lediv << Lediv << Lediv << endl;
          break;
    }


// lettre A
     case 65: {
        placement = placement - 7;
        sortieglm << LettreA << placement << "px\">" << endl;
        sortieglm << LettreA1 << endl;
        sortieglm << LettreA2 << endl;
        sortieglm << Lediv << Lediv << Lediv << endl;
        placement = placement + 17;
          break;
    }
// lettre B
     case 66: {
        placement = placement - 7;
        sortieglm << LettreB << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement + 20;
        sortieglm << LettreB1 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << LettreB2 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 67: {
        sortieglm << LettreC << placement << "px\">" << endl;
        sortieglm << LettreC1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << LettreC2 << endl;
        sortieglm << Lediv << endl;
        placement = placement + 5;
          break;
    }
     case 68: {
        placement = placement - 7;
        sortieglm << LettreD << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement + 20;
        sortieglm << LettreD1 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 69: {
        sortieglm << LettreE << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << LettreE1 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement - 3;
        sortieglm << LettreE2 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << LettreE3 << endl;
        sortieglm << Lediv << endl;
        placement = placement - 3;
          break;
    }
     case 70: {
        sortieglm << LettreF << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement - 10;
        sortieglm << LettreF1 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement +13;
        sortieglm << LettreF2 << placement << "px\">" << endl;
        sortieglm << LettreF3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << LettreF4 << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 71: {
        sortieglm << LettreG << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement + 7;
        sortieglm << LettreG1 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement + 5;
        sortieglm << LettreG2 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;

          break;
    }
     case 72: {
        placement = placement + 5;
        sortieglm << LettreH << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement - 10;
        sortieglm << LettreH1 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement + 20;
        sortieglm << LettreH2 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement - 10;
        sortieglm << LettreH3 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << LettreH4 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement + 2;
          break;
    }
     case 73: {
        sortieglm << LettreI << placement << "px\">" << endl;
        sortieglm << LettreI1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 74: {
        sortieglm << LettreJ << placement << "px\">" << endl;
        sortieglm << LettreJ1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 75: {
        sortieglm << LettreK << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement + 12;
        sortieglm << LettreK1 << placement << "px\">" << endl;
        sortieglm << LettreK2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;

          break;
    }
     case 76: {
        placement = placement - 2;
        sortieglm << LettreL << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << LettreL1 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << LettreL2 << endl;
        sortieglm << Lediv << endl;
        placement = placement + 1;
          break;
    }
     case 77: {
        sortieglm << LettreM << placement << "px\">" << endl;
        sortieglm << LettreM1 << endl;
        sortieglm << LettreM2 << endl;
        sortieglm << LettreM3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 20;
          break;
    }
     case 78: {
        sortieglm << LettreN << placement << "px\">" << endl;
        sortieglm << LettreN1 << endl;
        sortieglm << LettreN2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 12;
          break;
    }
     case 79: {
        sortieglm << LettreO << placement << "px\">" << endl;
        sortieglm << LettreO1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 80: {
        sortieglm << LettreP << placement << "px\">" << endl;
        sortieglm << LettreP1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 81: {
        sortieglm << LettreQ << placement << "px\">" << endl;
        sortieglm << LettreQ1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 82: {
        placement = placement - 10;
        sortieglm << LettreR << placement << "px\">" << endl;
        sortieglm << LettreR1 << endl;
        sortieglm << LettreR2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 14;
          break;
    }
     case 83: {
        sortieglm << LettreS << placement << "px\">" << endl;
        sortieglm << LettreS1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 84: {
        sortieglm << LettreT << placement << "px\">" << endl;
        sortieglm << LettreT1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << LettreT2 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 85: {
        sortieglm << LettreU << placement << "px\">" << endl;
        sortieglm << LettreU1 << endl;
        sortieglm << LettreU2 << endl;
        sortieglm << LettreU3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 14;
          break;
    }
     case 86: {
        sortieglm << LettreV << placement << "px\">" << endl;
        sortieglm << LettreV1 << endl;
        sortieglm << LettreV2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 10;
          break;
    }
     case 87: {
        sortieglm << LettreW << placement << "px\">" << endl;
        sortieglm << LettreW1 << endl;
        sortieglm << LettreW2 << endl;
        sortieglm << LettreW3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 88: {
        sortieglm << LettreX << placement << "px\">" << endl;
        sortieglm << LettreX1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 10;
          break;
    }
     case 89: {
        sortieglm << LettreY << placement << "px\">" << endl;
        sortieglm << LettreY1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 90: {
        sortieglm << LettreZ << placement << "px\">" << endl;
        sortieglm << LettreZ1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << LettreZ2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << LettreZ3 << endl;
        sortieglm << Lediv << endl;
          break;
    }

// ajout
     case 95: {
        sortieglm << traitbas << placement << "px\">" << endl;
        sortieglm << traitbas1 << endl;
        sortieglm << traitbas2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement - 9;
          break;
    }



// lettrea
     case 97: {
        sortieglm << Lettrea << placement << "px\">" << endl;
        sortieglm << Lettrea1 << endl;
        sortieglm << Pointajuste << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 98: {
        sortieglm << Lettreb << placement << "px\">" << endl;
        sortieglm << Lettreb1 << endl;
        sortieglm << Lettreb2 << endl;
        sortieglm << Lettreb3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 99: {
        sortieglm << Lettrec << placement << "px\">" << endl;
        sortieglm << Lettrec1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 100: {
        sortieglm << Lettred << placement << "px\">" << endl;
        sortieglm << Lettred1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 101: {
        sortieglm << Lettree << placement << "px\">" << endl;
        sortieglm << Lettree1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettree5 << endl;
        sortieglm << Lediv << endl;
        placement = placement - 9;
          break;
    }
     case 102: {
        sortieglm << Lettref << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement - 6;
        sortieglm << Lettref1 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement + 6;
        sortieglm << Lettref2 << placement << "px\">" << endl;
        sortieglm << Lettref3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement -11;
          break;
    }
     case 103: {
        sortieglm << Lettreg << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettreg1 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettreg2 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement -5;
          break;
    }
     case 104: {
        sortieglm << Lettreh << placement << "px\">" << endl;
        sortieglm << Lettreh1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement -3;
        sortieglm << Lettreh2 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        placement = placement -3;
          break;
    }
     case 105: {
        placement = placement - 7;
        sortieglm << Lettrei << placement << "px\">" << endl;
        sortieglm << Lettrei1 << endl;
        sortieglm << Lettrei2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 106: {
        placement = placement - 2;
        sortieglm << Lettrej << placement << "px\">" << endl;
        sortieglm << Lettrej1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 9;
        sortieglm << Lettrej2 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettrej3 << endl;
        sortieglm << Lediv << endl;
        placement = placement - 7;
          break;
    }
     case 107: {
        sortieglm << Lettrek << placement << "px\">" << endl;
        sortieglm << Lettrek1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettrek2 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettrek3 << placement << "px\">" << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettrek4 << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 108: {
        sortieglm << Lettrel << placement << "px\">" << endl;
        sortieglm << Lettrel1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettrel2 << endl;
        sortieglm << Lediv << endl;
        placement = placement - 6;
          break;
    }
     case 109: {
        sortieglm << Lettrem << placement << "px\">" << endl;
        sortieglm << Lettrem1 << endl;
        sortieglm << Lettrem2 << endl;
        sortieglm << Lettrem3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 20;
          break;
    }
     case 110: {
        placement = placement - 1;
        sortieglm << Lettren << placement << "px\">" << endl;
        sortieglm << Lettren1 << endl;
        sortieglm << Lettren2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 12;
          break;
    }
     case 111: {
        sortieglm << Lettreo << placement << "px\">" << endl;
        sortieglm << Lettreo1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 112: {
        sortieglm << Lettrep << placement << "px\">" << endl;
        sortieglm << Lettrep1 << endl;
        sortieglm << Lettrep2 << endl;
        sortieglm << Lettrep3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 10;
          break;
    }
     case 113: {
        sortieglm << Lettreq << placement << "px\">" << endl;
        sortieglm << Lettreq1 << endl;
        sortieglm << Lettreq2 << endl;
        sortieglm << Lettreq3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 10;
          break;
    }
     case 114: {
        placement = placement -5;
        sortieglm << Lettrer << placement << "px\">" << endl;
        sortieglm << Lettrer1 << endl;
        sortieglm << Lettrer2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 10;
          break;
    }
     case 115: {
        placement = placement - 20;
        sortieglm << Lettres << placement << "px\">" << endl;
        sortieglm << Lettres1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 10;
          break;
    }
     case 116: {
        placement = placement - 7;
        sortieglm << "<div>" << endl;
        sortieglm << Lettret << placement << "px\">" << endl;
        sortieglm << Lettret1 << endl;
        sortieglm << Lettret2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 117: {
        placement = placement - 7;
        sortieglm << Lettreu << placement << "px\">" << endl;
        sortieglm << Lettreu1 << endl;
        sortieglm << Lettreu2 << endl;
        sortieglm << Lettreu3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 14;
          break;
    }
     case 118: {
        sortieglm << Lettrev << placement << "px\">" << endl;
        sortieglm << Lettrev3 << endl;
        sortieglm << Lettrev1 << endl;
        sortieglm << Lettrev2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 10;
          break;
    }
     case 119: {
        placement = placement - 9;
        sortieglm << Lettrew << placement << "px\">" << endl;
        sortieglm << Lettrew1 << endl;
        sortieglm << Lettrew2 << endl;
        sortieglm << Lettrew3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 7;
          break;
    }
     case 120: {
        placement = placement - 5;
        sortieglm << Lettrex << placement << "px\">" << endl;
        sortieglm << Lettrex1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 10;
          break;
    }
     case 121: {
        sortieglm << Lettrey << placement << "px\">" << endl;
        sortieglm << Lettrey1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 122: {
        sortieglm << Lettrez << placement << "px\">" << endl;
        sortieglm << Lettrez1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettrez2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettrez3 << endl;
        sortieglm << Lediv << endl;
          break;
    }
     case 123: {
        sortieglm << Lettrea << endl;
        sortieglm << Lettrea1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
}
//ecriture dans index.html



          break;
    }



     case 1: {


switch (quiestla)
{
// u accent grave
     case -71: {
        placement = placement - 7;
        sortieglm << Lettreu << placement << "px\">" << endl;
        sortieglm << Lettreu1 << endl;
        sortieglm << Lettreu2 << endl;
        sortieglm << Lettreu3 << endl;
        sortieglm << Lettree4 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 14;
          break;
    }
// o chapeau de gendarme
     case -76: {
        sortieglm << Lettreo << placement << "px\">" << endl;
        sortieglm << Lettreo1 << endl;
        sortieglm << Lettreo2 << endl;
        sortieglm << Lettreo3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement - 6;
          break;
    }

// i chapeau de gendarme
     case -82: {
        placement = placement - 7;
        sortieglm << Lettrei << placement << "px\">" << endl;
        sortieglm << Lettrei1 << endl;
        sortieglm << Lettreo2 << endl;
        sortieglm << Lettreo3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }

// e chapeau de gendarme
     case -86: {
        sortieglm << Lettree << placement << "px\">" << endl;
        sortieglm << Lettree1 << endl;
        sortieglm << Lettrea2 << endl;
        sortieglm << Lettrea3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettree7 << endl;
        sortieglm << Lediv << endl;
        placement = placement - 9;
          break;
    }

// e accent aigu
     case -87: {
        sortieglm << Lettree << placement << "px\">" << endl;
        sortieglm << Lettree1 << endl;
        sortieglm << Lettree2 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettree7 << endl;
        sortieglm << Lediv << endl;
        placement = placement - 9;
          break;
    }
// e accent grave
     case -88: {
        sortieglm << Lettree << placement << "px\">" << endl;
        sortieglm << Lettree1 << endl;
        sortieglm << Lettree4 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement - 9;
          break;
    }
// en attente c cédille
     case 89: {
        sortieglm << Monespace << endl;
        sortieglm << Lediv << endl;
          break;
    }
// a chapeau de gendarme
     case -94: {
        sortieglm << Lettrea << placement << "px\">" << endl;
        sortieglm << Lettrea1 << endl;
        sortieglm << Lettrea2 << endl;
        sortieglm << Lettrea3 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }
// a accent grave
     case -96: {
        sortieglm << Lettrea << placement << "px\">" << endl;
        sortieglm << Lettrea1 << endl;
        sortieglm << Lettrea4 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
          break;
    }


}



  caractereplus = 0;

          break;
    }



/*******/
     case 2: {


switch (quiestla)
{
// le e dans le o
     case -109: {
        sortieglm << Lettreo << placement << "px\">" << endl;
        sortieglm << Lettreo1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        placement = placement + 10;
        sortieglm << Lettree << placement << "px\">" << endl;
        sortieglm << Lettree1 << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lediv << endl;
        sortieglm << Lettree5 << endl;
        sortieglm << Lediv << endl;
        placement = placement - 9;
          break;
    }



}



  caractereplus = 0;

          break;
    }

/*************/

}//fin tri caractere normal

//
placement = placement + 20;


        }//fin de la boucle du while



        sortieglm << "</body>" << endl;
        sortieglm << "</html>" << endl;

                 sortieglm.close();
        }


        else

                cerr << "Impossible d'ouvrir le sortieglm !" << endl;

//

                entreglm.close();

        }

        else

                cerr << "Impossible d'ouvrir le entreglm !" << endl;

 

        return 0;

}

 



P.S. aux utilisateurs de pdf, comparer la protection possible et le poids du fichier html compressé par rapport au pdf. Il me semble que les concepts ne sont pas dans la même catégorie, nous pouvons même dire que la différence est tellement grande qu'ils sont incomparables.

Dernière modification par temps (23-09-2015 22:41:41)

Hors ligne

#3 06-09-2015 00:15:15

temps
Adhérent(e)
Inscription : 02-03-2014

Re : Documents aux normes iso

Bonjour,

Il me reste à améliorer la qualité des lettres du premier alphabet, et à ajouter les majuscules.
Mais je présente un exemple sans constructeur par mouvements de formes.

C'est ici, généré avec le code donné dans le message précédent.
http://www.letime.net/alpha/exemple1.html

Puisque maintenant les navigateurs lisent les formats compressé, le poids du document fait juste plus que 1ko

Il suffit d'entrer son texte dans un fichier (nommé aconvertir.txt ) accompagnant l'application

Cordialement

Dernière modification par temps (06-09-2015 00:47:26)

Hors ligne

#4 25-10-2015 10:36:25

temps
Adhérent(e)
Inscription : 02-03-2014

Re : Documents aux normes iso

Bonjour,
Quelques nouvelles du projet "son point faible est qu'il nécessite firefox".
Celui-ci a pris plusieurs formes.

La première forme indique comment créer son propre alphabet et comment le rendre non identifiable par les machines, mais tout à fait lisible pour un simple enfant, en utilisant la logique multidirectionnelle.

La deuxième forme est un générateur automatique de texte en css, une application c++ qui convertit les fichiers textes en page html que les robots n'arrivent pas à analyser. En cas de contre attaque, (un programme créer par un homme dédié à cette application, il suffit de la faire juste un peu évoluer pour garder un coup d'avance sur les programmes des robots. l'évolution de l'application est facile et infini, alors que pour les robots il faut beaucoup de travail humain et reste limité. C'est ici http://www.letime.net/alpha/glm.html

La troisième forme est la création de dessins animés construits en css3.
Comme ces dessins animés sont issus du langage multidirectionnel, il est facile d'y ajouter du son attaché à une image, ou du texte.
c'est ici http://www.letime.net/alpha/exemple5.html

La quatrième forme est le la vidéo inter-active, qui fait changer l'histoire de la vidéo selon les réactions ( mouvements souris, clique clavier ou souris ..) de celui qui regarde la vidéo
J'ai déjà réalisé une vidéo d'une minute de cette forme avant les vacances d'été, mais je dois recommencer la vidéo car un problème matériel m'a fait perdre le document présentable.

Je travaille actuellement sur orange PI PC je vais donc orienter ces développements vers cette technologie écologique (5v 2A)

Cordialement

Dernière modification par temps (25-10-2015 10:43:28)

Hors ligne

#5 25-10-2015 10:39:45

paskal
autobahn
Lieu : ailleurs
Inscription : 14-06-2011
Site Web

Re : Documents aux normes iso

Bonjour,

Quel foisonnement d'idées !  cool

I'd love to change the world
But I don't know what to do
So I'll leave it up to you...

logo-sur-fond.png

Hors ligne

#6 11-11-2015 09:45:28

temps
Adhérent(e)
Inscription : 02-03-2014

Re : Documents aux normes iso

Bonjour,

Je travaille actuellement sur cette page : http://www.letime.net/alpha/dessin/alerte.html

Ctrl+U pour récupérer le code

Mon objectif est de retrouver une ancienne technique d'expression (post romaine antique)

Le fichier génère les images en css et les gère dans le temps en les faisant apparaître dans les div.
La bande son est généré à l'aide d'un mix de petits sons de base.

Pour ne plus rien à avoir à télécharger autre que le html5 ultra léger et générer la vidéo, je voudrai utiliser mon format audio.
mais pour ça il faut que j'arrive à générer un fichier wav dans la cache de firefox.

Est-ce que quelqu'un a une idée de comment faire ?

Dernière modification par temps (11-11-2015 09:48:03)

Hors ligne

Pied de page des forums